@indigina/ui-kit 1.1.384 → 1.1.386
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.
|
@@ -3716,7 +3716,7 @@ class KitNavigationMenuSubmenuComponent {
|
|
|
3716
3716
|
return `${location?.origin}/` === url;
|
|
3717
3717
|
}
|
|
3718
3718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNavigationMenuSubmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3719
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuSubmenuComponent, isStandalone: true, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\">\n {{ subChild.title }}\n </a
|
|
3719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuSubmenuComponent, isStandalone: true, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\"\n [queryParams]=\"child.queryParams\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\"\n [queryParams]=\"subChild.queryParams\">\n {{ subChild.title }}\n </a>\n }\n }\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
|
|
3720
3720
|
expandCollapseAnimation('height'),
|
|
3721
3721
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3722
3722
|
}
|
|
@@ -3727,7 +3727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3727
3727
|
], imports: [
|
|
3728
3728
|
RouterModule,
|
|
3729
3729
|
KitSvgIconComponent,
|
|
3730
|
-
], template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\">\n {{ subChild.title }}\n </a
|
|
3730
|
+
], template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\"\n [queryParams]=\"child.queryParams\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\"\n [queryParams]=\"subChild.queryParams\">\n {{ subChild.title }}\n </a>\n }\n }\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"] }]
|
|
3731
3731
|
}], propDecorators: { menuItem: [{
|
|
3732
3732
|
type: Input
|
|
3733
3733
|
}], appsMenuItems: [{
|
|
@@ -6532,7 +6532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
6532
6532
|
const kitDataStateToODataString = (state, utcDates = false, columns) => {
|
|
6533
6533
|
const base = toODataString({ ...state, filter: undefined }, { utcDates });
|
|
6534
6534
|
const filter = state.filter && convertFiltersToOData(state.filter, utcDates, columns);
|
|
6535
|
-
return decodeURIComponent(filter ? `${base}$filter
|
|
6535
|
+
return decodeURIComponent(filter ? `${base}$filter=${filter}` : base);
|
|
6536
6536
|
};
|
|
6537
6537
|
const isKitFilterDescriptor = (filter) => {
|
|
6538
6538
|
return 'field' in filter && 'value' in filter;
|
|
@@ -6550,11 +6550,11 @@ const convertFiltersToOData = (filters, utcDates, columns) => {
|
|
|
6550
6550
|
return oDataFilters.filter(Boolean).join(` ${filters.logic} `);
|
|
6551
6551
|
};
|
|
6552
6552
|
const convertStandardFiltersToOData = (filter, utcDates) => {
|
|
6553
|
-
return
|
|
6553
|
+
return toODataString({
|
|
6554
6554
|
filter: isKitFilterDescriptor(filter)
|
|
6555
6555
|
? { logic: KitFilterLogic.AND, filters: [filter] }
|
|
6556
6556
|
: filter,
|
|
6557
|
-
}, { utcDates }));
|
|
6557
|
+
}, { utcDates }).replace(/^\$filter=/, '');
|
|
6558
6558
|
};
|
|
6559
6559
|
const convertCustomFiltersToOData = (filter, columns) => {
|
|
6560
6560
|
const internalFilter = filter.filters[0];
|
|
@@ -6567,12 +6567,6 @@ const convertCustomFiltersToOData = (filter, columns) => {
|
|
|
6567
6567
|
}
|
|
6568
6568
|
return '';
|
|
6569
6569
|
};
|
|
6570
|
-
const extractFilterExpression = (odata) => {
|
|
6571
|
-
const extractedExpression = odata.replace(/^\$filter=/, '');
|
|
6572
|
-
return extractedExpression.startsWith('(') && extractedExpression.endsWith(')')
|
|
6573
|
-
? extractedExpression.slice(1, -1)
|
|
6574
|
-
: extractedExpression;
|
|
6575
|
-
};
|
|
6576
6570
|
|
|
6577
6571
|
var KitThemes;
|
|
6578
6572
|
(function (KitThemes) {
|
|
@@ -10148,6 +10142,7 @@ class KitSchedulerComponent {
|
|
|
10148
10142
|
this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
|
|
10149
10143
|
this.exportedFileName = input('scheduler.pdf', ...(ngDevMode ? [{ debugName: "exportedFileName" }] : []));
|
|
10150
10144
|
this.showExportButton = input(false, ...(ngDevMode ? [{ debugName: "showExportButton" }] : []));
|
|
10145
|
+
this.freezeToolbar = input(false, ...(ngDevMode ? [{ debugName: "freezeToolbar" }] : []));
|
|
10151
10146
|
this.eventClicked = output();
|
|
10152
10147
|
this.eventDblClicked = output();
|
|
10153
10148
|
this.slotClicked = output();
|
|
@@ -10201,7 +10196,7 @@ class KitSchedulerComponent {
|
|
|
10201
10196
|
return local.toISOString().split('T')[0];
|
|
10202
10197
|
}
|
|
10203
10198
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10204
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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 }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", 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 }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "customViewTemplate", first: true, predicate: KitSchedulerCustomViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "agendaTimeTemplate", first: true, predicate: KitSchedulerAgendaTimeTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCellTemplate", first: true, predicate: KitSchedulerMonthHeaderCellTemplateDirective, 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 (navigate)=\"onNavigate($event)\"\n (eventDblClick)=\"eventDblClicked.emit($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\"\n let-views=\"views\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [views]=\"views\"\n [viewModes]=\"viewModes()\"\n [showTimePill]=\"showTimePill()\"\n [selectedViewIndex]=\"scheduler.selectedViewIndex\"\n [showExportButton]=\"showExportButton()\"\n [isLoading]=\"loading()\"\n (exportPDF)=\"exportPDF()\">\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 @if (headerCellTemplate(); as template) {\n <ng-container *ngTemplateOutlet=\"template; context: { date }\"\n ></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n }\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-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n\n @if (viewModes()['week']) {\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n }\n\n @if (viewModes()['agenda']) {\n @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n ></kendo-scheduler-agenda-view>\n }\n }\n\n @if (agendaTimeTemplate(); as template) {\n <ng-template kendoSchedulerAgendaTimeTemplate\n let-start=\"start\">\n <ng-container *ngTemplateOutlet=\"template; context: { start }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (viewModes()['day']) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n @if (viewModes()['timeline']) {\n <kendo-scheduler-timeline-view\n ></kendo-scheduler-timeline-view>\n }\n\n @if (viewModes()['custom']) {\n @if (customViewTemplate(); as template) {\n <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n <ng-container *ngTemplateOutlet=\"template\"\n ></ng-container>\n </ng-template>\n }\n }\n\n <kendo-scheduler-pdf [fileName]=\"exportedFileName()\"></kendo-scheduler-pdf>\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-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{height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{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{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;margin-top:6px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{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-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{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer;box-sizing:content-box}.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}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-timecolumn{text-align:center}\n"], dependencies: [{ kind: "component", type: i1$e.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", "hiddenDays", "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$e.SchedulerViewDirective, selector: "[kendoSchedulerView]", inputs: ["kendoSchedulerView", "kendoSchedulerViewName"] }, { kind: "component", type: i1$e.PDFComponent, selector: "kendo-scheduler-pdf", inputs: ["author", "avoidLinks", "creator", "date", "imageResolution", "fileName", "forceProxy", "keywords", "margin", "scale", "proxyData", "proxyURL", "proxyTarget", "producer", "subject", "title"] }, { kind: "directive", type: i1$e.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$e.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$e.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"], outputs: ["moreEventsClick"] }, { kind: "component", type: i1$e.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$e.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "directive", type: i1$e.AgendaTimeTemplateDirective, selector: "[kendoSchedulerAgendaTimeTemplate]" }, { kind: "directive", type: i1$e.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$e.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$e.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$e.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$e.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill", "views", "viewModes", "selectedViewIndex", "showExportButton", "isLoading"], outputs: ["exportPDF"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10199
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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 }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", 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 }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null }, freezeToolbar: { classPropertyName: "freezeToolbar", publicName: "freezeToolbar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "customViewTemplate", first: true, predicate: KitSchedulerCustomViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "agendaTimeTemplate", first: true, predicate: KitSchedulerAgendaTimeTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCellTemplate", first: true, predicate: KitSchedulerMonthHeaderCellTemplateDirective, 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 [ngClass]=\"{ 'freeze-toolbar': freezeToolbar() }\"\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 (navigate)=\"onNavigate($event)\"\n (eventDblClick)=\"eventDblClicked.emit($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\"\n let-views=\"views\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [views]=\"views\"\n [viewModes]=\"viewModes()\"\n [showTimePill]=\"showTimePill()\"\n [selectedViewIndex]=\"scheduler.selectedViewIndex\"\n [showExportButton]=\"showExportButton()\"\n [isLoading]=\"loading()\"\n (exportPDF)=\"exportPDF()\">\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 @if (headerCellTemplate(); as template) {\n <ng-container *ngTemplateOutlet=\"template; context: { date }\"\n ></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n }\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-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n\n @if (viewModes()['week']) {\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n }\n\n @if (viewModes()['agenda']) {\n @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n ></kendo-scheduler-agenda-view>\n }\n }\n\n @if (agendaTimeTemplate(); as template) {\n <ng-template kendoSchedulerAgendaTimeTemplate\n let-start=\"start\">\n <ng-container *ngTemplateOutlet=\"template; context: { start }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (viewModes()['day']) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n @if (viewModes()['timeline']) {\n <kendo-scheduler-timeline-view\n ></kendo-scheduler-timeline-view>\n }\n\n @if (viewModes()['custom']) {\n @if (customViewTemplate(); as template) {\n <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n <ng-container *ngTemplateOutlet=\"template\"\n ></ng-container>\n </ng-template>\n }\n }\n\n <kendo-scheduler-pdf [fileName]=\"exportedFileName()\"></kendo-scheduler-pdf>\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;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler.freeze-toolbar{height:100%}.kit-scheduler.freeze-toolbar ::ng-deep month-view{flex:1;overflow-y:auto}.kit-scheduler ::ng-deep .k-scheduler-toolbar{padding:0 0 34px;border: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-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-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{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{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;margin-top:6px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{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-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{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer;box-sizing:content-box;padding-inline-end:0}.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}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-timecolumn{text-align:center}\n"], dependencies: [{ kind: "component", type: i1$e.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", "hiddenDays", "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$e.SchedulerViewDirective, selector: "[kendoSchedulerView]", inputs: ["kendoSchedulerView", "kendoSchedulerViewName"] }, { kind: "component", type: i1$e.PDFComponent, selector: "kendo-scheduler-pdf", inputs: ["author", "avoidLinks", "creator", "date", "imageResolution", "fileName", "forceProxy", "keywords", "margin", "scale", "proxyData", "proxyURL", "proxyTarget", "producer", "subject", "title"] }, { kind: "directive", type: i1$e.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$e.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$e.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"], outputs: ["moreEventsClick"] }, { kind: "component", type: i1$e.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$e.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "directive", type: i1$e.AgendaTimeTemplateDirective, selector: "[kendoSchedulerAgendaTimeTemplate]" }, { kind: "directive", type: i1$e.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$e.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$e.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$e.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$e.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill", "views", "viewModes", "selectedViewIndex", "showExportButton", "isLoading"], outputs: ["exportPDF"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10205
10200
|
}
|
|
10206
10201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerComponent, decorators: [{
|
|
10207
10202
|
type: Component,
|
|
@@ -10211,8 +10206,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
10211
10206
|
KitSchedulerToolbarComponent,
|
|
10212
10207
|
DatePipe,
|
|
10213
10208
|
NgTemplateOutlet,
|
|
10214
|
-
|
|
10215
|
-
|
|
10209
|
+
NgClass,
|
|
10210
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [ngClass]=\"{ 'freeze-toolbar': freezeToolbar() }\"\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 (navigate)=\"onNavigate($event)\"\n (eventDblClick)=\"eventDblClicked.emit($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\"\n let-views=\"views\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [views]=\"views\"\n [viewModes]=\"viewModes()\"\n [showTimePill]=\"showTimePill()\"\n [selectedViewIndex]=\"scheduler.selectedViewIndex\"\n [showExportButton]=\"showExportButton()\"\n [isLoading]=\"loading()\"\n (exportPDF)=\"exportPDF()\">\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 @if (headerCellTemplate(); as template) {\n <ng-container *ngTemplateOutlet=\"template; context: { date }\"\n ></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n }\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-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n\n @if (viewModes()['week']) {\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n }\n\n @if (viewModes()['agenda']) {\n @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n ></kendo-scheduler-agenda-view>\n }\n }\n\n @if (agendaTimeTemplate(); as template) {\n <ng-template kendoSchedulerAgendaTimeTemplate\n let-start=\"start\">\n <ng-container *ngTemplateOutlet=\"template; context: { start }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (viewModes()['day']) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n @if (viewModes()['timeline']) {\n <kendo-scheduler-timeline-view\n ></kendo-scheduler-timeline-view>\n }\n\n @if (viewModes()['custom']) {\n @if (customViewTemplate(); as template) {\n <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n <ng-container *ngTemplateOutlet=\"template\"\n ></ng-container>\n </ng-template>\n }\n }\n\n <kendo-scheduler-pdf [fileName]=\"exportedFileName()\"></kendo-scheduler-pdf>\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;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler.freeze-toolbar{height:100%}.kit-scheduler.freeze-toolbar ::ng-deep month-view{flex:1;overflow-y:auto}.kit-scheduler ::ng-deep .k-scheduler-toolbar{padding:0 0 34px;border: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-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-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{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{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;margin-top:6px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{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-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{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer;box-sizing:content-box;padding-inline-end:0}.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}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-timecolumn{text-align:center}\n"] }]
|
|
10211
|
+
}], 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 }] }], viewModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModes", 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 }] }], exportedFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportedFileName", required: false }] }], showExportButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExportButton", required: false }] }], freezeToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "freezeToolbar", required: false }] }], eventClicked: [{ type: i0.Output, args: ["eventClicked"] }], eventDblClicked: [{ type: i0.Output, args: ["eventDblClicked"] }], slotClicked: [{ type: i0.Output, args: ["slotClicked"] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], scheduler: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }], customViewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerCustomViewTemplateDirective), { ...{ read: TemplateRef }, 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 }] }], agendaTimeTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerAgendaTimeTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], headerCellTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerMonthHeaderCellTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
10216
10212
|
|
|
10217
10213
|
class KitTranslateLoader {
|
|
10218
10214
|
constructor(http, defaultPathPerfix, overridePathPrefix) {
|