c3-components 0.2.4 → 0.6.1
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/_index.scss +1 -0
- package/esm2022/lib/c3-expansion/components/c3-expansion/c3-expansion.component.mjs +17 -8
- package/esm2022/lib/c3-expansion/components/c3-expansion-header/c3-expansion-header.component.mjs +9 -9
- package/esm2022/lib/c3-flowing-menu/c3-flowing-menu.module.mjs +32 -0
- package/esm2022/lib/c3-flowing-menu/components/c3-flowing-menu/c3-flowing-menu.component.mjs +41 -0
- package/esm2022/lib/c3-flowing-menu/components/c3-flowing-menu-item/c3-flowing-menu-item.component.mjs +20 -0
- package/esm2022/lib/c3-flowing-menu/components/c3-flowing-menu-item-content/c3-flowing-menu-item-content.component.mjs +11 -0
- package/esm2022/public-api.mjs +8 -1
- package/fesm2022/c3-components.mjs +119 -20
- package/fesm2022/c3-components.mjs.map +1 -1
- package/lib/c3-expansion/components/c3-expansion/c3-expansion.component.d.ts +9 -5
- package/lib/c3-expansion/components/c3-expansion-header/c3-expansion-header.component.d.ts +3 -3
- package/lib/c3-flowing-menu/c3-flowing-menu.module.d.ts +10 -0
- package/lib/c3-flowing-menu/components/c3-flowing-menu/c3-flowing-menu.component.d.ts +12 -0
- package/lib/c3-flowing-menu/components/c3-flowing-menu-item/c3-flowing-menu-item.component.d.ts +9 -0
- package/lib/c3-flowing-menu/components/c3-flowing-menu-item-content/c3-flowing-menu-item-content.component.d.ts +5 -0
- package/lib/c3-flowing-menu/styles/_c3-flowing-menu.scss +86 -0
- package/lib/c3-styles/_c3-core.scss +2 -0
- package/package.json +1 -1
- package/public-api.d.ts +7 -0
package/_index.scss
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
@forward "./lib/c3-dropdown/styles/c3-dropdown" show c3-material-dropdown;
|
|
2
2
|
@forward "./lib/c3-expansion/styles/c3-expansion" show c3-expansion;
|
|
3
|
+
@forward "./lib/c3-flowing-menu/styles/c3-flowing-menu" show c3-flowing-menu;
|
|
3
4
|
@forward "./lib/c3-styles/c3-core" show c3-core;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Component, HostBinding, input, model, } from '@angular/core';
|
|
1
|
+
import { Component, contentChild, effect, ElementRef, HostBinding, inject, input, model, } from '@angular/core';
|
|
2
2
|
import { C3AutoAnimateDirective } from '../../../c3-auto-animate/c3-auto-animate.directive';
|
|
3
|
+
import { C3ExpansionHeaderComponent } from '../c3-expansion-header/c3-expansion-header.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "../../../c3-auto-animate/c3-auto-animate.directive";
|
|
5
6
|
import * as i2 from "@angular/common";
|
|
@@ -8,16 +9,24 @@ export class C3ExpansionComponent {
|
|
|
8
9
|
get hostClass() {
|
|
9
10
|
return 'c3-expansion';
|
|
10
11
|
}
|
|
11
|
-
constructor(
|
|
12
|
-
this._elementRef = _elementRef;
|
|
12
|
+
constructor() {
|
|
13
13
|
this.headerClass = input('c3-expansion-header');
|
|
14
14
|
this.isExpanded = model(false);
|
|
15
|
+
this._elementRef = inject(ElementRef);
|
|
16
|
+
this.header = contentChild(C3ExpansionHeaderComponent);
|
|
17
|
+
effect(() => {
|
|
18
|
+
this.expandSubsciption?.unsubscribe();
|
|
19
|
+
this.header()?.toggleExpand.subscribe(() => this.toggleExpand());
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
ngOnDestroy() {
|
|
23
|
+
this.expandSubsciption?.unsubscribe();
|
|
15
24
|
}
|
|
16
25
|
toggleExpand() {
|
|
17
26
|
this.isExpanded.set(!this.isExpanded());
|
|
18
27
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3ExpansionComponent, deps: [
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3ExpansionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.1", type: C3ExpansionComponent, selector: "c3-expansion", inputs: { headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange" }, host: { properties: { "class": "this.hostClass" } }, queries: [{ propertyName: "header", first: true, predicate: C3ExpansionHeaderComponent, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.C3AutoAnimateDirective, inputs: ["options", "options"] }], ngImport: i0, template: "<div [class]=\"headerClass()\">\n <ng-content select=\"c3-expansion-header\">\n <c3-expansion-header />\n </ng-content>\n</div>\n\n<div *ngIf=\"isExpanded()\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.C3ExpansionHeaderComponent, selector: "c3-expansion-header", inputs: ["title", "isExpanded"], outputs: ["toggleExpand"] }] }); }
|
|
21
30
|
}
|
|
22
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3ExpansionComponent, decorators: [{
|
|
23
32
|
type: Component,
|
|
@@ -26,9 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
|
26
35
|
directive: C3AutoAnimateDirective,
|
|
27
36
|
inputs: ['options'],
|
|
28
37
|
},
|
|
29
|
-
], template: "<div [class]=\"headerClass()\">\n <ng-content select=\"c3-expansion-header\">\n <c3-expansion-header
|
|
30
|
-
}], ctorParameters: () => [
|
|
38
|
+
], template: "<div [class]=\"headerClass()\">\n <ng-content select=\"c3-expansion-header\">\n <c3-expansion-header />\n </ng-content>\n</div>\n\n<div *ngIf=\"isExpanded()\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
39
|
+
}], ctorParameters: () => [], propDecorators: { hostClass: [{
|
|
31
40
|
type: HostBinding,
|
|
32
41
|
args: ['class']
|
|
33
42
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZXhwYW5zaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1leHBhbnNpb24vY29tcG9uZW50cy9jMy1leHBhbnNpb24vYzMtZXhwYW5zaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1leHBhbnNpb24vY29tcG9uZW50cy9jMy1leHBhbnNpb24vYzMtZXhwYW5zaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7OztBQWFsRyxNQUFNLE9BQU8sb0JBQW9CO0lBSS9CLElBQTBCLFNBQVM7UUFDakMsT0FBTyxjQUFjLENBQUM7SUFDeEIsQ0FBQztJQU9EO1FBWk8sZ0JBQVcsR0FBRyxLQUFLLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUNuRCxlQUFVLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBTTFCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2pDLFdBQU0sR0FBRyxZQUFZLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUtoRSxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxDQUFDO1lBRXRDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ25FLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBM0JVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHVkQVNPLDBCQUEwQiw0SkNsQ2xFLDZNQVNBOzsyRkRnQmEsb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNFLGNBQWMsa0JBRVI7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLHNCQUFzQjs0QkFDakMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDO3lCQUNwQjtxQkFDRjt3REFNeUIsU0FBUztzQkFBbEMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBjb250ZW50Q2hpbGQsXG4gIGVmZmVjdCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxuICBPbkRlc3Ryb3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQzNBdXRvQW5pbWF0ZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2MzLWF1dG8tYW5pbWF0ZS9jMy1hdXRvLWFuaW1hdGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IEMzRXhwYW5zaW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYzMtZXhwYW5zaW9uLWhlYWRlci9jMy1leHBhbnNpb24taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYzMtZXhwYW5zaW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2MzLWV4cGFuc2lvbi5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBDM0F1dG9BbmltYXRlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ29wdGlvbnMnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDM0V4cGFuc2lvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBoZWFkZXJDbGFzcyA9IGlucHV0PHN0cmluZz4oJ2MzLWV4cGFuc2lvbi1oZWFkZXInKTtcbiAgcHVibGljIGlzRXhwYW5kZWQgPSBtb2RlbDxib29sZWFuPihmYWxzZSk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBob3N0Q2xhc3MoKSB7XG4gICAgcmV0dXJuICdjMy1leHBhbnNpb24nO1xuICB9XG5cbiAgcHVibGljIHJlYWRvbmx5IF9lbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwdWJsaWMgcmVhZG9ubHkgaGVhZGVyID0gY29udGVudENoaWxkKEMzRXhwYW5zaW9uSGVhZGVyQ29tcG9uZW50KTtcblxuICBwcml2YXRlIGV4cGFuZFN1YnNjaXB0aW9uOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMuZXhwYW5kU3Vic2NpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG5cbiAgICAgIHRoaXMuaGVhZGVyKCk/LnRvZ2dsZUV4cGFuZC5zdWJzY3JpYmUoKCkgPT4gdGhpcy50b2dnbGVFeHBhbmQoKSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmV4cGFuZFN1YnNjaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgdG9nZ2xlRXhwYW5kKCkge1xuICAgIHRoaXMuaXNFeHBhbmRlZC5zZXQoIXRoaXMuaXNFeHBhbmRlZCgpKTtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiaGVhZGVyQ2xhc3MoKVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJjMy1leHBhbnNpb24taGVhZGVyXCI+XG4gICAgPGMzLWV4cGFuc2lvbi1oZWFkZXIgLz5cbiAgPC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxkaXYgKm5nSWY9XCJpc0V4cGFuZGVkKClcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
package/esm2022/lib/c3-expansion/components/c3-expansion-header/c3-expansion-header.component.mjs
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { Component, HostBinding, ViewEncapsulation, input, } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, ViewEncapsulation, input, output, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/
|
|
4
|
-
import * as i2 from "@angular/material/
|
|
5
|
-
import * as i3 from "@angular/material/
|
|
6
|
-
import * as i4 from "@angular/material/tooltip";
|
|
3
|
+
import * as i1 from "@angular/material/button";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
5
|
+
import * as i3 from "@angular/material/tooltip";
|
|
7
6
|
export class C3ExpansionHeaderComponent {
|
|
8
7
|
constructor() {
|
|
9
8
|
this.title = input();
|
|
10
|
-
this.
|
|
9
|
+
this.isExpanded = input(false);
|
|
10
|
+
this.toggleExpand = output();
|
|
11
11
|
}
|
|
12
12
|
get hostClass() {
|
|
13
13
|
return 'c3-expansion-header';
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3ExpansionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: C3ExpansionHeaderComponent, selector: "c3-expansion-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleExpand: "toggleExpand" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content>\n @if(title()) {\n <h4 class=\"text-lg\">\n {{ title() }}\n </h4>\n }\n <button\n mat-icon-button\n (click)=\"toggleExpand.emit()\"\n [matTooltip]=\"isExpanded() ? 'R\u00E9duire' : 'D\u00E9velopper'\"\n >\n <mat-icon>{{\n isExpanded() ? \"expand_less\" : \"expand_more\"\n }}</mat-icon>\n </button>\n</ng-content>\n", dependencies: [{ kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3ExpansionHeaderComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'c3-expansion-header', encapsulation: ViewEncapsulation.None, template: "<ng-content>\n <h4 class=\"text-lg\"
|
|
20
|
+
args: [{ selector: 'c3-expansion-header', encapsulation: ViewEncapsulation.None, template: "<ng-content>\n @if(title()) {\n <h4 class=\"text-lg\">\n {{ title() }}\n </h4>\n }\n <button\n mat-icon-button\n (click)=\"toggleExpand.emit()\"\n [matTooltip]=\"isExpanded() ? 'R\u00E9duire' : 'D\u00E9velopper'\"\n >\n <mat-icon>{{\n isExpanded() ? \"expand_less\" : \"expand_more\"\n }}</mat-icon>\n </button>\n</ng-content>\n" }]
|
|
21
21
|
}], propDecorators: { hostClass: [{
|
|
22
22
|
type: HostBinding,
|
|
23
23
|
args: ['class']
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZXhwYW5zaW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jMy1jb21wb25lbnRzL3NyYy9saWIvYzMtZXhwYW5zaW9uL2NvbXBvbmVudHMvYzMtZXhwYW5zaW9uLWhlYWRlci9jMy1leHBhbnNpb24taGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1leHBhbnNpb24vY29tcG9uZW50cy9jMy1leHBhbnNpb24taGVhZGVyL2MzLWV4cGFuc2lvbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3ZCLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFNUyxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsZUFBVSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNuQyxpQkFBWSxHQUFHLE1BQU0sRUFBRSxDQUFDO0tBS2hDO0lBSEMsSUFBMEIsU0FBUztRQUNqQyxPQUFPLHFCQUFxQixDQUFDO0lBQy9CLENBQUM7OEdBUFUsMEJBQTBCO2tHQUExQiwwQkFBMEIsc2FDYnZDLDhXQWdCQTs7MkZESGEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQixpQkFFaEIsaUJBQWlCLENBQUMsSUFBSTs4QkFPWCxTQUFTO3NCQUFsQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5wdXQsXG4gIG91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2MzLWV4cGFuc2lvbi1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYzMtZXhwYW5zaW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEMzRXhwYW5zaW9uSGVhZGVyQ29tcG9uZW50IHtcbiAgcHVibGljIHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICBwdWJsaWMgaXNFeHBhbmRlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHVibGljIHRvZ2dsZUV4cGFuZCA9IG91dHB1dCgpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgaG9zdENsYXNzKCkge1xuICAgIHJldHVybiAnYzMtZXhwYW5zaW9uLWhlYWRlcic7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50PlxuICBAaWYodGl0bGUoKSkge1xuICAgIDxoNCBjbGFzcz1cInRleHQtbGdcIj5cbiAgICAgIHt7IHRpdGxlKCkgfX1cbiAgICA8L2g0PlxuICB9XG4gIDxidXR0b25cbiAgICBtYXQtaWNvbi1idXR0b25cbiAgICAoY2xpY2spPVwidG9nZ2xlRXhwYW5kLmVtaXQoKVwiXG4gICAgW21hdFRvb2x0aXBdPVwiaXNFeHBhbmRlZCgpID8gJ1LDqWR1aXJlJyA6ICdEw6l2ZWxvcHBlcidcIlxuICA+XG4gICAgPG1hdC1pY29uPnt7XG4gICAgICBpc0V4cGFuZGVkKCkgPyBcImV4cGFuZF9sZXNzXCIgOiBcImV4cGFuZF9tb3JlXCJcbiAgICB9fTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuPC9uZy1jb250ZW50PlxuIl19
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { C3FlowingMenuComponent } from './components/c3-flowing-menu/c3-flowing-menu.component';
|
|
4
|
+
import { C3FlowingMenuItemComponent } from './components/c3-flowing-menu-item/c3-flowing-menu-item.component';
|
|
5
|
+
import { C3FlowingMenuItemContentComponent } from './components/c3-flowing-menu-item-content/c3-flowing-menu-item-content.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class C3FlowingMenuModule {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuModule, declarations: [C3FlowingMenuComponent,
|
|
10
|
+
C3FlowingMenuItemComponent,
|
|
11
|
+
C3FlowingMenuItemContentComponent], imports: [CommonModule], exports: [C3FlowingMenuComponent,
|
|
12
|
+
C3FlowingMenuItemComponent,
|
|
13
|
+
C3FlowingMenuItemContentComponent] }); }
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuModule, imports: [CommonModule] }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
declarations: [
|
|
20
|
+
C3FlowingMenuComponent,
|
|
21
|
+
C3FlowingMenuItemComponent,
|
|
22
|
+
C3FlowingMenuItemContentComponent,
|
|
23
|
+
],
|
|
24
|
+
imports: [CommonModule],
|
|
25
|
+
exports: [
|
|
26
|
+
C3FlowingMenuComponent,
|
|
27
|
+
C3FlowingMenuItemComponent,
|
|
28
|
+
C3FlowingMenuItemContentComponent,
|
|
29
|
+
],
|
|
30
|
+
}]
|
|
31
|
+
}] });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZmxvd2luZy1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1mbG93aW5nLW1lbnUvYzMtZmxvd2luZy1tZW51Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUNoRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM5RyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxrRkFBa0YsQ0FBQzs7QUFlckksTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1COytHQUFuQixtQkFBbUIsaUJBWDVCLHNCQUFzQjtZQUN0QiwwQkFBMEI7WUFDMUIsaUNBQWlDLGFBRXpCLFlBQVksYUFFcEIsc0JBQXNCO1lBQ3RCLDBCQUEwQjtZQUMxQixpQ0FBaUM7K0dBR3hCLG1CQUFtQixZQVBwQixZQUFZOzsyRkFPWCxtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjt3QkFDdEIsMEJBQTBCO3dCQUMxQixpQ0FBaUM7cUJBQ2xDO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjt3QkFDdEIsMEJBQTBCO3dCQUMxQixpQ0FBaUM7cUJBQ2xDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDM0Zsb3dpbmdNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2MzLWZsb3dpbmctbWVudS9jMy1mbG93aW5nLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IEMzRmxvd2luZ01lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2MzLWZsb3dpbmctbWVudS1pdGVtL2MzLWZsb3dpbmctbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDM0Zsb3dpbmdNZW51SXRlbUNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYzMtZmxvd2luZy1tZW51LWl0ZW0tY29udGVudC9jMy1mbG93aW5nLW1lbnUtaXRlbS1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEMzRmxvd2luZ01lbnVDb21wb25lbnQsXG4gICAgQzNGbG93aW5nTWVudUl0ZW1Db21wb25lbnQsXG4gICAgQzNGbG93aW5nTWVudUl0ZW1Db250ZW50Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIEMzRmxvd2luZ01lbnVDb21wb25lbnQsXG4gICAgQzNGbG93aW5nTWVudUl0ZW1Db21wb25lbnQsXG4gICAgQzNGbG93aW5nTWVudUl0ZW1Db250ZW50Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDM0Zsb3dpbmdNZW51TW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, contentChildren, effect, signal, viewChild, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { C3FlowingMenuItemComponent } from '../c3-flowing-menu-item/c3-flowing-menu-item.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class C3FlowingMenuComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.c3FlowingMenu = contentChildren(C3FlowingMenuItemComponent);
|
|
8
|
+
this.targetContentRef = viewChild('targetContent', {
|
|
9
|
+
read: ViewContainerRef,
|
|
10
|
+
});
|
|
11
|
+
this.selectedIndex = signal(0);
|
|
12
|
+
effect(() => {
|
|
13
|
+
if (this.targetContentRef()) {
|
|
14
|
+
this.updateView();
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
selectMenu(index) {
|
|
19
|
+
this.selectedIndex.set(index);
|
|
20
|
+
this.updateView();
|
|
21
|
+
}
|
|
22
|
+
updateView() {
|
|
23
|
+
if (!this.targetContentRef())
|
|
24
|
+
return;
|
|
25
|
+
this.targetContentRef().clear();
|
|
26
|
+
const selectedMenu = this.c3FlowingMenu()[this.selectedIndex()];
|
|
27
|
+
if (selectedMenu) {
|
|
28
|
+
this.targetContentRef().createEmbeddedView(selectedMenu.contentTpl());
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: C3FlowingMenuComponent, selector: "c3-flowing-menu", host: { attributes: { "ngSkipHydration": "true" }, classAttribute: "c3-flowing-menu" }, queries: [{ propertyName: "c3FlowingMenu", predicate: C3FlowingMenuItemComponent, isSignal: true }], viewQueries: [{ propertyName: "targetContentRef", first: true, predicate: ["targetContent"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<aside class=\"menu\">\n @for(menu of c3FlowingMenu(); track menu; let i = $index) {\n @if(menu.menuTpl()) {\n <button (click)=\"selectMenu(i)\" [class.active]=\"i === selectedIndex()\">\n <ng-container *ngTemplateOutlet=\"menu.menuTpl()!\"></ng-container>\n </button>\n }\n }\n</aside>\n\n<section class=\"contenu\">\n <ng-container #targetContent></ng-container>\n</section>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'c3-flowing-menu', encapsulation: ViewEncapsulation.None, host: {
|
|
37
|
+
class: 'c3-flowing-menu',
|
|
38
|
+
ngSkipHydration: 'true',
|
|
39
|
+
}, template: "<aside class=\"menu\">\n @for(menu of c3FlowingMenu(); track menu; let i = $index) {\n @if(menu.menuTpl()) {\n <button (click)=\"selectMenu(i)\" [class.active]=\"i === selectedIndex()\">\n <ng-container *ngTemplateOutlet=\"menu.menuTpl()!\"></ng-container>\n </button>\n }\n }\n</aside>\n\n<section class=\"contenu\">\n <ng-container #targetContent></ng-container>\n</section>\n" }]
|
|
40
|
+
}], ctorParameters: () => [] });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZmxvd2luZy1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1mbG93aW5nLW1lbnUvY29tcG9uZW50cy9jMy1mbG93aW5nLW1lbnUvYzMtZmxvd2luZy1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1mbG93aW5nLW1lbnUvY29tcG9uZW50cy9jMy1mbG93aW5nLW1lbnUvYzMtZmxvd2luZy1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixFQUNoQixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0RBQXdELENBQUM7OztBQVdwRyxNQUFNLE9BQU8sc0JBQXNCO0lBUWpDO1FBUGdCLGtCQUFhLEdBQUcsZUFBZSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDM0QscUJBQWdCLEdBQUcsU0FBUyxDQUFDLGVBQWUsRUFBRTtZQUM3RCxJQUFJLEVBQUUsZ0JBQWdCO1NBQ3ZCLENBQUMsQ0FBQztRQUVhLGtCQUFhLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBR3hDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFBRSxPQUFPO1FBRXJDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2pDLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQztRQUNoRSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRyxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQyxVQUFVLEVBQUcsQ0FBQyxDQUFDO1FBQzFFLENBQUM7SUFDSCxDQUFDOzhHQTdCVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw2S0FDZSwwQkFBMEIsMklBRWxFLGdCQUFnQiw2Q0N2QjFCLHNaQWFBOzsyRkRPYSxzQkFBc0I7a0JBVGxDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUVaLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsZUFBZSxFQUFFLE1BQU07cUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBjb250ZW50Q2hpbGRyZW4sXG4gIGVmZmVjdCxcbiAgc2lnbmFsLFxuICB2aWV3Q2hpbGQsXG4gIFZpZXdDb250YWluZXJSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEMzRmxvd2luZ01lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vYzMtZmxvd2luZy1tZW51LWl0ZW0vYzMtZmxvd2luZy1tZW51LWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYzMtZmxvd2luZy1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2MzLWZsb3dpbmctbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2MzLWZsb3dpbmctbWVudScsXG4gICAgbmdTa2lwSHlkcmF0aW9uOiAndHJ1ZScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEMzRmxvd2luZ01lbnVDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgYzNGbG93aW5nTWVudSA9IGNvbnRlbnRDaGlsZHJlbihDM0Zsb3dpbmdNZW51SXRlbUNvbXBvbmVudCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGFyZ2V0Q29udGVudFJlZiA9IHZpZXdDaGlsZCgndGFyZ2V0Q29udGVudCcsIHtcbiAgICByZWFkOiBWaWV3Q29udGFpbmVyUmVmLFxuICB9KTtcblxuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWRJbmRleCA9IHNpZ25hbCgwKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMudGFyZ2V0Q29udGVudFJlZigpKSB7XG4gICAgICAgIHRoaXMudXBkYXRlVmlldygpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIHNlbGVjdE1lbnUoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuc2VsZWN0ZWRJbmRleC5zZXQoaW5kZXgpO1xuICAgIHRoaXMudXBkYXRlVmlldygpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVWaWV3KCkge1xuICAgIGlmICghdGhpcy50YXJnZXRDb250ZW50UmVmKCkpIHJldHVybjtcblxuICAgIHRoaXMudGFyZ2V0Q29udGVudFJlZigpIS5jbGVhcigpO1xuICAgIGNvbnN0IHNlbGVjdGVkTWVudSA9IHRoaXMuYzNGbG93aW5nTWVudSgpW3RoaXMuc2VsZWN0ZWRJbmRleCgpXTtcbiAgICBpZiAoc2VsZWN0ZWRNZW51KSB7XG4gICAgICB0aGlzLnRhcmdldENvbnRlbnRSZWYoKSEuY3JlYXRlRW1iZWRkZWRWaWV3KHNlbGVjdGVkTWVudS5jb250ZW50VHBsKCkhKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxhc2lkZSBjbGFzcz1cIm1lbnVcIj5cbiAgQGZvcihtZW51IG9mIGMzRmxvd2luZ01lbnUoKTsgdHJhY2sgbWVudTsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICBAaWYobWVudS5tZW51VHBsKCkpIHtcbiAgICAgIDxidXR0b24gKGNsaWNrKT1cInNlbGVjdE1lbnUoaSlcIiBbY2xhc3MuYWN0aXZlXT1cImkgPT09IHNlbGVjdGVkSW5kZXgoKVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudS5tZW51VHBsKCkhXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIH1cbjwvYXNpZGU+XG5cbjxzZWN0aW9uIGNsYXNzPVwiY29udGVudVwiPlxuICA8bmctY29udGFpbmVyICN0YXJnZXRDb250ZW50PjwvbmctY29udGFpbmVyPlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, signal, TemplateRef, viewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class C3FlowingMenuItemComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.menuTpl = viewChild('menuTpl', {
|
|
6
|
+
read: TemplateRef,
|
|
7
|
+
});
|
|
8
|
+
this.contentTpl = viewChild('contentTpl', {
|
|
9
|
+
read: TemplateRef,
|
|
10
|
+
});
|
|
11
|
+
this.active = signal(false);
|
|
12
|
+
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.1", type: C3FlowingMenuItemComponent, selector: "c3-flowing-menu-item", viewQueries: [{ propertyName: "menuTpl", first: true, predicate: ["menuTpl"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-template #menuTpl>\n <ng-content select=\"[menu-title]\"></ng-content>\n</ng-template>\n<ng-template #contentTpl>\n <ng-content select=\"c3-flowing-menu-item-content\"></ng-content>\n</ng-template>\n" }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuItemComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'c3-flowing-menu-item', template: "<ng-template #menuTpl>\n <ng-content select=\"[menu-title]\"></ng-content>\n</ng-template>\n<ng-template #contentTpl>\n <ng-content select=\"c3-flowing-menu-item-content\"></ng-content>\n</ng-template>\n" }]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZmxvd2luZy1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYzMtY29tcG9uZW50cy9zcmMvbGliL2MzLWZsb3dpbmctbWVudS9jb21wb25lbnRzL2MzLWZsb3dpbmctbWVudS1pdGVtL2MzLWZsb3dpbmctbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1mbG93aW5nLW1lbnUvY29tcG9uZW50cy9jMy1mbG93aW5nLW1lbnUtaXRlbS9jMy1mbG93aW5nLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xRSxNQUFNLE9BQU8sMEJBQTBCO0lBSnZDO1FBS2tCLFlBQU8sR0FBRyxTQUFTLENBQUMsU0FBUyxFQUFFO1lBQzdDLElBQUksRUFBRSxXQUFXO1NBQ2xCLENBQUMsQ0FBQztRQUNhLGVBQVUsR0FBRyxTQUFTLENBQUMsWUFBWSxFQUFFO1lBQ25ELElBQUksRUFBRSxXQUFXO1NBQ2xCLENBQUMsQ0FBQztRQUVhLFdBQU0sR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDeEM7OEdBVFksMEJBQTBCO2tHQUExQiwwQkFBMEIsMklBRTdCLFdBQVcsbUhBR1gsV0FBVyw2Q0NYckIsK01BTUE7OzJGREFhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIHNpZ25hbCwgVGVtcGxhdGVSZWYsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjMy1mbG93aW5nLW1lbnUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jMy1mbG93aW5nLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEMzRmxvd2luZ01lbnVJdGVtQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IG1lbnVUcGwgPSB2aWV3Q2hpbGQoJ21lbnVUcGwnLCB7XG4gICAgcmVhZDogVGVtcGxhdGVSZWYsXG4gIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgY29udGVudFRwbCA9IHZpZXdDaGlsZCgnY29udGVudFRwbCcsIHtcbiAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgfSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGFjdGl2ZSA9IHNpZ25hbChmYWxzZSk7XG59XG4iLCI8bmctdGVtcGxhdGUgI21lbnVUcGw+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIlttZW51LXRpdGxlXVwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2NvbnRlbnRUcGw+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImMzLWZsb3dpbmctbWVudS1pdGVtLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class C3FlowingMenuItemContentComponent {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: C3FlowingMenuItemContentComponent, selector: "c3-flowing-menu-item-content", ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: C3FlowingMenuItemContentComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'c3-flowing-menu-item-content', template: "<ng-content></ng-content>\n" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZmxvd2luZy1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jMy1jb21wb25lbnRzL3NyYy9saWIvYzMtZmxvd2luZy1tZW51L2NvbXBvbmVudHMvYzMtZmxvd2luZy1tZW51LWl0ZW0tY29udGVudC9jMy1mbG93aW5nLW1lbnUtaXRlbS1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1mbG93aW5nLW1lbnUvY29tcG9uZW50cy9jMy1mbG93aW5nLW1lbnUtaXRlbS1jb250ZW50L2MzLWZsb3dpbmctbWVudS1pdGVtLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNMUMsTUFBTSxPQUFPLGlDQUFpQzs4R0FBakMsaUNBQWlDO2tHQUFqQyxpQ0FBaUMsb0VDTjlDLDZCQUNBOzsyRkRLYSxpQ0FBaUM7a0JBSjdDLFNBQVM7K0JBQ0UsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2MzLWZsb3dpbmctbWVudS1pdGVtLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYzMtZmxvd2luZy1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEMzRmxvd2luZ01lbnVJdGVtQ29udGVudENvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -62,4 +62,11 @@ export * from './lib/c3-signals/c3-boolean-signal';
|
|
|
62
62
|
* C3 Tree
|
|
63
63
|
*/
|
|
64
64
|
export * from './lib/c3-tree/c3-tree.component';
|
|
65
|
-
|
|
65
|
+
/**
|
|
66
|
+
* C3 flowing menu
|
|
67
|
+
*/
|
|
68
|
+
export * from './lib/c3-flowing-menu/c3-flowing-menu.module';
|
|
69
|
+
export * from './lib/c3-flowing-menu/components/c3-flowing-menu/c3-flowing-menu.component';
|
|
70
|
+
export * from './lib/c3-flowing-menu/components/c3-flowing-menu-item/c3-flowing-menu-item.component';
|
|
71
|
+
export * from './lib/c3-flowing-menu/components/c3-flowing-menu-item-content/c3-flowing-menu-item-content.component';
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHlDQUF5QyxDQUFDO0FBRXhEOztHQUVHO0FBQ0gsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsc0NBQXNDLENBQUM7QUFFckQ7O0dBRUc7QUFDSCxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsa0NBQWtDLENBQUM7QUFFakQ7O0dBRUc7QUFDSCxjQUFjLGdGQUFnRixDQUFDO0FBQy9GLGNBQWMsOEZBQThGLENBQUM7QUFDN0csY0FBYyxvRkFBb0YsQ0FBQztBQUNuRyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw0Q0FBNEMsQ0FBQztBQUUzRDs7R0FFRztBQUNILGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyw2RUFBNkUsQ0FBQztBQUM1RixjQUFjLDZFQUE2RSxDQUFDO0FBQzVGLGNBQWMsNkVBQTZFLENBQUM7QUFDNUYsY0FBYyw2RUFBNkUsQ0FBQztBQUU1Rjs7R0FFRztBQUNILGNBQWMsMENBQTBDLENBQUM7QUFFekQ7O0dBRUc7QUFDSCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyxpRkFBaUYsQ0FBQztBQUVoRzs7R0FFRztBQUNILGNBQWMsaURBQWlELENBQUM7QUFFaEU7O0dBRUc7QUFDSCxjQUFjLHVEQUF1RCxDQUFDO0FBRXRFOztHQUVHO0FBQ0gsY0FBYyxvQ0FBb0MsQ0FBQztBQUVuRDs7R0FFRztBQUNILGNBQWMsaUNBQWlDLENBQUM7QUFFaEQ7O0dBRUc7QUFDSCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsNEVBQTRFLENBQUM7QUFDM0YsY0FBYyxzRkFBc0YsQ0FBQztBQUNyRyxjQUFjLHNHQUFzRyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjMy1jb21wb25lbnRzXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvbW9kZWxzL2h0dHAuY2xpZW50JztcblxuLyoqXG4gKiBEcm9wZG93blxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1kcm9wZG93bi9jb21wb25lbnRzL2MzLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1kcm9wZG93bi9kaXJlY3RpdmVzL2MzLWRyb3Bkb3duLnRyaWdnZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZHJvcGRvd24vYzMtZHJvcGRvd24ubW9kdWxlJztcblxuLyoqXG4gKiBEaWFsb2dcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZGlhbG9nL2NvbXBvbmVudHMvYzMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWRpYWxvZy9jb21wb25lbnRzL2MzLWRpYWxvZy1wcm9tcHQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWRpYWxvZy9jb21wb25lbnRzL2MzLWRpYWxvZy1lbWJlZC1jaGlsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZGlhbG9nL3NlcnZpY2VzL2MzLWRpYWxvZy5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWRpYWxvZy9jMy1kaWFsb2cubW9kdWxlJztcblxuLyoqXG4gKiBGaWxlIFZpZXdlclxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLXZpZXdlci9jb21wb25lbnRzL3B1YmxpYy9jMy1maWxlLXZpZXdlci9jMy1maWxlLXZpZXdlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvY29tcG9uZW50cy9wdWJsaWMvYzMtZmlsZS12aWV3ZXItZGlhbG9nL2MzLWZpbGUtdmlld2VyLWRpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvY29tcG9uZW50cy9wdWJsaWMvYzMtZmlsZS12aWV3ZXItZGlhbG9nL2MzLWZpbGUtdmlld2VyLWRpYWxvZyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLXZpZXdlci9kaXJlY3RpdmVzL2Z1bGwtc2NyZWVuLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLXZpZXdlci9tb2RlbHMvY3VzdG9tLWZpbGUtZXZlbnQubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvbW9kZWxzL2ZpbGUtdmlld2VyLWNvbmZpZy5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLXZpZXdlci9tb2RlbHMvZmlsZS12aWV3ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvbW9kZWxzL2ZpbGUtbWV0YWRhdGEnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS12aWV3ZXIvYzMtZmlsZS12aWV3ZXIubW9kdWxlJztcblxuLyoqXG4gKiBGaWxlIERpc3BsYXllclxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLWRpc3BsYXllci9jMy1maWxlLWRpc3BsYXllci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS1kaXNwbGF5ZXIvYzMtZmlsZS1kaXNwbGF5LWxpc3QvYzMtZmlsZS1kaXNwbGF5LWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWZpbGUtZGlzcGxheWVyL2MzLWZpbGUtZGlzcGxheS1pY29uL2MzLWZpbGUtZGlzcGxheS1pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1maWxlLWRpc3BsYXllci9jMy1maWxlLWRpc3BsYXktZ3JpZC9jMy1maWxlLWRpc3BsYXktZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmlsZS1kaXNwbGF5ZXIvYzMtZmlsZS1kaXNwbGF5LWNhcmQvYzMtZmlsZS1kaXNwbGF5LWNhcmQuY29tcG9uZW50JztcblxuLyoqXG4gKiBTYWZlIFVybFxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy1zYWZlLXVybC9waXBlcy9jMy1zYWZlLXVybC5waXBlJztcblxuLyoqXG4gKiBFeHBhbnNpb25cbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZXhwYW5zaW9uL2MzLWV4cGFuc2lvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZXhwYW5zaW9uL2NvbXBvbmVudHMvYzMtZXhwYW5zaW9uL2MzLWV4cGFuc2lvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZXhwYW5zaW9uL2NvbXBvbmVudHMvYzMtZXhwYW5zaW9uLWhlYWRlci9jMy1leHBhbnNpb24taGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQXV0byBBbmltYXRlXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWF1dG8tYW5pbWF0ZS9jMy1hdXRvLWFuaW1hdGUuZGlyZWN0aXZlJztcblxuLyoqXG4gKiBTZWxlY3Qgb24gRm9jdXNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtc2VsZWN0LW9uLWZvY3VzL2MzLXNlbGVjdC1vbi1mb2N1cy5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIFRvZ2dsZSBTaWduYWxcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtc2lnbmFscy9jMy1ib29sZWFuLXNpZ25hbCc7XG5cbi8qKlxuICogQzMgVHJlZVxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jMy10cmVlL2MzLXRyZWUuY29tcG9uZW50JztcblxuLyoqXG4gKiBDMyBmbG93aW5nIG1lbnVcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmxvd2luZy1tZW51L2MzLWZsb3dpbmctbWVudS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmxvd2luZy1tZW51L2NvbXBvbmVudHMvYzMtZmxvd2luZy1tZW51L2MzLWZsb3dpbmctbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYzMtZmxvd2luZy1tZW51L2NvbXBvbmVudHMvYzMtZmxvd2luZy1tZW51LWl0ZW0vYzMtZmxvd2luZy1tZW51LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2MzLWZsb3dpbmctbWVudS9jb21wb25lbnRzL2MzLWZsb3dpbmctbWVudS1pdGVtLWNvbnRlbnQvYzMtZmxvd2luZy1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQnO1xuIl19
|