npm - barsa-calendar - Versions diffs - 1.0.325 → 1.0.327 - Mend

barsa-calendar 1.0.325 → 1.0.327

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.

Files changed (11) hide show

package/esm2020/lib/calendar-month/calendar-month.component.mjs CHANGED Viewed

@@ -5,14 +5,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "../days-in-week.pipe";
 import * as i2 from "../services/calendar.service";
 import * as i3 from "@angular/common";
-import * as i4 from "@fundamental-ngx/core/content-density";
-import * as i5 from "@fundamental-ngx/core/button";
-import * as i6 from "@fundamental-ngx/core/popover";
-import * as i7 from "@fundamental-ngx/core/table";
-import * as i8 from "../day-number-box/day-number-box.component";
-import * as i9 from "../event-button/event-button.component";
-import * as i10 from "../day-event-list/day-event-list.component";
-import * as i11 from "barsa-novin-ray-core";
+import * as i4 from "barsa-novin-ray-core";
+import * as i5 from "@fundamental-ngx/core/content-density";
+import * as i6 from "@fundamental-ngx/core/button";
+import * as i7 from "@fundamental-ngx/core/popover";
+import * as i8 from "@fundamental-ngx/core/table";
+import * as i9 from "../day-number-box/day-number-box.component";
+import * as i10 from "../event-button/event-button.component";
+import * as i11 from "../day-event-list/day-event-list.component";
 import * as i12 from "../equal-date.pipe";
 export class CalendarMonthComponent extends BaseComponent {
     constructor(daysInWeek, _cdr, _calendarService) {
@@ -185,7 +185,7 @@ export class CalendarMonthComponent extends BaseComponent {
     }
 }
 CalendarMonthComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CalendarMonthComponent, deps: [{ token: i1.DaysInWeekPipe }, { token: i0.ChangeDetectorRef }, { token: i2.CalendarService }], target: i0.ɵɵFactoryTarget.Component });
-CalendarMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CalendarMonthComponent, 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", 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\">\n    <thead fd-table-header>\n        <tr fd-table-row>\n            <th\n                class=\"weekday-header\"\n                *ngFor=\"let weekDay of selectedWeekDays\"\n                fd-table-cell\n                [class.noborder]=\"isPickerMode\"\n            >\n                {{ weekDay }}\n            </th>\n        </tr>\n    </thead>\n    <tbody fd-table-body>\n        <ng-container *ngFor=\"let weekDay of numberOfWeek\">\n            <tr fd-table-row>\n                <td\n                    [style.height.px]=\"dayHeight\"\n                    fd-table-cell\n                    colspan=\"7\"\n                    [style.border]=\"isPickerMode ? 'none' : null\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderTasks;\n                            context: {\n                                $implicit: isPickerMode ? null : moDataList[weekDay],\n                                weekIndex: weekDay,\n                                days: days | daysInWeek: weekDay,\n                                maxRowTasks: maxRowTasks,\n                                weekDays: weekDays,\n                                calendarFields: calendarFields,\n                                deviceSize: deviceSize,\n                                rtl: rtl,\n                                isPickerMode: isPickerMode\n                            }\n                        \"\n                    ></ng-container>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n<ng-template\n    #renderTasks\n    let-task\n    let-weekIndex=\"weekIndex\"\n    let-weekDays=\"weekDays\"\n    let-days=\"days\"\n    let-maxRowTasks=\"maxRowTasks\"\n    let-calendarFields=\"calendarFields\"\n    let-deviceSize=\"deviceSize\"\n    let-rtl=\"rtl\"\n    let-isPickerMode=\"isPickerMode\"\n>\n    <table fd-table-body class=\"table-content\" [compact]=\"true\">\n        <tbody>\n            <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\n                <td fd-table-cell *ngFor=\"let day of days\" [class.noborder]=\"isPickerMode\">\n                    <bc-day-number-box\n                        [class.fd-calendar__item]=\"isPickerMode\"\n                        [class.fd-calendar__item--other-month]=\"isPickerMode && !day.isInMonth\"\n                        [class.fd-calendar__item--weekend]=\"isPickerMode && day.isWeekend\"\n                        [isPickerMode]=\"isPickerMode\"\n                        [day]=\"day\"\n                        [isActive]=\"\n                            day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\n                                | equalDate: selectedDate\n                        \"\n                        [itemInRange]=\"\n                            startSelectedDayIndex !== undefined &&\n                            endSelectedDayIndex !== undefined &&\n                            day.index >= startSelectedDayIndex &&\n                            day.index <= endSelectedDayIndex\n                        \"\n                        (dayClick)=\"onDayClick(day)\"\n                        (dayMouseMove)=\"onDayMouseMove(day)\"\n                        (dayMouseDown)=\"onDayMouseDown(day)\"\n                        (dayMouseUp)=\"onDayMouseUp(day)\"\n                    ></bc-day-number-box>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"!isPickerMode\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderDayTasks;\n                        context: {\n                            $implicit: weekTasksArray[weekIndex],\n                            maxRowTasks: maxRowTasks,\n                            weekIndex: weekIndex,\n                            deviceSize: deviceSize,\n                            calendarFields: calendarFields,\n                            weekDays: weekDays\n                        }\n                    \"\n                ></ng-container>\n                <tr fd-table-row>\n                    <td fd-table-cell *ngFor=\"let day of days\" class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\n                        <ng-container *ngIf=\"maxRowTasks?.length < day.tasks.length\">\n                            <button\n                                fd-button\n                                (click)=\"onMoreButton($event, popover)\"\n                                [fdType]=\"'transparent'\"\n                                [compact]=\"true\"\n                            >\n                                {{ day.tasks?.length - maxRowTasks?.length }}\n                                {{ 'More' | bbbTranslate }}\n                            </button>\n                            <fd-popover\n                                #popover\n                                [mobile]=\"deviceSize === 's'\"\n                                placement=\"bottom\"\n                                [focusTrapped]=\"true\"\n                                [focusAutoCapture]=\"true\"\n                                (isOpenChange)=\"onOpenPopoverChange($event)\"\n                            >\n                                <bc-day-event-list\n                                    [day]=\"day\"\n                                    [calendarFields]=\"calendarFields\"\n                                    [deviceSize]=\"deviceSize\"\n                                    [weekDays]=\"weekDays\"\n                                    [rtl]=\"rtl\"\n                                    [canDelete]=\"canDelete\"\n                                    [canEdit]=\"canEdit\"\n                                    [popover]=\"popover\"\n                                    (deleteEvent)=\"deleteEvent.emit($event)\"\n                                    (editEvent)=\"editEvent.emit($event)\"\n                                ></bc-day-event-list>\n                            </fd-popover>\n                        </ng-container>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n</ng-template>\n\n<ng-template\n    #renderDayTasks\n    let-weekTasks\n    let-maxRowTasks=\"maxRowTasks\"\n    let-weekIndex=\"weekIndex\"\n    let-deviceSize=\"deviceSize\"\n    let-calendarFields=\"calendarFields\"\n    let-weekDays=\"weekDays\"\n>\n    <tr fd-table-row *ngFor=\"let rowTask of maxRowTasks; let i = index\">\n        <ng-container *ngIf=\"!weekTasks[i] || weekTasks[i].length === 0\">\n            <td fd-table-cell *ngFor=\"let day of weekDays\"></td>\n        </ng-container>\n        <ng-container *ngFor=\"let task of weekTasks[i]; let dayIndex = index\">\n            <td fd-table-cell [attr.colspan]=\"task.colSpan\" *ngIf=\"task.colSpan\">\n                <ng-container *ngIf=\"task.event; else newDaySelect\">\n                    <bc-event-button\n                        [task]=\"task\"\n                        [calendarFields]=\"calendarFields\"\n                        [deviceSize]=\"deviceSize\"\n                        [rtl]=\"rtl\"\n                        [canDelete]=\"canDelete\"\n                        [canEdit]=\"canEdit\"\n                        (deleteEvent)=\"deleteEvent.emit($event)\"\n                        (editEvent)=\"editEvent.emit($event)\"\n                        (openPopoverChange)=\"onOpenPopoverChange($event)\"\n                    ></bc-event-button>\n                </ng-container>\n                <ng-template #newDaySelect>\n                    <div style=\"width: 100%; height: 100%\" (click)=\"onDaySelect(weekIndex, dayIndex)\"></div>\n                </ng-template>\n            </td>\n        </ng-container>\n    </tr>\n</ng-template>\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;border:0;overflow:hidden;position:relative;height:2.75rem;margin:.0625rem;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;border:none!important;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.is-active ::ng-deep span{color:var(--sapContent_Selected_TextColor, #fff)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.noborder{border:none!important}table[picker=true] thead,table[picker=true] tbody{border:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { kind: "component", type: i6.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i7.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i7.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i7.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: i8.DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }, { kind: "component", type: i9.EventButtonComponent, selector: "bc-event-button", inputs: ["buttonTemplate", "calendarFields", "task", "rtl", "canDelete", "canEdit", "deviceSize"], outputs: ["deleteEvent", "editEvent", "openPopoverChange"] }, { kind: "component", type: i10.DayEventListComponent, selector: "bc-day-event-list", inputs: ["day", "deviceSize", "weekDays", "calendarFields", "rtl", "canDelete", "canEdit", "popover"], outputs: ["deleteEvent", "editEvent", "openPopOver"] }, { kind: "pipe", type: i11.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.DaysInWeekPipe, name: "daysInWeek" }, { kind: "pipe", type: i12.EqualDatePipe, name: "equalDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CalendarMonthComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CalendarMonthComponent, 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", 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\">\n    <thead fd-table-header>\n        <tr fd-table-row>\n            <th\n                class=\"weekday-header\"\n                *ngFor=\"let weekDay of selectedWeekDays\"\n                fd-table-cell\n                [class.noborder]=\"isPickerMode\"\n            >\n                {{ weekDay }}\n            </th>\n        </tr>\n    </thead>\n    <tbody fd-table-body>\n        <ng-container *ngFor=\"let weekDay of numberOfWeek\">\n            <tr fd-table-row>\n                <td\n                    [style.height.px]=\"dayHeight\"\n                    fd-table-cell\n                    colspan=\"7\"\n                    [style.border]=\"isPickerMode ? 'none' : null\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderTasks;\n                            context: {\n                                $implicit: isPickerMode ? null : moDataList[weekDay],\n                                weekIndex: weekDay,\n                                days: days | daysInWeek: weekDay,\n                                maxRowTasks: maxRowTasks,\n                                weekDays: weekDays,\n                                calendarFields: calendarFields,\n                                deviceSize: deviceSize,\n                                rtl: rtl,\n                                isPickerMode: isPickerMode\n                            }\n                        \"\n                    ></ng-container>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n<ng-template\n    #renderTasks\n    let-task\n    let-weekIndex=\"weekIndex\"\n    let-weekDays=\"weekDays\"\n    let-days=\"days\"\n    let-maxRowTasks=\"maxRowTasks\"\n    let-calendarFields=\"calendarFields\"\n    let-deviceSize=\"deviceSize\"\n    let-rtl=\"rtl\"\n    let-isPickerMode=\"isPickerMode\"\n>\n    <table fd-table-body class=\"table-content\" [compact]=\"true\">\n        <tbody>\n            <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\n                <td fd-table-cell *ngFor=\"let day of days\" [class.noborder]=\"isPickerMode\">\n                    <bc-day-number-box\n                        [class.fd-calendar__item]=\"isPickerMode\"\n                        [class.fd-calendar__item--other-month]=\"isPickerMode && !day.isInMonth\"\n                        [class.fd-calendar__item--weekend]=\"isPickerMode && day.isWeekend\"\n                        [isPickerMode]=\"isPickerMode\"\n                        [day]=\"day\"\n                        [isActive]=\"\n                            day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\n                                | equalDate: selectedDate\n                        \"\n                        [itemInRange]=\"\n                            startSelectedDayIndex !== undefined &&\n                            endSelectedDayIndex !== undefined &&\n                            day.index >= startSelectedDayIndex &&\n                            day.index <= endSelectedDayIndex\n                        \"\n                        (dayClick)=\"onDayClick(day)\"\n                        (dayMouseMove)=\"onDayMouseMove(day)\"\n                        (dayMouseDown)=\"onDayMouseDown(day)\"\n                        (dayMouseUp)=\"onDayMouseUp(day)\"\n                    ></bc-day-number-box>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"!isPickerMode\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderDayTasks;\n                        context: {\n                            $implicit: weekTasksArray[weekIndex],\n                            maxRowTasks: maxRowTasks,\n                            weekIndex: weekIndex,\n                            deviceSize: deviceSize,\n                            calendarFields: calendarFields,\n                            weekDays: weekDays\n                        }\n                    \"\n                ></ng-container>\n                <tr fd-table-row>\n                    <td fd-table-cell *ngFor=\"let day of days\" class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\n                        <ng-container *ngIf=\"maxRowTasks?.length < day.tasks.length\">\n                            <button\n                                fd-button\n                                (click)=\"onMoreButton($event, popover)\"\n                                [fdType]=\"'transparent'\"\n                                [compact]=\"true\"\n                            >\n                                {{ day.tasks?.length - maxRowTasks?.length }}\n                                {{ 'More' | bbbTranslate }}\n                            </button>\n                            <fd-popover\n                                #popover\n                                [mobile]=\"deviceSize === 's'\"\n                                placement=\"bottom\"\n                                [focusTrapped]=\"true\"\n                                [focusAutoCapture]=\"true\"\n                                (isOpenChange)=\"onOpenPopoverChange($event)\"\n                            >\n                                <bc-day-event-list\n                                    [day]=\"day\"\n                                    [calendarFields]=\"calendarFields\"\n                                    [deviceSize]=\"deviceSize\"\n                                    [weekDays]=\"weekDays\"\n                                    [rtl]=\"rtl\"\n                                    [canDelete]=\"canDelete\"\n                                    [canEdit]=\"canEdit\"\n                                    [popover]=\"popover\"\n                                    (deleteEvent)=\"deleteEvent.emit($event)\"\n                                    (editEvent)=\"editEvent.emit($event)\"\n                                ></bc-day-event-list>\n                            </fd-popover>\n                        </ng-container>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n</ng-template>\n\n<ng-template\n    #renderDayTasks\n    let-weekTasks\n    let-maxRowTasks=\"maxRowTasks\"\n    let-weekIndex=\"weekIndex\"\n    let-deviceSize=\"deviceSize\"\n    let-calendarFields=\"calendarFields\"\n    let-weekDays=\"weekDays\"\n>\n    <tr fd-table-row *ngFor=\"let rowTask of maxRowTasks; let i = index\">\n        <ng-container *ngIf=\"!weekTasks[i] || weekTasks[i].length === 0\">\n            <td fd-table-cell *ngFor=\"let day of weekDays\"></td>\n        </ng-container>\n        <ng-container *ngFor=\"let task of weekTasks[i]; let dayIndex = index\">\n            <td fd-table-cell [attr.colspan]=\"task.colSpan\" *ngIf=\"task.colSpan\">\n                <ng-container *ngIf=\"task.event; else newDaySelect\">\n                    <bc-event-button\n                        [task]=\"task\"\n                        [calendarFields]=\"calendarFields\"\n                        [deviceSize]=\"deviceSize\"\n                        [rtl]=\"rtl\"\n                        [canDelete]=\"canDelete\"\n                        [canEdit]=\"canEdit\"\n                        (deleteEvent)=\"deleteEvent.emit($event)\"\n                        (editEvent)=\"editEvent.emit($event)\"\n                        (openPopoverChange)=\"onOpenPopoverChange($event)\"\n                    ></bc-event-button>\n                </ng-container>\n                <ng-template #newDaySelect>\n                    <div style=\"width: 100%; height: 100%\" (click)=\"onDaySelect(weekIndex, dayIndex)\"></div>\n                </ng-template>\n            </td>\n        </ng-container>\n    </tr>\n</ng-template>\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;border:0;overflow:hidden;position:relative;height:2.75rem;margin:.0625rem;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;border:none!important;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.is-active ::ng-deep span{color:var(--sapContent_Selected_TextColor, #fff)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.noborder{border:none!important}table[picker=true] thead,table[picker=true] tbody{border:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i5.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: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i6.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i8.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i8.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i8.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i8.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: i9.DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }, { kind: "component", type: i10.EventButtonComponent, selector: "bc-event-button", inputs: ["buttonTemplate", "calendarFields", "task", "rtl", "canDelete", "canEdit", "deviceSize"], outputs: ["deleteEvent", "editEvent", "openPopoverChange"] }, { kind: "component", type: i11.DayEventListComponent, selector: "bc-day-event-list", inputs: ["day", "deviceSize", "weekDays", "calendarFields", "rtl", "canDelete", "canEdit", "popover"], outputs: ["deleteEvent", "editEvent", "openPopOver"] }, { kind: "pipe", type: i4.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.DaysInWeekPipe, name: "daysInWeek" }, { kind: "pipe", type: i12.EqualDatePipe, name: "equalDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CalendarMonthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bc-calendar-month', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table fd-table class=\"table-header\" [fdCompact] [attr.picker]=\"datePicker\">\n    <thead fd-table-header>\n        <tr fd-table-row>\n            <th\n                class=\"weekday-header\"\n                *ngFor=\"let weekDay of selectedWeekDays\"\n                fd-table-cell\n                [class.noborder]=\"isPickerMode\"\n            >\n                {{ weekDay }}\n            </th>\n        </tr>\n    </thead>\n    <tbody fd-table-body>\n        <ng-container *ngFor=\"let weekDay of numberOfWeek\">\n            <tr fd-table-row>\n                <td\n                    [style.height.px]=\"dayHeight\"\n                    fd-table-cell\n                    colspan=\"7\"\n                    [style.border]=\"isPickerMode ? 'none' : null\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderTasks;\n                            context: {\n                                $implicit: isPickerMode ? null : moDataList[weekDay],\n                                weekIndex: weekDay,\n                                days: days | daysInWeek: weekDay,\n                                maxRowTasks: maxRowTasks,\n                                weekDays: weekDays,\n                                calendarFields: calendarFields,\n                                deviceSize: deviceSize,\n                                rtl: rtl,\n                                isPickerMode: isPickerMode\n                            }\n                        \"\n                    ></ng-container>\n                </td>\n            </tr>\n        </ng-container>\n    </tbody>\n</table>\n<ng-template\n    #renderTasks\n    let-task\n    let-weekIndex=\"weekIndex\"\n    let-weekDays=\"weekDays\"\n    let-days=\"days\"\n    let-maxRowTasks=\"maxRowTasks\"\n    let-calendarFields=\"calendarFields\"\n    let-deviceSize=\"deviceSize\"\n    let-rtl=\"rtl\"\n    let-isPickerMode=\"isPickerMode\"\n>\n    <table fd-table-body class=\"table-content\" [compact]=\"true\">\n        <tbody>\n            <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\n                <td fd-table-cell *ngFor=\"let day of days\" [class.noborder]=\"isPickerMode\">\n                    <bc-day-number-box\n                        [class.fd-calendar__item]=\"isPickerMode\"\n                        [class.fd-calendar__item--other-month]=\"isPickerMode && !day.isInMonth\"\n                        [class.fd-calendar__item--weekend]=\"isPickerMode && day.isWeekend\"\n                        [isPickerMode]=\"isPickerMode\"\n                        [day]=\"day\"\n                        [isActive]=\"\n                            day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\n                                | equalDate: selectedDate\n                        \"\n                        [itemInRange]=\"\n                            startSelectedDayIndex !== undefined &&\n                            endSelectedDayIndex !== undefined &&\n                            day.index >= startSelectedDayIndex &&\n                            day.index <= endSelectedDayIndex\n                        \"\n                        (dayClick)=\"onDayClick(day)\"\n                        (dayMouseMove)=\"onDayMouseMove(day)\"\n                        (dayMouseDown)=\"onDayMouseDown(day)\"\n                        (dayMouseUp)=\"onDayMouseUp(day)\"\n                    ></bc-day-number-box>\n                </td>\n            </tr>\n            <ng-container *ngIf=\"!isPickerMode\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderDayTasks;\n                        context: {\n                            $implicit: weekTasksArray[weekIndex],\n                            maxRowTasks: maxRowTasks,\n                            weekIndex: weekIndex,\n                            deviceSize: deviceSize,\n                            calendarFields: calendarFields,\n                            weekDays: weekDays\n                        }\n                    \"\n                ></ng-container>\n                <tr fd-table-row>\n                    <td fd-table-cell *ngFor=\"let day of days\" class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\n                        <ng-container *ngIf=\"maxRowTasks?.length < day.tasks.length\">\n                            <button\n                                fd-button\n                                (click)=\"onMoreButton($event, popover)\"\n                                [fdType]=\"'transparent'\"\n                                [compact]=\"true\"\n                            >\n                                {{ day.tasks?.length - maxRowTasks?.length }}\n                                {{ 'More' | bbbTranslate }}\n                            </button>\n                            <fd-popover\n                                #popover\n                                [mobile]=\"deviceSize === 's'\"\n                                placement=\"bottom\"\n                                [focusTrapped]=\"true\"\n                                [focusAutoCapture]=\"true\"\n                                (isOpenChange)=\"onOpenPopoverChange($event)\"\n                            >\n                                <bc-day-event-list\n                                    [day]=\"day\"\n                                    [calendarFields]=\"calendarFields\"\n                                    [deviceSize]=\"deviceSize\"\n                                    [weekDays]=\"weekDays\"\n                                    [rtl]=\"rtl\"\n                                    [canDelete]=\"canDelete\"\n                                    [canEdit]=\"canEdit\"\n                                    [popover]=\"popover\"\n                                    (deleteEvent)=\"deleteEvent.emit($event)\"\n                                    (editEvent)=\"editEvent.emit($event)\"\n                                ></bc-day-event-list>\n                            </fd-popover>\n                        </ng-container>\n                    </td>\n                </tr>\n            </ng-container>\n        </tbody>\n    </table>\n</ng-template>\n\n<ng-template\n    #renderDayTasks\n    let-weekTasks\n    let-maxRowTasks=\"maxRowTasks\"\n    let-weekIndex=\"weekIndex\"\n    let-deviceSize=\"deviceSize\"\n    let-calendarFields=\"calendarFields\"\n    let-weekDays=\"weekDays\"\n>\n    <tr fd-table-row *ngFor=\"let rowTask of maxRowTasks; let i = index\">\n        <ng-container *ngIf=\"!weekTasks[i] || weekTasks[i].length === 0\">\n            <td fd-table-cell *ngFor=\"let day of weekDays\"></td>\n        </ng-container>\n        <ng-container *ngFor=\"let task of weekTasks[i]; let dayIndex = index\">\n            <td fd-table-cell [attr.colspan]=\"task.colSpan\" *ngIf=\"task.colSpan\">\n                <ng-container *ngIf=\"task.event; else newDaySelect\">\n                    <bc-event-button\n                        [task]=\"task\"\n                        [calendarFields]=\"calendarFields\"\n                        [deviceSize]=\"deviceSize\"\n                        [rtl]=\"rtl\"\n                        [canDelete]=\"canDelete\"\n                        [canEdit]=\"canEdit\"\n                        (deleteEvent)=\"deleteEvent.emit($event)\"\n                        (editEvent)=\"editEvent.emit($event)\"\n                        (openPopoverChange)=\"onOpenPopoverChange($event)\"\n                    ></bc-event-button>\n                </ng-container>\n                <ng-template #newDaySelect>\n                    <div style=\"width: 100%; height: 100%\" (click)=\"onDaySelect(weekIndex, dayIndex)\"></div>\n                </ng-template>\n            </td>\n        </ng-container>\n    </tr>\n</ng-template>\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;border:0;overflow:hidden;position:relative;height:2.75rem;margin:.0625rem;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;border:none!important;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.is-active ::ng-deep span{color:var(--sapContent_Selected_TextColor, #fff)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.noborder{border:none!important}table[picker=true] thead,table[picker=true] tbody{border:none}\n"] }]

package/esm2020/lib/calendar-selection-days/calendar-selection-days.component.mjs CHANGED Viewed

@@ -169,7 +169,7 @@ CalendarSelectionDaysComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             useFactory: getDateService
         },
         CalendarService
-    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fdp-button glyph=\"calendar\" buttonType=\"transparent\" [fdPopoverTrigger]=\"popover\"></fdp-button>\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"(deviceSize$ | async) === 's'\">\r\n    <fd-popover-body [style.width.px]=\"width$ | async\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                month;\r\n                context: {\r\n                    $implicit: selectedMonth$ | async,\r\n                    width: width$ | async,\r\n                    height: height,\r\n                    rtl: rtl$ | async,\r\n                    weekDays: weekDays,\r\n                    weekDaysMin: weekDaysMin,\r\n                    today: today,\r\n                    deviceSize: deviceSize$ | async,\r\n                    popover: popover\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n\r\n<ng-template\r\n    #month\r\n    let-selectedMonth\r\n    let-width=\"width\"\r\n    let-height=\"height\"\r\n    let-rtl=\"rtl\"\r\n    let-today=\"today\"\r\n    let-showEvents=\"showEvents\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-popover=\"popover\"\r\n>\r\n    <fd-toolbar [fdType]=\"'transparent'\">\r\n        <fdp-button fd-toolbar-item [label]=\"'DateR_Today' | bbbTranslate\" (click)=\"onToday()\"></fdp-button>\r\n        <fdp-button\r\n            buttonType=\"transparent\"\r\n            fd-toolbar-item\r\n            [glyph]=\"rtl ? 'navigation-right-arrow' : 'navigation-left-arrow'\"\r\n            (click)=\"onPrevTap()\"\r\n        ></fdp-button>\r\n        <fdp-button\r\n            buttonType=\"transparent\"\r\n            fd-toolbar-item\r\n            [glyph]=\"rtl ? 'navigation-left-arrow' : 'navigation-right-arrow'\"\r\n            (click)=\"onNextTap()\"\r\n        ></fdp-button>\r\n        <div class=\"month-years-wrapper\" fd-title fd-toolbar-item>\r\n            <button\r\n                *ngIf=\"selectionMode === 'day' || selectionMode === 'month'\"\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"selectedMonth.dateInfo.monthName\"\r\n                (click)=\"selectionMode = 'month'\"\r\n            ></button>\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"selectedMonth.dateInfo.year\"\r\n                (click)=\"selectionMode = 'year'\"\r\n            ></button>\r\n        </div>\r\n    </fd-toolbar>\r\n    <ng-container [ngSwitch]=\"selectionMode\">\r\n        <ng-container *ngSwitchCase=\"'month'\">\r\n            <div class=\"month-year-selection-wrapper\">\r\n                <button\r\n                    style=\"flex-grow: 1; width: 33%\"\r\n                    *ngFor=\"let month of months; let i = index\"\r\n                    fd-button\r\n                    [fdType]=\"selectedMonth.dateInfo.monthName === month ? 'emphasized' : 'transparent'\"\r\n                    [label]=\"month\"\r\n                    (click)=\"selectionMode = 'day'; onMonthSelected(month, i)\"\r\n                ></button>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'year'\">\r\n            <div class=\"month-year-selection-wrapper\">\r\n                <button\r\n                    style=\"flex-grow: 1; width: 25%\"\r\n                    *ngFor=\"let year of years\"\r\n                    fd-button\r\n                    [fdType]=\"selectedMonth.dateInfo.year === +year ? 'emphasized' : 'transparent'\"\r\n                    [label]=\"year\"\r\n                    (click)=\"selectionMode = 'day'; onYearSelected(year)\"\r\n                ></button>\r\n            </div>\r\n        </ng-container>\r\n        <bc-calendar-month\r\n            *ngSwitchDefault\r\n            [style.width]=\"width\"\r\n            [containerHeight]=\"height\"\r\n            [containerWidth]=\"width\"\r\n            [rtl]=\"rtl\"\r\n            [monthWeeksCount]=\"6\"\r\n            [weekDays]=\"weekDays\"\r\n            [weekDaysMin]=\"weekDaysMin\"\r\n            [today]=\"today\"\r\n            [datePicker]=\"true\"\r\n            [dateRange]=\"true\"\r\n            [days]=\"selectedMonth.days\"\r\n            [deviceSize]=\"deviceSize\"\r\n            (dayClick)=\"onDayClick($event, selectedMonth, popover)\"\r\n            (dayMouseMove)=\"onDayMouseMove($event, selectedMonth)\"\r\n            (dayMouseUp)=\"onDayMouseUp($event, selectedMonth, popover)\"\r\n            (dayMouseDown)=\"onDayMouseDown($event)\"\r\n            [startSelectedDayIndex]=\"startSelectedDayIndex\"\r\n            [endSelectedDayIndex]=\"endSelectedDayIndex\"\r\n        ></bc-calendar-month>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i6.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i6.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i8.CalendarMonthComponent, selector: "bc-calendar-month", inputs: ["monthWeeksCount", "weekDays", "weekDaysMin", "today", "containerHeight", "days", "calendarFields", "rtl", "deviceSize", "moDataList", "datePicker", "rangePicker", "canDelete", "canAdd", "canEdit", "selectedDate", "startSelectedDayIndex", "endSelectedDayIndex"], outputs: ["editEvent", "deleteEvent", "daySelect", "dayClick", "dayMouseMove", "dayMouseUp", "dayMouseDown", "showEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fdp-button glyph=\"calendar\" buttonType=\"transparent\" [fdPopoverTrigger]=\"popover\"></fdp-button>\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"(deviceSize$ | async) === 's'\">\r\n    <fd-popover-body [style.width.px]=\"width$ | async\">\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                month;\r\n                context: {\r\n                    $implicit: selectedMonth$ | async,\r\n                    width: width$ | async,\r\n                    height: height,\r\n                    rtl: rtl$ | async,\r\n                    weekDays: weekDays,\r\n                    weekDaysMin: weekDaysMin,\r\n                    today: today,\r\n                    deviceSize: deviceSize$ | async,\r\n                    popover: popover\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n\r\n<ng-template\r\n    #month\r\n    let-selectedMonth\r\n    let-width=\"width\"\r\n    let-height=\"height\"\r\n    let-rtl=\"rtl\"\r\n    let-today=\"today\"\r\n    let-showEvents=\"showEvents\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-popover=\"popover\"\r\n>\r\n    <fd-toolbar [fdType]=\"'transparent'\">\r\n        <fdp-button fd-toolbar-item [label]=\"'DateR_Today' | bbbTranslate\" (click)=\"onToday()\"></fdp-button>\r\n        <fdp-button\r\n            buttonType=\"transparent\"\r\n            fd-toolbar-item\r\n            [glyph]=\"rtl ? 'navigation-right-arrow' : 'navigation-left-arrow'\"\r\n            (click)=\"onPrevTap()\"\r\n        ></fdp-button>\r\n        <fdp-button\r\n            buttonType=\"transparent\"\r\n            fd-toolbar-item\r\n            [glyph]=\"rtl ? 'navigation-left-arrow' : 'navigation-right-arrow'\"\r\n            (click)=\"onNextTap()\"\r\n        ></fdp-button>\r\n        <div class=\"month-years-wrapper\" fd-title fd-toolbar-item>\r\n            <button\r\n                *ngIf=\"selectionMode === 'day' || selectionMode === 'month'\"\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"selectedMonth.dateInfo.monthName\"\r\n                (click)=\"selectionMode = 'month'\"\r\n            ></button>\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [label]=\"selectedMonth.dateInfo.year\"\r\n                (click)=\"selectionMode = 'year'\"\r\n            ></button>\r\n        </div>\r\n    </fd-toolbar>\r\n    <ng-container [ngSwitch]=\"selectionMode\">\r\n        <ng-container *ngSwitchCase=\"'month'\">\r\n            <div class=\"month-year-selection-wrapper\">\r\n                <button\r\n                    style=\"flex-grow: 1; width: 33%\"\r\n                    *ngFor=\"let month of months; let i = index\"\r\n                    fd-button\r\n                    [fdType]=\"selectedMonth.dateInfo.monthName === month ? 'emphasized' : 'transparent'\"\r\n                    [label]=\"month\"\r\n                    (click)=\"selectionMode = 'day'; onMonthSelected(month, i)\"\r\n                ></button>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'year'\">\r\n            <div class=\"month-year-selection-wrapper\">\r\n                <button\r\n                    style=\"flex-grow: 1; width: 25%\"\r\n                    *ngFor=\"let year of years\"\r\n                    fd-button\r\n                    [fdType]=\"selectedMonth.dateInfo.year === +year ? 'emphasized' : 'transparent'\"\r\n                    [label]=\"year\"\r\n                    (click)=\"selectionMode = 'day'; onYearSelected(year)\"\r\n                ></button>\r\n            </div>\r\n        </ng-container>\r\n        <bc-calendar-month\r\n            *ngSwitchDefault\r\n            [style.width]=\"width\"\r\n            [containerHeight]=\"height\"\r\n            [containerWidth]=\"width\"\r\n            [rtl]=\"rtl\"\r\n            [monthWeeksCount]=\"6\"\r\n            [weekDays]=\"weekDays\"\r\n            [weekDaysMin]=\"weekDaysMin\"\r\n            [today]=\"today\"\r\n            [datePicker]=\"true\"\r\n            [dateRange]=\"true\"\r\n            [days]=\"selectedMonth.days\"\r\n            [deviceSize]=\"deviceSize\"\r\n            (dayClick)=\"onDayClick($event, selectedMonth, popover)\"\r\n            (dayMouseMove)=\"onDayMouseMove($event, selectedMonth)\"\r\n            (dayMouseUp)=\"onDayMouseUp($event, selectedMonth, popover)\"\r\n            (dayMouseDown)=\"onDayMouseDown($event)\"\r\n            [startSelectedDayIndex]=\"startSelectedDayIndex\"\r\n            [endSelectedDayIndex]=\"endSelectedDayIndex\"\r\n        ></bc-calendar-month>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i6.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i6.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i8.CalendarMonthComponent, selector: "bc-calendar-month", inputs: ["monthWeeksCount", "weekDays", "weekDaysMin", "today", "containerHeight", "days", "calendarFields", "rtl", "deviceSize", "moDataList", "datePicker", "rangePicker", "canDelete", "canAdd", "canEdit", "selectedDate", "startSelectedDayIndex", "endSelectedDayIndex"], outputs: ["editEvent", "deleteEvent", "daySelect", "dayClick", "dayMouseMove", "dayMouseUp", "dayMouseDown", "showEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CalendarSelectionDaysComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bc-calendar-selection-days', changeDetection: ChangeDetectionStrategy.OnPush, providers: [

package/esm2020/lib/date-time-picker/date-time-picker.component.mjs CHANGED Viewed

@@ -278,7 +278,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             useFactory: getDateService
         },
         CalendarService
-    ], viewQueries: [{ propertyName: "timeComponent", first: true, predicate: TimeComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-input-group\n    placement=\"after\"\n    glyph=\"calendar\"\n    glyphAriaLabel=\"select day\"\n    [placeholder]=\"placeholder\"\n    ariaLabelledBy=\"fd-input-group-icon-label-2\"\n    [button]=\"true\"\n    [state]=\"isValid ? 'success' : 'error'\"\n    [showFocus]=\"true\"\n    (addOnButtonClicked)=\"onOpenPopover(popover)\"\n    [ngModel]=\"value | dateTimeToCaption: formatPattern:culture:showDate:showTime\"\n    (ngModelChange)=\"onCaptionChanged($event)\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n>\n</fd-input-group>\n<fd-popover\n    #popover\n    (isOpenChange)=\"onPopoverOpenChange($event)\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n>\n    <fd-popover-body [style.width.px]=\"width$ | async\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                month;\n                context: {\n                    $implicit: selectedMonth$ | async,\n                    width: width$ | async,\n                    height: height,\n                    rtl: rtl$ | async,\n                    weekDays: weekDays,\n                    weekDaysMin: weekDaysMin,\n                    today: today,\n                    deviceSize: deviceSize$ | async,\n                    popover: popover\n                }\n            \"\n        >\n        </ng-container>\n        <div fd-popover-body-footer *ngIf=\"showTime\">\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-left *ngIf=\"rtl\">\n                    <container *ngTemplateOutlet=\"footerButtons\"></container>\n                </div>\n                <div fd-bar-right *ngIf=\"!rtl\">\n                    <container *ngTemplateOutlet=\"footerButtons\"></container>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n<ng-template #footerButtons>\n    <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"onCancel(popover)\"></fd-button-bar>\n    <fd-button-bar [label]=\"'Ok' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onOk(popover)\"></fd-button-bar>\n</ng-template>\n<ng-template\n    #month\n    let-selectedMonth\n    let-width=\"width\"\n    let-height=\"height\"\n    let-rtl=\"rtl\"\n    let-today=\"today\"\n    let-showEvents=\"showEvents\"\n    let-deviceSize=\"deviceSize\"\n    let-popover=\"popover\"\n>\n    <fd-toolbar [fdType]=\"'transparent'\">\n        <button\n            fd-button\n            fd-toolbar-item\n            [label]=\"(showDate ? 'DateR_Today' : 'Now') | bbbTranslate\"\n            (click)=\"onToday()\"\n        ></button>\n        <button\n            *ngIf=\"showDate\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"rtl ? 'navigation-right-arrow' : 'navigation-left-arrow'\"\n            (click)=\"onPrevTap()\"\n        ></button>\n        <button\n            *ngIf=\"showDate\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"rtl ? 'navigation-left-arrow' : 'navigation-right-arrow'\"\n            (click)=\"onNextTap()\"\n        ></button>\n        <div class=\"month-years-wrapper\" *ngIf=\"showDate\" fd-title fd-toolbar-item>\n            <button\n                *ngIf=\"selectionMode === 'day' || selectionMode === 'month'\"\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"selectedMonth.dateInfo.monthName\"\n                (click)=\"selectionMode = 'month'\"\n            ></button>\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"selectedMonth.dateInfo.year\"\n                (click)=\"selectionMode = 'year'\"\n            ></button>\n        </div>\n    </fd-toolbar>\n    <div style=\"display: flex\">\n        <ng-container [ngSwitch]=\"selectionMode\">\n            <ng-container *ngSwitchCase=\"'month'\">\n                <div class=\"month-year-selection-wrapper\">\n                    <button\n                        style=\"flex-grow: 1; width: 33%\"\n                        *ngFor=\"let month of months; let i = index\"\n                        fd-button\n                        [fdType]=\"selectedMonth.dateInfo.monthName === month ? 'emphasized' : 'transparent'\"\n                        [label]=\"month\"\n                        (click)=\"selectionMode = 'day'; onMonthSelected(month, i)\"\n                    ></button>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'year'\">\n                <div class=\"month-year-selection-wrapper\">\n                    <button\n                        style=\"flex-grow: 1; width: 25%\"\n                        *ngFor=\"let year of years\"\n                        fd-button\n                        [fdType]=\"selectedMonth.dateInfo.year === +year ? 'emphasized' : 'transparent'\"\n                        [label]=\"year\"\n                        (click)=\"selectionMode = 'day'; onYearSelected(year)\"\n                    ></button>\n                </div>\n            </ng-container>\n            <div *ngSwitchDefault style=\"display: flex\">\n                <bc-calendar-month\n                    *ngIf=\"showDate\"\n                    [style.width]=\"width\"\n                    [containerHeight]=\"height\"\n                    [containerWidth]=\"width\"\n                    [rtl]=\"rtl\"\n                    [monthWeeksCount]=\"selectedMonth.weeksCount\"\n                    [weekDays]=\"weekDays\"\n                    [weekDaysMin]=\"weekDaysMin\"\n                    [today]=\"today\"\n                    [datePicker]=\"true\"\n                    [dateRange]=\"true\"\n                    [selectedDate]=\"startSelectedDay ? startSelectedDay.date : value\"\n                    [days]=\"selectedMonth.days\"\n                    [deviceSize]=\"deviceSize\"\n                    (dayClick)=\"onDayClick($event, popover)\"\n                ></bc-calendar-month>\n                <div class=\"seperator\"></div>\n                <fd-time *ngIf=\"showTime\" [(ngModel)]=\"timeValue\" [displaySeconds]=\"false\"></fd-time>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block}fd-popover{display:block}fd-input-group ::ng-deep input{direction:ltr}fd-time ::ng-deep .fd-time{padding-top:0}.seperator{border-left:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i8.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i8.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i8.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i9.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { kind: "component", type: i10.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i10.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i11.CalendarMonthComponent, selector: "bc-calendar-month", inputs: ["monthWeeksCount", "weekDays", "weekDaysMin", "today", "containerHeight", "days", "calendarFields", "rtl", "deviceSize", "moDataList", "datePicker", "rangePicker", "canDelete", "canAdd", "canEdit", "selectedDate", "startSelectedDayIndex", "endSelectedDayIndex"], outputs: ["editEvent", "deleteEvent", "daySelect", "dayClick", "dayMouseMove", "dayMouseUp", "dayMouseDown", "showEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.DateTimeToCaptionPipe, name: "dateTimeToCaption" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "timeComponent", first: true, predicate: TimeComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-input-group\n    placement=\"after\"\n    glyph=\"calendar\"\n    glyphAriaLabel=\"select day\"\n    [placeholder]=\"placeholder\"\n    ariaLabelledBy=\"fd-input-group-icon-label-2\"\n    [button]=\"true\"\n    [state]=\"isValid ? 'success' : 'error'\"\n    [showFocus]=\"true\"\n    (addOnButtonClicked)=\"onOpenPopover(popover)\"\n    [ngModel]=\"value | dateTimeToCaption: formatPattern:culture:showDate:showTime\"\n    (ngModelChange)=\"onCaptionChanged($event)\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n>\n</fd-input-group>\n<fd-popover\n    #popover\n    (isOpenChange)=\"onPopoverOpenChange($event)\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n>\n    <fd-popover-body [style.width.px]=\"width$ | async\">\n        <ng-container\n            *ngTemplateOutlet=\"\n                month;\n                context: {\n                    $implicit: selectedMonth$ | async,\n                    width: width$ | async,\n                    height: height,\n                    rtl: rtl$ | async,\n                    weekDays: weekDays,\n                    weekDaysMin: weekDaysMin,\n                    today: today,\n                    deviceSize: deviceSize$ | async,\n                    popover: popover\n                }\n            \"\n        >\n        </ng-container>\n        <div fd-popover-body-footer *ngIf=\"showTime\">\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-left *ngIf=\"rtl\">\n                    <container *ngTemplateOutlet=\"footerButtons\"></container>\n                </div>\n                <div fd-bar-right *ngIf=\"!rtl\">\n                    <container *ngTemplateOutlet=\"footerButtons\"></container>\n                </div>\n            </div>\n        </div>\n    </fd-popover-body>\n</fd-popover>\n<ng-template #footerButtons>\n    <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"onCancel(popover)\"></fd-button-bar>\n    <fd-button-bar [label]=\"'Ok' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onOk(popover)\"></fd-button-bar>\n</ng-template>\n<ng-template\n    #month\n    let-selectedMonth\n    let-width=\"width\"\n    let-height=\"height\"\n    let-rtl=\"rtl\"\n    let-today=\"today\"\n    let-showEvents=\"showEvents\"\n    let-deviceSize=\"deviceSize\"\n    let-popover=\"popover\"\n>\n    <fd-toolbar [fdType]=\"'transparent'\">\n        <button\n            fd-button\n            fd-toolbar-item\n            [label]=\"(showDate ? 'DateR_Today' : 'Now') | bbbTranslate\"\n            (click)=\"onToday()\"\n        ></button>\n        <button\n            *ngIf=\"showDate\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"rtl ? 'navigation-right-arrow' : 'navigation-left-arrow'\"\n            (click)=\"onPrevTap()\"\n        ></button>\n        <button\n            *ngIf=\"showDate\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"rtl ? 'navigation-left-arrow' : 'navigation-right-arrow'\"\n            (click)=\"onNextTap()\"\n        ></button>\n        <div class=\"month-years-wrapper\" *ngIf=\"showDate\" fd-title fd-toolbar-item>\n            <button\n                *ngIf=\"selectionMode === 'day' || selectionMode === 'month'\"\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"selectedMonth.dateInfo.monthName\"\n                (click)=\"selectionMode = 'month'\"\n            ></button>\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [label]=\"selectedMonth.dateInfo.year\"\n                (click)=\"selectionMode = 'year'\"\n            ></button>\n        </div>\n    </fd-toolbar>\n    <div style=\"display: flex\">\n        <ng-container [ngSwitch]=\"selectionMode\">\n            <ng-container *ngSwitchCase=\"'month'\">\n                <div class=\"month-year-selection-wrapper\">\n                    <button\n                        style=\"flex-grow: 1; width: 33%\"\n                        *ngFor=\"let month of months; let i = index\"\n                        fd-button\n                        [fdType]=\"selectedMonth.dateInfo.monthName === month ? 'emphasized' : 'transparent'\"\n                        [label]=\"month\"\n                        (click)=\"selectionMode = 'day'; onMonthSelected(month, i)\"\n                    ></button>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'year'\">\n                <div class=\"month-year-selection-wrapper\">\n                    <button\n                        style=\"flex-grow: 1; width: 25%\"\n                        *ngFor=\"let year of years\"\n                        fd-button\n                        [fdType]=\"selectedMonth.dateInfo.year === +year ? 'emphasized' : 'transparent'\"\n                        [label]=\"year\"\n                        (click)=\"selectionMode = 'day'; onYearSelected(year)\"\n                    ></button>\n                </div>\n            </ng-container>\n            <div *ngSwitchDefault style=\"display: flex\">\n                <bc-calendar-month\n                    *ngIf=\"showDate\"\n                    [style.width]=\"width\"\n                    [containerHeight]=\"height\"\n                    [containerWidth]=\"width\"\n                    [rtl]=\"rtl\"\n                    [monthWeeksCount]=\"selectedMonth.weeksCount\"\n                    [weekDays]=\"weekDays\"\n                    [weekDaysMin]=\"weekDaysMin\"\n                    [today]=\"today\"\n                    [datePicker]=\"true\"\n                    [dateRange]=\"true\"\n                    [selectedDate]=\"startSelectedDay ? startSelectedDay.date : value\"\n                    [days]=\"selectedMonth.days\"\n                    [deviceSize]=\"deviceSize\"\n                    (dayClick)=\"onDayClick($event, popover)\"\n                ></bc-calendar-month>\n                <div class=\"seperator\"></div>\n                <fd-time *ngIf=\"showTime\" [(ngModel)]=\"timeValue\" [displaySeconds]=\"false\"></fd-time>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block}fd-popover{display:block}fd-input-group ::ng-deep input{direction:ltr}fd-time ::ng-deep .fd-time{padding-top:0}.seperator{border-left:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i5.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i8.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i8.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i8.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i9.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { kind: "component", type: i10.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i10.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i11.CalendarMonthComponent, selector: "bc-calendar-month", inputs: ["monthWeeksCount", "weekDays", "weekDaysMin", "today", "containerHeight", "days", "calendarFields", "rtl", "deviceSize", "moDataList", "datePicker", "rangePicker", "canDelete", "canAdd", "canEdit", "selectedDate", "startSelectedDayIndex", "endSelectedDayIndex"], outputs: ["editEvent", "deleteEvent", "daySelect", "dayClick", "dayMouseMove", "dayMouseUp", "dayMouseDown", "showEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1.DateTimeToCaptionPipe, name: "dateTimeToCaption" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bc-date-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [

package/esm2020/lib/day-event-list/day-event-list.component.mjs CHANGED Viewed

@@ -2,12 +2,13 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
 import { BaseComponent } from 'barsa-novin-ray-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@fundamental-ngx/core/bar";
-import * as i3 from "@fundamental-ngx/core/list";
-import * as i4 from "@fundamental-ngx/core/popover";
-import * as i5 from "@fundamental-ngx/platform/button";
-import * as i6 from "../event-preview/event-preview.component";
-import * as i7 from "../day-number-box/day-number-box.component";
+import * as i2 from "barsa-novin-ray-core";
+import * as i3 from "@fundamental-ngx/core/bar";
+import * as i4 from "@fundamental-ngx/core/list";
+import * as i5 from "@fundamental-ngx/core/popover";
+import * as i6 from "@fundamental-ngx/platform/button";
+import * as i7 from "../event-preview/event-preview.component";
+import * as i8 from "../day-number-box/day-number-box.component";
 export class DayEventListComponent extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -23,7 +24,7 @@ export class DayEventListComponent extends BaseComponent {
     }
 }
 DayEventListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DayEventListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DayEventListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: DayEventListComponent, selector: "bc-day-event-list", inputs: { day: "day", deviceSize: "deviceSize", weekDays: "weekDays", calendarFields: "calendarFields", rtl: "rtl", canDelete: "canDelete", canEdit: "canEdit", popover: "popover" }, outputs: { deleteEvent: "deleteEvent", editEvent: "editEvent", openPopOver: "openPopOver" }, usesInheritance: true, ngImport: i0, template: "<div fd-bar [barDesign]=\"'header-with-subheader'\">\r\n    <div fd-bar-left>\r\n        <fd-bar-element>\r\n            <fdp-button glyph=\"decline\" [buttonType]=\"'transparent'\" (click)=\"onClosePopover(popover)\"></fdp-button>\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-middle>\r\n        <fd-bar-element>\r\n            {{ weekDays[day.dayInWeek] }}\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-right>\r\n        <fd-bar-element> </fd-bar-element>\r\n    </div>\r\n</div>\r\n<div fd-bar [barDesign]=\"'subheader'\">\r\n    <div fd-bar-middle>\r\n        <fd-bar-element [fullWidth]=\"true\">\r\n            <bc-day-number-box [day]=\"day\" [isWeekMode]=\"true\"></bc-day-number-box>\r\n        </fd-bar-element>\r\n    </div>\r\n</div>\r\n<ul fd-list>\r\n    <li fd-list-item *ngFor=\"let task of day.tasks\" class=\"task-start-end\" (click)=\"popoverPreview.open()\">\r\n        <span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"task.isMiddle && !task.isStartDay\"></span>\r\n        <span class=\"middle-day\">{{ task.event[calendarFields.Title] }}</span>\r\n        <span\r\n            [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\"\r\n            *ngIf=\"(task.isMiddle || task.isStartDay) && !task.isEndDay\"\r\n        ></span>\r\n        <fd-popover\r\n            #popoverPreview\r\n            placement=\"bottom\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [focusTrapped]=\"true\"\r\n            [focusAutoCapture]=\"true\"\r\n            [title]=\"task.event[calendarFields.Title]\"\r\n        >\r\n            <bc-event-preview\r\n                [event]=\"task.event\"\r\n                [calendarFields]=\"calendarFields\"\r\n                [popover]=\"popoverPreview\"\r\n                [canDelete]=\"canDelete\"\r\n                [canEdit]=\"canEdit\"\r\n                [popover2]=\"popover\"\r\n                (deleteEvent)=\"deleteEvent.emit($event)\"\r\n                (editEvent)=\"editEvent.emit($event)\"\r\n            ></bc-event-preview>\r\n        </fd-popover>\r\n    </li>\r\n</ul>\r\n", styles: [".task-start-end{cursor:pointer}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.middle-day{width:100%;min-width:200px;height:20px;background-color:var(--sapButton_Emphasized_Background, #0a6ed1);color:var(--sapButton_Emphasized_TextColor, #fff);text-align:center}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.event-list-number-day{width:40px;height:40px;flex-grow:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-grow:0!important}.event-list-number-day:hover{color:var(--sapButton_Hover_TextColor, #0854a0);background-color:var(--sapButton_Hover_Background, #ebf5fe);cursor:pointer}::ng-deep .fd-form-item{flex-direction:row!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i3.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "component", type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i5.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i6.EventPreviewComponent, selector: "bc-event-preview", inputs: ["event", "calendarFields", "popover", "popover2", "canEdit", "canDelete", "inDialog", "deviceSize"], outputs: ["deleteEvent", "editEvent", "close"] }, { kind: "component", type: i7.DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DayEventListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: DayEventListComponent, selector: "bc-day-event-list", inputs: { day: "day", deviceSize: "deviceSize", weekDays: "weekDays", calendarFields: "calendarFields", rtl: "rtl", canDelete: "canDelete", canEdit: "canEdit", popover: "popover" }, outputs: { deleteEvent: "deleteEvent", editEvent: "editEvent", openPopOver: "openPopOver" }, usesInheritance: true, ngImport: i0, template: "<div fd-bar [barDesign]=\"'header-with-subheader'\">\r\n    <div fd-bar-left>\r\n        <fd-bar-element>\r\n            <fdp-button glyph=\"decline\" [buttonType]=\"'transparent'\" (click)=\"onClosePopover(popover)\"></fdp-button>\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-middle>\r\n        <fd-bar-element>\r\n            {{ weekDays[day.dayInWeek] }}\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-right>\r\n        <fd-bar-element> </fd-bar-element>\r\n    </div>\r\n</div>\r\n<div fd-bar [barDesign]=\"'subheader'\">\r\n    <div fd-bar-middle>\r\n        <fd-bar-element [fullWidth]=\"true\">\r\n            <bc-day-number-box [day]=\"day\" [isWeekMode]=\"true\"></bc-day-number-box>\r\n        </fd-bar-element>\r\n    </div>\r\n</div>\r\n<ul fd-list>\r\n    <li fd-list-item *ngFor=\"let task of day.tasks\" class=\"task-start-end\" (click)=\"popoverPreview.open()\">\r\n        <span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"task.isMiddle && !task.isStartDay\"></span>\r\n        <span class=\"middle-day\">{{ task.event[calendarFields.Title] }}</span>\r\n        <span\r\n            [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\"\r\n            *ngIf=\"(task.isMiddle || task.isStartDay) && !task.isEndDay\"\r\n        ></span>\r\n        <fd-popover\r\n            #popoverPreview\r\n            placement=\"bottom\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [focusTrapped]=\"true\"\r\n            [focusAutoCapture]=\"true\"\r\n            [title]=\"task.event[calendarFields.Title]\"\r\n        >\r\n            <bc-event-preview\r\n                [event]=\"task.event\"\r\n                [calendarFields]=\"calendarFields\"\r\n                [popover]=\"popoverPreview\"\r\n                [canDelete]=\"canDelete\"\r\n                [canEdit]=\"canEdit\"\r\n                [popover2]=\"popover\"\r\n                (deleteEvent)=\"deleteEvent.emit($event)\"\r\n                (editEvent)=\"editEvent.emit($event)\"\r\n            ></bc-event-preview>\r\n        </fd-popover>\r\n    </li>\r\n</ul>\r\n", styles: [".task-start-end{cursor:pointer}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.middle-day{width:100%;min-width:200px;height:20px;background-color:var(--sapButton_Emphasized_Background, #0a6ed1);color:var(--sapButton_Emphasized_TextColor, #fff);text-align:center}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.event-list-number-day{width:40px;height:40px;flex-grow:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-grow:0!important}.event-list-number-day:hover{color:var(--sapButton_Hover_TextColor, #0854a0);background-color:var(--sapButton_Hover_Background, #ebf5fe);cursor:pointer}::ng-deep .fd-form-item{flex-direction:row!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i4.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i6.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i7.EventPreviewComponent, selector: "bc-event-preview", inputs: ["event", "calendarFields", "popover", "popover2", "canEdit", "canDelete", "inDialog", "deviceSize"], outputs: ["deleteEvent", "editEvent", "close"] }, { kind: "component", type: i8.DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DayEventListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bc-day-event-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fd-bar [barDesign]=\"'header-with-subheader'\">\r\n    <div fd-bar-left>\r\n        <fd-bar-element>\r\n            <fdp-button glyph=\"decline\" [buttonType]=\"'transparent'\" (click)=\"onClosePopover(popover)\"></fdp-button>\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-middle>\r\n        <fd-bar-element>\r\n            {{ weekDays[day.dayInWeek] }}\r\n        </fd-bar-element>\r\n    </div>\r\n    <div fd-bar-right>\r\n        <fd-bar-element> </fd-bar-element>\r\n    </div>\r\n</div>\r\n<div fd-bar [barDesign]=\"'subheader'\">\r\n    <div fd-bar-middle>\r\n        <fd-bar-element [fullWidth]=\"true\">\r\n            <bc-day-number-box [day]=\"day\" [isWeekMode]=\"true\"></bc-day-number-box>\r\n        </fd-bar-element>\r\n    </div>\r\n</div>\r\n<ul fd-list>\r\n    <li fd-list-item *ngFor=\"let task of day.tasks\" class=\"task-start-end\" (click)=\"popoverPreview.open()\">\r\n        <span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"task.isMiddle && !task.isStartDay\"></span>\r\n        <span class=\"middle-day\">{{ task.event[calendarFields.Title] }}</span>\r\n        <span\r\n            [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\"\r\n            *ngIf=\"(task.isMiddle || task.isStartDay) && !task.isEndDay\"\r\n        ></span>\r\n        <fd-popover\r\n            #popoverPreview\r\n            placement=\"bottom\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [focusTrapped]=\"true\"\r\n            [focusAutoCapture]=\"true\"\r\n            [title]=\"task.event[calendarFields.Title]\"\r\n        >\r\n            <bc-event-preview\r\n                [event]=\"task.event\"\r\n                [calendarFields]=\"calendarFields\"\r\n                [popover]=\"popoverPreview\"\r\n                [canDelete]=\"canDelete\"\r\n                [canEdit]=\"canEdit\"\r\n                [popover2]=\"popover\"\r\n                (deleteEvent)=\"deleteEvent.emit($event)\"\r\n                (editEvent)=\"editEvent.emit($event)\"\r\n            ></bc-event-preview>\r\n        </fd-popover>\r\n    </li>\r\n</ul>\r\n", styles: [".task-start-end{cursor:pointer}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.middle-day{width:100%;min-width:200px;height:20px;background-color:var(--sapButton_Emphasized_Background, #0a6ed1);color:var(--sapButton_Emphasized_TextColor, #fff);text-align:center}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_BorderColor, #0a6ed1);border-bottom:10px solid transparent}.event-list-number-day{width:40px;height:40px;flex-grow:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-grow:0!important}.event-list-number-day:hover{color:var(--sapButton_Hover_TextColor, #0854a0);background-color:var(--sapButton_Hover_Background, #ebf5fe);cursor:pointer}::ng-deep .fd-form-item{flex-direction:row!important}\n"] }]
@@ -50,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], openPopOver: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF5LWV2ZW50LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtY2FsZW5kYXIvc3JjL2xpYi9kYXktZXZlbnQtbGlzdC9kYXktZXZlbnQtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1jYWxlbmRhci9zcmMvbGliL2RheS1ldmVudC1saXN0L2RheS1ldmVudC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLGFBQWEsRUFBdUMsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7O0FBUTFGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxhQUFhO0lBTnhEOztRQWVjLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDdEQsY0FBUyxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDO1FBQ3BELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQVFuRDtJQU5HLGNBQWMsQ0FBQyxPQUFPLEVBQUUsUUFBUztRQUM3QixPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDaEIsSUFBSSxRQUFRLEVBQUU7WUFDVixRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDcEI7SUFDTCxDQUFDOztrSEFsQlEscUJBQXFCO3NHQUFyQixxQkFBcUIsbVdDVmxDLHdqRUFtREE7MkZEekNhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnQsIENhbGVuZGFyRmllbGRzLCBNZXRhb2JqZWN0RGF0YU1vZGVsIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5pbXBvcnQgeyBEYXkgfSBmcm9tICcuLi9tb2RlbHMnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYmMtZGF5LWV2ZW50LWxpc3QnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RheS1ldmVudC1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2RheS1ldmVudC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF5RXZlbnRMaXN0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBkYXk6IERheTtcclxuICAgIEBJbnB1dCgpIGRldmljZVNpemU6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHdlZWtEYXlzOiBzdHJpbmdbXTtcclxuICAgIEBJbnB1dCgpIGNhbGVuZGFyRmllbGRzOiBDYWxlbmRhckZpZWxkcztcclxuICAgIEBJbnB1dCgpIHJ0bDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGNhbkRlbGV0ZTogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGNhbkVkaXQ6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBwb3BvdmVyOiBhbnk7XHJcbiAgICBAT3V0cHV0KCkgZGVsZXRlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE1ldGFvYmplY3REYXRhTW9kZWw+KCk7XHJcbiAgICBAT3V0cHV0KCkgZWRpdEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xyXG4gICAgQE91dHB1dCgpIG9wZW5Qb3BPdmVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gICAgb25DbG9zZVBvcG92ZXIocG9wb3ZlciwgcG9wb3ZlcjI/KTogdm9pZCB7XHJcbiAgICAgICAgcG9wb3Zlci5jbG9zZSgpO1xyXG4gICAgICAgIGlmIChwb3BvdmVyMikge1xyXG4gICAgICAgICAgICBwb3BvdmVyMi5jbG9zZSgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGZkLWJhciBbYmFyRGVzaWduXT1cIidoZWFkZXItd2l0aC1zdWJoZWFkZXInXCI+XHJcbiAgICA8ZGl2IGZkLWJhci1sZWZ0PlxyXG4gICAgICAgIDxmZC1iYXItZWxlbWVudD5cclxuICAgICAgICAgICAgPGZkcC1idXR0b24gZ2x5cGg9XCJkZWNsaW5lXCIgW2J1dHRvblR5cGVdPVwiJ3RyYW5zcGFyZW50J1wiIChjbGljayk9XCJvbkNsb3NlUG9wb3Zlcihwb3BvdmVyKVwiPjwvZmRwLWJ1dHRvbj5cclxuICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGZkLWJhci1taWRkbGU+XHJcbiAgICAgICAgPGZkLWJhci1lbGVtZW50PlxyXG4gICAgICAgICAgICB7eyB3ZWVrRGF5c1tkYXkuZGF5SW5XZWVrXSB9fVxyXG4gICAgICAgIDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgZmQtYmFyLXJpZ2h0PlxyXG4gICAgICAgIDxmZC1iYXItZWxlbWVudD4gPC9mZC1iYXItZWxlbWVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdiBmZC1iYXIgW2JhckRlc2lnbl09XCInc3ViaGVhZGVyJ1wiPlxyXG4gICAgPGRpdiBmZC1iYXItbWlkZGxlPlxyXG4gICAgICAgIDxmZC1iYXItZWxlbWVudCBbZnVsbFdpZHRoXT1cInRydWVcIj5cclxuICAgICAgICAgICAgPGJjLWRheS1udW1iZXItYm94IFtkYXldPVwiZGF5XCIgW2lzV2Vla01vZGVdPVwidHJ1ZVwiPjwvYmMtZGF5LW51bWJlci1ib3g+XHJcbiAgICAgICAgPC9mZC1iYXItZWxlbWVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPHVsIGZkLWxpc3Q+XHJcbiAgICA8bGkgZmQtbGlzdC1pdGVtICpuZ0Zvcj1cImxldCB0YXNrIG9mIGRheS50YXNrc1wiIGNsYXNzPVwidGFzay1zdGFydC1lbmRcIiAoY2xpY2spPVwicG9wb3ZlclByZXZpZXcub3BlbigpXCI+XHJcbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieyAnZW5kLWRheSc6IHJ0bCwgJ3N0YXJ0LWRheSc6ICFydGwgfVwiICpuZ0lmPVwidGFzay5pc01pZGRsZSAmJiAhdGFzay5pc1N0YXJ0RGF5XCI+PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWlkZGxlLWRheVwiPnt7IHRhc2suZXZlbnRbY2FsZW5kYXJGaWVsZHMuVGl0bGVdIH19PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0YXJ0LWRheSc6IHJ0bCwgJ2VuZC1kYXknOiAhcnRsIH1cIlxyXG4gICAgICAgICAgICAqbmdJZj1cIih0YXNrLmlzTWlkZGxlIHx8IHRhc2suaXNTdGFydERheSkgJiYgIXRhc2suaXNFbmREYXlcIlxyXG4gICAgICAgID48L3NwYW4+XHJcbiAgICAgICAgPGZkLXBvcG92ZXJcclxuICAgICAgICAgICAgI3BvcG92ZXJQcmV2aWV3XHJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXHJcbiAgICAgICAgICAgIFttb2JpbGVdPVwiZGV2aWNlU2l6ZSA9PT0gJ3MnXCJcclxuICAgICAgICAgICAgW2ZvY3VzVHJhcHBlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgW2ZvY3VzQXV0b0NhcHR1cmVdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIFt0aXRsZV09XCJ0YXNrLmV2ZW50W2NhbGVuZGFyRmllbGRzLlRpdGxlXVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8YmMtZXZlbnQtcHJldmlld1xyXG4gICAgICAgICAgICAgICAgW2V2ZW50XT1cInRhc2suZXZlbnRcIlxyXG4gICAgICAgICAgICAgICAgW2NhbGVuZGFyRmllbGRzXT1cImNhbGVuZGFyRmllbGRzXCJcclxuICAgICAgICAgICAgICAgIFtwb3BvdmVyXT1cInBvcG92ZXJQcmV2aWV3XCJcclxuICAgICAgICAgICAgICAgIFtjYW5EZWxldGVdPVwiY2FuRGVsZXRlXCJcclxuICAgICAgICAgICAgICAgIFtjYW5FZGl0XT1cImNhbkVkaXRcIlxyXG4gICAgICAgICAgICAgICAgW3BvcG92ZXIyXT1cInBvcG92ZXJcIlxyXG4gICAgICAgICAgICAgICAgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUV2ZW50LmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoZWRpdEV2ZW50KT1cImVkaXRFdmVudC5lbWl0KCRldmVudClcIlxyXG4gICAgICAgICAgICA+PC9iYy1ldmVudC1wcmV2aWV3PlxyXG4gICAgICAgIDwvZmQtcG9wb3Zlcj5cclxuICAgIDwvbGk+XHJcbjwvdWw+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF5LWV2ZW50LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtY2FsZW5kYXIvc3JjL2xpYi9kYXktZXZlbnQtbGlzdC9kYXktZXZlbnQtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1jYWxlbmRhci9zcmMvbGliL2RheS1ldmVudC1saXN0L2RheS1ldmVudC1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLGFBQWEsRUFBdUMsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVExRixNQUFNLE9BQU8scUJBQXNCLFNBQVEsYUFBYTtJQU54RDs7UUFlYyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDO1FBQ3RELGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztRQUNwRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FRbkQ7SUFORyxjQUFjLENBQUMsT0FBTyxFQUFFLFFBQVM7UUFDN0IsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2hCLElBQUksUUFBUSxFQUFFO1lBQ1YsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3BCO0lBQ0wsQ0FBQzs7a0hBbEJRLHFCQUFxQjtzR0FBckIscUJBQXFCLG1XQ1ZsQyx3akVBbURBOzJGRHpDYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50LCBDYWxlbmRhckZpZWxkcywgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgRGF5IH0gZnJvbSAnLi4vbW9kZWxzJztcclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JjLWRheS1ldmVudC1saXN0JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXktZXZlbnQtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9kYXktZXZlbnQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIERheUV2ZW50TGlzdENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgZGF5OiBEYXk7XHJcbiAgICBASW5wdXQoKSBkZXZpY2VTaXplOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB3ZWVrRGF5czogc3RyaW5nW107XHJcbiAgICBASW5wdXQoKSBjYWxlbmRhckZpZWxkczogQ2FsZW5kYXJGaWVsZHM7XHJcbiAgICBASW5wdXQoKSBydGw6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBjYW5EZWxldGU6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBjYW5FZGl0OiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgcG9wb3ZlcjogYW55O1xyXG4gICAgQE91dHB1dCgpIGRlbGV0ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xyXG4gICAgQE91dHB1dCgpIGVkaXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8TWV0YW9iamVjdERhdGFNb2RlbD4oKTtcclxuICAgIEBPdXRwdXQoKSBvcGVuUG9wT3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICAgIG9uQ2xvc2VQb3BvdmVyKHBvcG92ZXIsIHBvcG92ZXIyPyk6IHZvaWQge1xyXG4gICAgICAgIHBvcG92ZXIuY2xvc2UoKTtcclxuICAgICAgICBpZiAocG9wb3ZlcjIpIHtcclxuICAgICAgICAgICAgcG9wb3ZlcjIuY2xvc2UoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBmZC1iYXIgW2JhckRlc2lnbl09XCInaGVhZGVyLXdpdGgtc3ViaGVhZGVyJ1wiPlxyXG4gICAgPGRpdiBmZC1iYXItbGVmdD5cclxuICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgIDxmZHAtYnV0dG9uIGdseXBoPVwiZGVjbGluZVwiIFtidXR0b25UeXBlXT1cIid0cmFuc3BhcmVudCdcIiAoY2xpY2spPVwib25DbG9zZVBvcG92ZXIocG9wb3ZlcilcIj48L2ZkcC1idXR0b24+XHJcbiAgICAgICAgPC9mZC1iYXItZWxlbWVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBmZC1iYXItbWlkZGxlPlxyXG4gICAgICAgIDxmZC1iYXItZWxlbWVudD5cclxuICAgICAgICAgICAge3sgd2Vla0RheXNbZGF5LmRheUluV2Vla10gfX1cclxuICAgICAgICA8L2ZkLWJhci1lbGVtZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGZkLWJhci1yaWdodD5cclxuICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+IDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxkaXYgZmQtYmFyIFtiYXJEZXNpZ25dPVwiJ3N1YmhlYWRlcidcIj5cclxuICAgIDxkaXYgZmQtYmFyLW1pZGRsZT5cclxuICAgICAgICA8ZmQtYmFyLWVsZW1lbnQgW2Z1bGxXaWR0aF09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxiYy1kYXktbnVtYmVyLWJveCBbZGF5XT1cImRheVwiIFtpc1dlZWtNb2RlXT1cInRydWVcIj48L2JjLWRheS1udW1iZXItYm94PlxyXG4gICAgICAgIDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbjx1bCBmZC1saXN0PlxyXG4gICAgPGxpIGZkLWxpc3QtaXRlbSAqbmdGb3I9XCJsZXQgdGFzayBvZiBkYXkudGFza3NcIiBjbGFzcz1cInRhc2stc3RhcnQtZW5kXCIgKGNsaWNrKT1cInBvcG92ZXJQcmV2aWV3Lm9wZW4oKVwiPlxyXG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cInsgJ2VuZC1kYXknOiBydGwsICdzdGFydC1kYXknOiAhcnRsIH1cIiAqbmdJZj1cInRhc2suaXNNaWRkbGUgJiYgIXRhc2suaXNTdGFydERheVwiPjwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1pZGRsZS1kYXlcIj57eyB0YXNrLmV2ZW50W2NhbGVuZGFyRmllbGRzLlRpdGxlXSB9fTwvc3Bhbj5cclxuICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdzdGFydC1kYXknOiBydGwsICdlbmQtZGF5JzogIXJ0bCB9XCJcclxuICAgICAgICAgICAgKm5nSWY9XCIodGFzay5pc01pZGRsZSB8fCB0YXNrLmlzU3RhcnREYXkpICYmICF0YXNrLmlzRW5kRGF5XCJcclxuICAgICAgICA+PC9zcGFuPlxyXG4gICAgICAgIDxmZC1wb3BvdmVyXHJcbiAgICAgICAgICAgICNwb3BvdmVyUHJldmlld1xyXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxyXG4gICAgICAgICAgICBbbW9iaWxlXT1cImRldmljZVNpemUgPT09ICdzJ1wiXHJcbiAgICAgICAgICAgIFtmb2N1c1RyYXBwZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIFtmb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIlxyXG4gICAgICAgICAgICBbdGl0bGVdPVwidGFzay5ldmVudFtjYWxlbmRhckZpZWxkcy5UaXRsZV1cIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPGJjLWV2ZW50LXByZXZpZXdcclxuICAgICAgICAgICAgICAgIFtldmVudF09XCJ0YXNrLmV2ZW50XCJcclxuICAgICAgICAgICAgICAgIFtjYWxlbmRhckZpZWxkc109XCJjYWxlbmRhckZpZWxkc1wiXHJcbiAgICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJwb3BvdmVyUHJldmlld1wiXHJcbiAgICAgICAgICAgICAgICBbY2FuRGVsZXRlXT1cImNhbkRlbGV0ZVwiXHJcbiAgICAgICAgICAgICAgICBbY2FuRWRpdF09XCJjYW5FZGl0XCJcclxuICAgICAgICAgICAgICAgIFtwb3BvdmVyMl09XCJwb3BvdmVyXCJcclxuICAgICAgICAgICAgICAgIChkZWxldGVFdmVudCk9XCJkZWxldGVFdmVudC5lbWl0KCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgKGVkaXRFdmVudCk9XCJlZGl0RXZlbnQuZW1pdCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgPjwvYmMtZXZlbnQtcHJldmlldz5cclxuICAgICAgICA8L2ZkLXBvcG92ZXI+XHJcbiAgICA8L2xpPlxyXG48L3VsPlxyXG4iXX0=

package/esm2020/lib/event-button/event-button.component.mjs CHANGED Viewed

@@ -4,11 +4,12 @@ import { BaseComponent } from 'barsa-novin-ray-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/core";
 import * as i2 from "@angular/common";
-import * as i3 from "@fundamental-ngx/core/button";
-import * as i4 from "@fundamental-ngx/core/dialog";
-import * as i5 from "@fundamental-ngx/core/popover";
-import * as i6 from "../event-preview/event-preview.component";
-import * as i7 from "../event-time.pipe";
+import * as i3 from "barsa-novin-ray-core";
+import * as i4 from "@fundamental-ngx/core/button";
+import * as i5 from "@fundamental-ngx/core/dialog";
+import * as i6 from "@fundamental-ngx/core/popover";
+import * as i7 from "../event-preview/event-preview.component";
+import * as i8 from "../event-time.pipe";
 export class EventButtonComponent extends BaseComponent {
     constructor(_el, _dialogService) {
         super();
@@ -42,7 +43,7 @@ export class EventButtonComponent extends BaseComponent {
     }
 }
 EventButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: EventButtonComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-EventButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: EventButtonComponent, selector: "bc-event-button", inputs: { buttonTemplate: "buttonTemplate", calendarFields: "calendarFields", task: "task", rtl: "rtl", canDelete: "canDelete", canEdit: "canEdit", deviceSize: "deviceSize" }, outputs: { deleteEvent: "deleteEvent", editEvent: "editEvent", openPopoverChange: "openPopoverChange" }, host: { properties: { "style.opacity": "this.opacity", "attr.rtl": "this._rtl" } }, viewQueries: [{ propertyName: "defaultButtonTemplate", first: true, predicate: ["defaultButton"], descendants: true, static: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true, static: true }, { propertyName: "_dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"!task.startdayIsInRow\"></span>\n<ng-container\n    *ngTemplateOutlet=\"\n        buttonTemplate;\n        context: {\n            $implicit: task,\n            calendarFields: calendarFields,\n            popover: popover\n        }\n    \"\n></ng-container>\n<span [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\" *ngIf=\"!task.enddayIsInRow\"></span>\n\n<fd-popover\n    #popover\n    placement=\"bottom\"\n    [mobile]=\"deviceSize === 's'\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    [mobile]=\"deviceSize === 's'\"\n    [title]=\"task.event[calendarFields.Title]\"\n    (isOpenChange)=\"onPopOverOpenChange($event)\"\n>\n    <fd-popover-control></fd-popover-control>\n    <fd-popover-body>\n        <bc-event-preview\n            [event]=\"task.event\"\n            [calendarFields]=\"calendarFields\"\n            [popover]=\"popover\"\n            [canDelete]=\"canDelete\"\n            [deviceSize]=\"deviceSize\"\n            [canEdit]=\"canEdit\"\n            (deleteEvent)=\"deleteEvent.emit($event)\"\n            (editEvent)=\"editEvent.emit($event)\"\n        ></bc-event-preview>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-body>\n            <bc-event-preview\n                [event]=\"task.event\"\n                [calendarFields]=\"calendarFields\"\n                [canDelete]=\"canDelete\"\n                [deviceSize]=\"deviceSize\"\n                [canEdit]=\"canEdit\"\n                (deleteEvent)=\"deleteEvent.emit($event)\"\n                (editEvent)=\"editEvent.emit($event)\"\n                (close)=\"dialog.dismiss()\"\n            ></bc-event-preview>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n<ng-template #defaultButton let-task let-popover=\"popover\" let-calendarFields=\"calendarFields\">\n    <button\n        fd-button\n        [compact]=\"true\"\n        (click)=\"onButtonClick(popover)\"\n        [fdType]=\"task.inDay ? 'standard' : 'emphasized'\"\n        [label]=\"task | eventTime: calendarFields\"\n        [style.background-color]=\"task.event[calendarFields.Color]\"\n        class=\"task-title\"\n    ></button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;height:100%;padding-top:1px}:host[rtl=true]{padding-right:3px}:host[rtl=false]{padding-left:3px}.task-title{justify-content:start!important;font-weight:400}button{flex-grow:1;border-radius:0!important;height:100%;max-height:100%;min-height:100%;border:none}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i5.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i6.EventPreviewComponent, selector: "bc-event-preview", inputs: ["event", "calendarFields", "popover", "popover2", "canEdit", "canDelete", "inDialog", "deviceSize"], outputs: ["deleteEvent", "editEvent", "close"] }, { kind: "pipe", type: i7.EventTimePipe, name: "eventTime" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EventButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: EventButtonComponent, selector: "bc-event-button", inputs: { buttonTemplate: "buttonTemplate", calendarFields: "calendarFields", task: "task", rtl: "rtl", canDelete: "canDelete", canEdit: "canEdit", deviceSize: "deviceSize" }, outputs: { deleteEvent: "deleteEvent", editEvent: "editEvent", openPopoverChange: "openPopoverChange" }, host: { properties: { "style.opacity": "this.opacity", "attr.rtl": "this._rtl" } }, viewQueries: [{ propertyName: "defaultButtonTemplate", first: true, predicate: ["defaultButton"], descendants: true, static: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true, static: true }, { propertyName: "_dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"!task.startdayIsInRow\"></span>\n<ng-container\n    *ngTemplateOutlet=\"\n        buttonTemplate;\n        context: {\n            $implicit: task,\n            calendarFields: calendarFields,\n            popover: popover\n        }\n    \"\n></ng-container>\n<span [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\" *ngIf=\"!task.enddayIsInRow\"></span>\n\n<fd-popover\n    #popover\n    placement=\"bottom\"\n    [mobile]=\"deviceSize === 's'\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    [mobile]=\"deviceSize === 's'\"\n    [title]=\"task.event[calendarFields.Title]\"\n    (isOpenChange)=\"onPopOverOpenChange($event)\"\n>\n    <fd-popover-control></fd-popover-control>\n    <fd-popover-body>\n        <bc-event-preview\n            [event]=\"task.event\"\n            [calendarFields]=\"calendarFields\"\n            [popover]=\"popover\"\n            [canDelete]=\"canDelete\"\n            [deviceSize]=\"deviceSize\"\n            [canEdit]=\"canEdit\"\n            (deleteEvent)=\"deleteEvent.emit($event)\"\n            (editEvent)=\"editEvent.emit($event)\"\n        ></bc-event-preview>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-body>\n            <bc-event-preview\n                [event]=\"task.event\"\n                [calendarFields]=\"calendarFields\"\n                [canDelete]=\"canDelete\"\n                [deviceSize]=\"deviceSize\"\n                [canEdit]=\"canEdit\"\n                (deleteEvent)=\"deleteEvent.emit($event)\"\n                (editEvent)=\"editEvent.emit($event)\"\n                (close)=\"dialog.dismiss()\"\n            ></bc-event-preview>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n<ng-template #defaultButton let-task let-popover=\"popover\" let-calendarFields=\"calendarFields\">\n    <button\n        fd-button\n        [compact]=\"true\"\n        (click)=\"onButtonClick(popover)\"\n        [fdType]=\"task.inDay ? 'standard' : 'emphasized'\"\n        [label]=\"task | eventTime: calendarFields\"\n        [style.background-color]=\"task.event[calendarFields.Color]\"\n        class=\"task-title\"\n    ></button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;height:100%;padding-top:1px}:host[rtl=true]{padding-right:3px}:host[rtl=false]{padding-left:3px}.task-title{justify-content:start!important;font-weight:400}button{flex-grow:1;border-radius:0!important;height:100%;max-height:100%;min-height:100%;border:none}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i4.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { kind: "component", type: i5.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i6.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i6.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i6.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7.EventPreviewComponent, selector: "bc-event-preview", inputs: ["event", "calendarFields", "popover", "popover2", "canEdit", "canDelete", "inDialog", "deviceSize"], outputs: ["deleteEvent", "editEvent", "close"] }, { kind: "pipe", type: i8.EventTimePipe, name: "eventTime" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: EventButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bc-event-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [ngClass]=\"{ 'end-day': rtl, 'start-day': !rtl }\" *ngIf=\"!task.startdayIsInRow\"></span>\n<ng-container\n    *ngTemplateOutlet=\"\n        buttonTemplate;\n        context: {\n            $implicit: task,\n            calendarFields: calendarFields,\n            popover: popover\n        }\n    \"\n></ng-container>\n<span [ngClass]=\"{ 'start-day': rtl, 'end-day': !rtl }\" *ngIf=\"!task.enddayIsInRow\"></span>\n\n<fd-popover\n    #popover\n    placement=\"bottom\"\n    [mobile]=\"deviceSize === 's'\"\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    [mobile]=\"deviceSize === 's'\"\n    [title]=\"task.event[calendarFields.Title]\"\n    (isOpenChange)=\"onPopOverOpenChange($event)\"\n>\n    <fd-popover-control></fd-popover-control>\n    <fd-popover-body>\n        <bc-event-preview\n            [event]=\"task.event\"\n            [calendarFields]=\"calendarFields\"\n            [popover]=\"popover\"\n            [canDelete]=\"canDelete\"\n            [deviceSize]=\"deviceSize\"\n            [canEdit]=\"canEdit\"\n            (deleteEvent)=\"deleteEvent.emit($event)\"\n            (editEvent)=\"editEvent.emit($event)\"\n        ></bc-event-preview>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-body>\n            <bc-event-preview\n                [event]=\"task.event\"\n                [calendarFields]=\"calendarFields\"\n                [canDelete]=\"canDelete\"\n                [deviceSize]=\"deviceSize\"\n                [canEdit]=\"canEdit\"\n                (deleteEvent)=\"deleteEvent.emit($event)\"\n                (editEvent)=\"editEvent.emit($event)\"\n                (close)=\"dialog.dismiss()\"\n            ></bc-event-preview>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n<ng-template #defaultButton let-task let-popover=\"popover\" let-calendarFields=\"calendarFields\">\n    <button\n        fd-button\n        [compact]=\"true\"\n        (click)=\"onButtonClick(popover)\"\n        [fdType]=\"task.inDay ? 'standard' : 'emphasized'\"\n        [label]=\"task | eventTime: calendarFields\"\n        [style.background-color]=\"task.event[calendarFields.Color]\"\n        class=\"task-title\"\n    ></button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;height:100%;padding-top:1px}:host[rtl=true]{padding-right:3px}:host[rtl=false]{padding-left:3px}.task-title{justify-content:start!important;font-weight:400}button{flex-grow:1;border-radius:0!important;height:100%;max-height:100%;min-height:100%;border:none}.start-day{width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}.end-day{width:0;height:0;border-top:10px solid transparent;border-left:10px solid var(--sapButton_Emphasized_Background, #0a6ed1);border-bottom:10px solid transparent;height:100%}\n"] }]
@@ -82,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: HostBinding,
                 args: ['attr.rtl']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWNhbGVuZGFyL3NyYy9saWIvZXZlbnQtYnV0dG9uL2V2ZW50LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1jYWxlbmRhci9zcmMvbGliL2V2ZW50LWJ1dHRvbi9ldmVudC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUVOLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWlCLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEUsT0FBTyxFQUFFLGFBQWEsRUFBOEQsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7O0FBT2pILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxhQUFhO0lBb0JuRCxZQUFvQixHQUFlLEVBQVUsY0FBNkI7UUFDdEUsS0FBSyxFQUFFLENBQUM7UUFEUSxRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQWU7UUFMaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztRQUN0RCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDcEQsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1QixZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLFNBQUksR0FBRyxJQUFJLENBQUM7SUFHckMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1NBQ3BEO0lBQ0wsQ0FBQztJQUNELG1CQUFtQixDQUFDLE1BQU07UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBQ0QsYUFBYSxDQUFDLE9BQU87UUFDakIsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLEdBQUcsRUFBRTtZQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO2dCQUMzQyxNQUFNLEVBQUUsSUFBSTthQUNmLENBQUMsQ0FBQztZQUNILE9BQU87U0FDVjtRQUNELE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuQixDQUFDOztpSEEzQ1Esb0JBQW9CO3FHQUFwQixvQkFBb0IsNmtCQUdsQixnQkFBZ0IsdU1DeEIvQixnMEVBaUVBOzJGRDVDYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07NkhBSS9DLHFCQUFxQjtzQkFEcEIsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUc1QyxnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSTdDLGVBQWU7c0JBRGQsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRXBDLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDdUIsT0FBTztzQkFBcEMsV0FBVzt1QkFBQyxlQUFlO2dCQUNILElBQUk7c0JBQTVCLFdBQVc7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlhbG9nU2VydmljZSwgUG9wb3ZlckNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZSc7XG5cbmltcG9ydCB7IEJhc2VDb21wb25lbnQsIENhbGVuZGFyRmllbGRzLCBNZXRhb2JqZWN0RGF0YU1vZGVsLCBBYmJyZXZhdGlvbkRldmljZVNpemUgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JjLWV2ZW50LWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2ZW50LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZlbnQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRXZlbnRCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBAVmlld0NoaWxkKCdkZWZhdWx0QnV0dG9uJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgICBkZWZhdWx0QnV0dG9uVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQFZpZXdDaGlsZChQb3BvdmVyQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIHBvcG92ZXJDb21wb25lbnQ6IFBvcG92ZXJDb21wb25lbnQ7XG5cbiAgICBAVmlld0NoaWxkKCdkaWFsb2dUZW1wbGF0ZScsIHsgc3RhdGljOiB0cnVlIH0pXG4gICAgX2RpYWxvZ1RlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGJ1dHRvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGNhbGVuZGFyRmllbGRzOiBDYWxlbmRhckZpZWxkcztcbiAgICBASW5wdXQoKSB0YXNrOiBhbnk7XG4gICAgQElucHV0KCkgcnRsOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGNhbkRlbGV0ZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBjYW5FZGl0OiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGRldmljZVNpemU6IEFiYnJldmF0aW9uRGV2aWNlU2l6ZTtcbiAgICBAT3V0cHV0KCkgZGVsZXRlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE1ldGFvYmplY3REYXRhTW9kZWw+KCk7XG4gICAgQE91dHB1dCgpIGVkaXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8TWV0YW9iamVjdERhdGFNb2RlbD4oKTtcbiAgICBAT3V0cHV0KCkgb3BlblBvcG92ZXJDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5vcGFjaXR5Jykgb3BhY2l0eSA9IDE7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJ0bCcpIF9ydGwgPSB0cnVlO1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsOiBFbGVtZW50UmVmLCBwcml2YXRlIF9kaWFsb2dTZXJ2aWNlOiBEaWFsb2dTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuX3J0bCA9IHRoaXMucnRsO1xuICAgICAgICB0aGlzLm9wYWNpdHkgPSB0aGlzLnRhc2sub3BhY2l0eSA/PyAxO1xuICAgICAgICBpZiAoIXRoaXMuYnV0dG9uVGVtcGxhdGUpIHtcbiAgICAgICAgICAgIHRoaXMuYnV0dG9uVGVtcGxhdGUgPSB0aGlzLmRlZmF1bHRCdXR0b25UZW1wbGF0ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBvblBvcE92ZXJPcGVuQ2hhbmdlKGlzT3Blbik6IHZvaWQge1xuICAgICAgICB0aGlzLm9wZW5Qb3BvdmVyQ2hhbmdlLmVtaXQoaXNPcGVuKTtcbiAgICB9XG4gICAgb25CdXR0b25DbGljayhwb3BvdmVyKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmRldmljZVNpemUgPT09ICdzJykge1xuICAgICAgICAgICAgdGhpcy5fZGlhbG9nU2VydmljZS5vcGVuKHRoaXMuX2RpYWxvZ1RlbXBsYXRlLCB7XG4gICAgICAgICAgICAgICAgbW9iaWxlOiB0cnVlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBwb3BvdmVyLm9wZW4oKTtcbiAgICB9XG59XG4iLCI8c3BhbiBbbmdDbGFzc109XCJ7ICdlbmQtZGF5JzogcnRsLCAnc3RhcnQtZGF5JzogIXJ0bCB9XCIgKm5nSWY9XCIhdGFzay5zdGFydGRheUlzSW5Sb3dcIj48L3NwYW4+XG48bmctY29udGFpbmVyXG4gICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgYnV0dG9uVGVtcGxhdGU7XG4gICAgICAgIGNvbnRleHQ6IHtcbiAgICAgICAgICAgICRpbXBsaWNpdDogdGFzayxcbiAgICAgICAgICAgIGNhbGVuZGFyRmllbGRzOiBjYWxlbmRhckZpZWxkcyxcbiAgICAgICAgICAgIHBvcG92ZXI6IHBvcG92ZXJcbiAgICAgICAgfVxuICAgIFwiXG4+PC9uZy1jb250YWluZXI+XG48c3BhbiBbbmdDbGFzc109XCJ7ICdzdGFydC1kYXknOiBydGwsICdlbmQtZGF5JzogIXJ0bCB9XCIgKm5nSWY9XCIhdGFzay5lbmRkYXlJc0luUm93XCI+PC9zcGFuPlxuXG48ZmQtcG9wb3ZlclxuICAgICNwb3BvdmVyXG4gICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICBbbW9iaWxlXT1cImRldmljZVNpemUgPT09ICdzJ1wiXG4gICAgW2ZvY3VzVHJhcHBlZF09XCJ0cnVlXCJcbiAgICBbZm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCJcbiAgICBbbW9iaWxlXT1cImRldmljZVNpemUgPT09ICdzJ1wiXG4gICAgW3RpdGxlXT1cInRhc2suZXZlbnRbY2FsZW5kYXJGaWVsZHMuVGl0bGVdXCJcbiAgICAoaXNPcGVuQ2hhbmdlKT1cIm9uUG9wT3Zlck9wZW5DaGFuZ2UoJGV2ZW50KVwiXG4+XG4gICAgPGZkLXBvcG92ZXItY29udHJvbD48L2ZkLXBvcG92ZXItY29udHJvbD5cbiAgICA8ZmQtcG9wb3Zlci1ib2R5PlxuICAgICAgICA8YmMtZXZlbnQtcHJldmlld1xuICAgICAgICAgICAgW2V2ZW50XT1cInRhc2suZXZlbnRcIlxuICAgICAgICAgICAgW2NhbGVuZGFyRmllbGRzXT1cImNhbGVuZGFyRmllbGRzXCJcbiAgICAgICAgICAgIFtwb3BvdmVyXT1cInBvcG92ZXJcIlxuICAgICAgICAgICAgW2NhbkRlbGV0ZV09XCJjYW5EZWxldGVcIlxuICAgICAgICAgICAgW2RldmljZVNpemVdPVwiZGV2aWNlU2l6ZVwiXG4gICAgICAgICAgICBbY2FuRWRpdF09XCJjYW5FZGl0XCJcbiAgICAgICAgICAgIChkZWxldGVFdmVudCk9XCJkZWxldGVFdmVudC5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgKGVkaXRFdmVudCk9XCJlZGl0RXZlbnQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgPjwvYmMtZXZlbnQtcHJldmlldz5cbiAgICA8L2ZkLXBvcG92ZXItYm9keT5cbjwvZmQtcG9wb3Zlcj5cblxuPG5nLXRlbXBsYXRlIGxldC1kaWFsb2cgbGV0LWRpYWxvZ0NvbmZpZz1cImRpYWxvZ0NvbmZpZ1wiICNkaWFsb2dUZW1wbGF0ZT5cbiAgICA8ZmQtZGlhbG9nIFtkaWFsb2dDb25maWddPVwiZGlhbG9nQ29uZmlnXCIgW2RpYWxvZ1JlZl09XCJkaWFsb2dcIj5cbiAgICAgICAgPGZkLWRpYWxvZy1ib2R5PlxuICAgICAgICAgICAgPGJjLWV2ZW50LXByZXZpZXdcbiAgICAgICAgICAgICAgICBbZXZlbnRdPVwidGFzay5ldmVudFwiXG4gICAgICAgICAgICAgICAgW2NhbGVuZGFyRmllbGRzXT1cImNhbGVuZGFyRmllbGRzXCJcbiAgICAgICAgICAgICAgICBbY2FuRGVsZXRlXT1cImNhbkRlbGV0ZVwiXG4gICAgICAgICAgICAgICAgW2RldmljZVNpemVdPVwiZGV2aWNlU2l6ZVwiXG4gICAgICAgICAgICAgICAgW2NhbkVkaXRdPVwiY2FuRWRpdFwiXG4gICAgICAgICAgICAgICAgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUV2ZW50LmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgKGVkaXRFdmVudCk9XCJlZGl0RXZlbnQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoY2xvc2UpPVwiZGlhbG9nLmRpc21pc3MoKVwiXG4gICAgICAgICAgICA+PC9iYy1ldmVudC1wcmV2aWV3PlxuICAgICAgICA8L2ZkLWRpYWxvZy1ib2R5PlxuICAgIDwvZmQtZGlhbG9nPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdEJ1dHRvbiBsZXQtdGFzayBsZXQtcG9wb3Zlcj1cInBvcG92ZXJcIiBsZXQtY2FsZW5kYXJGaWVsZHM9XCJjYWxlbmRhckZpZWxkc1wiPlxuICAgIDxidXR0b25cbiAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgIFtjb21wYWN0XT1cInRydWVcIlxuICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljayhwb3BvdmVyKVwiXG4gICAgICAgIFtmZFR5cGVdPVwidGFzay5pbkRheSA/ICdzdGFuZGFyZCcgOiAnZW1waGFzaXplZCdcIlxuICAgICAgICBbbGFiZWxdPVwidGFzayB8IGV2ZW50VGltZTogY2FsZW5kYXJGaWVsZHNcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJ0YXNrLmV2ZW50W2NhbGVuZGFyRmllbGRzLkNvbG9yXVwiXG4gICAgICAgIGNsYXNzPVwidGFzay10aXRsZVwiXG4gICAgPjwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWNhbGVuZGFyL3NyYy9saWIvZXZlbnQtYnV0dG9uL2V2ZW50LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1jYWxlbmRhci9zcmMvbGliL2V2ZW50LWJ1dHRvbi9ldmVudC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsTUFBTSxFQUVOLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWlCLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEUsT0FBTyxFQUFFLGFBQWEsRUFBOEQsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQU9qSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBYTtJQW9CbkQsWUFBb0IsR0FBZSxFQUFVLGNBQTZCO1FBQ3RFLEtBQUssRUFBRSxDQUFDO1FBRFEsUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUFlO1FBTGhFLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7UUFDdEQsY0FBUyxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDO1FBQ3BELHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUIsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixTQUFJLEdBQUcsSUFBSSxDQUFDO0lBR3JDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQztTQUNwRDtJQUNMLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxNQUFNO1FBQ3RCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUNELGFBQWEsQ0FBQyxPQUFPO1FBQ2pCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxHQUFHLEVBQUU7WUFDekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRTtnQkFDM0MsTUFBTSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUM7WUFDSCxPQUFPO1NBQ1Y7UUFDRCxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7aUhBM0NRLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDZrQkFHbEIsZ0JBQWdCLHVNQ3hCL0IsZzBFQWlFQTsyRkQ1Q2Esb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNJLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzZIQUkvQyxxQkFBcUI7c0JBRHBCLFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFHNUMsZ0JBQWdCO3NCQURmLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUk3QyxlQUFlO3NCQURkLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUVwQyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ3VCLE9BQU87c0JBQXBDLFdBQVc7dUJBQUMsZUFBZTtnQkFDSCxJQUFJO3NCQUE1QixXQUFXO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFRlbXBsYXRlUmVmLFxuICAgIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1NlcnZpY2UsIFBvcG92ZXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50LCBDYWxlbmRhckZpZWxkcywgTWV0YW9iamVjdERhdGFNb2RlbCwgQWJicmV2YXRpb25EZXZpY2VTaXplIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYy1ldmVudC1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldmVudC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2V2ZW50LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEV2ZW50QnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnZGVmYXVsdEJ1dHRvbicsIHsgc3RhdGljOiB0cnVlIH0pXG4gICAgZGVmYXVsdEJ1dHRvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBWaWV3Q2hpbGQoUG9wb3ZlckNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgICBwb3BvdmVyQ29tcG9uZW50OiBQb3BvdmVyQ29tcG9uZW50O1xuXG4gICAgQFZpZXdDaGlsZCgnZGlhbG9nVGVtcGxhdGUnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIF9kaWFsb2dUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSBidXR0b25UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoKSBjYWxlbmRhckZpZWxkczogQ2FsZW5kYXJGaWVsZHM7XG4gICAgQElucHV0KCkgdGFzazogYW55O1xuICAgIEBJbnB1dCgpIHJ0bDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBjYW5EZWxldGU6IGJvb2xlYW47XG4gICAgQElucHV0KCkgY2FuRWRpdDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBkZXZpY2VTaXplOiBBYmJyZXZhdGlvbkRldmljZVNpemU7XG4gICAgQE91dHB1dCgpIGRlbGV0ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xuICAgIEBPdXRwdXQoKSBlZGl0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE1ldGFvYmplY3REYXRhTW9kZWw+KCk7XG4gICAgQE91dHB1dCgpIG9wZW5Qb3BvdmVyQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUub3BhY2l0eScpIG9wYWNpdHkgPSAxO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5ydGwnKSBfcnRsID0gdHJ1ZTtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbDogRWxlbWVudFJlZiwgcHJpdmF0ZSBfZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLl9ydGwgPSB0aGlzLnJ0bDtcbiAgICAgICAgdGhpcy5vcGFjaXR5ID0gdGhpcy50YXNrLm9wYWNpdHkgPz8gMTtcbiAgICAgICAgaWYgKCF0aGlzLmJ1dHRvblRlbXBsYXRlKSB7XG4gICAgICAgICAgICB0aGlzLmJ1dHRvblRlbXBsYXRlID0gdGhpcy5kZWZhdWx0QnV0dG9uVGVtcGxhdGU7XG4gICAgICAgIH1cbiAgICB9XG4gICAgb25Qb3BPdmVyT3BlbkNoYW5nZShpc09wZW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vcGVuUG9wb3ZlckNoYW5nZS5lbWl0KGlzT3Blbik7XG4gICAgfVxuICAgIG9uQnV0dG9uQ2xpY2socG9wb3Zlcik6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kZXZpY2VTaXplID09PSAncycpIHtcbiAgICAgICAgICAgIHRoaXMuX2RpYWxvZ1NlcnZpY2Uub3Blbih0aGlzLl9kaWFsb2dUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgIG1vYmlsZTogdHJ1ZVxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgcG9wb3Zlci5vcGVuKCk7XG4gICAgfVxufVxuIiwiPHNwYW4gW25nQ2xhc3NdPVwieyAnZW5kLWRheSc6IHJ0bCwgJ3N0YXJ0LWRheSc6ICFydGwgfVwiICpuZ0lmPVwiIXRhc2suc3RhcnRkYXlJc0luUm93XCI+PC9zcGFuPlxuPG5nLWNvbnRhaW5lclxuICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgIGJ1dHRvblRlbXBsYXRlO1xuICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAkaW1wbGljaXQ6IHRhc2ssXG4gICAgICAgICAgICBjYWxlbmRhckZpZWxkczogY2FsZW5kYXJGaWVsZHMsXG4gICAgICAgICAgICBwb3BvdmVyOiBwb3BvdmVyXG4gICAgICAgIH1cbiAgICBcIlxuPjwvbmctY29udGFpbmVyPlxuPHNwYW4gW25nQ2xhc3NdPVwieyAnc3RhcnQtZGF5JzogcnRsLCAnZW5kLWRheSc6ICFydGwgfVwiICpuZ0lmPVwiIXRhc2suZW5kZGF5SXNJblJvd1wiPjwvc3Bhbj5cblxuPGZkLXBvcG92ZXJcbiAgICAjcG9wb3ZlclxuICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgW21vYmlsZV09XCJkZXZpY2VTaXplID09PSAncydcIlxuICAgIFtmb2N1c1RyYXBwZWRdPVwidHJ1ZVwiXG4gICAgW2ZvY3VzQXV0b0NhcHR1cmVdPVwidHJ1ZVwiXG4gICAgW21vYmlsZV09XCJkZXZpY2VTaXplID09PSAncydcIlxuICAgIFt0aXRsZV09XCJ0YXNrLmV2ZW50W2NhbGVuZGFyRmllbGRzLlRpdGxlXVwiXG4gICAgKGlzT3BlbkNoYW5nZSk9XCJvblBvcE92ZXJPcGVuQ2hhbmdlKCRldmVudClcIlxuPlxuICAgIDxmZC1wb3BvdmVyLWNvbnRyb2w+PC9mZC1wb3BvdmVyLWNvbnRyb2w+XG4gICAgPGZkLXBvcG92ZXItYm9keT5cbiAgICAgICAgPGJjLWV2ZW50LXByZXZpZXdcbiAgICAgICAgICAgIFtldmVudF09XCJ0YXNrLmV2ZW50XCJcbiAgICAgICAgICAgIFtjYWxlbmRhckZpZWxkc109XCJjYWxlbmRhckZpZWxkc1wiXG4gICAgICAgICAgICBbcG9wb3Zlcl09XCJwb3BvdmVyXCJcbiAgICAgICAgICAgIFtjYW5EZWxldGVdPVwiY2FuRGVsZXRlXCJcbiAgICAgICAgICAgIFtkZXZpY2VTaXplXT1cImRldmljZVNpemVcIlxuICAgICAgICAgICAgW2NhbkVkaXRdPVwiY2FuRWRpdFwiXG4gICAgICAgICAgICAoZGVsZXRlRXZlbnQpPVwiZGVsZXRlRXZlbnQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgIChlZGl0RXZlbnQpPVwiZWRpdEV2ZW50LmVtaXQoJGV2ZW50KVwiXG4gICAgICAgID48L2JjLWV2ZW50LXByZXZpZXc+XG4gICAgPC9mZC1wb3BvdmVyLWJvZHk+XG48L2ZkLXBvcG92ZXI+XG5cbjxuZy10ZW1wbGF0ZSBsZXQtZGlhbG9nIGxldC1kaWFsb2dDb25maWc9XCJkaWFsb2dDb25maWdcIiAjZGlhbG9nVGVtcGxhdGU+XG4gICAgPGZkLWRpYWxvZyBbZGlhbG9nQ29uZmlnXT1cImRpYWxvZ0NvbmZpZ1wiIFtkaWFsb2dSZWZdPVwiZGlhbG9nXCI+XG4gICAgICAgIDxmZC1kaWFsb2ctYm9keT5cbiAgICAgICAgICAgIDxiYy1ldmVudC1wcmV2aWV3XG4gICAgICAgICAgICAgICAgW2V2ZW50XT1cInRhc2suZXZlbnRcIlxuICAgICAgICAgICAgICAgIFtjYWxlbmRhckZpZWxkc109XCJjYWxlbmRhckZpZWxkc1wiXG4gICAgICAgICAgICAgICAgW2NhbkRlbGV0ZV09XCJjYW5EZWxldGVcIlxuICAgICAgICAgICAgICAgIFtkZXZpY2VTaXplXT1cImRldmljZVNpemVcIlxuICAgICAgICAgICAgICAgIFtjYW5FZGl0XT1cImNhbkVkaXRcIlxuICAgICAgICAgICAgICAgIChkZWxldGVFdmVudCk9XCJkZWxldGVFdmVudC5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgIChlZGl0RXZlbnQpPVwiZWRpdEV2ZW50LmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgKGNsb3NlKT1cImRpYWxvZy5kaXNtaXNzKClcIlxuICAgICAgICAgICAgPjwvYmMtZXZlbnQtcHJldmlldz5cbiAgICAgICAgPC9mZC1kaWFsb2ctYm9keT5cbiAgICA8L2ZkLWRpYWxvZz5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2RlZmF1bHRCdXR0b24gbGV0LXRhc2sgbGV0LXBvcG92ZXI9XCJwb3BvdmVyXCIgbGV0LWNhbGVuZGFyRmllbGRzPVwiY2FsZW5kYXJGaWVsZHNcIj5cbiAgICA8YnV0dG9uXG4gICAgICAgIGZkLWJ1dHRvblxuICAgICAgICBbY29tcGFjdF09XCJ0cnVlXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2socG9wb3ZlcilcIlxuICAgICAgICBbZmRUeXBlXT1cInRhc2suaW5EYXkgPyAnc3RhbmRhcmQnIDogJ2VtcGhhc2l6ZWQnXCJcbiAgICAgICAgW2xhYmVsXT1cInRhc2sgfCBldmVudFRpbWU6IGNhbGVuZGFyRmllbGRzXCJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwidGFzay5ldmVudFtjYWxlbmRhckZpZWxkcy5Db2xvcl1cIlxuICAgICAgICBjbGFzcz1cInRhc2stdGl0bGVcIlxuICAgID48L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=