@wizishop/angular-components 0.0.134 → 0.0.139
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/angular-components.scss +4347 -4343
- package/bundles/wizishop-angular-components.umd.js +14 -4
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/header-page/header-page.component.js +7 -4
- package/esm2015/lib/components/hn/h1/h1.component.js +9 -4
- package/esm2015/lib/components/switch/switch.component.js +4 -2
- package/esm2015/lib/directives/zindex-toggle/zindex-toggle.directive.js +3 -1
- package/fesm2015/wizishop-angular-components.js +18 -6
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/header-page/header-page.component.d.ts +1 -0
- package/lib/components/hn/h1/h1.component.d.ts +1 -0
- package/lib/components/switch/switch.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.139.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.134.tgz +0 -0
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
export class HeaderPageComponent {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.withImg = false;
|
|
5
|
+
}
|
|
4
6
|
ngOnInit() { }
|
|
5
7
|
}
|
|
6
8
|
HeaderPageComponent.decorators = [
|
|
7
9
|
{ type: Component, args: [{
|
|
8
10
|
selector: 'wac-header-page',
|
|
9
|
-
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
11
|
+
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
10
12
|
},] }
|
|
11
13
|
];
|
|
12
14
|
HeaderPageComponent.ctorParameters = () => [];
|
|
13
15
|
HeaderPageComponent.propDecorators = {
|
|
14
16
|
title: [{ type: Input }],
|
|
15
|
-
linkBack: [{ type: Input }]
|
|
17
|
+
linkBack: [{ type: Input }],
|
|
18
|
+
withImg: [{ type: Input }]
|
|
16
19
|
};
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItcGFnZS9oZWFkZXItcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFLekQsTUFBTSxPQUFPLG1CQUFtQjtJQU85QjtRQURBLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFDRCxDQUFDO0lBQ2hCLFFBQVEsS0FBVSxDQUFDOzs7WUFacEIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLHNvQkFBMkM7YUFDNUM7Ozs7b0JBRUUsS0FBSzt1QkFFTCxLQUFLO3NCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1oZWFkZXItcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItcGFnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSGVhZGVyUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGxpbmtCYWNrOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHdpdGhJbWcgPSBmYWxzZTtcbiAgY29uc3RydWN0b3IoKSB7fVxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
export class H1Component {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.withImg = false;
|
|
5
|
+
}
|
|
4
6
|
ngOnInit() { }
|
|
5
7
|
}
|
|
6
8
|
H1Component.decorators = [
|
|
7
9
|
{ type: Component, args: [{
|
|
8
10
|
selector: 'wac-h1',
|
|
9
|
-
template: "<h1 class=\"wac-h1\"><ng-content></ng-content></h1>\n"
|
|
11
|
+
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
|
|
10
12
|
},] }
|
|
11
13
|
];
|
|
12
14
|
H1Component.ctorParameters = () => [];
|
|
13
|
-
|
|
15
|
+
H1Component.propDecorators = {
|
|
16
|
+
withImg: [{ type: Input }]
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9obi9oMS9oMS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFNdkQsTUFBTSxPQUFPLFdBQVc7SUFHdEI7UUFEQSxZQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ0QsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs7O1lBVHBCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIscUdBQWtDO2FBQ25DOzs7O3NCQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1oMScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oMS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgSDFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICB3aXRoSW1nID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -8,6 +8,7 @@ export class SwitchComponent {
|
|
|
8
8
|
this.textStateDisable = '';
|
|
9
9
|
this.showInput = false;
|
|
10
10
|
this.danger = false;
|
|
11
|
+
this.whiteSpace = false;
|
|
11
12
|
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
12
13
|
this.changeInput = new EventEmitter(); // todo set emitted type
|
|
13
14
|
}
|
|
@@ -24,7 +25,7 @@ export class SwitchComponent {
|
|
|
24
25
|
SwitchComponent.decorators = [
|
|
25
26
|
{ type: Component, args: [{
|
|
26
27
|
selector: 'wac-switch',
|
|
27
|
-
template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n <label [for]=\"id\" class=\"wac-switch__label\">\n <span class=\"wac-switch__label__text\"\n ><ng-content></ng-content\n ><span
|
|
28
|
+
template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n <label [for]=\"id\" class=\"wac-switch__label\">\n <span class=\"wac-switch__label__text\"\n ><ng-content></ng-content\n ><span\n *ngIf=\"textState\"\n [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n ></span\n >\n </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n"
|
|
28
29
|
},] }
|
|
29
30
|
];
|
|
30
31
|
SwitchComponent.ctorParameters = () => [];
|
|
@@ -36,7 +37,8 @@ SwitchComponent.propDecorators = {
|
|
|
36
37
|
showInput: [{ type: Input }],
|
|
37
38
|
placholderInput: [{ type: Input }],
|
|
38
39
|
danger: [{ type: Input }],
|
|
40
|
+
whiteSpace: [{ type: Input }],
|
|
39
41
|
switchChange: [{ type: Output }],
|
|
40
42
|
changeInput: [{ type: Output }]
|
|
41
43
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUsvRSxNQUFNLE9BQU8sZUFBZTtJQWMxQjtRQWJBLDZIQUE2SDtRQUNwSCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFDdEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyx3QkFBd0I7UUFDaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsd0JBQXdCO0lBRzFELENBQUM7SUFDaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBQ0QsV0FBVyxDQUFDLEtBQVU7UUFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs7WUEzQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw2MEJBQXNDO2FBQ3ZDOzs7O29CQUdFLEtBQUs7d0JBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUNMLEtBQUs7d0JBQ0wsS0FBSzs4QkFDTCxLQUFLO3FCQUNMLEtBQUs7eUJBQ0wsS0FBSzsyQkFDTCxNQUFNOzBCQUNOLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLy8gdG9kbyBhZGQgbmdtb2RlbCBhbmQgcmV2aWV3IHRleHRzIGRpc3BsYXkgKHRleHRTdGF0ZSBpcyBtYW5kYW90eSBpbiBvcmRlciB0byBkaXNwbGF5IHRleHRTdGF0ZUVuYWJsZSBhbmQgdGV4dFN0YXRlRGlzYWJsZSlcbiAgQElucHV0KCkgdmFsdWUgPSBmYWxzZTtcbiAgQElucHV0KCkgdGV4dFN0YXRlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRleHRTdGF0ZUVuYWJsZSA9ICcnO1xuICBASW5wdXQoKSB0ZXh0U3RhdGVEaXNhYmxlID0gJyc7XG4gIEBJbnB1dCgpIHNob3dJbnB1dCA9IGZhbHNlO1xuICBASW5wdXQoKSBwbGFjaG9sZGVySW5wdXQ6IHN0cmluZztcbiAgQElucHV0KCkgZGFuZ2VyID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdoaXRlU3BhY2U6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHN3aXRjaENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyAvLyB0b2RvIHNldCBlbWl0dGVkIHR5cGVcbiAgQE91dHB1dCgpIGNoYW5nZUlucHV0ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7IC8vIHRvZG8gc2V0IGVtaXR0ZWQgdHlwZVxuICB2YWx1ZUlucHV0OiBzdHJpbmc7XG4gIHB1YmxpYyBpZDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWQgPSAnc3dpdGNoLScgKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBNYXRoLmZsb29yKDEwMDApKTtcbiAgfVxuICBjaGFuZ2VWYWx1ZShldmVudDogYW55KSB7XG4gICAgdGhpcy5zd2l0Y2hDaGFuZ2UuZW1pdChldmVudC50YXJnZXQuY2hlY2tlZCk7XG4gIH1cbiAgdHJpZ2dlcklucHV0KCkge1xuICAgIHRoaXMuY2hhbmdlSW5wdXQuZW1pdCh0aGlzLnZhbHVlSW5wdXQpO1xuICB9XG59XG4iXX0=
|
|
@@ -17,9 +17,11 @@ export class ZindexToggleDirective {
|
|
|
17
17
|
switchToggle() {
|
|
18
18
|
if (this.isActived) {
|
|
19
19
|
this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
|
|
20
|
+
this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
|
|
20
21
|
}
|
|
21
22
|
else {
|
|
22
23
|
this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
|
|
24
|
+
this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
ngOnDestroy() {
|
|
@@ -38,4 +40,4 @@ ZindexToggleDirective.propDecorators = {
|
|
|
38
40
|
onEventChange: [{ type: Output }],
|
|
39
41
|
isActive: [{ type: Input, args: ['zIndexToggle',] }]
|
|
40
42
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemluZGV4LXRvZ2dsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9kaXJlY3RpdmVzL3ppbmRleC10b2dnbGUvemluZGV4LXRvZ2dsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxVQUFVLEVBQWdCLEtBQUssRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUsvRyxNQUFNLE9BQU8scUJBQXFCO0lBZWhDLFlBQW9CLGNBQTBCLEVBQVUsUUFBbUI7UUFBdkQsbUJBQWMsR0FBZCxjQUFjLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBZDNFLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFlbEIsQ0FBQztJQVZELElBQ0ksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUtELFFBQVE7SUFDUixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1lBQ25HLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1NBQy9HO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1lBQ3RHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1NBQ2xIO0lBQ0gsQ0FBQztJQUVELFdBQVc7SUFDWCxDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7YUFDM0I7OztZQUprQixVQUFVO1lBQWtELFNBQVM7Ozs0QkFRckYsTUFBTTt1QkFHTixLQUFLLFNBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbekluZGV4VG9nZ2xlXSdcbn0pXG5leHBvcnQgY2xhc3MgWmluZGV4VG9nZ2xlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBpc0FjdGl2ZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIG9uRXZlbnRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+O1xuXG4gIEBJbnB1dCgnekluZGV4VG9nZ2xlJylcbiAgc2V0IGlzQWN0aXZlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5pc0FjdGl2ZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnN3aXRjaFRvZ2dsZSgpO1xuICB9XG4gIGdldCBpc0FjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0FjdGl2ZWQ7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGN1cnJlbnRFbGVtZW50OiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgc3dpdGNoVG9nZ2xlKCkge1xuICAgIGlmICh0aGlzLmlzQWN0aXZlZCkge1xuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmN1cnJlbnRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5wYXJlbnROb2RlLCAnemluZGV4VG9nZ2xlJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuY3VycmVudEVsZW1lbnQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LnBhcmVudE5vZGUucGFyZW50Tm9kZSwgJ3ppbmRleFRvZ2dsZScpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuY3VycmVudEVsZW1lbnQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LnBhcmVudE5vZGUsICd6aW5kZXhUb2dnbGUnKTtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5jdXJyZW50RWxlbWVudC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQucGFyZW50Tm9kZS5wYXJlbnROb2RlLCAnemluZGV4VG9nZ2xlJyk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -250,9 +250,11 @@ class ZindexToggleDirective {
|
|
|
250
250
|
switchToggle() {
|
|
251
251
|
if (this.isActived) {
|
|
252
252
|
this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
|
|
253
|
+
this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
|
|
253
254
|
}
|
|
254
255
|
else {
|
|
255
256
|
this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
|
|
257
|
+
this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
|
|
256
258
|
}
|
|
257
259
|
}
|
|
258
260
|
ngOnDestroy() {
|
|
@@ -1653,16 +1655,21 @@ TextAreaComponent.propDecorators = {
|
|
|
1653
1655
|
};
|
|
1654
1656
|
|
|
1655
1657
|
class H1Component {
|
|
1656
|
-
constructor() {
|
|
1658
|
+
constructor() {
|
|
1659
|
+
this.withImg = false;
|
|
1660
|
+
}
|
|
1657
1661
|
ngOnInit() { }
|
|
1658
1662
|
}
|
|
1659
1663
|
H1Component.decorators = [
|
|
1660
1664
|
{ type: Component, args: [{
|
|
1661
1665
|
selector: 'wac-h1',
|
|
1662
|
-
template: "<h1 class=\"wac-h1\"><ng-content></ng-content></h1>\n"
|
|
1666
|
+
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n"
|
|
1663
1667
|
},] }
|
|
1664
1668
|
];
|
|
1665
1669
|
H1Component.ctorParameters = () => [];
|
|
1670
|
+
H1Component.propDecorators = {
|
|
1671
|
+
withImg: [{ type: Input }]
|
|
1672
|
+
};
|
|
1666
1673
|
|
|
1667
1674
|
class H2Component {
|
|
1668
1675
|
constructor() { }
|
|
@@ -1694,19 +1701,22 @@ H3Component.propDecorators = {
|
|
|
1694
1701
|
};
|
|
1695
1702
|
|
|
1696
1703
|
class HeaderPageComponent {
|
|
1697
|
-
constructor() {
|
|
1704
|
+
constructor() {
|
|
1705
|
+
this.withImg = false;
|
|
1706
|
+
}
|
|
1698
1707
|
ngOnInit() { }
|
|
1699
1708
|
}
|
|
1700
1709
|
HeaderPageComponent.decorators = [
|
|
1701
1710
|
{ type: Component, args: [{
|
|
1702
1711
|
selector: 'wac-header-page',
|
|
1703
|
-
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
1712
|
+
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\">\n <div class=\"wac-header-page__maxWidth__top__left\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
1704
1713
|
},] }
|
|
1705
1714
|
];
|
|
1706
1715
|
HeaderPageComponent.ctorParameters = () => [];
|
|
1707
1716
|
HeaderPageComponent.propDecorators = {
|
|
1708
1717
|
title: [{ type: Input }],
|
|
1709
|
-
linkBack: [{ type: Input }]
|
|
1718
|
+
linkBack: [{ type: Input }],
|
|
1719
|
+
withImg: [{ type: Input }]
|
|
1710
1720
|
};
|
|
1711
1721
|
|
|
1712
1722
|
class InputComponent {
|
|
@@ -1963,6 +1973,7 @@ class SwitchComponent {
|
|
|
1963
1973
|
this.textStateDisable = '';
|
|
1964
1974
|
this.showInput = false;
|
|
1965
1975
|
this.danger = false;
|
|
1976
|
+
this.whiteSpace = false;
|
|
1966
1977
|
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
1967
1978
|
this.changeInput = new EventEmitter(); // todo set emitted type
|
|
1968
1979
|
}
|
|
@@ -1979,7 +1990,7 @@ class SwitchComponent {
|
|
|
1979
1990
|
SwitchComponent.decorators = [
|
|
1980
1991
|
{ type: Component, args: [{
|
|
1981
1992
|
selector: 'wac-switch',
|
|
1982
|
-
template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n <label [for]=\"id\" class=\"wac-switch__label\">\n <span class=\"wac-switch__label__text\"\n ><ng-content></ng-content\n ><span
|
|
1993
|
+
template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n <label [for]=\"id\" class=\"wac-switch__label\">\n <span class=\"wac-switch__label__text\"\n ><ng-content></ng-content\n ><span\n *ngIf=\"textState\"\n [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n ></span\n >\n </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n"
|
|
1983
1994
|
},] }
|
|
1984
1995
|
];
|
|
1985
1996
|
SwitchComponent.ctorParameters = () => [];
|
|
@@ -1991,6 +2002,7 @@ SwitchComponent.propDecorators = {
|
|
|
1991
2002
|
showInput: [{ type: Input }],
|
|
1992
2003
|
placholderInput: [{ type: Input }],
|
|
1993
2004
|
danger: [{ type: Input }],
|
|
2005
|
+
whiteSpace: [{ type: Input }],
|
|
1994
2006
|
switchChange: [{ type: Output }],
|
|
1995
2007
|
changeInput: [{ type: Output }]
|
|
1996
2008
|
};
|