@wizishop/angular-components 0.0.133 → 0.0.137
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 +1458 -1730
- package/bundles/wizishop-angular-components.umd.js +15 -5
- 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/checkbox/checkbox.component.js +5 -3
- 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/directives/zindex-toggle/zindex-toggle.directive.js +3 -1
- package/fesm2015/wizishop-angular-components.js +19 -7
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/checkbox/checkbox.component.d.ts +1 -0
- package/lib/components/header-page/header-page.component.d.ts +1 -0
- package/lib/components/hn/h1/h1.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.137.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.133.tgz +0 -0
|
@@ -9,6 +9,7 @@ export class CheckboxComponent {
|
|
|
9
9
|
this.hasInput = false;
|
|
10
10
|
this.inputPlaceholder = '';
|
|
11
11
|
this.id = '';
|
|
12
|
+
this.whiteSpace = true;
|
|
12
13
|
this.disabled = false;
|
|
13
14
|
}
|
|
14
15
|
registerOnChange(fn) {
|
|
@@ -40,7 +41,7 @@ export class CheckboxComponent {
|
|
|
40
41
|
CheckboxComponent.decorators = [
|
|
41
42
|
{ type: Component, args: [{
|
|
42
43
|
selector: 'wac-checkbox',
|
|
43
|
-
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <input\n type=\"checkbox\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [checked]=\"checked\"\n (ngModelChange)=\"onChange($event)\"\n />\n <label [attr.for]=\"id\"><span
|
|
44
|
+
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <input\n type=\"checkbox\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [checked]=\"checked\"\n (ngModelChange)=\"onChange($event)\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n",
|
|
44
45
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
|
|
45
46
|
animations: [inOutY]
|
|
46
47
|
},] }
|
|
@@ -55,6 +56,7 @@ CheckboxComponent.propDecorators = {
|
|
|
55
56
|
hasInput: [{ type: Input }],
|
|
56
57
|
inputPlaceholder: [{ type: Input }],
|
|
57
58
|
id: [{ type: Input }],
|
|
58
|
-
name: [{ type: Input }]
|
|
59
|
+
name: [{ type: Input }],
|
|
60
|
+
whiteSpace: [{ type: Input }]
|
|
59
61
|
};
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQVFwRSxNQUFNLE9BQU8saUJBQWlCO0lBdUI1QjtRQXJCQSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBTVgsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFFdEIsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUlSLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUVGLENBQUM7SUFNaEIsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVUsQ0FBQyxHQUFRO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBSztRQUNaLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQUs7UUFDckIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxNQUFNO1FBQ2YsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7OztZQWpFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGl1QkFBd0M7Z0JBQ3hDLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0JBQ3hGLFVBQVUsRUFBRSxDQUFDLE1BQU0sQ0FBQzthQUNyQjs7OztvQkFFRSxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztvQkFFTCxLQUFLO3NCQUVMLEtBQUs7dUJBRUwsS0FBSzsrQkFFTCxLQUFLO2lCQUVMLEtBQUs7bUJBRUwsS0FBSzt5QkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgaW5PdXRZIH0gZnJvbSAnLi4vLi4vYW5pbWF0aW9ucy9pbi1vdXQvaW4tb3V0LXkuYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IENoZWNrYm94Q29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XSxcbiAgYW5pbWF0aW9uczogW2luT3V0WV1cbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBhbnk7XG4gIEBJbnB1dCgpXG4gIHR5cGU6IHN0cmluZztcbiAgQElucHV0KClcbiAgYWxvbmUgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgY2hlY2tlZCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBoYXNJbnB1dCA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBpbnB1dFBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpXG4gIGlkID0gJyc7XG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZztcbiAgQElucHV0KClcbiAgd2hpdGVTcGFjZSA9IHRydWU7XG4gIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHByaXZhdGUgX29uQ2hhbmdlOiBGdW5jdGlvbjtcbiAgcHJpdmF0ZSBfb25UZXh0SW5wdXRDaGFuZ2U6IEZ1bmN0aW9uO1xuICBwcml2YXRlIF9vblRvdWNoZWQ6IEZ1bmN0aW9uO1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICB9XG5cbiAgb25DaGFuZ2UodmFsdWUpIHtcbiAgICBpZiAodGhpcy5fb25DaGFuZ2UpIHtcbiAgICAgIHRoaXMuX29uQ2hhbmdlKHZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBvblRleHRJbnB1dENoYW5nZSh2YWx1ZSkge1xuICAgIGlmICh0aGlzLl9vblRleHRJbnB1dENoYW5nZSkge1xuICAgICAgdGhpcy5fb25UZXh0SW5wdXRDaGFuZ2UodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIGlucHV0Q2xpY2soJGV2ZW50KSB7IC8vIHRvZG8gaXQgaXMgdXNlZnVsbCA/XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG59XG4iXX0=
|
|
@@ -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=
|
|
@@ -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() {
|
|
@@ -354,6 +356,7 @@ class CheckboxComponent {
|
|
|
354
356
|
this.hasInput = false;
|
|
355
357
|
this.inputPlaceholder = '';
|
|
356
358
|
this.id = '';
|
|
359
|
+
this.whiteSpace = true;
|
|
357
360
|
this.disabled = false;
|
|
358
361
|
}
|
|
359
362
|
registerOnChange(fn) {
|
|
@@ -385,7 +388,7 @@ class CheckboxComponent {
|
|
|
385
388
|
CheckboxComponent.decorators = [
|
|
386
389
|
{ type: Component, args: [{
|
|
387
390
|
selector: 'wac-checkbox',
|
|
388
|
-
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <input\n type=\"checkbox\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [checked]=\"checked\"\n (ngModelChange)=\"onChange($event)\"\n />\n <label [attr.for]=\"id\"><span
|
|
391
|
+
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <input\n type=\"checkbox\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [checked]=\"checked\"\n (ngModelChange)=\"onChange($event)\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n",
|
|
389
392
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
|
|
390
393
|
animations: [inOutY]
|
|
391
394
|
},] }
|
|
@@ -400,7 +403,8 @@ CheckboxComponent.propDecorators = {
|
|
|
400
403
|
hasInput: [{ type: Input }],
|
|
401
404
|
inputPlaceholder: [{ type: Input }],
|
|
402
405
|
id: [{ type: Input }],
|
|
403
|
-
name: [{ type: Input }]
|
|
406
|
+
name: [{ type: Input }],
|
|
407
|
+
whiteSpace: [{ type: Input }]
|
|
404
408
|
};
|
|
405
409
|
|
|
406
410
|
class FiltersTableService {
|
|
@@ -1651,16 +1655,21 @@ TextAreaComponent.propDecorators = {
|
|
|
1651
1655
|
};
|
|
1652
1656
|
|
|
1653
1657
|
class H1Component {
|
|
1654
|
-
constructor() {
|
|
1658
|
+
constructor() {
|
|
1659
|
+
this.withImg = false;
|
|
1660
|
+
}
|
|
1655
1661
|
ngOnInit() { }
|
|
1656
1662
|
}
|
|
1657
1663
|
H1Component.decorators = [
|
|
1658
1664
|
{ type: Component, args: [{
|
|
1659
1665
|
selector: 'wac-h1',
|
|
1660
|
-
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"
|
|
1661
1667
|
},] }
|
|
1662
1668
|
];
|
|
1663
1669
|
H1Component.ctorParameters = () => [];
|
|
1670
|
+
H1Component.propDecorators = {
|
|
1671
|
+
withImg: [{ type: Input }]
|
|
1672
|
+
};
|
|
1664
1673
|
|
|
1665
1674
|
class H2Component {
|
|
1666
1675
|
constructor() { }
|
|
@@ -1692,19 +1701,22 @@ H3Component.propDecorators = {
|
|
|
1692
1701
|
};
|
|
1693
1702
|
|
|
1694
1703
|
class HeaderPageComponent {
|
|
1695
|
-
constructor() {
|
|
1704
|
+
constructor() {
|
|
1705
|
+
this.withImg = false;
|
|
1706
|
+
}
|
|
1696
1707
|
ngOnInit() { }
|
|
1697
1708
|
}
|
|
1698
1709
|
HeaderPageComponent.decorators = [
|
|
1699
1710
|
{ type: Component, args: [{
|
|
1700
1711
|
selector: 'wac-header-page',
|
|
1701
|
-
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"
|
|
1702
1713
|
},] }
|
|
1703
1714
|
];
|
|
1704
1715
|
HeaderPageComponent.ctorParameters = () => [];
|
|
1705
1716
|
HeaderPageComponent.propDecorators = {
|
|
1706
1717
|
title: [{ type: Input }],
|
|
1707
|
-
linkBack: [{ type: Input }]
|
|
1718
|
+
linkBack: [{ type: Input }],
|
|
1719
|
+
withImg: [{ type: Input }]
|
|
1708
1720
|
};
|
|
1709
1721
|
|
|
1710
1722
|
class InputComponent {
|