vc-layout 1.0.85 → 1.0.86
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.
|
@@ -5,6 +5,7 @@ import * as i2 from "../../../shared/ui-kit/tooltip/tooltip.directive";
|
|
|
5
5
|
export class SubMenuContainerComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.subMenuData = [];
|
|
8
|
+
this.moduleTitle = '';
|
|
8
9
|
this.onCloseSubMenu = new EventEmitter();
|
|
9
10
|
}
|
|
10
11
|
ngOnInit() { }
|
|
@@ -12,14 +13,17 @@ export class SubMenuContainerComponent {
|
|
|
12
13
|
this.onCloseSubMenu.emit();
|
|
13
14
|
}
|
|
14
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData", moduleTitle: "moduleTitle" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
16
17
|
<div
|
|
17
18
|
class="sub-menu-container vx-pl-2 vx-pr-2 vx-pb-5"
|
|
18
19
|
[class.hide]="false"
|
|
19
20
|
>
|
|
20
21
|
<div
|
|
21
|
-
class="top-close-area vx-d-flex vx-align-center vx-justify-
|
|
22
|
+
class="top-close-area vx-d-flex vx-align-center vx-justify-between vx-mb-2"
|
|
22
23
|
>
|
|
24
|
+
<div class="vx-fs-11 vx-fw-500 vx-gray-50 vx-lh-4 vx-ml-2">
|
|
25
|
+
{{ moduleTitle }}
|
|
26
|
+
</div>
|
|
23
27
|
<button
|
|
24
28
|
(click)="onSubMenuClose()"
|
|
25
29
|
class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
|
|
@@ -57,8 +61,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
57
61
|
[class.hide]="false"
|
|
58
62
|
>
|
|
59
63
|
<div
|
|
60
|
-
class="top-close-area vx-d-flex vx-align-center vx-justify-
|
|
64
|
+
class="top-close-area vx-d-flex vx-align-center vx-justify-between vx-mb-2"
|
|
61
65
|
>
|
|
66
|
+
<div class="vx-fs-11 vx-fw-500 vx-gray-50 vx-lh-4 vx-ml-2">
|
|
67
|
+
{{ moduleTitle }}
|
|
68
|
+
</div>
|
|
62
69
|
<button
|
|
63
70
|
(click)="onSubMenuClose()"
|
|
64
71
|
class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
|
|
@@ -89,7 +96,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
89
96
|
`, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .sub-menu-container{background:#282e48;border-radius:.75rem 0 0 .75rem;height:calc(100% - .25rem);width:13rem;position:relative;transition:all .1s ease-out}::ng-deep .sub-menu-container.hide{margin-left:-13rem}::ng-deep .sub-menu-container.hide:before{display:none}::ng-deep .sub-menu-container:before{background:#282e48;content:\"\";position:absolute;top:0;right:-2rem;width:2rem;height:100%}::ng-deep .sub-menu-container .top-close-area{position:relative;padding:10px 0}::ng-deep .sub-menu-container .top-close-area:before{background:#565a6f;content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px}::ng-deep .sub-menu-container .top-close-area button{background:#e3e3e9;border-radius:.125rem;border:none;width:1rem;height:1rem}::ng-deep .sub-menu-container ul{list-style-type:none}::ng-deep .sub-menu-container ul li a{border-radius:.25rem;width:100%;height:2rem;text-decoration:none}::ng-deep .sub-menu-container ul li a:hover{background:#565a6f}::ng-deep .sub-menu-container ul li.active a{background:#565a6f}\n"] }]
|
|
90
97
|
}], ctorParameters: function () { return []; }, propDecorators: { subMenuData: [{
|
|
91
98
|
type: Input
|
|
99
|
+
}], moduleTitle: [{
|
|
100
|
+
type: Input
|
|
92
101
|
}], onCloseSubMenu: [{
|
|
93
102
|
type: Output
|
|
94
103
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvc3ViLW1lbnUvc3ViLW1lbnUtY29udGFpbmVyL3N1Yi1tZW51LWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTZDL0UsTUFBTSxPQUFPLHlCQUF5QjtJQUlwQztRQUhTLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBQ3hCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDdkQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQVZVLHlCQUF5QjttR0FBekIseUJBQXlCLGdMQXpDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NUOzs0RkFHVSx5QkFBeUI7a0JBM0NyQyxTQUFTOytCQUNFLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ1Q7MEVBSVEsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZjLXN1Yi1tZW51LWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJzdWItbWVudS1jb250YWluZXIgdngtcGwtMiB2eC1wci0yIHZ4LXBiLTVcIlxyXG4gICAgICBbY2xhc3MuaGlkZV09XCJmYWxzZVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInRvcC1jbG9zZS1hcmVhIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LW1iLTJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1ncmF5LTUwIHZ4LWxoLTQgdngtbWwtMlwiPlxyXG4gICAgICAgICAge3sgbW9kdWxlVGl0bGUgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAoY2xpY2spPVwib25TdWJNZW51Q2xvc2UoKVwiXHJcbiAgICAgICAgICBjbGFzcz1cInZ4LWZzLTggdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wLTAgdngtbS0wXCJcclxuICAgICAgICAgIFthclRvb2x0aXBdPVwiJ0Nsb3NlJ1wiXHJcbiAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcclxuICAgICAgICAgIHR5cGU9XCJ3aGl0ZVwiXHJcbiAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5NmI7PC9pPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHVsICpuZ0lmPVwic3ViTWVudURhdGE/Lmxlbmd0aFwiIGNsYXNzPVwidngtbS0wIHZ4LXAtMFwiPlxyXG4gICAgICAgIDxsaVxyXG4gICAgICAgICAgY2xhc3M9XCJ2eC1tYi0yXCJcclxuICAgICAgICAgICpuZ0Zvcj1cImxldCBlYWNoTWVudSBvZiBzdWJNZW51RGF0YVwiXHJcbiAgICAgICAgICBbbmdDbGFzc109XCJlYWNoTWVudT8uY2xhc3NcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgIGNsYXNzPVwidngtZnMtMTMgdngtZnctNDAwIHZ4LXR4dC13aGl0ZSB2eC1wLTIgdngtZC1ibG9ja1wiXHJcbiAgICAgICAgICAgIFtocmVmXT1cImVhY2hNZW51Py5ocmVmXCJcclxuICAgICAgICAgICAgPnt7IGVhY2hNZW51Py5uYW1lIH19PC9hXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgPC91bD5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zdWItbWVudS1jb250YWluZXIuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1Yk1lbnVDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHN1Yk1lbnVEYXRhOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIG1vZHVsZVRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBAT3V0cHV0KCkgb25DbG9zZVN1Yk1lbnU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBvblN1Yk1lbnVDbG9zZSgpIHtcclxuICAgIHRoaXMub25DbG9zZVN1Yk1lbnUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
package/fesm2022/vc-layout.mjs
CHANGED
|
@@ -2434,6 +2434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2434
2434
|
class SubMenuContainerComponent {
|
|
2435
2435
|
constructor() {
|
|
2436
2436
|
this.subMenuData = [];
|
|
2437
|
+
this.moduleTitle = '';
|
|
2437
2438
|
this.onCloseSubMenu = new EventEmitter();
|
|
2438
2439
|
}
|
|
2439
2440
|
ngOnInit() { }
|
|
@@ -2441,14 +2442,17 @@ class SubMenuContainerComponent {
|
|
|
2441
2442
|
this.onCloseSubMenu.emit();
|
|
2442
2443
|
}
|
|
2443
2444
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2444
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
2445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubMenuContainerComponent, selector: "vc-sub-menu-container", inputs: { subMenuData: "subMenuData", moduleTitle: "moduleTitle" }, outputs: { onCloseSubMenu: "onCloseSubMenu" }, ngImport: i0, template: `
|
|
2445
2446
|
<div
|
|
2446
2447
|
class="sub-menu-container vx-pl-2 vx-pr-2 vx-pb-5"
|
|
2447
2448
|
[class.hide]="false"
|
|
2448
2449
|
>
|
|
2449
2450
|
<div
|
|
2450
|
-
class="top-close-area vx-d-flex vx-align-center vx-justify-
|
|
2451
|
+
class="top-close-area vx-d-flex vx-align-center vx-justify-between vx-mb-2"
|
|
2451
2452
|
>
|
|
2453
|
+
<div class="vx-fs-11 vx-fw-500 vx-gray-50 vx-lh-4 vx-ml-2">
|
|
2454
|
+
{{ moduleTitle }}
|
|
2455
|
+
</div>
|
|
2452
2456
|
<button
|
|
2453
2457
|
(click)="onSubMenuClose()"
|
|
2454
2458
|
class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
|
|
@@ -2486,8 +2490,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2486
2490
|
[class.hide]="false"
|
|
2487
2491
|
>
|
|
2488
2492
|
<div
|
|
2489
|
-
class="top-close-area vx-d-flex vx-align-center vx-justify-
|
|
2493
|
+
class="top-close-area vx-d-flex vx-align-center vx-justify-between vx-mb-2"
|
|
2490
2494
|
>
|
|
2495
|
+
<div class="vx-fs-11 vx-fw-500 vx-gray-50 vx-lh-4 vx-ml-2">
|
|
2496
|
+
{{ moduleTitle }}
|
|
2497
|
+
</div>
|
|
2491
2498
|
<button
|
|
2492
2499
|
(click)="onSubMenuClose()"
|
|
2493
2500
|
class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
|
|
@@ -2518,6 +2525,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2518
2525
|
`, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .sub-menu-container{background:#282e48;border-radius:.75rem 0 0 .75rem;height:calc(100% - .25rem);width:13rem;position:relative;transition:all .1s ease-out}::ng-deep .sub-menu-container.hide{margin-left:-13rem}::ng-deep .sub-menu-container.hide:before{display:none}::ng-deep .sub-menu-container:before{background:#282e48;content:\"\";position:absolute;top:0;right:-2rem;width:2rem;height:100%}::ng-deep .sub-menu-container .top-close-area{position:relative;padding:10px 0}::ng-deep .sub-menu-container .top-close-area:before{background:#565a6f;content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px}::ng-deep .sub-menu-container .top-close-area button{background:#e3e3e9;border-radius:.125rem;border:none;width:1rem;height:1rem}::ng-deep .sub-menu-container ul{list-style-type:none}::ng-deep .sub-menu-container ul li a{border-radius:.25rem;width:100%;height:2rem;text-decoration:none}::ng-deep .sub-menu-container ul li a:hover{background:#565a6f}::ng-deep .sub-menu-container ul li.active a{background:#565a6f}\n"] }]
|
|
2519
2526
|
}], ctorParameters: function () { return []; }, propDecorators: { subMenuData: [{
|
|
2520
2527
|
type: Input
|
|
2528
|
+
}], moduleTitle: [{
|
|
2529
|
+
type: Input
|
|
2521
2530
|
}], onCloseSubMenu: [{
|
|
2522
2531
|
type: Output
|
|
2523
2532
|
}] } });
|