@indigina/ui-kit 1.1.32 → 1.1.34
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-navigation-tabs/kit-navigation-tabs.component.mjs +12 -9
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.const.mjs +6 -0
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.model.mjs +2 -0
- package/esm2022/lib/components/kit-popup/kit-popup.component.mjs +5 -1
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.component.mjs +44 -0
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.model.mjs +2 -0
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.module.mjs +39 -0
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +6 -1
- package/esm2022/lib/components/kit-tabs/kit-tab/kit-tab.component.mjs +47 -0
- package/esm2022/lib/components/kit-tabs/kit-tabs.component.mjs +49 -0
- package/esm2022/lib/components/kit-tabs/kit-tabs.const.mjs +6 -0
- package/esm2022/lib/components/kit-tabs/kit-tabs.model.mjs +2 -0
- package/esm2022/lib/components/kit-tabs/kit-tabs.module.mjs +37 -0
- package/esm2022/public-api.mjs +13 -4
- package/fesm2022/indigina-ui-kit.mjs +216 -14
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.d.ts +9 -16
- package/lib/components/kit-navigation-tabs/kit-navigation-tabs.const.d.ts +4 -0
- package/lib/components/kit-navigation-tabs/kit-navigation-tabs.model.d.ts +10 -0
- package/lib/components/kit-popup/kit-popup.component.d.ts +1 -0
- package/lib/components/kit-profile-menu/kit-profile-menu.component.d.ts +31 -0
- package/lib/components/kit-profile-menu/kit-profile-menu.model.d.ts +8 -0
- package/lib/components/kit-profile-menu/kit-profile-menu.module.d.ts +12 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +4 -0
- package/lib/components/kit-tabs/kit-tab/kit-tab.component.d.ts +31 -0
- package/lib/components/kit-tabs/kit-tabs.component.d.ts +27 -0
- package/lib/components/kit-tabs/kit-tabs.const.d.ts +4 -0
- package/lib/components/kit-tabs/kit-tabs.model.d.ts +4 -0
- package/lib/components/kit-tabs/kit-tabs.module.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +12 -2
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { KitNavigationTabsType } from './kit-navigation-tabs.const';
|
|
3
|
+
import { KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
import * as i1 from "@angular/common";
|
|
4
6
|
import * as i2 from "@angular/router";
|
|
5
7
|
import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
|
|
6
|
-
export var KitNavigationTabsItemIconType;
|
|
7
|
-
(function (KitNavigationTabsItemIconType) {
|
|
8
|
-
KitNavigationTabsItemIconType["FILL"] = "fill";
|
|
9
|
-
KitNavigationTabsItemIconType["STROKE"] = "stroke";
|
|
10
|
-
})(KitNavigationTabsItemIconType || (KitNavigationTabsItemIconType = {}));
|
|
11
8
|
export class KitNavigationTabsComponent {
|
|
12
9
|
constructor() {
|
|
13
10
|
/**
|
|
14
11
|
* Items which are going to be rendered as tabs navigation items
|
|
15
12
|
*/
|
|
16
13
|
this.items = [];
|
|
14
|
+
/**
|
|
15
|
+
* Defines the type of tabs
|
|
16
|
+
*/
|
|
17
|
+
this.type = KitNavigationTabsType.TEXT;
|
|
17
18
|
}
|
|
18
19
|
getRouterLink(item) {
|
|
19
20
|
if (item.disabled && item.disabled(item)) {
|
|
@@ -22,15 +23,17 @@ export class KitNavigationTabsComponent {
|
|
|
22
23
|
return item.link;
|
|
23
24
|
}
|
|
24
25
|
getItemIconCssClass(item) {
|
|
25
|
-
return item.iconType
|
|
26
|
+
return item.iconType ?? KitSvgIconType.FILL;
|
|
26
27
|
}
|
|
27
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\"\n [ngClass]=\"type\">\n @for (item of items; track item) {\n <a class=\"tab-item\"\n routerLinkActive=\"active\"\n [class.disabled]=\"item.disabled\"\n [routerLink]=\"getRouterLink(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n }\n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n }\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
30
|
}
|
|
30
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
|
|
31
32
|
type: Component,
|
|
32
|
-
args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\">\n
|
|
33
|
+
args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\"\n [ngClass]=\"type\">\n @for (item of items; track item) {\n <a class=\"tab-item\"\n routerLinkActive=\"active\"\n [class.disabled]=\"item.disabled\"\n [routerLink]=\"getRouterLink(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n }\n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n }\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
|
|
33
34
|
}], propDecorators: { items: [{
|
|
34
35
|
type: Input
|
|
36
|
+
}], type: [{
|
|
37
|
+
type: Input
|
|
35
38
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBUXBFLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFPRTs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sU0FBSSxHQUEwQixxQkFBcUIsQ0FBQyxJQUFJLENBQUM7S0FhbkU7SUFYQyxhQUFhLENBQUMsSUFBMkI7UUFDdkMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDeEMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsSUFBMkI7UUFDN0MsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUM7SUFDOUMsQ0FBQzs4R0FyQlUsMEJBQTBCO2tHQUExQiwwQkFBMEIscUdDWHZDLGlwQkFxQkE7OzJGRFZhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uVGFic1R5cGUgfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29uc3QnO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvblRhYnNJdGVtLCBLaXROYXZpZ2F0aW9uVGFic0l0ZW1MaW5rIH0gZnJvbSAnLi9raXQtbmF2aWdhdGlvbi10YWJzLm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25UeXBlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1uYXZpZ2F0aW9uLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25UYWJzQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEl0ZW1zIHdoaWNoIGFyZSBnb2luZyB0byBiZSByZW5kZXJlZCBhcyB0YWJzIG5hdmlnYXRpb24gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXROYXZpZ2F0aW9uVGFic0l0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRhYnNcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEtpdE5hdmlnYXRpb25UYWJzVHlwZSA9IEtpdE5hdmlnYXRpb25UYWJzVHlwZS5URVhUO1xuXG4gIGdldFJvdXRlckxpbmsoaXRlbTogS2l0TmF2aWdhdGlvblRhYnNJdGVtKTogc3RyaW5nIHwgS2l0TmF2aWdhdGlvblRhYnNJdGVtTGlua1tdIHwgbnVsbCB7XG4gICAgaWYgKGl0ZW0uZGlzYWJsZWQgJiYgaXRlbS5kaXNhYmxlZChpdGVtKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGl0ZW0ubGluaztcbiAgfVxuXG4gIGdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbTogS2l0TmF2aWdhdGlvblRhYnNJdGVtKTogS2l0U3ZnSWNvblR5cGUge1xuICAgIHJldHVybiBpdGVtLmljb25UeXBlID8/IEtpdFN2Z0ljb25UeXBlLkZJTEw7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi10YWJzXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJzLW5hdlwiXG4gICAgICAgW25nQ2xhc3NdPVwidHlwZVwiPlxuICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgIDxhIGNsYXNzPVwidGFiLWl0ZW1cIlxuICAgICAgICAgcm91dGVyTGlua0FjdGl2ZT1cImFjdGl2ZVwiXG4gICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICBbcm91dGVyTGlua109XCJnZXRSb3V0ZXJMaW5rKGl0ZW0pXCI+XG4gICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cInRhYi1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbSlcIlxuICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgfVxuICAgICAgICA8c3BhbiBjbGFzcz1cInRhYi1pdGVtLXRpdGxlXCJcbiAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnRpdGxlXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgIDwvYT5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var KitNavigationTabsType;
|
|
2
|
+
(function (KitNavigationTabsType) {
|
|
3
|
+
KitNavigationTabsType["TEXT"] = "text";
|
|
4
|
+
KitNavigationTabsType["BUTTON"] = "button";
|
|
5
|
+
})(KitNavigationTabsType || (KitNavigationTabsType = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb25zdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tdGFicy9raXQtbmF2aWdhdGlvbi10YWJzLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHFCQUdYO0FBSEQsV0FBWSxxQkFBcUI7SUFDL0Isc0NBQWEsQ0FBQTtJQUNiLDBDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBR2hDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gS2l0TmF2aWdhdGlvblRhYnNUeXBlIHtcbiAgVEVYVCA9ICd0ZXh0JyxcbiAgQlVUVE9OID0gJ2J1dHRvbicsXG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tdGFicy9raXQtbmF2aWdhdGlvbi10YWJzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgUHJlZGljYXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIEtpdE5hdmlnYXRpb25UYWJzSXRlbUxpbmsgPSBzdHJpbmcgfCBudW1iZXI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TmF2aWdhdGlvblRhYnNJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGluazogS2l0TmF2aWdhdGlvblRhYnNJdGVtTGlua1tdIHwgc3RyaW5nIHwgbnVsbDtcbiAgaWNvbj86IEtpdFN2Z0ljb247XG4gIGljb25UeXBlPzogS2l0U3ZnSWNvblR5cGU7XG4gIGRpc2FibGVkPzogUHJlZGljYXRlPEtpdE5hdmlnYXRpb25UYWJzSXRlbT47XG59XG4iXX0=
|
|
@@ -31,6 +31,10 @@ export class KitPopupComponent {
|
|
|
31
31
|
vertical: KitPopupAlignVertical.TOP,
|
|
32
32
|
};
|
|
33
33
|
}
|
|
34
|
+
ngOnInit() {
|
|
35
|
+
this.anchorAlign.horizontal = this.anchorHorizontalAlign;
|
|
36
|
+
this.popupAlign.horizontal = this.popupHorizontalAlign;
|
|
37
|
+
}
|
|
34
38
|
documentClick(event) {
|
|
35
39
|
if (!this.closeOnOutsideClick) {
|
|
36
40
|
return;
|
|
@@ -65,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
65
69
|
type: HostListener,
|
|
66
70
|
args: ['document:click', ['$event']]
|
|
67
71
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wb3B1cC9raXQtcG9wdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBUWxHLE1BQU0sT0FBTyxpQkFBaUI7SUErQjVCLFlBQ1UsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQS9CaEM7O1dBRUc7UUFDTSxXQUFNLEdBQW9DLElBQUksQ0FBQztRQUV4RDs7V0FFRztRQUNNLHdCQUFtQixHQUFZLElBQUksQ0FBQztRQUU3Qzs7V0FFRztRQUNNLDBCQUFxQixHQUE0Qix1QkFBdUIsQ0FBQyxJQUFJLENBQUM7UUFFdkY7O1dBRUc7UUFDTSx5QkFBb0IsR0FBNEIsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1FBRTdFLGdCQUFXLEdBQTRCLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyRCxnQkFBVyxHQUFrQjtZQUNwQyxVQUFVLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjtZQUN0QyxRQUFRLEVBQUUscUJBQXFCLENBQUMsTUFBTTtTQUN2QyxDQUFDO1FBQ08sZUFBVSxHQUFrQjtZQUNuQyxVQUFVLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtZQUNyQyxRQUFRLEVBQUUscUJBQXFCLENBQUMsR0FBRztTQUNwQyxDQUFDO0lBS0YsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7UUFDekQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQ3pELENBQUM7SUFHRCxhQUFhLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQzdCLE9BQU87U0FDUjtRQUVELE1BQU0sT0FBTyxHQUFnQixJQUFJLENBQUMsTUFBTSxZQUFZLFVBQVUsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBUSxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDcEcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2xCLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7OEdBNURVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDZSQ2pCOUIsc1BBU0E7OzJGRFFhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07K0VBTXRDLE1BQU07c0JBQWQsS0FBSztnQkFLRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBS0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUtHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkF1Qk4sYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgc2lnbmFsLFxuICBXcml0YWJsZVNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRQb3B1cEFsaWduLCBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbCwgS2l0UG9wdXBBbGlnblZlcnRpY2FsIH0gZnJvbSAnLi9raXQtcG9wdXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtcG9wdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXBvcHVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1wb3B1cC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQb3B1cENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGVsZW1lbnQgdGhhdCB3aWxsIGJlIHVzZWQgYXMgYW4gYW5jaG9yLiBUaGUgUG9wdXAgb3BlbnMgbmV4dCB0byB0aGF0IGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvcjogRWxlbWVudFJlZiB8IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0byBjbG9zZSBwb3B1cCB3aGVuIHRoZSB1c2VyIGNsaWNrcyBvdXRzaWRlIGl0cyBib3VuZGFyaWVzXG4gICAqL1xuICBASW5wdXQoKSBjbG9zZU9uT3V0c2lkZUNsaWNrOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgaG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgYW5jaG9yIGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvckhvcml6b250YWxBbGlnbjogS2l0UG9wdXBBbGlnbkhvcml6b250YWwgPSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5MRUZUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBwb3B1cFxuICAgKi9cbiAgQElucHV0KCkgcG9wdXBIb3Jpem9udGFsQWxpZ246IEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWwuTEVGVDtcblxuICByZWFkb25seSBpc1BvcHVwT3BlbjogV3JpdGFibGVTaWduYWw8Ym9vbGVhbj4gPSBzaWduYWwoZmFsc2UpO1xuICByZWFkb25seSBhbmNob3JBbGlnbjogS2l0UG9wdXBBbGlnbiA9IHtcbiAgICBob3Jpem9udGFsOiB0aGlzLmFuY2hvckhvcml6b250YWxBbGlnbixcbiAgICB2ZXJ0aWNhbDogS2l0UG9wdXBBbGlnblZlcnRpY2FsLkJPVFRPTSxcbiAgfTtcbiAgcmVhZG9ubHkgcG9wdXBBbGlnbjogS2l0UG9wdXBBbGlnbiA9IHtcbiAgICBob3Jpem9udGFsOiB0aGlzLnBvcHVwSG9yaXpvbnRhbEFsaWduLFxuICAgIHZlcnRpY2FsOiBLaXRQb3B1cEFsaWduVmVydGljYWwuVE9QLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFuY2hvckFsaWduLmhvcml6b250YWwgPSB0aGlzLmFuY2hvckhvcml6b250YWxBbGlnbjtcbiAgICB0aGlzLnBvcHVwQWxpZ24uaG9yaXpvbnRhbCA9IHRoaXMucG9wdXBIb3Jpem9udGFsQWxpZ247XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gIGRvY3VtZW50Q2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBlbGVtZW50OiBIVE1MRWxlbWVudCA9IHRoaXMuYW5jaG9yIGluc3RhbmNlb2YgRWxlbWVudFJlZiAmJiB0aGlzLmFuY2hvci5uYXRpdmVFbGVtZW50IHx8IHRoaXMuYW5jaG9yO1xuICAgIGlmICghdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkgJiYgIWVsZW1lbnQuY29udGFpbnMoPE5vZGU+IGV2ZW50LnRhcmdldCkpIHtcbiAgICAgIHRoaXMuY2xvc2VQb3B1cCgpO1xuICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdwb3B1cC1hY3RpdmUnKTtcbiAgICB9XG4gIH1cblxuICBvcGVuUG9wdXAoKTogdm9pZCB7XG4gICAgdGhpcy5pc1BvcHVwT3Blbi5zZXQodHJ1ZSk7XG4gIH1cblxuICBjbG9zZVBvcHVwKCk6IHZvaWQge1xuICAgIHRoaXMuaXNQb3B1cE9wZW4uc2V0KGZhbHNlKTtcbiAgfVxufVxuIiwiQGlmIChpc1BvcHVwT3BlbigpKSB7XG4gIDxrZW5kby1wb3B1cCBjbGFzcz1cImtpdC1wb3B1cFwiXG4gICAgICAgICAgICAgICBbYW5jaG9yXT1cImFuY2hvclwiXG4gICAgICAgICAgICAgICBbcG9wdXBBbGlnbl09XCJwb3B1cEFsaWduXCJcbiAgICAgICAgICAgICAgIFthbmNob3JBbGlnbl09XCJhbmNob3JBbGlnblwiPlxuICAgIDxuZy1jb250ZW50XG4gICAgPjwvbmctY29udGVudD5cbiAgPC9rZW5kby1wb3B1cD5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { KitAvatarSize } from '../kit-avatar/kit-avatar.const';
|
|
3
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
4
|
+
import { KitPopupAlignHorizontal } from '../kit-popup/kit-popup.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "../kit-avatar/kit-avatar.component";
|
|
8
|
+
import * as i3 from "../kit-popup/kit-popup.component";
|
|
9
|
+
import * as i4 from "../kit-popup/kit-popup.directive";
|
|
10
|
+
import * as i5 from "../kit-svg-icon/kit-svg-icon.component";
|
|
11
|
+
import * as i6 from "@angular/router";
|
|
12
|
+
export class KitProfileMenuComponent {
|
|
13
|
+
constructor() {
|
|
14
|
+
/**
|
|
15
|
+
* Defines a list of menu items
|
|
16
|
+
*/
|
|
17
|
+
this.menuItems = [];
|
|
18
|
+
this.KitAvatarSize = KitAvatarSize;
|
|
19
|
+
this.KitSvgIcon = KitSvgIcon;
|
|
20
|
+
this.KitPopupAlignHorizontal = KitPopupAlignHorizontal;
|
|
21
|
+
}
|
|
22
|
+
onClick(item) {
|
|
23
|
+
item?.action && item.action();
|
|
24
|
+
this.userMenu.closePopup();
|
|
25
|
+
}
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitProfileMenuComponent, 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 [kitPopupTrigger]=\"userMenu\">\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 ></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.popup-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.icon-stroke .menu-item-icon{fill:none;stroke:var(--ui-kit-color-main)}.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;stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: i3.KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "closeOnOutsideClick", "anchorHorizontalAlign", "popupHorizontalAlign"] }, { kind: "directive", type: i4.KitPopupDirective, selector: "[kitPopupTrigger]", inputs: ["kitPopupTrigger"] }, { kind: "component", type: i5.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'kit-profile-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n <button #menuButton\n class=\"menu-button\"\n [kitPopupTrigger]=\"userMenu\">\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 ></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.popup-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.icon-stroke .menu-item-icon{fill:none;stroke:var(--ui-kit-color-main)}.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;stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"] }]
|
|
32
|
+
}], propDecorators: { menuItems: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], userName: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], companyName: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], avatarImageSrc: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], userMenu: [{
|
|
41
|
+
type: ViewChild,
|
|
42
|
+
args: ['userMenu']
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUdoRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7QUFRdkUsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQU9FOztXQUVHO1FBQ00sY0FBUyxHQUF5QixFQUFFLENBQUM7UUFtQnJDLGtCQUFhLEdBQXlCLGFBQWEsQ0FBQztRQUNwRCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyw0QkFBdUIsR0FBbUMsdUJBQXVCLENBQUM7S0FNNUY7SUFKQyxPQUFPLENBQUMsSUFBd0I7UUFDOUIsSUFBSSxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUM3QixDQUFDOzhHQTlCVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixzUkNicEMsMnhEQXFEQTs7MkZEeENhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsU0FBUztzQkFBakIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFFaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QXZhdGFyU2l6ZSB9IGZyb20gJy4uL2tpdC1hdmF0YXIva2l0LWF2YXRhci5jb25zdCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRQcm9maWxlTWVudUl0ZW0gfSBmcm9tICcuLi9raXQtcHJvZmlsZS1tZW51L2tpdC1wcm9maWxlLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgS2l0UG9wdXBDb21wb25lbnQgfSBmcm9tICcuLi9raXQtcG9wdXAva2l0LXBvcHVwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbCB9IGZyb20gJy4uL2tpdC1wb3B1cC9raXQtcG9wdXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtcHJvZmlsZS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1wcm9maWxlLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQcm9maWxlTWVudUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGlzdCBvZiBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBtZW51SXRlbXM6IEtpdFByb2ZpbGVNZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdXNlcm5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXIgYW5kIHVzZWQgaW4gYXZhdGFyIGFzIGluaXRpYWxzXG4gICAqL1xuICBASW5wdXQoKSB1c2VyTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBjb21wYW55IG5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXJcbiAgICovXG4gIEBJbnB1dCgpIGNvbXBhbnlOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpbWFnZSBzb3VyY2Ugb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgYXZhdGFySW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgQFZpZXdDaGlsZCgndXNlck1lbnUnKSB1c2VyTWVudSE6IEtpdFBvcHVwQ29tcG9uZW50O1xuXG4gIHJlYWRvbmx5IEtpdEF2YXRhclNpemU6IHR5cGVvZiBLaXRBdmF0YXJTaXplID0gS2l0QXZhdGFyU2l6ZTtcbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbDogdHlwZW9mIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWw7XG5cbiAgb25DbGljayhpdGVtOiBLaXRQcm9maWxlTWVudUl0ZW0pOiB2b2lkIHtcbiAgICBpdGVtPy5hY3Rpb24gJiYgaXRlbS5hY3Rpb24oKTtcbiAgICB0aGlzLnVzZXJNZW51LmNsb3NlUG9wdXAoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInByb2ZpbGUtbWVudVwiPlxuICA8YnV0dG9uICNtZW51QnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJtZW51LWJ1dHRvblwiXG4gICAgICAgICAgW2tpdFBvcHVwVHJpZ2dlcl09XCJ1c2VyTWVudVwiPlxuICAgIDxraXQtYXZhdGFyIFtzaXplXT1cIktpdEF2YXRhclNpemUuTEFSR0VcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cInVzZXJOYW1lXCJcbiAgICAgICAgICAgICAgICBbaW1hZ2VTcmNdPVwiYXZhdGFySW1hZ2VTcmNcIlxuICAgID48L2tpdC1hdmF0YXI+XG4gICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm1lbnUtYnV0dG9uLWljb25cIlxuICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5DQVJFVF9ET1dOXCJcbiAgICA+PC9raXQtc3ZnLWljb24+XG4gIDwvYnV0dG9uPlxuXG4gIDxraXQtcG9wdXAgI3VzZXJNZW51XG4gICAgICAgICAgICAgY2xhc3M9XCJtZW51LXBvcHVwXCJcbiAgICAgICAgICAgICBbYW5jaG9yXT1cIm1lbnVCdXR0b25cIlxuICAgICAgICAgICAgIFthbmNob3JIb3Jpem9udGFsQWxpZ25dPVwiS2l0UG9wdXBBbGlnbkhvcml6b250YWwuUklHSFRcIlxuICAgICAgICAgICAgIFtwb3B1cEhvcml6b250YWxBbGlnbl09XCJLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5SSUdIVFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtaGVhZGVyXCI+XG4gICAgICAgIDxraXQtYXZhdGFyIGNsYXNzPVwicG9wdXAtaGVhZGVyLWF2YXRhclwiXG4gICAgICAgICAgICAgICAgICAgIFtuYW1lXT1cInVzZXJOYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiS2l0QXZhdGFyU2l6ZS5MQVJHRVwiXG4gICAgICAgICAgICAgICAgICAgIFtpbWFnZVNyY109XCJhdmF0YXJJbWFnZVNyY1wiXG4gICAgICAgID48L2tpdC1hdmF0YXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1oZWFkZXItZGV0YWlsc1wiPlxuICAgICAgICAgIEBpZiAodXNlck5hbWUpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1oZWFkZXItbmFtZVwiPnt7IHVzZXJOYW1lIH19PC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoY29tcGFueU5hbWUpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1oZWFkZXItY29tcGFueVwiPnt7IGNvbXBhbnlOYW1lIH19PC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLW1lbnVcIj5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBtZW51SXRlbXM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICA8YSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbS5jc3NDbGFzc1wiXG4gICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCJcbiAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpdGVtKVwiPlxuICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm1lbnUtaXRlbS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtaXRlbS10ZXh0XCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2tpdC1wb3B1cD5cbjwvZGl2PlxuXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXByb2ZpbGUtbWVudS9raXQtcHJvZmlsZS1tZW51Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0UHJvZmlsZU1lbnVJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaWNvbj86IEtpdFN2Z0ljb247XG4gIGxpbms/OiBzdHJpbmc7XG4gIGNzc0NsYXNzPzogc3RyaW5nO1xuXG4gIGFjdGlvbj8oKTogdm9pZDtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { KitProfileMenuComponent } from './kit-profile-menu.component';
|
|
4
|
+
import { KitAvatarModule } from '../kit-avatar/kit-avatar.module';
|
|
5
|
+
import { KitPopupModule } from '../kit-popup/kit-popup.module';
|
|
6
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
7
|
+
import { RouterLink } from '@angular/router';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class KitProfileMenuModule {
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuModule, declarations: [KitProfileMenuComponent], imports: [CommonModule,
|
|
12
|
+
KitAvatarModule,
|
|
13
|
+
KitPopupModule,
|
|
14
|
+
KitSvgIconModule,
|
|
15
|
+
RouterLink], exports: [KitProfileMenuComponent] }); }
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuModule, imports: [CommonModule,
|
|
17
|
+
KitAvatarModule,
|
|
18
|
+
KitPopupModule,
|
|
19
|
+
KitSvgIconModule] }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitProfileMenuModule, decorators: [{
|
|
22
|
+
type: NgModule,
|
|
23
|
+
args: [{
|
|
24
|
+
declarations: [
|
|
25
|
+
KitProfileMenuComponent,
|
|
26
|
+
],
|
|
27
|
+
imports: [
|
|
28
|
+
CommonModule,
|
|
29
|
+
KitAvatarModule,
|
|
30
|
+
KitPopupModule,
|
|
31
|
+
KitSvgIconModule,
|
|
32
|
+
RouterLink,
|
|
33
|
+
],
|
|
34
|
+
exports: [
|
|
35
|
+
KitProfileMenuComponent,
|
|
36
|
+
],
|
|
37
|
+
}]
|
|
38
|
+
}] });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBaUI3QyxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7K0dBQXBCLG9CQUFvQixpQkFiN0IsdUJBQXVCLGFBR3ZCLFlBQVk7WUFDWixlQUFlO1lBQ2YsY0FBYztZQUNkLGdCQUFnQjtZQUNoQixVQUFVLGFBR1YsdUJBQXVCOytHQUdkLG9CQUFvQixZQVY3QixZQUFZO1lBQ1osZUFBZTtZQUNmLGNBQWM7WUFDZCxnQkFBZ0I7OzJGQU9QLG9CQUFvQjtrQkFmaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7cUJBQ3hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBLaXRQcm9maWxlTWVudUNvbXBvbmVudCB9IGZyb20gJy4va2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0QXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4va2l0LWF2YXRhci9raXQtYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRQb3B1cE1vZHVsZSB9IGZyb20gJy4uL2tpdC1wb3B1cC9raXQtcG9wdXAubW9kdWxlJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0UHJvZmlsZU1lbnVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0QXZhdGFyTW9kdWxlLFxuICAgIEtpdFBvcHVwTW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgUm91dGVyTGluayxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdFByb2ZpbGVNZW51Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQcm9maWxlTWVudU1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -88,4 +88,9 @@ export var KitSvgIcon;
|
|
|
88
88
|
KitSvgIcon["QUESTION_CIRCLE"] = "question-circle";
|
|
89
89
|
KitSvgIcon["STAR"] = "star";
|
|
90
90
|
})(KitSvgIcon || (KitSvgIcon = {}));
|
|
91
|
-
|
|
91
|
+
export var KitSvgIconType;
|
|
92
|
+
(function (KitSvgIconType) {
|
|
93
|
+
KitSvgIconType["FILL"] = "fill";
|
|
94
|
+
KitSvgIconType["STROKE"] = "stroke";
|
|
95
|
+
})(KitSvgIconType || (KitSvgIconType = {}));
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBd0ZYO0FBeEZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBeEZXLFVBQVUsS0FBVixVQUFVLFFBd0ZyQjtBQUVELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIElORk9fQ0lSQ0xFID0gJ2luZm8tY2lyY2xlJyxcbiAgQ0hFQ0tfQ0lSQ0xFX0ZJTExFRCA9ICdjaGVjay1jaXJjbGUtZmlsbGVkJyxcbiAgV0FSTklOR19DSVJDTEVfRklMTEVEID0gJ3dhcm5pbmctY2lyY2xlLWZpbGxlZCcsXG4gIENMT1NFX0NJUkNMRV9GSUxMRUQgPSAnY2xvc2UtY2lyY2xlLWZpbGxlZCcsXG4gIFFVRVNUSU9OX0NJUkNMRSA9ICdxdWVzdGlvbi1jaXJjbGUnLFxuICBTVEFSID0gJ3N0YXInLFxufVxuXG5leHBvcnQgZW51bSBLaXRTdmdJY29uVHlwZSB7XG4gIEZJTEwgPSAnZmlsbCcsXG4gIFNUUk9LRSA9ICdzdHJva2UnLFxufVxuIl19
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, Input } from '@angular/core';
|
|
2
|
+
import { KitSvgIconType } from '../../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class KitTabComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Defines the tab title
|
|
8
|
+
*/
|
|
9
|
+
this.title = '';
|
|
10
|
+
/**
|
|
11
|
+
* Defines the icon type
|
|
12
|
+
*/
|
|
13
|
+
this.iconType = KitSvgIconType.FILL;
|
|
14
|
+
/**
|
|
15
|
+
* Defines which tab will be selected when tabs are initially loaded
|
|
16
|
+
*/
|
|
17
|
+
this.selected = false;
|
|
18
|
+
/**
|
|
19
|
+
* Defines which tab will be disabled
|
|
20
|
+
*/
|
|
21
|
+
this.disabled = false;
|
|
22
|
+
/**
|
|
23
|
+
* Defines a reference to the tab content
|
|
24
|
+
*/
|
|
25
|
+
this.kitTabContent = null;
|
|
26
|
+
}
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitTabComponent, selector: "kit-tab", inputs: { title: "title", icon: "icon", iconType: "iconType", selected: "selected", disabled: "disabled" }, queries: [{ propertyName: "kitTabContent", first: true, predicate: ["kitTabContent"], descendants: true }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-white)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-white)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"] }]
|
|
33
|
+
}], propDecorators: { title: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], icon: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], iconType: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], selected: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], disabled: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], kitTabContent: [{
|
|
44
|
+
type: ContentChild,
|
|
45
|
+
args: ['kitTabContent']
|
|
46
|
+
}] } });
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWIva2l0LXRhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBYyxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFRbkYsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPRTs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUM7UUFPNUI7O1dBRUc7UUFDTSxhQUFRLEdBQW1CLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFFeEQ7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUM0QixrQkFBYSxHQUFvQyxJQUFJLENBQUM7S0FDdEY7OEdBOUJZLGVBQWU7a0dBQWYsZUFBZSx1UUFKaEIsRUFBRTs7MkZBSUQsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxTQUFTLFlBQ1QsRUFBRSxtQkFFSyx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUt5QixhQUFhO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiwgS2l0U3ZnSWNvblR5cGUgfSBmcm9tICcuLi8uLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRhYicsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC10YWIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFiQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRhYiB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpY29uIHdoaWNoIHdpbGwgYmUgdXNlZCB3aXRoIHRoZSB0YWIgdGl0bGVcbiAgICovXG4gIEBJbnB1dCgpIGljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpY29uIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIGljb25UeXBlOiBLaXRTdmdJY29uVHlwZSA9IEtpdFN2Z0ljb25UeXBlLkZJTEw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hpY2ggdGFiIHdpbGwgYmUgc2VsZWN0ZWQgd2hlbiB0YWJzIGFyZSBpbml0aWFsbHkgbG9hZGVkXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoaWNoIHRhYiB3aWxsIGJlIGRpc2FibGVkXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcmVmZXJlbmNlIHRvIHRoZSB0YWIgY29udGVudFxuICAgKi9cbiAgQENvbnRlbnRDaGlsZCgna2l0VGFiQ29udGVudCcpIGtpdFRhYkNvbnRlbnQ6IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PiB8IG51bGwgPSBudWxsO1xufVxuIl19
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { KitTabComponent } from './kit-tab/kit-tab.component';
|
|
3
|
+
import { KitTabsType } from './kit-tabs.const';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-layout";
|
|
7
|
+
import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
|
|
8
|
+
export class KitTabsComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Defines the type of tabs
|
|
12
|
+
*/
|
|
13
|
+
this.type = KitTabsType.TEXT;
|
|
14
|
+
/**
|
|
15
|
+
* Enables the tab animation
|
|
16
|
+
*/
|
|
17
|
+
this.animate = false;
|
|
18
|
+
/**
|
|
19
|
+
* An action which is emitted when tab is selected
|
|
20
|
+
*/
|
|
21
|
+
this.tabSelected = new EventEmitter();
|
|
22
|
+
/**
|
|
23
|
+
* Defines the reference to the tabs content
|
|
24
|
+
*/
|
|
25
|
+
this.tabs = null;
|
|
26
|
+
}
|
|
27
|
+
onTabSelect(event) {
|
|
28
|
+
this.tabSelected.emit({
|
|
29
|
+
index: event.index,
|
|
30
|
+
title: event.title,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitTabsComponent, selector: "kit-tabs", inputs: { type: "type", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n" }]
|
|
39
|
+
}], propDecorators: { type: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], animate: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], tabSelected: [{
|
|
44
|
+
type: Output
|
|
45
|
+
}], tabs: [{
|
|
46
|
+
type: ContentChildren,
|
|
47
|
+
args: [KitTabComponent]
|
|
48
|
+
}] } });
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGFicy9raXQtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzVILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBUy9DLE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNRTs7V0FFRztRQUNNLFNBQUksR0FBZ0IsV0FBVyxDQUFDLElBQUksQ0FBQztRQUU5Qzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDTyxnQkFBVyxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUVqRzs7V0FFRztRQUMrQixTQUFJLEdBQXNDLElBQUksQ0FBQztLQVFsRjtJQU5DLFdBQVcsQ0FBQyxLQUFrQjtRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUs7WUFDbEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBMUJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRKQW1CVixlQUFlLDZCQzlCbEMsMGdDQTZCQTs7MkZEbEJhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUVILHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLMkIsSUFBSTtzQkFBckMsZUFBZTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtdGFiL2tpdC10YWIuY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFRhYnNUeXBlIH0gZnJvbSAnLi9raXQtdGFicy5jb25zdCc7XG5pbXBvcnQgeyBLaXRUYWJzU2VsZWN0RXZlbnQgfSBmcm9tICcuL2tpdC10YWJzLm1vZGVsJztcbmltcG9ydCB7IFNlbGVjdEV2ZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGF5b3V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRhYnNcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEtpdFRhYnNUeXBlID0gS2l0VGFic1R5cGUuVEVYVDtcblxuICAvKipcbiAgICogRW5hYmxlcyB0aGUgdGFiIGFuaW1hdGlvblxuICAgKi9cbiAgQElucHV0KCkgYW5pbWF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIHRhYiBpcyBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHRhYlNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0VGFic1NlbGVjdEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0VGFic1NlbGVjdEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSByZWZlcmVuY2UgdG8gdGhlIHRhYnMgY29udGVudFxuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihLaXRUYWJDb21wb25lbnQpIHRhYnM6IFF1ZXJ5TGlzdDxLaXRUYWJDb21wb25lbnQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgb25UYWJTZWxlY3QoZXZlbnQ6IFNlbGVjdEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy50YWJTZWxlY3RlZC5lbWl0KHtcbiAgICAgIGluZGV4OiBldmVudC5pbmRleCxcbiAgICAgIHRpdGxlOiBldmVudC50aXRsZSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC10YWJzXCI+XG4gIDxrZW5kby10YWJzdHJpcCBbbmdDbGFzc109XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIlxuICAgICAgICAgICAgICAgICAgKHRhYlNlbGVjdCk9XCJvblRhYlNlbGVjdCgkZXZlbnQpXCI+XG4gICAgQGZvciAodGFiIG9mIHRhYnM7IHRyYWNrIHRhYikge1xuICAgICAgPGtlbmRvLXRhYnN0cmlwLXRhYiBbdGl0bGVdPVwidGFiLnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkXT1cInRhYi5zZWxlY3RlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0YWIuZGlzYWJsZWRcIj5cbiAgICAgICAgQGlmICh0YWIuaWNvbikge1xuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1RhYlRpdGxlPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYi10aXRsZVwiPlxuICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidGFiLXRpdGxlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cInRhYi5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ0YWIuaWNvblR5cGVcIlxuICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWIgdGl0bGUtdGV4dFwiPlxuICAgICAgICAgICAgICAgIHt7IHRhYi50aXRsZSB9fVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIH1cbiAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvVGFiQ29udGVudD5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFiLmtpdFRhYkNvbnRlbnRcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwva2VuZG8tdGFic3RyaXAtdGFiPlxuICAgIH1cbiAgPC9rZW5kby10YWJzdHJpcD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var KitTabsType;
|
|
2
|
+
(function (KitTabsType) {
|
|
3
|
+
KitTabsType["TEXT"] = "text";
|
|
4
|
+
KitTabsType["BUTTON"] = "button";
|
|
5
|
+
})(KitTabsType || (KitTabsType = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMuY29uc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFdBR1g7QUFIRCxXQUFZLFdBQVc7SUFDckIsNEJBQWEsQ0FBQTtJQUNiLGdDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxXQUFXLEtBQVgsV0FBVyxRQUd0QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFRhYnNUeXBlIHtcbiAgVEVYVCA9ICd0ZXh0JyxcbiAgQlVUVE9OID0gJ2J1dHRvbicsXG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEtpdFRhYnNTZWxlY3RFdmVudCB7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { KitTabsComponent } from './kit-tabs.component';
|
|
4
|
+
import { LayoutModule } from '@progress/kendo-angular-layout';
|
|
5
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
6
|
+
import { KitTabComponent } from './kit-tab/kit-tab.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class KitTabsModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, declarations: [KitTabsComponent,
|
|
11
|
+
KitTabComponent], imports: [CommonModule,
|
|
12
|
+
LayoutModule,
|
|
13
|
+
KitSvgIconModule], exports: [KitTabsComponent,
|
|
14
|
+
KitTabComponent] }); }
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, imports: [CommonModule,
|
|
16
|
+
LayoutModule,
|
|
17
|
+
KitSvgIconModule] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [
|
|
23
|
+
KitTabsComponent,
|
|
24
|
+
KitTabComponent,
|
|
25
|
+
],
|
|
26
|
+
imports: [
|
|
27
|
+
CommonModule,
|
|
28
|
+
LayoutModule,
|
|
29
|
+
KitSvgIconModule,
|
|
30
|
+
],
|
|
31
|
+
exports: [
|
|
32
|
+
KitTabsComponent,
|
|
33
|
+
KitTabComponent,
|
|
34
|
+
],
|
|
35
|
+
}]
|
|
36
|
+
}] });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGFicy9raXQtdGFicy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFpQjlELE1BQU0sT0FBTyxhQUFhOzhHQUFiLGFBQWE7K0dBQWIsYUFBYSxpQkFidEIsZ0JBQWdCO1lBQ2hCLGVBQWUsYUFHZixZQUFZO1lBQ1osWUFBWTtZQUNaLGdCQUFnQixhQUdoQixnQkFBZ0I7WUFDaEIsZUFBZTsrR0FHTixhQUFhLFlBVHRCLFlBQVk7WUFDWixZQUFZO1lBQ1osZ0JBQWdCOzsyRkFPUCxhQUFhO2tCQWZ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0VGFic0NvbXBvbmVudCB9IGZyb20gJy4va2l0LXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxheW91dCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uTW9kdWxlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtdGFiL2tpdC10YWIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0VGFic0NvbXBvbmVudCxcbiAgICBLaXRUYWJDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTGF5b3V0TW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRUYWJzQ29tcG9uZW50LFxuICAgIEtpdFRhYkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFic01vZHVsZSB7XG59XG4iXX0=
|