@indigina/ui-kit 1.1.325 → 1.1.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.
- package/fesm2022/indigina-ui-kit.mjs +38 -11
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/index.d.ts +17 -5
- package/package.json +1 -1
|
@@ -6504,6 +6504,7 @@ const kitTranslations = {
|
|
|
6504
6504
|
addNewFilter: 'Add New Filter',
|
|
6505
6505
|
chooseDateFrom: 'Choose Date From',
|
|
6506
6506
|
chooseDateTo: 'Choose Date To',
|
|
6507
|
+
noDataFound: 'No data found',
|
|
6507
6508
|
clear: 'Clear',
|
|
6508
6509
|
apply: 'Apply',
|
|
6509
6510
|
search: 'Search',
|
|
@@ -6629,6 +6630,7 @@ const kitTranslations = {
|
|
|
6629
6630
|
clear: 'Очистить',
|
|
6630
6631
|
apply: 'Применить',
|
|
6631
6632
|
search: 'Поиск',
|
|
6633
|
+
noDataFound: 'Данные не найдены',
|
|
6632
6634
|
all: 'Все',
|
|
6633
6635
|
logic: {
|
|
6634
6636
|
or: 'Или',
|
|
@@ -7872,6 +7874,13 @@ class KitFilterCheckboxComponent {
|
|
|
7872
7874
|
get displayedValues() {
|
|
7873
7875
|
return (this.isPopupOpen ? this.checkedItems : this.selectedValues()).map(item => item.title);
|
|
7874
7876
|
}
|
|
7877
|
+
get isContentOverflowing() {
|
|
7878
|
+
const element = this.popupContent()?.nativeElement;
|
|
7879
|
+
if (element) {
|
|
7880
|
+
return element.scrollHeight > element.clientHeight;
|
|
7881
|
+
}
|
|
7882
|
+
return false;
|
|
7883
|
+
}
|
|
7875
7884
|
constructor() {
|
|
7876
7885
|
this.filter = input.required(...(ngDevMode ? [{ debugName: "filter" }] : []));
|
|
7877
7886
|
this.translateKeyPrefix = input('', ...(ngDevMode ? [{ debugName: "translateKeyPrefix" }] : []));
|
|
@@ -7881,11 +7890,20 @@ class KitFilterCheckboxComponent {
|
|
|
7881
7890
|
this.filterRemoved = output();
|
|
7882
7891
|
this.filterChanged = output();
|
|
7883
7892
|
this.anchor = viewChild.required('toggleButton', { read: ElementRef });
|
|
7893
|
+
this.popupContent = viewChild('popupContent', ...(ngDevMode ? [{ debugName: "popupContent", read: ElementRef }] : [{ read: ElementRef }]));
|
|
7884
7894
|
this.popup = viewChild('popup', ...(ngDevMode ? [{ debugName: "popup", read: KitPopupComponent }] : [{ read: KitPopupComponent }]));
|
|
7885
|
-
this.
|
|
7895
|
+
this.allSelected = signal(false, ...(ngDevMode ? [{ debugName: "allSelected" }] : []));
|
|
7896
|
+
this.searchTerm = signal('', ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
|
|
7886
7897
|
this.selectedValues = signal([], ...(ngDevMode ? [{ debugName: "selectedValues" }] : []));
|
|
7898
|
+
this.visibleItems = computed(() => {
|
|
7899
|
+
if (this.searchTerm()) {
|
|
7900
|
+
return this.items().filter(item => item.title.toLowerCase().includes(this.searchTerm().toLowerCase()));
|
|
7901
|
+
}
|
|
7902
|
+
return this.items();
|
|
7903
|
+
}, ...(ngDevMode ? [{ debugName: "visibleItems" }] : []));
|
|
7904
|
+
this.kitTooltipPosition = KitTooltipPosition;
|
|
7887
7905
|
this.kitPillTheme = KitPillTheme;
|
|
7888
|
-
this.
|
|
7906
|
+
this.kitTextboxSize = KitTextboxSize;
|
|
7889
7907
|
effect(() => {
|
|
7890
7908
|
this.allSelected.set(this.items().every(item => item.checked));
|
|
7891
7909
|
});
|
|
@@ -7963,7 +7981,7 @@ class KitFilterCheckboxComponent {
|
|
|
7963
7981
|
})));
|
|
7964
7982
|
}
|
|
7965
7983
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitFilterCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? (buildTranslateKey(displayedValues[0]) | translate) : '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-checkbox class=\"checkbox-item\"\n
|
|
7984
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popupContent", first: true, predicate: ["popupContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? (buildTranslateKey(displayedValues[0]) | translate) : '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n @if (isContentOverflowing || searchTerm()) { \n <div class=\"popup-search\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n }\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange()\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "pipe", type: i1$c.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7967
7985
|
}
|
|
7968
7986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitFilterCheckboxComponent, decorators: [{
|
|
7969
7987
|
type: Component,
|
|
@@ -7974,8 +7992,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
7974
7992
|
KitTooltipDirective,
|
|
7975
7993
|
FormsModule,
|
|
7976
7994
|
KitPopupComponent,
|
|
7977
|
-
|
|
7978
|
-
|
|
7995
|
+
KitTextboxComponent,
|
|
7996
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? (buildTranslateKey(displayedValues[0]) | translate) : '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n @if (isContentOverflowing || searchTerm()) { \n <div class=\"popup-search\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n }\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange()\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"] }]
|
|
7997
|
+
}], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: true }] }], translateKeyPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateKeyPrefix", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }, { type: i0.Output, args: ["itemsChange"] }], showPopupOnInit: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPopupOnInit", required: false }] }], guidField: [{ type: i0.Input, args: [{ isSignal: true, alias: "guidField", required: false }] }], filterRemoved: [{ type: i0.Output, args: ["filterRemoved"] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }], anchor: [{ type: i0.ViewChild, args: ['toggleButton', { ...{ read: ElementRef }, isSignal: true }] }], popupContent: [{ type: i0.ViewChild, args: ['popupContent', { ...{ read: ElementRef }, isSignal: true }] }], popup: [{ type: i0.ViewChild, args: ['popup', { ...{ read: KitPopupComponent }, isSignal: true }] }] } });
|
|
7979
7998
|
|
|
7980
7999
|
const convertDateToUTC = (date, isEndOfDay) => {
|
|
7981
8000
|
const year = date.getFullYear();
|
|
@@ -9464,11 +9483,13 @@ class KitSchedulerToolbarComponent {
|
|
|
9464
9483
|
this.toolbarService = inject(ToolbarService);
|
|
9465
9484
|
this.selectedDate = input(...(ngDevMode ? [undefined, { debugName: "selectedDate" }] : []));
|
|
9466
9485
|
this.selectedView = input(...(ngDevMode ? [undefined, { debugName: "selectedView" }] : []));
|
|
9486
|
+
this.showTimePill = input(true, ...(ngDevMode ? [{ debugName: "showTimePill" }] : []));
|
|
9467
9487
|
this.kitSvgIcon = KitSvgIcon;
|
|
9468
9488
|
this.kitButtonType = KitButtonType;
|
|
9469
9489
|
this.kitButtonKind = KitButtonKind;
|
|
9470
9490
|
this.kitDatepickerSize = KitDatepickerSize;
|
|
9471
9491
|
this.datePickerDateFormats = {
|
|
9492
|
+
['day']: 'dd MMM yyyy',
|
|
9472
9493
|
['week']: 'EEEE, MMMM d, y',
|
|
9473
9494
|
['month']: 'MMMM y',
|
|
9474
9495
|
};
|
|
@@ -9496,7 +9517,7 @@ class KitSchedulerToolbarComponent {
|
|
|
9496
9517
|
this.toolbarService.navigate(action);
|
|
9497
9518
|
}
|
|
9498
9519
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9499
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
9520
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerToolbarComponent, isStandalone: true, selector: "kit-scheduler-toolbar", inputs: { selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-scheduler-toolbar\">\n <div class=\"kit-scheduler-toolbar-nav\">\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n (clicked)=\"prev()\"\n ></kit-button>\n <kit-button label=\"Today\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"today()\"></kit-button>\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"next()\">\n </kit-button>\n </div>\n <ng-content select=\"[views-selector]\"></ng-content>\n <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n [defaultDate]=\"selectedDate()\"\n [size]=\"kitDatepickerSize.SMALL\"\n [format]=\"getDatepickerFormat()\"\n (changed)=\"onDateChange($event)\"\n ></kit-datepicker>\n @if (showTimePill()) {\n <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n GMT standard time\n </kit-pill>\n }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9500
9521
|
}
|
|
9501
9522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerToolbarComponent, decorators: [{
|
|
9502
9523
|
type: Component,
|
|
@@ -9504,8 +9525,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
9504
9525
|
KitButtonComponent,
|
|
9505
9526
|
KitDatepickerComponent,
|
|
9506
9527
|
KitPillComponent,
|
|
9507
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-scheduler-toolbar\">\n <div class=\"kit-scheduler-toolbar-nav\">\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n (clicked)=\"prev()\"\n ></kit-button>\n <kit-button label=\"Today\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"today()\"></kit-button>\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"next()\">\n </kit-button>\n </div>\n <ng-content select=\"[views-selector]\"></ng-content>\n <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n [defaultDate]=\"selectedDate()\"\n [size]=\"kitDatepickerSize.SMALL\"\n [format]=\"getDatepickerFormat()\"\n (changed)=\"onDateChange($event)\"\n ></kit-datepicker>\n <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n
|
|
9508
|
-
}], propDecorators: { selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }] } });
|
|
9528
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-scheduler-toolbar\">\n <div class=\"kit-scheduler-toolbar-nav\">\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n (clicked)=\"prev()\"\n ></kit-button>\n <kit-button label=\"Today\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"today()\"></kit-button>\n <kit-button [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"next()\">\n </kit-button>\n </div>\n <ng-content select=\"[views-selector]\"></ng-content>\n <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n [defaultDate]=\"selectedDate()\"\n [size]=\"kitDatepickerSize.SMALL\"\n [format]=\"getDatepickerFormat()\"\n (changed)=\"onDateChange($event)\"\n ></kit-datepicker>\n @if (showTimePill()) {\n <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n GMT standard time\n </kit-pill>\n }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
9529
|
+
}], propDecorators: { selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }] } });
|
|
9509
9530
|
|
|
9510
9531
|
class KitSchedulerWeekEventTemplateDirective {
|
|
9511
9532
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerWeekEventTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -9525,8 +9546,14 @@ class KitSchedulerComponent {
|
|
|
9525
9546
|
this.min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
|
|
9526
9547
|
this.max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
|
|
9527
9548
|
this.timezone = input('Etc/UTC', ...(ngDevMode ? [{ debugName: "timezone" }] : []));
|
|
9549
|
+
this.showDayView = input(false, ...(ngDevMode ? [{ debugName: "showDayView" }] : []));
|
|
9550
|
+
this.showTimePill = input(true, ...(ngDevMode ? [{ debugName: "showTimePill" }] : []));
|
|
9551
|
+
this.monthEventHeight = input('auto', ...(ngDevMode ? [{ debugName: "monthEventHeight" }] : []));
|
|
9552
|
+
this.eventsPerDay = input(3, ...(ngDevMode ? [{ debugName: "eventsPerDay" }] : []));
|
|
9553
|
+
this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
|
|
9528
9554
|
this.eventClicked = output();
|
|
9529
9555
|
this.slotClicked = output();
|
|
9556
|
+
this.dateChanged = output();
|
|
9530
9557
|
this.scheduler = viewChild('scheduler', ...(ngDevMode ? [{ debugName: "scheduler" }] : []));
|
|
9531
9558
|
this.weekEventTemplate = contentChild(KitSchedulerWeekEventTemplateDirective, ...(ngDevMode ? [{ debugName: "weekEventTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
9532
9559
|
this.monthEventTemplate = contentChild(KitSchedulerMonthEventTemplateDirective, ...(ngDevMode ? [{ debugName: "monthEventTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
@@ -9573,7 +9600,7 @@ class KitSchedulerComponent {
|
|
|
9573
9600
|
return local.toISOString().split('T')[0];
|
|
9574
9601
|
}
|
|
9575
9602
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9576
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", slotClicked: "slotClicked" }, queries: [{ propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (click)=\"onSchedulerClick($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\">\n <div views-selector\n kendoSchedulerToolbarViewSelector\n [toolbarWidth]=\"1\"\n [responsiveBreakpoint]=\"0\"\n ></div>\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n\n <kendo-scheduler-month-view\n ></kendo-scheduler-month-view>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1;max-width:calc(100% - 44px)}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"], dependencies: [{ kind: "component", type: i1$d.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "directive", type: i1$d.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$d.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "component", type: i1$d.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { kind: "directive", type: i1$d.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$d.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$d.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$d.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$d.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9603
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, showDayView: { classPropertyName: "showDayView", publicName: "showDayView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, monthEventHeight: { classPropertyName: "monthEventHeight", publicName: "monthEventHeight", isSignal: true, isRequired: false, transformFunction: null }, eventsPerDay: { classPropertyName: "eventsPerDay", publicName: "eventsPerDay", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n [loading]=\"loading()\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (click)=\"onSchedulerClick($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [showTimePill]=\"showTimePill()\">\n <div views-selector\n kendoSchedulerToolbarViewSelector\n [toolbarWidth]=\"1\"\n [responsiveBreakpoint]=\"0\"\n ></div>\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showDayView()) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n\n <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"], dependencies: [{ kind: "component", type: i1$d.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "directive", type: i1$d.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$d.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "component", type: i1$d.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { kind: "directive", type: i1$d.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$d.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$d.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$d.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$d.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9577
9604
|
}
|
|
9578
9605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerComponent, decorators: [{
|
|
9579
9606
|
type: Component,
|
|
@@ -9582,8 +9609,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
9582
9609
|
KitSchedulerToolbarComponent,
|
|
9583
9610
|
DatePipe,
|
|
9584
9611
|
NgTemplateOutlet,
|
|
9585
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (click)=\"onSchedulerClick($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\">\n <div views-selector\n kendoSchedulerToolbarViewSelector\n [toolbarWidth]=\"1\"\n [responsiveBreakpoint]=\"0\"\n ></div>\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n\n <kendo-scheduler-month-view\n ></kendo-scheduler-month-view>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1
|
|
9586
|
-
}], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }], eventClicked: [{ type: i0.Output, args: ["eventClicked"] }], slotClicked: [{ type: i0.Output, args: ["slotClicked"] }], scheduler: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }], weekEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerWeekEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], monthEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerMonthEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
9612
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n [loading]=\"loading()\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (click)=\"onSchedulerClick($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [showTimePill]=\"showTimePill()\">\n <div views-selector\n kendoSchedulerToolbarViewSelector\n [toolbarWidth]=\"1\"\n [responsiveBreakpoint]=\"0\"\n ></div>\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showDayView()) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n\n <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"] }]
|
|
9613
|
+
}], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }], showDayView: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDayView", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }], monthEventHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthEventHeight", required: false }] }], eventsPerDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsPerDay", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], eventClicked: [{ type: i0.Output, args: ["eventClicked"] }], slotClicked: [{ type: i0.Output, args: ["slotClicked"] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], scheduler: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }], weekEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerWeekEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], monthEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerMonthEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
9587
9614
|
|
|
9588
9615
|
class KitTranslateLoader {
|
|
9589
9616
|
constructor(http, defaultPathPerfix, overridePathPrefix) {
|