@indigina/ui-kit 1.1.93 → 1.1.94
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/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.component.mjs +3 -3
- package/esm2022/lib/components/kit-grid/kit-grid.model.mjs +1 -1
- package/esm2022/lib/components/kit-popup/kit-popup.component.mjs +3 -6
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.component.mjs +3 -3
- package/esm2022/lib/components/kit-timeline/kit-timeline.component.mjs +3 -3
- package/fesm2022/indigina-ui-kit.mjs +8 -11
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-grid/kit-grid.model.d.ts +13 -4
- package/package.json +1 -1
|
@@ -9,12 +9,12 @@ export class KitBreadcrumbsComponent {
|
|
|
9
9
|
this.items = [];
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track $index) {\n <div class=\"kit-breadcrumbs-item\">\n @if ($last) {\n <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n } @else {\n <a class=\"kit-breadcrumbs-link\"\n [routerLink]=\"item.url\">{{ item.text }}</a>\n <span class=\"kit-breadcrumbs-delimiter\">/</span>\n }\n </div>\n }\n </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitBreadcrumbsComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track
|
|
16
|
+
args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track $index) {\n <div class=\"kit-breadcrumbs-item\">\n @if ($last) {\n <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n } @else {\n <a class=\"kit-breadcrumbs-link\"\n [routerLink]=\"item.url\">{{ item.text }}</a>\n <span class=\"kit-breadcrumbs-delimiter\">/</span>\n }\n </div>\n }\n </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"] }]
|
|
17
17
|
}], propDecorators: { items: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWJyZWFkY3J1bWJzL2tpdC1icmVhZGNydW1icy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1icmVhZGNydW1icy9raXQtYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMxRSxNQUFNLE9BQU8sdUJBQXVCO0lBTnBDO1FBT0U7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLEVBQUUsQ0FBQztLQUMzQzs4R0FMWSx1QkFBdUI7a0dBQXZCLHVCQUF1QixtRkNUcEMsc2RBZUE7OzJGRE5hLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdEJyZWFkY3J1bWJzSXRlbSB9IGZyb20gJy4va2l0LWJyZWFkY3J1bWJzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWJyZWFkY3J1bWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9raXQtYnJlYWRjcnVtYnMuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0QnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyBpdGVtcyB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgYXMgYnJlYWRjcnVtYnNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXRCcmVhZGNydW1ic0l0ZW1bXSA9IFtdO1xufVxuIiwiQGlmIChpdGVtcy5sZW5ndGgpIHtcbiAgPGRpdiBjbGFzcz1cImtpdC1icmVhZGNydW1ic1wiPlxuICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgPGRpdiBjbGFzcz1cImtpdC1icmVhZGNydW1icy1pdGVtXCI+XG4gICAgICAgIEBpZiAoJGxhc3QpIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImtpdC1icmVhZGNydW1icy1sYXN0XCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICA8YSBjbGFzcz1cImtpdC1icmVhZGNydW1icy1saW5rXCJcbiAgICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtLnVybFwiPnt7IGl0ZW0udGV4dCB9fTwvYT5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImtpdC1icmVhZGNydW1icy1kZWxpbWl0ZXJcIj4vPC9zcGFuPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWdyaWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ncmlkL2tpdC1ncmlkLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZWxsQ2xpY2tFdmVudCwgRGV0YWlsQ29sbGFwc2VFdmVudCwgRGV0YWlsRXhwYW5kRXZlbnQsIFBhZ2VDaGFuZ2VFdmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWdyaWQnO1xuaW1wb3J0IHsgU29ydERlc2NyaXB0b3IgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tZGF0YS1xdWVyeSc7XG5pbXBvcnQgeyBLaXRHcmlkU29ydFNldHRpbmdzTW9kZSB9IGZyb20gJy4va2l0LWdyaWQuY29uc3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEtpdEdyaWRTb3J0U2V0dGluZ3Mge1xuICBtb2RlOiBLaXRHcmlkU29ydFNldHRpbmdzTW9kZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRHcmlkRGF0YVJlc3VsdDxUPiB7XG4gIGRhdGE6IFRbXTtcbiAgdG90YWw6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRHcmlkRGF0YVN0YXRlIHtcbiAgc2tpcD86IG51bWJlcjtcbiAgdGFrZT86IG51bWJlcjtcbiAgc29ydD86IEtpdEdyaWRTb3J0RGVzY3JpcHRvcltdO1xuICBmaWx0ZXI/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0R3JpZERhdGFTdGF0ZUNoYW5nZUV2ZW50IHtcbiAgc2tpcDogbnVtYmVyO1xuICB0YWtlOiBudW1iZXI7XG4gIHNvcnQ/OiBLaXRHcmlkU29ydERlc2NyaXB0b3JbXTtcbn1cblxuZXhwb3J0IHR5cGUgS2l0R3JpZFNvcnREZXNjcmlwdG9yID0gU29ydERlc2NyaXB0b3I7XG5cbmV4cG9ydCB0eXBlIEtpdEdyaWRQYWdlQ2hhbmdlRXZlbnQgPSBQYWdlQ2hhbmdlRXZlbnQ7XG5cbmV4cG9ydCB0eXBlIEtpdEdyaWREZXRhaWxFeHBhbmRFdmVudCA9IERldGFpbEV4cGFuZEV2ZW50O1xuXG5leHBvcnQgdHlwZSBLaXRHcmlkRGV0YWlsQ29sbGFwc2VFdmVudCA9IERldGFpbENvbGxhcHNlRXZlbnQ7XG5cbmV4cG9ydCB0eXBlIEtpdEdyaWRDZWxsQ2xpY2tFdmVudCA9IENlbGxDbGlja0V2ZW50O1xuIl19
|
|
@@ -50,14 +50,11 @@ export class KitPopupComponent {
|
|
|
50
50
|
toggle() {
|
|
51
51
|
if (!this.visible()) {
|
|
52
52
|
this.visible.set(true);
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
else {
|
|
56
|
-
this.hide();
|
|
53
|
+
return;
|
|
57
54
|
}
|
|
55
|
+
this.hide();
|
|
58
56
|
}
|
|
59
57
|
hide() {
|
|
60
|
-
this.anchorElement.classList.remove('popup-active');
|
|
61
58
|
this.visible.set(false);
|
|
62
59
|
}
|
|
63
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitPopupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -80,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
80
77
|
type: HostListener,
|
|
81
78
|
args: ['document:click', ['$event']]
|
|
82
79
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wb3B1cC9raXQtcG9wdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVk1RCxNQUFNLE9BQU8saUJBQWlCO0lBK0I1QixZQUNVLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUEvQmhDOztXQUVHO1FBQ00sV0FBTSxHQUFvQyxJQUFJLENBQUM7UUFFeEQ7O1dBRUc7UUFDTSx3QkFBbUIsR0FBWSxJQUFJLENBQUM7UUFFN0M7O1dBRUc7UUFDTSwwQkFBcUIsR0FBNEIsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1FBRXZGOztXQUVHO1FBQ00seUJBQW9CLEdBQTRCLHVCQUF1QixDQUFDLElBQUksQ0FBQztRQUU3RSxZQUFPLEdBQTRCLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxnQkFBVyxHQUFrQjtZQUNwQyxVQUFVLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjtZQUN0QyxRQUFRLEVBQUUscUJBQXFCLENBQUMsTUFBTTtTQUN2QyxDQUFDO1FBQ08sZUFBVSxHQUFrQjtZQUNuQyxVQUFVLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtZQUNyQyxRQUFRLEVBQUUscUJBQXFCLENBQUMsR0FBRztTQUNwQyxDQUFDO0lBS0YsQ0FBQztJQUdELGFBQWEsQ0FBQyxLQUFZO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUM5QixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQVEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDaEgsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1FBQ3pELElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxZQUFZLFVBQVUsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZGLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3ZCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDOzhHQW5FVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpVEN2QjlCLGtQQVNBLGlRRFFJLFdBQVc7OzJGQU1GLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQO3dCQUNQLFdBQVc7cUJBQ1osbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07K0VBTXRDLE1BQU07c0JBQWQsS0FBSztnQkFLRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBS0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUtHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFrQk4sYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBzaWduYWwsXG4gIFdyaXRhYmxlU2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFBvcHVwQWxpZ24sIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLCBLaXRQb3B1cEFsaWduVmVydGljYWwgfSBmcm9tICcuL2tpdC1wb3B1cC5tb2RlbCc7XG5pbXBvcnQgeyBQb3B1cE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXBvcHVwJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXBvcHVwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFBvcHVwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXBvcHVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1wb3B1cC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQb3B1cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGVsZW1lbnQgdGhhdCB3aWxsIGJlIHVzZWQgYXMgYW4gYW5jaG9yLiBUaGUgUG9wdXAgb3BlbnMgbmV4dCB0byB0aGF0IGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvcjogRWxlbWVudFJlZiB8IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0byBjbG9zZSBwb3B1cCB3aGVuIHRoZSB1c2VyIGNsaWNrcyBvdXRzaWRlIGl0cyBib3VuZGFyaWVzXG4gICAqL1xuICBASW5wdXQoKSBjbG9zZU9uT3V0c2lkZUNsaWNrOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgaG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgYW5jaG9yIGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvckhvcml6b250YWxBbGlnbjogS2l0UG9wdXBBbGlnbkhvcml6b250YWwgPSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5MRUZUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBwb3B1cFxuICAgKi9cbiAgQElucHV0KCkgcG9wdXBIb3Jpem9udGFsQWxpZ246IEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWwuTEVGVDtcblxuICByZWFkb25seSB2aXNpYmxlOiBXcml0YWJsZVNpZ25hbDxib29sZWFuPiA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IGFuY2hvckFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMuYW5jaG9ySG9yaXpvbnRhbEFsaWduLFxuICAgIHZlcnRpY2FsOiBLaXRQb3B1cEFsaWduVmVydGljYWwuQk9UVE9NLFxuICB9O1xuICByZWFkb25seSBwb3B1cEFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMucG9wdXBIb3Jpem9udGFsQWxpZ24sXG4gICAgdmVydGljYWw6IEtpdFBvcHVwQWxpZ25WZXJ0aWNhbC5UT1AsXG4gIH07XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgZG9jdW1lbnRDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2xvc2VPbk91dHNpZGVDbGljaykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkgJiYgIXRoaXMuYW5jaG9yRWxlbWVudC5jb250YWlucyg8Tm9kZT4gZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5oaWRlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5hbmNob3JBbGlnbi5ob3Jpem9udGFsID0gdGhpcy5hbmNob3JIb3Jpem9udGFsQWxpZ247XG4gICAgdGhpcy5wb3B1cEFsaWduLmhvcml6b250YWwgPSB0aGlzLnBvcHVwSG9yaXpvbnRhbEFsaWduO1xuICB9XG5cbiAgZ2V0IGFuY2hvckVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmFuY2hvciBpbnN0YW5jZW9mIEVsZW1lbnRSZWYgJiYgdGhpcy5hbmNob3IubmF0aXZlRWxlbWVudCB8fCB0aGlzLmFuY2hvcjtcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudmlzaWJsZSgpKSB7XG4gICAgICB0aGlzLnZpc2libGUuc2V0KHRydWUpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaGlkZSgpO1xuICB9XG5cbiAgaGlkZSgpOiB2b2lkIHtcbiAgICB0aGlzLnZpc2libGUuc2V0KGZhbHNlKTtcbiAgfVxufVxuIiwiQGlmICh2aXNpYmxlKCkpIHtcbiAgPGtlbmRvLXBvcHVwIGNsYXNzPVwia2l0LXBvcHVwXCJcbiAgICAgICAgICAgICAgIFthbmNob3JdPVwiYW5jaG9yXCJcbiAgICAgICAgICAgICAgIFtwb3B1cEFsaWduXT1cInBvcHVwQWxpZ25cIlxuICAgICAgICAgICAgICAgW2FuY2hvckFsaWduXT1cImFuY2hvckFsaWduXCI+XG4gICAgPG5nLWNvbnRlbnRcbiAgICA+PC9uZy1jb250ZW50PlxuICA8L2tlbmRvLXBvcHVwPlxufVxuIl19
|
|
@@ -27,7 +27,7 @@ export class KitProfileMenuComponent {
|
|
|
27
27
|
this.userMenu.hide();
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n [class.active]=\"userMenu.visible()\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitAvatarModule }, { kind: "component", type: i2.KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "closeOnOutsideClick", "anchorHorizontalAlign", "popupHorizontalAlign"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
37
37
|
KitPopupComponent,
|
|
38
38
|
KitSvgIconModule,
|
|
39
39
|
RouterLink,
|
|
40
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.
|
|
40
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n [class.active]=\"userMenu.visible()\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"] }]
|
|
41
41
|
}], propDecorators: { menuItems: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], userName: [{
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
50
50
|
type: ViewChild,
|
|
51
51
|
args: ['userMenu']
|
|
52
52
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFaEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBZ0IvQyxNQUFNLE9BQU8sdUJBQXVCO0lBZHBDO1FBZUU7O1dBRUc7UUFDTSxjQUFTLEdBQXlCLEVBQUUsQ0FBQztRQW1CckMsa0JBQWEsR0FBeUIsYUFBYSxDQUFDO1FBQ3BELGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLDRCQUF1QixHQUFtQyx1QkFBdUIsQ0FBQztRQUNsRixtQkFBYyxHQUEwQixjQUFjLENBQUM7S0FNakU7SUFKQyxPQUFPLENBQUMsSUFBd0I7UUFDOUIsSUFBSSxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzhHQS9CVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwU0N6QnBDLDQ1REF1REEsODFDRHhDSSxZQUFZLDRIQUNaLGVBQWUsaUpBQ2YsaUJBQWlCLGlKQUNqQixnQkFBZ0IsNklBQ2hCLFVBQVU7OzJGQU1ELHVCQUF1QjtrQkFkbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsVUFBVTtxQkFDWCxtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsU0FBUztzQkFBakIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFFaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QXZhdGFyU2l6ZSB9IGZyb20gJy4uL2tpdC1hdmF0YXIva2l0LWF2YXRhci5jb25zdCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0UHJvZmlsZU1lbnVJdGVtIH0gZnJvbSAnLi4va2l0LXByb2ZpbGUtbWVudS9raXQtcHJvZmlsZS1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEtpdFBvcHVwQ29tcG9uZW50IH0gZnJvbSAnLi4va2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0UG9wdXBBbGlnbkhvcml6b250YWwgfSBmcm9tICcuLi9raXQtcG9wdXAva2l0LXBvcHVwLm1vZGVsJztcbmltcG9ydCB7IEtpdEF2YXRhck1vZHVsZSB9IGZyb20gJy4uL2tpdC1hdmF0YXIva2l0LWF2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXByb2ZpbGUtbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0QXZhdGFyTW9kdWxlLFxuICAgIEtpdFBvcHVwQ29tcG9uZW50LFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgUm91dGVyTGluayxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1wcm9maWxlLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQcm9maWxlTWVudUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGlzdCBvZiBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBtZW51SXRlbXM6IEtpdFByb2ZpbGVNZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdXNlcm5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXIgYW5kIHVzZWQgaW4gYXZhdGFyIGFzIGluaXRpYWxzXG4gICAqL1xuICBASW5wdXQoKSB1c2VyTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBjb21wYW55IG5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXJcbiAgICovXG4gIEBJbnB1dCgpIGNvbXBhbnlOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpbWFnZSBzb3VyY2Ugb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgYXZhdGFySW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgQFZpZXdDaGlsZCgndXNlck1lbnUnKSB1c2VyTWVudSE6IEtpdFBvcHVwQ29tcG9uZW50O1xuXG4gIHJlYWRvbmx5IEtpdEF2YXRhclNpemU6IHR5cGVvZiBLaXRBdmF0YXJTaXplID0gS2l0QXZhdGFyU2l6ZTtcbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbDogdHlwZW9mIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWw7XG4gIHJlYWRvbmx5IEtpdFN2Z0ljb25UeXBlOiB0eXBlb2YgS2l0U3ZnSWNvblR5cGUgPSBLaXRTdmdJY29uVHlwZTtcblxuICBvbkNsaWNrKGl0ZW06IEtpdFByb2ZpbGVNZW51SXRlbSk6IHZvaWQge1xuICAgIGl0ZW0/LmFjdGlvbiAmJiBpdGVtLmFjdGlvbigpO1xuICAgIHRoaXMudXNlck1lbnUuaGlkZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvZmlsZS1tZW51XCI+XG4gIDxidXR0b24gI21lbnVCdXR0b25cbiAgICAgICAgICBjbGFzcz1cIm1lbnUtYnV0dG9uXCJcbiAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cInVzZXJNZW51LnZpc2libGUoKVwiXG4gICAgICAgICAgKGNsaWNrKT1cInVzZXJNZW51LnRvZ2dsZSgpXCI+XG4gICAgPGtpdC1hdmF0YXIgW3NpemVdPVwiS2l0QXZhdGFyU2l6ZS5MQVJHRVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwidXNlck5hbWVcIlxuICAgICAgICAgICAgICAgIFtpbWFnZVNyY109XCJhdmF0YXJJbWFnZVNyY1wiXG4gICAgPjwva2l0LWF2YXRhcj5cbiAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibWVudS1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNBUkVUX0RPV05cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGtpdC1wb3B1cCAjdXNlck1lbnVcbiAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtcG9wdXBcIlxuICAgICAgICAgICAgIFthbmNob3JdPVwibWVudUJ1dHRvblwiXG4gICAgICAgICAgICAgW2FuY2hvckhvcml6b250YWxBbGlnbl09XCJLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5SSUdIVFwiXG4gICAgICAgICAgICAgW3BvcHVwSG9yaXpvbnRhbEFsaWduXT1cIktpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLlJJR0hUXCI+XG4gICAgPGRpdiBjbGFzcz1cInBvcHVwLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1oZWFkZXJcIj5cbiAgICAgICAgPGtpdC1hdmF0YXIgY2xhc3M9XCJwb3B1cC1oZWFkZXItYXZhdGFyXCJcbiAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwidXNlck5hbWVcIlxuICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCJLaXRBdmF0YXJTaXplLkxBUkdFXCJcbiAgICAgICAgICAgICAgICAgICAgW2ltYWdlU3JjXT1cImF2YXRhckltYWdlU3JjXCJcbiAgICAgICAgPjwva2l0LWF2YXRhcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1kZXRhaWxzXCI+XG4gICAgICAgICAgQGlmICh1c2VyTmFtZSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1uYW1lXCI+e3sgdXNlck5hbWUgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChjb21wYW55TmFtZSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1jb21wYW55XCI+e3sgY29tcGFueU5hbWUgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtbWVudVwiPlxuICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnVJdGVtczsgdHJhY2sgaXRlbSkge1xuICAgICAgICAgIDxhIGNsYXNzPVwibWVudS1pdGVtXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIlxuICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCI+XG4gICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibWVudS1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbT8uaWNvblR5cGUgPz8gS2l0U3ZnSWNvblR5cGUuRklMTFwiXG4gICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwva2l0LXBvcHVwPlxuPC9kaXY+XG5cbiJdfQ==
|
|
@@ -10,15 +10,15 @@ export class KitTimelineComponent {
|
|
|
10
10
|
this.items = [];
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative;padding:0 50px}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'kit-timeline', standalone: true, imports: [
|
|
18
18
|
CommonModule,
|
|
19
19
|
KitTimelineCardComponent,
|
|
20
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track
|
|
20
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative;padding:0 50px}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"] }]
|
|
21
21
|
}], propDecorators: { items: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRpbWVsaW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXRpbWVsaW5lL2tpdC10aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10aW1lbGluZS9raXQtdGltZWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQWEzRixNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWUU7O1dBRUc7UUFDTSxVQUFLLEdBQXNCLEVBQUUsQ0FBQztLQUN4Qzs4R0FMWSxvQkFBb0I7a0dBQXBCLG9CQUFvQixvR0NoQmpDLGlVQVdBLHNzQ0RGSSxZQUFZLCtCQUNaLHdCQUF3Qjs7MkZBTWYsb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWix3QkFBd0I7cUJBQ3pCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0VGltZWxpbmVJdGVtIH0gZnJvbSAnLi9raXQtdGltZWxpbmUubW9kZWwnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdFRpbWVsaW5lQ2FyZENvbXBvbmVudCB9IGZyb20gJy4va2l0LXRpbWVsaW5lLWNhcmQva2l0LXRpbWVsaW5lLWNhcmQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRpbWVsaW5lJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLaXRUaW1lbGluZUNhcmRDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgYSBsaXN0IG9mIGl0ZW1zIHdoaWNoIHdpbGwgYmUgcmVuZGVyZWQgYXMgdGltZWxpbmUgY2FyZHNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXRUaW1lbGluZUl0ZW1bXSA9IFtdO1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC10aW1lbGluZVwiPlxuICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayAkaW5kZXgpIHtcbiAgICA8ZGl2IGNsYXNzPVwia2l0LXRpbWVsaW5lLXJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImtpdC10aW1lbGluZS1pdGVtXCI+XG4gICAgICAgIDxraXQtdGltZWxpbmUtY2FyZCBjbGFzcz1cImtpdC10aW1lbGluZS1jYXJkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICA+PC9raXQtdGltZWxpbmUtY2FyZD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4382,14 +4382,11 @@ class KitPopupComponent {
|
|
|
4382
4382
|
toggle() {
|
|
4383
4383
|
if (!this.visible()) {
|
|
4384
4384
|
this.visible.set(true);
|
|
4385
|
-
|
|
4386
|
-
}
|
|
4387
|
-
else {
|
|
4388
|
-
this.hide();
|
|
4385
|
+
return;
|
|
4389
4386
|
}
|
|
4387
|
+
this.hide();
|
|
4390
4388
|
}
|
|
4391
4389
|
hide() {
|
|
4392
|
-
this.anchorElement.classList.remove('popup-active');
|
|
4393
4390
|
this.visible.set(false);
|
|
4394
4391
|
}
|
|
4395
4392
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitPopupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -4566,7 +4563,7 @@ class KitProfileMenuComponent {
|
|
|
4566
4563
|
this.userMenu.hide();
|
|
4567
4564
|
}
|
|
4568
4565
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4569
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.
|
|
4566
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n [class.active]=\"userMenu.visible()\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitAvatarModule }, { kind: "component", type: KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "closeOnOutsideClick", "anchorHorizontalAlign", "popupHorizontalAlign"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4570
4567
|
}
|
|
4571
4568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, decorators: [{
|
|
4572
4569
|
type: Component,
|
|
@@ -4576,7 +4573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
|
|
|
4576
4573
|
KitPopupComponent,
|
|
4577
4574
|
KitSvgIconModule,
|
|
4578
4575
|
RouterLink,
|
|
4579
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.
|
|
4576
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n [class.active]=\"userMenu.visible()\"\n (click)=\"userMenu.toggle()\">\n <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n [name]=\"userName\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <kit-svg-icon class=\"menu-button-icon\"\n [icon]=\"KitSvgIcon.CARET_DOWN\"\n ></kit-svg-icon>\n </button>\n\n <kit-popup #userMenu\n class=\"menu-popup\"\n [anchor]=\"menuButton\"\n [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n <div class=\"popup-content\">\n <div class=\"popup-header\">\n <kit-avatar class=\"popup-header-avatar\"\n [name]=\"userName\"\n [size]=\"KitAvatarSize.LARGE\"\n [imageSrc]=\"avatarImageSrc\"\n ></kit-avatar>\n <div class=\"popup-header-details\">\n @if (userName) {\n <div class=\"popup-header-name\">{{ userName }}</div>\n }\n @if (companyName) {\n <div class=\"popup-header-company\">{{ companyName }}</div>\n }\n </div>\n </div>\n <div class=\"popup-menu\">\n @for (item of menuItems; track item) {\n <a class=\"menu-item\"\n [ngClass]=\"item.cssClass\"\n [routerLink]=\"item.link\"\n (click)=\"onClick(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"menu-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n <span class=\"menu-item-text\">{{ item.title }}</span>\n </a>\n }\n </div>\n </div>\n </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"] }]
|
|
4580
4577
|
}], propDecorators: { menuItems: [{
|
|
4581
4578
|
type: Input
|
|
4582
4579
|
}], userName: [{
|
|
@@ -4841,11 +4838,11 @@ class KitBreadcrumbsComponent {
|
|
|
4841
4838
|
this.items = [];
|
|
4842
4839
|
}
|
|
4843
4840
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4844
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track
|
|
4841
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track $index) {\n <div class=\"kit-breadcrumbs-item\">\n @if ($last) {\n <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n } @else {\n <a class=\"kit-breadcrumbs-link\"\n [routerLink]=\"item.url\">{{ item.text }}</a>\n <span class=\"kit-breadcrumbs-delimiter\">/</span>\n }\n </div>\n }\n </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "directive", type: i1$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4845
4842
|
}
|
|
4846
4843
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitBreadcrumbsComponent, decorators: [{
|
|
4847
4844
|
type: Component,
|
|
4848
|
-
args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track
|
|
4845
|
+
args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items.length) {\n <div class=\"kit-breadcrumbs\">\n @for (item of items; track $index) {\n <div class=\"kit-breadcrumbs-item\">\n @if ($last) {\n <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n } @else {\n <a class=\"kit-breadcrumbs-link\"\n [routerLink]=\"item.url\">{{ item.text }}</a>\n <span class=\"kit-breadcrumbs-delimiter\">/</span>\n }\n </div>\n }\n </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"] }]
|
|
4849
4846
|
}], propDecorators: { items: [{
|
|
4850
4847
|
type: Input
|
|
4851
4848
|
}] } });
|
|
@@ -5446,14 +5443,14 @@ class KitTimelineComponent {
|
|
|
5446
5443
|
this.items = [];
|
|
5447
5444
|
}
|
|
5448
5445
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5449
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track
|
|
5446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative;padding:0 50px}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5450
5447
|
}
|
|
5451
5448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTimelineComponent, decorators: [{
|
|
5452
5449
|
type: Component,
|
|
5453
5450
|
args: [{ selector: 'kit-timeline', standalone: true, imports: [
|
|
5454
5451
|
CommonModule,
|
|
5455
5452
|
KitTimelineCardComponent,
|
|
5456
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track
|
|
5453
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n @for (item of items; track $index) {\n <div class=\"kit-timeline-row\">\n <div class=\"kit-timeline-item\">\n <kit-timeline-card class=\"kit-timeline-card\"\n [item]=\"item\"\n ></kit-timeline-card>\n </div>\n </div>\n }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative;padding:0 50px}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"] }]
|
|
5457
5454
|
}], propDecorators: { items: [{
|
|
5458
5455
|
type: Input
|
|
5459
5456
|
}] } });
|