@cauca-911/material 11.2.1 → 13.0.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/assets/i18n/cauca/es-material.json +9 -0
- package/assets/i18n/cauca/fr-material.json +1 -1
- package/cauca-911-material.d.ts +1 -1
- package/esm2020/cauca-911-material.mjs +5 -0
- package/esm2020/lib/cauca-input-file/cauca-input-file.component.mjs +148 -0
- package/esm2020/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs +88 -0
- package/esm2020/lib/cauca-material.component.mjs +23 -0
- package/esm2020/lib/cauca-material.module.mjs +92 -0
- package/esm2020/lib/cauca-material.service.mjs +14 -0
- package/esm2020/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.mjs +144 -0
- package/esm2020/lib/cauca-menu-vertical/cauca-menu-vertical.component.mjs +172 -0
- package/esm2020/lib/cauca-simple-dialog/cauca-simple-dialog.component.mjs +62 -0
- package/esm2020/lib/cauca-slideshow/cauca-slideshow.component.mjs +139 -0
- package/esm2020/lib/shared/models/menu-item.mjs +9 -0
- package/esm2020/lib/shared/models/simple-dialog-data.mjs +6 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +1 -1
- package/fesm2015/cauca-911-material.mjs +984 -0
- package/fesm2015/cauca-911-material.mjs.map +1 -0
- package/fesm2020/cauca-911-material.mjs +868 -0
- package/fesm2020/cauca-911-material.mjs.map +1 -0
- package/lib/cauca-input-file/cauca-input-file.component.d.ts +4 -1
- package/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.d.ts +3 -0
- package/lib/cauca-material.component.d.ts +3 -0
- package/lib/cauca-material.module.d.ts +20 -0
- package/lib/cauca-material.service.d.ts +3 -0
- package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts +7 -4
- package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts +3 -0
- package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts +3 -0
- package/lib/cauca-slideshow/cauca-slideshow.component.d.ts +7 -4
- package/package.json +31 -16
- package/bundles/cauca-911-material.umd.js +0 -513
- package/bundles/cauca-911-material.umd.js.map +0 -1
- package/bundles/cauca-911-material.umd.min.js +0 -2
- package/bundles/cauca-911-material.umd.min.js.map +0 -1
- package/cauca-911-material.metadata.json +0 -1
- package/esm2015/cauca-911-material.js +0 -6
- package/esm2015/lib/cauca-input-file/cauca-input-file.component.js +0 -83
- package/esm2015/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.js +0 -52
- package/esm2015/lib/cauca-material.component.js +0 -14
- package/esm2015/lib/cauca-material.module.js +0 -54
- package/esm2015/lib/cauca-material.service.js +0 -13
- package/esm2015/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.js +0 -95
- package/esm2015/lib/cauca-menu-vertical/cauca-menu-vertical.component.js +0 -48
- package/esm2015/lib/cauca-simple-dialog/cauca-simple-dialog.component.js +0 -25
- package/esm2015/lib/cauca-slideshow/cauca-slideshow.component.js +0 -89
- package/esm2015/lib/shared/models/menu-item.js +0 -9
- package/esm2015/lib/shared/models/simple-dialog-data.js +0 -6
- package/fesm2015/cauca-911-material.js +0 -477
- package/fesm2015/cauca-911-material.js.map +0 -1
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
|
-
export class CaucaSlideshowComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.timer = null;
|
|
6
|
-
this.items = [];
|
|
7
|
-
this.states = [];
|
|
8
|
-
this.selectedIndex = 0;
|
|
9
|
-
this.height = '150px';
|
|
10
|
-
this.autoPlay = true;
|
|
11
|
-
}
|
|
12
|
-
set images(list) {
|
|
13
|
-
this.items = list;
|
|
14
|
-
this.restart();
|
|
15
|
-
}
|
|
16
|
-
get images() {
|
|
17
|
-
return this.items;
|
|
18
|
-
}
|
|
19
|
-
ngOnInit() {
|
|
20
|
-
this.container.nativeElement.style.height = this.height;
|
|
21
|
-
this.container.nativeElement.style.width = '100%';
|
|
22
|
-
}
|
|
23
|
-
getState(index) {
|
|
24
|
-
if (this.states[index]) {
|
|
25
|
-
return this.states[index];
|
|
26
|
-
}
|
|
27
|
-
return (this.selectedIndex === index ? 'in' : 'out');
|
|
28
|
-
}
|
|
29
|
-
restart() {
|
|
30
|
-
if (this.timer) {
|
|
31
|
-
window.clearInterval(this.timer);
|
|
32
|
-
}
|
|
33
|
-
if (this.images && this.images.length) {
|
|
34
|
-
this.timer = window.setInterval(() => this.changed('next'), 5000);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
next() {
|
|
38
|
-
if (this.selectedIndex < this.items.length - 1) {
|
|
39
|
-
this.selectedIndex++;
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
this.selectedIndex = 0;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
changed(action) {
|
|
46
|
-
this.states[this.selectedIndex] = 'out';
|
|
47
|
-
this[action]();
|
|
48
|
-
this.states[this.selectedIndex] = 'in';
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
CaucaSlideshowComponent.decorators = [
|
|
52
|
-
{ type: Component, args: [{
|
|
53
|
-
selector: 'cauca-slideshow',
|
|
54
|
-
template: "<div #container class=\"slideshow\">\n <div *ngFor=\"let url of images; let index = index;\" [@slideLeftRight]=\"getState(index)\">\n <img [src]=\"url\" />\n </div>\n</div>",
|
|
55
|
-
animations: [
|
|
56
|
-
trigger('slideUpDown', [
|
|
57
|
-
state('in', style({ transform: 'translateY(0%)' })),
|
|
58
|
-
state('out', style({ transform: 'translateY(-100%)' })),
|
|
59
|
-
transition('in => out', [
|
|
60
|
-
animate('500ms ease-in')
|
|
61
|
-
]),
|
|
62
|
-
transition('out => in', [
|
|
63
|
-
style({ transform: 'translateY(100%)' }),
|
|
64
|
-
animate('500ms ease-in')
|
|
65
|
-
]),
|
|
66
|
-
]),
|
|
67
|
-
trigger('slideLeftRight', [
|
|
68
|
-
state('in', style({ transform: 'translateX(0%)' })),
|
|
69
|
-
state('out', style({ transform: 'translateX(-100%)' })),
|
|
70
|
-
transition('in => out', [
|
|
71
|
-
animate('500ms ease-in')
|
|
72
|
-
]),
|
|
73
|
-
transition('out => in', [
|
|
74
|
-
style({ transform: 'translateX(100%)' }),
|
|
75
|
-
animate('500ms ease-in')
|
|
76
|
-
]),
|
|
77
|
-
]),
|
|
78
|
-
],
|
|
79
|
-
styles: [".slideshow{margin:0 auto;overflow:hidden;position:relative}.slideshow>div{height:100%;position:absolute;width:100%}img{display:block;margin:0 auto;max-height:100%;max-width:100%}"]
|
|
80
|
-
},] }
|
|
81
|
-
];
|
|
82
|
-
CaucaSlideshowComponent.ctorParameters = () => [];
|
|
83
|
-
CaucaSlideshowComponent.propDecorators = {
|
|
84
|
-
container: [{ type: ViewChild, args: ['container', { static: true },] }],
|
|
85
|
-
height: [{ type: Input }],
|
|
86
|
-
autoPlay: [{ type: Input }],
|
|
87
|
-
images: [{ type: Input }]
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F1Y2Etc2xpZGVzaG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvIiwic291cmNlcyI6WyJsaWIvY2F1Y2Etc2xpZGVzaG93L2NhdWNhLXNsaWRlc2hvdy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBc0IsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBK0JqRixNQUFNLE9BQU8sdUJBQXVCO0lBc0JsQztRQXJCUSxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUtuQixXQUFNLEdBQUcsT0FBTyxDQUFDO1FBRWpCLGFBQVEsR0FBRyxJQUFJLENBQUM7SUFXUCxDQUFDO0lBVGpCLElBQ0ksTUFBTSxDQUFDLElBQWM7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUlNLFFBQVE7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDcEQsQ0FBQztJQUVNLFFBQVEsQ0FBQyxLQUFhO1FBQzNCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN0QixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDM0I7UUFFRCxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZCxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQztRQUNELElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRTtZQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztTQUNuRTtJQUNILENBQUM7SUFFTSxJQUFJO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEI7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVPLE9BQU8sQ0FBQyxNQUFjO1FBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQztJQUN6QyxDQUFDOzs7WUF2RkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLDZMQUErQztnQkFFL0MsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxhQUFhLEVBQUU7d0JBQ3JCLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzt3QkFDbkQsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO3dCQUN2RCxVQUFVLENBQUMsV0FBVyxFQUFFOzRCQUN0QixPQUFPLENBQUMsZUFBZSxDQUFDO3lCQUN6QixDQUFDO3dCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7NEJBQ3RCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDOzRCQUN4QyxPQUFPLENBQUMsZUFBZSxDQUFDO3lCQUN6QixDQUFDO3FCQUNILENBQUM7b0JBQ0YsT0FBTyxDQUFDLGdCQUFnQixFQUFFO3dCQUN4QixLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7d0JBQ25ELEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQzt3QkFDdkQsVUFBVSxDQUFDLFdBQVcsRUFBRTs0QkFDdEIsT0FBTyxDQUFDLGVBQWUsQ0FBQzt5QkFDekIsQ0FBQzt3QkFDRixVQUFVLENBQUMsV0FBVyxFQUFFOzRCQUN0QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQzs0QkFDeEMsT0FBTyxDQUFDLGVBQWUsQ0FBQzt5QkFDekIsQ0FBQztxQkFDSCxDQUFDO2lCQUNIOzthQUNGOzs7O3dCQU9FLFNBQVMsU0FBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3FCQUV2QyxLQUFLO3VCQUVMLEtBQUs7cUJBR0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2F1Y2Etc2xpZGVzaG93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhdWNhLXNsaWRlc2hvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhdWNhLXNsaWRlc2hvdy5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignc2xpZGVVcERvd24nLCBbXG4gICAgICBzdGF0ZSgnaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCUpJyB9KSksXG4gICAgICBzdGF0ZSgnb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC0xMDAlKScgfSkpLFxuICAgICAgdHJhbnNpdGlvbignaW4gPT4gb3V0JywgW1xuICAgICAgICBhbmltYXRlKCc1MDBtcyBlYXNlLWluJylcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignb3V0ID0+IGluJywgW1xuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKCc1MDBtcyBlYXNlLWluJylcbiAgICAgIF0pLFxuICAgIF0pLFxuICAgIHRyaWdnZXIoJ3NsaWRlTGVmdFJpZ2h0JywgW1xuICAgICAgc3RhdGUoJ2luJywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScgfSkpLFxuICAgICAgc3RhdGUoJ291dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ2luID0+IG91dCcsIFtcbiAgICAgICAgYW5pbWF0ZSgnNTAwbXMgZWFzZS1pbicpXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJ291dCA9PiBpbicsIFtcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMCUpJyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnNTAwbXMgZWFzZS1pbicpXG4gICAgICBdKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2F1Y2FTbGlkZXNob3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHRpbWVyID0gbnVsbDtcbiAgcHJpdmF0ZSBpdGVtcyA9IFtdO1xuICBwcml2YXRlIHN0YXRlcyA9IFtdO1xuICBwcml2YXRlIHNlbGVjdGVkSW5kZXggPSAwO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBjb250YWluZXI6IEVsZW1lbnRSZWY7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWlnaHQgPSAnMTUwcHgnO1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXV0b1BsYXkgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBpbWFnZXMobGlzdDogc3RyaW5nW10pIHtcbiAgICB0aGlzLml0ZW1zID0gbGlzdDtcbiAgICB0aGlzLnJlc3RhcnQoKTtcbiAgfVxuICBnZXQgaW1hZ2VzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtcztcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gdGhpcy5oZWlnaHQ7XG4gICAgdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZS53aWR0aCA9ICcxMDAlJztcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdGF0ZShpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5zdGF0ZXNbaW5kZXhdKSB7XG4gICAgICByZXR1cm4gdGhpcy5zdGF0ZXNbaW5kZXhdO1xuICAgIH1cblxuICAgIHJldHVybiAodGhpcy5zZWxlY3RlZEluZGV4ID09PSBpbmRleCA/ICdpbicgOiAnb3V0Jyk7XG4gIH1cblxuICBwdWJsaWMgcmVzdGFydCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50aW1lcikge1xuICAgICAgd2luZG93LmNsZWFySW50ZXJ2YWwodGhpcy50aW1lcik7XG4gICAgfVxuICAgIGlmICh0aGlzLmltYWdlcyAmJiB0aGlzLmltYWdlcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMudGltZXIgPSB3aW5kb3cuc2V0SW50ZXJ2YWwoKCkgPT4gdGhpcy5jaGFuZ2VkKCduZXh0JyksIDUwMDApO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkSW5kZXggPCB0aGlzLml0ZW1zLmxlbmd0aCAtIDEpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleCsrO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSAwO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2hhbmdlZChhY3Rpb246IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVzW3RoaXMuc2VsZWN0ZWRJbmRleF0gPSAnb3V0JztcbiAgICB0aGlzW2FjdGlvbl0oKTtcbiAgICB0aGlzLnN0YXRlc1t0aGlzLnNlbGVjdGVkSW5kZXhdID0gJ2luJztcbiAgfVxufVxuIl19
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export class MenuItem {
|
|
2
|
-
constructor(label, path, icon = '') {
|
|
3
|
-
this.label = label;
|
|
4
|
-
this.path = path;
|
|
5
|
-
this.icon = icon;
|
|
6
|
-
this.childs = [];
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9zaGFyZWQvbW9kZWxzL21lbnUtaXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sUUFBUTtJQUlqQixZQUNXLEtBQWEsRUFDYixJQUFZLEVBQ1osT0FBMEIsRUFBRTtRQUY1QixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBQ2IsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNaLFNBQUksR0FBSixJQUFJLENBQXdCO1FBTGhDLFdBQU0sR0FBZSxFQUFFLENBQUM7SUFPL0IsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIE1lbnVJdGVtIHtcbiAgICBwdWJsaWMgYWN0aXZhdGVkOiBib29sZWFuO1xuICAgIHB1YmxpYyBjaGlsZHM6IE1lbnVJdGVtW10gPSBbXTtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGxhYmVsOiBzdHJpbmcsXG4gICAgICAgIHB1YmxpYyBwYXRoOiBzdHJpbmcsXG4gICAgICAgIHB1YmxpYyBpY29uOiBzdHJpbmcgfCBzdHJpbmdbXSA9ICcnLFxuICAgICkge1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export class SimpleDialogData {
|
|
2
|
-
constructor() {
|
|
3
|
-
this.buttons = [];
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWRpYWxvZy1kYXRhLmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9zaGFyZWQvbW9kZWxzL3NpbXBsZS1kaWFsb2ctZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sZ0JBQWdCO0lBQTdCO1FBR1csWUFBTyxHQUFhLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0NBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgU2ltcGxlRGlhbG9nRGF0YSB7XG4gICAgcHVibGljIHRpdGxlOiBzdHJpbmc7XG4gICAgcHVibGljIG1lc3NhZ2U6IHN0cmluZztcbiAgICBwdWJsaWMgYnV0dG9uczogc3RyaW5nW10gPSBbXTtcbn1cbiJdfQ==
|
|
@@ -1,477 +0,0 @@
|
|
|
1
|
-
import { ɵɵdefineInjectable, Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, ElementRef, HostListener, NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
5
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
-
import { MatInputModule } from '@angular/material/input';
|
|
8
|
-
import { MatTabsModule } from '@angular/material/tabs';
|
|
9
|
-
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
10
|
-
import { TranslateService, CaucaCoreService, CaucaCoreForChildModule } from '@cauca-911/core';
|
|
11
|
-
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
|
|
12
|
-
import { NavigationEnd, Router } from '@angular/router';
|
|
13
|
-
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
14
|
-
|
|
15
|
-
class CaucaMaterialService {
|
|
16
|
-
constructor() { }
|
|
17
|
-
}
|
|
18
|
-
CaucaMaterialService.ɵprov = ɵɵdefineInjectable({ factory: function CaucaMaterialService_Factory() { return new CaucaMaterialService(); }, token: CaucaMaterialService, providedIn: "root" });
|
|
19
|
-
CaucaMaterialService.decorators = [
|
|
20
|
-
{ type: Injectable, args: [{
|
|
21
|
-
providedIn: 'root'
|
|
22
|
-
},] }
|
|
23
|
-
];
|
|
24
|
-
CaucaMaterialService.ctorParameters = () => [];
|
|
25
|
-
|
|
26
|
-
class CaucaMaterialComponent {
|
|
27
|
-
constructor() { }
|
|
28
|
-
ngOnInit() {
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
CaucaMaterialComponent.decorators = [
|
|
32
|
-
{ type: Component, args: [{
|
|
33
|
-
selector: 'cauca-material',
|
|
34
|
-
template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
|
|
35
|
-
},] }
|
|
36
|
-
];
|
|
37
|
-
CaucaMaterialComponent.ctorParameters = () => [];
|
|
38
|
-
|
|
39
|
-
class SimpleDialogData {
|
|
40
|
-
constructor() {
|
|
41
|
-
this.buttons = [];
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
class CaucaSimpleDialogComponent {
|
|
46
|
-
constructor(dialogRef, data) {
|
|
47
|
-
this.dialogRef = dialogRef;
|
|
48
|
-
this.data = data;
|
|
49
|
-
}
|
|
50
|
-
ngOnInit() { }
|
|
51
|
-
onClick(buttonIndex) {
|
|
52
|
-
this.dialogRef.close(buttonIndex);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
CaucaSimpleDialogComponent.decorators = [
|
|
56
|
-
{ type: Component, args: [{
|
|
57
|
-
selector: 'cauca-simple-dialog',
|
|
58
|
-
template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div [innerHTML]=\"data.message\"></div>\n</div>\n<div mat-dialog-actions *ngIf=\"data.buttons\">\n <button *ngFor=\"let label of data.buttons; let i = index\" mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n</div>",
|
|
59
|
-
styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}"]
|
|
60
|
-
},] }
|
|
61
|
-
];
|
|
62
|
-
CaucaSimpleDialogComponent.ctorParameters = () => [
|
|
63
|
-
{ type: MatDialogRef },
|
|
64
|
-
{ type: SimpleDialogData, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
|
|
65
|
-
];
|
|
66
|
-
|
|
67
|
-
class CaucaInputFileComponent {
|
|
68
|
-
constructor(translateService, dialog) {
|
|
69
|
-
this.translateService = translateService;
|
|
70
|
-
this.dialog = dialog;
|
|
71
|
-
this.labels = {};
|
|
72
|
-
this.readend = new EventEmitter();
|
|
73
|
-
this.accept = '';
|
|
74
|
-
this.multiple = false;
|
|
75
|
-
this.icon = '';
|
|
76
|
-
this.text = '';
|
|
77
|
-
}
|
|
78
|
-
ngOnInit() {
|
|
79
|
-
if (!this.icon && !this.text) {
|
|
80
|
-
this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
|
|
81
|
-
this.labels = labels;
|
|
82
|
-
this.text = labels['material.select'];
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
onSelectFile(e) {
|
|
87
|
-
for (let i = 0, j = e.target.files.length; i < j; i++) {
|
|
88
|
-
const file = e.target.files[i];
|
|
89
|
-
const reader = new FileReader();
|
|
90
|
-
reader.onerror = ((error) => this.onError(error));
|
|
91
|
-
reader.onload = ((event) => this.onReadEnd(file, event));
|
|
92
|
-
reader.readAsDataURL(file);
|
|
93
|
-
}
|
|
94
|
-
if (e.target.files.length) {
|
|
95
|
-
this.dialog.open(CaucaSimpleDialogComponent, {
|
|
96
|
-
width: '250px',
|
|
97
|
-
disableClose: true,
|
|
98
|
-
data: {
|
|
99
|
-
title: this.labels['material.dialogTitle'],
|
|
100
|
-
message: this.labels['material.dialogMessage']
|
|
101
|
-
}
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
openDialog(event) {
|
|
106
|
-
if (this.file) {
|
|
107
|
-
this.file.nativeElement.click();
|
|
108
|
-
}
|
|
109
|
-
event.stopPropagation();
|
|
110
|
-
}
|
|
111
|
-
onError(error) {
|
|
112
|
-
throw error;
|
|
113
|
-
}
|
|
114
|
-
onReadEnd(file, e) {
|
|
115
|
-
this.dialog.closeAll();
|
|
116
|
-
this.readend.emit({
|
|
117
|
-
name: file.name,
|
|
118
|
-
size: file.size,
|
|
119
|
-
type: file.type,
|
|
120
|
-
lastModifiedDate: file.lastModifiedDate,
|
|
121
|
-
content: e.target['result'],
|
|
122
|
-
file: file,
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
CaucaInputFileComponent.decorators = [
|
|
127
|
-
{ type: Component, args: [{
|
|
128
|
-
selector: 'cauca-input-file',
|
|
129
|
-
template: "<button mat-raised-button (click)=\"openDialog($event)\">\n <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n <span *ngIf=\"text\">{{text}}</span>\n</button>\n<ng-container *ngIf=\"multiple; else notMultipleInput\">\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n</ng-container>\n\n<ng-template #notMultipleInput>\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n</ng-template>",
|
|
130
|
-
styles: [":host input{display:none}"]
|
|
131
|
-
},] }
|
|
132
|
-
];
|
|
133
|
-
CaucaInputFileComponent.ctorParameters = () => [
|
|
134
|
-
{ type: TranslateService },
|
|
135
|
-
{ type: MatDialog }
|
|
136
|
-
];
|
|
137
|
-
CaucaInputFileComponent.propDecorators = {
|
|
138
|
-
file: [{ type: ViewChild, args: ['file', { static: false },] }],
|
|
139
|
-
readend: [{ type: Output }],
|
|
140
|
-
accept: [{ type: Input }],
|
|
141
|
-
multiple: [{ type: Input }],
|
|
142
|
-
icon: [{ type: Input }],
|
|
143
|
-
text: [{ type: Input }]
|
|
144
|
-
};
|
|
145
|
-
|
|
146
|
-
class CaucaInputMultipleLangueComponent {
|
|
147
|
-
constructor(coreService, translate) {
|
|
148
|
-
this.translate = translate;
|
|
149
|
-
this.value = [];
|
|
150
|
-
this.forms = [];
|
|
151
|
-
this.labels = [];
|
|
152
|
-
this.selectedIndex = 0;
|
|
153
|
-
this.config = coreService.getConfig();
|
|
154
|
-
}
|
|
155
|
-
ngOnInit() {
|
|
156
|
-
this.translate.get(this.config.languages).subscribe((labels) => {
|
|
157
|
-
for (const i in labels) {
|
|
158
|
-
if (labels[i]) {
|
|
159
|
-
this.labels.push(labels[i]);
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
this.initializeForms();
|
|
163
|
-
});
|
|
164
|
-
}
|
|
165
|
-
onTagChanged(tabIndex) {
|
|
166
|
-
console.log('cauca-material', tabIndex);
|
|
167
|
-
console.log('cauca-material', this.value);
|
|
168
|
-
console.log('cauca-material', this.forms);
|
|
169
|
-
}
|
|
170
|
-
getErrorMessage(index) {
|
|
171
|
-
return this.forms[index].hasError('required') ? 'error.required' : '';
|
|
172
|
-
}
|
|
173
|
-
initializeForms() {
|
|
174
|
-
this.labels.forEach((item, index) => {
|
|
175
|
-
this.forms[index] = new FormControl('', [Validators.required]);
|
|
176
|
-
this.forms[index].setValue(this.value[index] || '');
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
CaucaInputMultipleLangueComponent.decorators = [
|
|
181
|
-
{ type: Component, args: [{
|
|
182
|
-
selector: 'cauca-input-multiple-langue',
|
|
183
|
-
template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n <mat-tab *ngFor=\"let lang of labels; let i = index\" [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n <mat-error *ngIf=\"forms[i].invalid\">{{getErrorMessage(i) | translate}}</mat-error>\n </mat-form-field>\n </mat-tab>\n</mat-tab-group>",
|
|
184
|
-
styles: [".mat-form-field{width:100%}"]
|
|
185
|
-
},] }
|
|
186
|
-
];
|
|
187
|
-
CaucaInputMultipleLangueComponent.ctorParameters = () => [
|
|
188
|
-
{ type: CaucaCoreService },
|
|
189
|
-
{ type: TranslateService }
|
|
190
|
-
];
|
|
191
|
-
CaucaInputMultipleLangueComponent.propDecorators = {
|
|
192
|
-
value: [{ type: Input }]
|
|
193
|
-
};
|
|
194
|
-
|
|
195
|
-
class CaucaMenuSidebarComponent {
|
|
196
|
-
constructor(element) {
|
|
197
|
-
this.keepMenuExpanded = false;
|
|
198
|
-
this.menuItems = [];
|
|
199
|
-
this.version = '';
|
|
200
|
-
this.hostElement = element.nativeElement;
|
|
201
|
-
this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
|
|
202
|
-
this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
|
|
203
|
-
this.setDisplayMenu();
|
|
204
|
-
}
|
|
205
|
-
ngOnInit() {
|
|
206
|
-
}
|
|
207
|
-
onResize(e) {
|
|
208
|
-
this.setDisplayMenu();
|
|
209
|
-
}
|
|
210
|
-
onMenuItemClick() {
|
|
211
|
-
if (window.innerWidth < 1000) {
|
|
212
|
-
this.hideOnMobile();
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
hideOnMobile() {
|
|
216
|
-
this.hostElement.classList.remove('mobile');
|
|
217
|
-
this.hostElement.classList.add('hidden');
|
|
218
|
-
}
|
|
219
|
-
showOnMobile() {
|
|
220
|
-
this.hostElement.classList.remove('hidden');
|
|
221
|
-
this.hostElement.classList.add('mobile');
|
|
222
|
-
}
|
|
223
|
-
onToggleCollapse() {
|
|
224
|
-
if (this.keepMenuExpanded) {
|
|
225
|
-
this.onCollpseMenu();
|
|
226
|
-
this.hostElement.classList.remove('keepExpanded');
|
|
227
|
-
}
|
|
228
|
-
else {
|
|
229
|
-
this.onExpandedMenu();
|
|
230
|
-
this.hostElement.classList.add('keepExpanded');
|
|
231
|
-
}
|
|
232
|
-
this.keepMenuExpanded = !this.keepMenuExpanded;
|
|
233
|
-
localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
234
|
-
}
|
|
235
|
-
setDisplayMenu() {
|
|
236
|
-
this.hostElement.className = '';
|
|
237
|
-
if (window.innerWidth < 1000) {
|
|
238
|
-
this.hostElement.classList.add('hidden');
|
|
239
|
-
}
|
|
240
|
-
else {
|
|
241
|
-
if (localStorage.getItem('cauca-menu-status') === 'expanded') {
|
|
242
|
-
this.keepMenuExpanded = true;
|
|
243
|
-
this.hostElement.classList.add('keepExpanded');
|
|
244
|
-
}
|
|
245
|
-
this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
onMouseOver(e) {
|
|
249
|
-
if (!this.keepMenuExpanded) {
|
|
250
|
-
this.onExpandedMenu();
|
|
251
|
-
}
|
|
252
|
-
e.stopPropagation();
|
|
253
|
-
}
|
|
254
|
-
onMouseOut(e) {
|
|
255
|
-
if (!this.keepMenuExpanded) {
|
|
256
|
-
this.onCollpseMenu();
|
|
257
|
-
}
|
|
258
|
-
e.stopPropagation();
|
|
259
|
-
}
|
|
260
|
-
onExpandedMenu() {
|
|
261
|
-
if (window.innerWidth >= 1000) {
|
|
262
|
-
this.hostElement.classList.remove('collapsed');
|
|
263
|
-
this.hostElement.classList.add('expanded');
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
onCollpseMenu() {
|
|
267
|
-
if (window.innerWidth >= 1000) {
|
|
268
|
-
this.hostElement.classList.remove('expanded');
|
|
269
|
-
this.hostElement.classList.add('collapsed');
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
CaucaMenuSidebarComponent.decorators = [
|
|
274
|
-
{ type: Component, args: [{
|
|
275
|
-
selector: 'cauca-menu-sidebar',
|
|
276
|
-
template: "<div>\n <button mat-icon-button class=\"close\" (click)=\"hideOnMobile()\">\n <mat-icon>clear</mat-icon>\n </button>\n <ng-content select=\"[header]\"></ng-content>\n</div>\n<div>\n <ng-content select=\"[beforeMenu]\"></ng-content>\n <cauca-menu-vertical #menu [menuItems]=\"menuItems\" (itemClick)=\"onMenuItemClick()\"></cauca-menu-vertical>\n <ng-content select=\"[afterMenu]\"></ng-content>\n</div>\n<div *ngIf=\"version\" class=\"version\">\n <div class=\"double-arrow\" (click)=\"onToggleCollapse()\"></div>\n <span class=\"full\">{{'material.version' | translate}} {{version}}</span>\n <span class=\"abbr\">{{version}}</span>\n</div>\n",
|
|
277
|
-
styles: [":host{display:flex;flex-direction:column;height:100%;overflow:hidden;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2);scrollbar-width:5px;transition:all .1s ease-out}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:5px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:5px;outline:1px solid #708090}:host>div{flex:1}:host>div:first-child{flex:0 0 auto}:host>div:nth-child(2){flex-grow:1;overflow:hidden auto}:host>div:last-child{max-height:1em}:host.hidden{max-width:0;min-width:0;width:0}:host.mobile{max-width:275px;min-width:275px;position:absolute;width:275px;z-index:10}:host.collapsed{max-width:75px;min-width:75px;width:75px}:host.expanded{max-width:275px;min-width:275px;width:275px}:host .close{display:none}:host.mobile .close{display:inline-block;position:absolute;right:0}.double-arrow{cursor:pointer;height:2.9em;line-height:2.9em;margin-top:-1em;opacity:.25;position:absolute}.double-arrow:hover{opacity:1}:host.collapsed .double-arrow:before,:host.expanded .double-arrow:before{content:\"double_arrow\";font-family:Material Icons;font-size:2.9em;text-align:right}:host.collapsed .double-arrow{margin-left:10px}:host.expanded .double-arrow{margin-left:200px}:host.collapsed ::ng-deep .menu-caption,:host.collapsed ::ng-deep .submenu{display:none}:host.keepExpanded .double-arrow{opacity:1;transform:rotate(180deg)}.version{bottom:0;padding:1em}.abbr,.full{display:none}:host.collapsed .abbr,:host.expanded .full,:host.mobile .full{display:inline}@media only screen and (max-width:1000px){.double-arrow{display:none}}"]
|
|
278
|
-
},] }
|
|
279
|
-
];
|
|
280
|
-
CaucaMenuSidebarComponent.ctorParameters = () => [
|
|
281
|
-
{ type: ElementRef }
|
|
282
|
-
];
|
|
283
|
-
CaucaMenuSidebarComponent.propDecorators = {
|
|
284
|
-
menuItems: [{ type: Input }],
|
|
285
|
-
version: [{ type: Input }],
|
|
286
|
-
onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
|
|
287
|
-
};
|
|
288
|
-
|
|
289
|
-
class CaucaMenuVerticalComponent {
|
|
290
|
-
constructor(router) {
|
|
291
|
-
this.router = router;
|
|
292
|
-
this.itemClick = new EventEmitter();
|
|
293
|
-
this.menuItems = [];
|
|
294
|
-
this.router.events.subscribe((route) => {
|
|
295
|
-
if (route instanceof NavigationEnd) {
|
|
296
|
-
this.selectActiveRoute(route);
|
|
297
|
-
}
|
|
298
|
-
});
|
|
299
|
-
}
|
|
300
|
-
ngOnInit() {
|
|
301
|
-
}
|
|
302
|
-
goTo(path, e) {
|
|
303
|
-
this.router.navigate([path]);
|
|
304
|
-
this.itemClick.emit();
|
|
305
|
-
e.stopPropagation();
|
|
306
|
-
}
|
|
307
|
-
selectActiveRoute(route) {
|
|
308
|
-
this.menuItems.forEach((menu) => {
|
|
309
|
-
if (route.url) {
|
|
310
|
-
menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
|
|
311
|
-
}
|
|
312
|
-
menu.childs.forEach((subMenu) => {
|
|
313
|
-
if (route.url) {
|
|
314
|
-
subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
|
|
315
|
-
}
|
|
316
|
-
});
|
|
317
|
-
});
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
CaucaMenuVerticalComponent.decorators = [
|
|
321
|
-
{ type: Component, args: [{
|
|
322
|
-
selector: 'cauca-menu-vertical',
|
|
323
|
-
template: "<h4 *ngFor=\"let menu of menuItems\" [class]=\"menu.activated ? 'selected' : ''\">\n <div (click)=\"goTo(menu.path, $event)\" class=\"menu\">\n <div *ngIf=\"menu.icon\" class=\"menu-icon\">\n <fa-icon *ngIf=\"menu.icon.filter !== undefined\" [icon]=\"menu.icon\"></fa-icon>\n <img *ngIf=\"menu.icon.filter === undefined\" [src]=\"menu.icon\" />\n </div>\n <div *ngIf=\"menu.label\" class=\"menu-caption\">\n <span>{{menu.label | translate}}</span>\n </div>\n </div>\n <div *ngIf=\"menu.childs.length && menu.activated\" class=\"submenu\">\n <div\n *ngFor=\"let submenu of menu.childs\"\n [class]=\"submenu.activated ? 'menu selected' : 'menu'\"\n (click)=\"goTo(submenu.path, $event)\">\n <div *ngIf=\"!submenu.icon\" class=\"menu-dot\">•</div>\n <div *ngIf=\"submenu.icon\" class=\"menu-icon\">\n <fa-icon *ngIf=\"submenu.icon.filter !== undefined\" [icon]=\"submenu.icon\"></fa-icon>\n <img *ngIf=\"submenu.icon.filter === undefined\" [src]=\"submenu.icon\" />\n </div>\n <div *ngIf=\"submenu.label\" class=\"menu-caption\">\n <span>{{submenu.label | translate}}</span>\n </div>\n </div>\n </div>\n</h4>\n",
|
|
324
|
-
styles: [".menu,.submenu{cursor:pointer}h4{margin:0;padding:0}h4 .menu{display:flex;flex-direction:row;padding:1em 0}h4 .menu>div{-ms-grid-row-align:center;align-self:center;flex:1 1 auto}.menu-dot{font-size:2em;max-width:1.1em}.menu-dot,.menu-icon{margin-right:.5em;text-align:center}.menu-icon{max-width:60px}.submenu{margin-left:1em}.submenu .menu{font-size:.9em;line-height:2.2em;padding:0}.submenu .menu:before{background:#fff;content:\"\";height:2.5em;margin-left:1.1em;margin-right:-1.17em;position:relative;width:.1em}"]
|
|
325
|
-
},] }
|
|
326
|
-
];
|
|
327
|
-
CaucaMenuVerticalComponent.ctorParameters = () => [
|
|
328
|
-
{ type: Router }
|
|
329
|
-
];
|
|
330
|
-
CaucaMenuVerticalComponent.propDecorators = {
|
|
331
|
-
itemClick: [{ type: Output }],
|
|
332
|
-
menuItems: [{ type: Input }]
|
|
333
|
-
};
|
|
334
|
-
|
|
335
|
-
class CaucaSlideshowComponent {
|
|
336
|
-
constructor() {
|
|
337
|
-
this.timer = null;
|
|
338
|
-
this.items = [];
|
|
339
|
-
this.states = [];
|
|
340
|
-
this.selectedIndex = 0;
|
|
341
|
-
this.height = '150px';
|
|
342
|
-
this.autoPlay = true;
|
|
343
|
-
}
|
|
344
|
-
set images(list) {
|
|
345
|
-
this.items = list;
|
|
346
|
-
this.restart();
|
|
347
|
-
}
|
|
348
|
-
get images() {
|
|
349
|
-
return this.items;
|
|
350
|
-
}
|
|
351
|
-
ngOnInit() {
|
|
352
|
-
this.container.nativeElement.style.height = this.height;
|
|
353
|
-
this.container.nativeElement.style.width = '100%';
|
|
354
|
-
}
|
|
355
|
-
getState(index) {
|
|
356
|
-
if (this.states[index]) {
|
|
357
|
-
return this.states[index];
|
|
358
|
-
}
|
|
359
|
-
return (this.selectedIndex === index ? 'in' : 'out');
|
|
360
|
-
}
|
|
361
|
-
restart() {
|
|
362
|
-
if (this.timer) {
|
|
363
|
-
window.clearInterval(this.timer);
|
|
364
|
-
}
|
|
365
|
-
if (this.images && this.images.length) {
|
|
366
|
-
this.timer = window.setInterval(() => this.changed('next'), 5000);
|
|
367
|
-
}
|
|
368
|
-
}
|
|
369
|
-
next() {
|
|
370
|
-
if (this.selectedIndex < this.items.length - 1) {
|
|
371
|
-
this.selectedIndex++;
|
|
372
|
-
}
|
|
373
|
-
else {
|
|
374
|
-
this.selectedIndex = 0;
|
|
375
|
-
}
|
|
376
|
-
}
|
|
377
|
-
changed(action) {
|
|
378
|
-
this.states[this.selectedIndex] = 'out';
|
|
379
|
-
this[action]();
|
|
380
|
-
this.states[this.selectedIndex] = 'in';
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
CaucaSlideshowComponent.decorators = [
|
|
384
|
-
{ type: Component, args: [{
|
|
385
|
-
selector: 'cauca-slideshow',
|
|
386
|
-
template: "<div #container class=\"slideshow\">\n <div *ngFor=\"let url of images; let index = index;\" [@slideLeftRight]=\"getState(index)\">\n <img [src]=\"url\" />\n </div>\n</div>",
|
|
387
|
-
animations: [
|
|
388
|
-
trigger('slideUpDown', [
|
|
389
|
-
state('in', style({ transform: 'translateY(0%)' })),
|
|
390
|
-
state('out', style({ transform: 'translateY(-100%)' })),
|
|
391
|
-
transition('in => out', [
|
|
392
|
-
animate('500ms ease-in')
|
|
393
|
-
]),
|
|
394
|
-
transition('out => in', [
|
|
395
|
-
style({ transform: 'translateY(100%)' }),
|
|
396
|
-
animate('500ms ease-in')
|
|
397
|
-
]),
|
|
398
|
-
]),
|
|
399
|
-
trigger('slideLeftRight', [
|
|
400
|
-
state('in', style({ transform: 'translateX(0%)' })),
|
|
401
|
-
state('out', style({ transform: 'translateX(-100%)' })),
|
|
402
|
-
transition('in => out', [
|
|
403
|
-
animate('500ms ease-in')
|
|
404
|
-
]),
|
|
405
|
-
transition('out => in', [
|
|
406
|
-
style({ transform: 'translateX(100%)' }),
|
|
407
|
-
animate('500ms ease-in')
|
|
408
|
-
]),
|
|
409
|
-
]),
|
|
410
|
-
],
|
|
411
|
-
styles: [".slideshow{margin:0 auto;overflow:hidden;position:relative}.slideshow>div{height:100%;position:absolute;width:100%}img{display:block;margin:0 auto;max-height:100%;max-width:100%}"]
|
|
412
|
-
},] }
|
|
413
|
-
];
|
|
414
|
-
CaucaSlideshowComponent.ctorParameters = () => [];
|
|
415
|
-
CaucaSlideshowComponent.propDecorators = {
|
|
416
|
-
container: [{ type: ViewChild, args: ['container', { static: true },] }],
|
|
417
|
-
height: [{ type: Input }],
|
|
418
|
-
autoPlay: [{ type: Input }],
|
|
419
|
-
images: [{ type: Input }]
|
|
420
|
-
};
|
|
421
|
-
|
|
422
|
-
class CaucaMaterialModule {
|
|
423
|
-
}
|
|
424
|
-
CaucaMaterialModule.decorators = [
|
|
425
|
-
{ type: NgModule, args: [{
|
|
426
|
-
declarations: [
|
|
427
|
-
CaucaMaterialComponent,
|
|
428
|
-
CaucaInputFileComponent,
|
|
429
|
-
CaucaInputMultipleLangueComponent,
|
|
430
|
-
CaucaMenuSidebarComponent,
|
|
431
|
-
CaucaMenuVerticalComponent,
|
|
432
|
-
CaucaSimpleDialogComponent,
|
|
433
|
-
CaucaSlideshowComponent,
|
|
434
|
-
],
|
|
435
|
-
imports: [
|
|
436
|
-
CommonModule,
|
|
437
|
-
CaucaCoreForChildModule,
|
|
438
|
-
FontAwesomeModule,
|
|
439
|
-
FormsModule,
|
|
440
|
-
ReactiveFormsModule,
|
|
441
|
-
MatButtonModule,
|
|
442
|
-
MatFormFieldModule,
|
|
443
|
-
MatIconModule,
|
|
444
|
-
MatInputModule,
|
|
445
|
-
MatTabsModule,
|
|
446
|
-
],
|
|
447
|
-
exports: [
|
|
448
|
-
CaucaMaterialComponent,
|
|
449
|
-
CaucaInputFileComponent,
|
|
450
|
-
CaucaInputMultipleLangueComponent,
|
|
451
|
-
CaucaMenuSidebarComponent,
|
|
452
|
-
CaucaMenuVerticalComponent,
|
|
453
|
-
CaucaSimpleDialogComponent,
|
|
454
|
-
CaucaSlideshowComponent,
|
|
455
|
-
]
|
|
456
|
-
},] }
|
|
457
|
-
];
|
|
458
|
-
|
|
459
|
-
class MenuItem {
|
|
460
|
-
constructor(label, path, icon = '') {
|
|
461
|
-
this.label = label;
|
|
462
|
-
this.path = path;
|
|
463
|
-
this.icon = icon;
|
|
464
|
-
this.childs = [];
|
|
465
|
-
}
|
|
466
|
-
}
|
|
467
|
-
|
|
468
|
-
/*
|
|
469
|
-
* Public API Surface of cauca-material
|
|
470
|
-
*/
|
|
471
|
-
|
|
472
|
-
/**
|
|
473
|
-
* Generated bundle index. Do not edit.
|
|
474
|
-
*/
|
|
475
|
-
|
|
476
|
-
export { CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem, SimpleDialogData as ɵa };
|
|
477
|
-
//# sourceMappingURL=cauca-911-material.js.map
|