@bizy/core 19.2.0 → 19.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -815,7 +815,6 @@ class BizyCalendarComponent {
|
|
|
815
815
|
start: new Date(_event.start),
|
|
816
816
|
end: new Date(_event.end),
|
|
817
817
|
title: _event.description || '',
|
|
818
|
-
incrementsBadgeTotal: _event.incrementsBadgeTotal ?? true,
|
|
819
818
|
color: {
|
|
820
819
|
primary: _event.color,
|
|
821
820
|
secondary: _event.backgroundColor
|
|
@@ -828,11 +827,19 @@ class BizyCalendarComponent {
|
|
|
828
827
|
afterEnd: false
|
|
829
828
|
},
|
|
830
829
|
draggable: false,
|
|
831
|
-
meta:
|
|
830
|
+
meta: {
|
|
831
|
+
incrementsBadgeTotal: _event.incrementsBadgeTotal ?? true,
|
|
832
|
+
..._event.meta
|
|
833
|
+
}
|
|
832
834
|
};
|
|
833
835
|
});
|
|
834
836
|
this._refresh.next();
|
|
835
837
|
}
|
|
838
|
+
beforeMonthViewRender({ body }) {
|
|
839
|
+
body.forEach((day) => {
|
|
840
|
+
day.badgeTotal = day.events.filter((event) => event.meta.incrementsBadgeTotal).length;
|
|
841
|
+
});
|
|
842
|
+
}
|
|
836
843
|
dayClicked({ date, events, isOpen }) {
|
|
837
844
|
if (this.preventExpand) {
|
|
838
845
|
isOpen = false;
|
|
@@ -935,7 +942,7 @@ class BizyCalendarComponent {
|
|
|
935
942
|
provide: CalendarDateFormatter,
|
|
936
943
|
useClass: BizyCalendarFormatter
|
|
937
944
|
}
|
|
938
|
-
], ngImport: i0, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i2.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i2.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
945
|
+
], ngImport: i0, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n (beforeViewRender)=\"beforeMonthViewRender($event)\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i2.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i2.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
939
946
|
}
|
|
940
947
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyCalendarComponent, decorators: [{
|
|
941
948
|
type: Component,
|
|
@@ -951,7 +958,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
951
958
|
provide: CalendarDateFormatter,
|
|
952
959
|
useClass: BizyCalendarFormatter
|
|
953
960
|
}
|
|
954
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"] }]
|
|
961
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n (beforeViewRender)=\"beforeMonthViewRender($event)\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"] }]
|
|
955
962
|
}], propDecorators: { id: [{
|
|
956
963
|
type: Input
|
|
957
964
|
}], hideHeaderDate: [{
|
|
@@ -1019,11 +1026,11 @@ class BizyCardComponent {
|
|
|
1019
1026
|
this.onSelect.emit(event);
|
|
1020
1027
|
}
|
|
1021
1028
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1022
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n type=\"button\"\n (click)=\"_onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\"\n class=\"bizy-card {{customClass}}\"\n [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n <span class=\"bizy-card__header\">\n\n <span class=\"bizy-card__header__start bizy-card__slot\">\n <ng-content select=\"[slot=header-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__header__end bizy-card__slot\">\n <ng-content select=\"[slot=header-end]\"></ng-content>\n </span>\n\n </span>\n\n <span class=\"bizy-card__content\">\n\n <ng-content></ng-content>\n\n </span>\n\n <span class=\"bizy-card__footer\">\n\n <span class=\"bizy-card__footer__start bizy-card__slot\">\n <ng-content select=\"[slot=footer-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__footer__end bizy-card__slot\">\n <ng-content select=\"[slot=footer-end]\"></ng-content>\n </span>\n\n </span>\n\n</button>", styles: [":host{font-size:1rem;height:100%;width:100%}.bizy-card{height:var(--bizy-card-height);width:var(--bizy-card-width);cursor:var(--bizy-card-cursor);border:var(--bizy-card-border);border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(
|
|
1029
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n type=\"button\"\n (click)=\"_onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\"\n class=\"bizy-card {{customClass}}\"\n [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n <span class=\"bizy-card__header\">\n\n <span class=\"bizy-card__header__start bizy-card__slot\">\n <ng-content select=\"[slot=header-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__header__end bizy-card__slot\">\n <ng-content select=\"[slot=header-end]\"></ng-content>\n </span>\n\n </span>\n\n <span class=\"bizy-card__content\">\n\n <ng-content></ng-content>\n\n </span>\n\n <span class=\"bizy-card__footer\">\n\n <span class=\"bizy-card__footer__start bizy-card__slot\">\n <ng-content select=\"[slot=footer-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__footer__end bizy-card__slot\">\n <ng-content select=\"[slot=footer-end]\"></ng-content>\n </span>\n\n </span>\n\n</button>", styles: [":host{font-size:1rem;height:100%;width:100%}.bizy-card{height:var(--bizy-card-height);width:var(--bizy-card-width);cursor:var(--bizy-card-cursor);border:var(--bizy-card-border);border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%}.bizy-card__header:has(.bizy-card__header__start:empty):has(.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem}.bizy-card__header__start{justify-self:start}.bizy-card__header__end{justify-self:end}.bizy-card__slot{width:fit-content;max-width:-webkit-fill-available;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem}.bizy-card__footer__start{justify-self:start}.bizy-card__footer__end{justify-self:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1023
1030
|
}
|
|
1024
1031
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyCardComponent, decorators: [{
|
|
1025
1032
|
type: Component,
|
|
1026
|
-
args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n (click)=\"_onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\"\n class=\"bizy-card {{customClass}}\"\n [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n <span class=\"bizy-card__header\">\n\n <span class=\"bizy-card__header__start bizy-card__slot\">\n <ng-content select=\"[slot=header-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__header__end bizy-card__slot\">\n <ng-content select=\"[slot=header-end]\"></ng-content>\n </span>\n\n </span>\n\n <span class=\"bizy-card__content\">\n\n <ng-content></ng-content>\n\n </span>\n\n <span class=\"bizy-card__footer\">\n\n <span class=\"bizy-card__footer__start bizy-card__slot\">\n <ng-content select=\"[slot=footer-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__footer__end bizy-card__slot\">\n <ng-content select=\"[slot=footer-end]\"></ng-content>\n </span>\n\n </span>\n\n</button>", styles: [":host{font-size:1rem;height:100%;width:100%}.bizy-card{height:var(--bizy-card-height);width:var(--bizy-card-width);cursor:var(--bizy-card-cursor);border:var(--bizy-card-border);border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(
|
|
1033
|
+
args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n (click)=\"_onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\"\n class=\"bizy-card {{customClass}}\"\n [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n <span class=\"bizy-card__header\">\n\n <span class=\"bizy-card__header__start bizy-card__slot\">\n <ng-content select=\"[slot=header-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__header__end bizy-card__slot\">\n <ng-content select=\"[slot=header-end]\"></ng-content>\n </span>\n\n </span>\n\n <span class=\"bizy-card__content\">\n\n <ng-content></ng-content>\n\n </span>\n\n <span class=\"bizy-card__footer\">\n\n <span class=\"bizy-card__footer__start bizy-card__slot\">\n <ng-content select=\"[slot=footer-start]\"></ng-content>\n </span>\n\n <span class=\"bizy-card__footer__end bizy-card__slot\">\n <ng-content select=\"[slot=footer-end]\"></ng-content>\n </span>\n\n </span>\n\n</button>", styles: [":host{font-size:1rem;height:100%;width:100%}.bizy-card{height:var(--bizy-card-height);width:var(--bizy-card-width);cursor:var(--bizy-card-cursor);border:var(--bizy-card-border);border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%}.bizy-card__header:has(.bizy-card__header__start:empty):has(.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem}.bizy-card__header__start{justify-self:start}.bizy-card__header__end{justify-self:end}.bizy-card__slot{width:fit-content;max-width:-webkit-fill-available;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem}.bizy-card__footer__start{justify-self:start}.bizy-card__footer__end{justify-self:end}\n"] }]
|
|
1027
1034
|
}], propDecorators: { id: [{
|
|
1028
1035
|
type: Input
|
|
1029
1036
|
}], disabled: [{
|