@wizishop/angular-components 15.1.93 → 15.1.95
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 +14 -0
- package/esm2020/lib/components/switch/switch.component.mjs +7 -4
- package/fesm2015/wizishop-angular-components.mjs +6 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +6 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/switch/switch.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.95.tgz +0 -0
- package/wizishop-angular-components-15.1.93.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -234,6 +234,11 @@ $wac-token-disabled-dark: #8A98B2!default;
|
|
|
234
234
|
border: 1px solid $wac-background-indication;
|
|
235
235
|
background-color: $wac-white;
|
|
236
236
|
padding: 20px;
|
|
237
|
+
@include media('<tablet') {
|
|
238
|
+
left: auto;
|
|
239
|
+
right: 0;
|
|
240
|
+
top: 100%;
|
|
241
|
+
}
|
|
237
242
|
&:hover, &:focus {
|
|
238
243
|
display: flex;
|
|
239
244
|
}
|
|
@@ -284,6 +289,11 @@ $wac-token-disabled-dark: #8A98B2!default;
|
|
|
284
289
|
top: 28px;
|
|
285
290
|
box-shadow: 0px 3px 6px #00000014;
|
|
286
291
|
border: 1px solid $wac-background-indication;
|
|
292
|
+
@include media('<tablet') {
|
|
293
|
+
left: auto;
|
|
294
|
+
right: 0;
|
|
295
|
+
top: 100%;
|
|
296
|
+
}
|
|
287
297
|
&.height-auto {
|
|
288
298
|
height: auto;
|
|
289
299
|
}
|
|
@@ -7035,6 +7045,10 @@ wac-optional-disable-container {
|
|
|
7035
7045
|
}
|
|
7036
7046
|
}
|
|
7037
7047
|
}
|
|
7048
|
+
|
|
7049
|
+
&.inverted .wac-switch__label {
|
|
7050
|
+
transform: rotateZ(180deg);
|
|
7051
|
+
}
|
|
7038
7052
|
}
|
|
7039
7053
|
|
|
7040
7054
|
.wac-show-input {
|
|
@@ -15,6 +15,7 @@ export class SwitchComponent {
|
|
|
15
15
|
this.showInput = false; // todo should not be handle here, but in another component
|
|
16
16
|
this.danger = false;
|
|
17
17
|
this.whiteSpace = false;
|
|
18
|
+
this.inverted = false;
|
|
18
19
|
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
19
20
|
this.changeInput = new EventEmitter(); // todo set emitted type, should be removed
|
|
20
21
|
this.onChange = (value) => { };
|
|
@@ -52,14 +53,14 @@ export class SwitchComponent {
|
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SwitchComponent, selector: "wac-switch", inputs: { value: "value", textState: "textState", textStateAfter: "textStateAfter", textStateEnable: "textStateEnable", textStateDisable: "textStateDisable", showInput: "showInput", placholderInput: "placholderInput", danger: "danger", whiteSpace: "whiteSpace" }, outputs: { switchChange: "switchChange", changeInput: "changeInput" }, providers: [
|
|
56
|
+
SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SwitchComponent, selector: "wac-switch", inputs: { value: "value", textState: "textState", textStateAfter: "textStateAfter", textStateEnable: "textStateEnable", textStateDisable: "textStateDisable", showInput: "showInput", placholderInput: "placholderInput", danger: "danger", whiteSpace: "whiteSpace", inverted: "inverted" }, outputs: { switchChange: "switchChange", changeInput: "changeInput" }, providers: [
|
|
56
57
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
57
|
-
], ngImport: i0, template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
], ngImport: i0, template: "<div class=\"wac-switch\" [ngClass]=\"{ inverted: inverted }\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
59
60
|
type: Component,
|
|
60
61
|
args: [{ selector: 'wac-switch', providers: [
|
|
61
62
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
62
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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" }]
|
|
63
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-switch\" [ngClass]=\"{ inverted: inverted }\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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" }]
|
|
63
64
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { value: [{
|
|
64
65
|
type: Input
|
|
65
66
|
}], textState: [{
|
|
@@ -78,9 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
78
79
|
type: Input
|
|
79
80
|
}], whiteSpace: [{
|
|
80
81
|
type: Input
|
|
82
|
+
}], inverted: [{
|
|
83
|
+
type: Input
|
|
81
84
|
}], switchChange: [{
|
|
82
85
|
type: Output
|
|
83
86
|
}], changeInput: [{
|
|
84
87
|
type: Output
|
|
85
88
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBU3pFLE1BQU0sT0FBTyxlQUFlO0lBbUIxQixZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQWxCeEQsOEhBQThIO1FBQ3JILFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFDckIscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLGNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQywyREFBMkQ7UUFFOUUsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUN6QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyx3QkFBd0I7UUFDaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsMkNBQTJDO1FBeUJwRixhQUFRLEdBQTZCLENBQUMsS0FBSyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFhbkQsY0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQWhDOEIsQ0FBQztJQUU1RCxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUc7WUFDbEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDM0IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUlELFVBQVUsQ0FBQyxLQUFjO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxRQUFhO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFJRCxpQkFBaUIsQ0FBQyxTQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUN6QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQzs7NEdBNURVLGVBQWU7Z0dBQWYsZUFBZSwwWUFMZjtRQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtLQUMxRSwwQkNQSCx1NkJBbUJBOzJGRFRhLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsWUFBWSxhQUVYO3dCQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtxQkFDMUUsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07d0dBSXRDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBTd2l0Y2hDb21wb25lbnQsIG11bHRpOiB0cnVlIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFN3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvLyB0b2RvIGFkZCBuZ21vZGVsIGFuZCByZXZpZXcgdGV4dHMgZGlzcGxheSAodGV4dFN0YXRlIGlzIG1hbmRhdG9yeSBpbiBvcmRlciB0byBkaXNwbGF5IHRleHRTdGF0ZUVuYWJsZSBhbmQgdGV4dFN0YXRlRGlzYWJsZSlcbiAgQElucHV0KCkgdmFsdWUgPSBmYWxzZTtcbiAgQElucHV0KCkgdGV4dFN0YXRlID0gJyc7XG4gIEBJbnB1dCgpIHRleHRTdGF0ZUFmdGVyID0gJyc7XG4gIEBJbnB1dCgpIHRleHRTdGF0ZUVuYWJsZSA9ICcnO1xuICBASW5wdXQoKSB0ZXh0U3RhdGVEaXNhYmxlID0gJyc7XG4gIEBJbnB1dCgpIHNob3dJbnB1dCA9IGZhbHNlOyAvLyB0b2RvIHNob3VsZCBub3QgYmUgaGFuZGxlIGhlcmUsIGJ1dCBpbiBhbm90aGVyIGNvbXBvbmVudFxuICBASW5wdXQoKSBwbGFjaG9sZGVySW5wdXQ6IHN0cmluZzsgLy8gdG9kbyBzaG91bGQgYmUgcmVtb3ZlZCBmcm9tIGhlcmVcbiAgQElucHV0KCkgZGFuZ2VyID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdoaXRlU3BhY2U6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW52ZXJ0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHN3aXRjaENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyAvLyB0b2RvIHNldCBlbWl0dGVkIHR5cGVcbiAgQE91dHB1dCgpIGNoYW5nZUlucHV0ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7IC8vIHRvZG8gc2V0IGVtaXR0ZWQgdHlwZSwgc2hvdWxkIGJlIHJlbW92ZWRcbiAgdmFsdWVJbnB1dDogc3RyaW5nO1xuICBwdWJsaWMgaWQ6IHN0cmluZztcblxuICBkaXNhYmxlZDogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gJ3N3aXRjaC0nICsgTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogTWF0aC5mbG9vcigxMDAwKSk7XG4gIH1cblxuICBjaGFuZ2VWYWx1ZShldmVudDogYW55KSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpICB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQuY2hlY2tlZDtcbiAgICB0aGlzLnN3aXRjaENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSlcbiAgfVxuXG4gIHRyaWdnZXJJbnB1dCgpIHtcbiAgICB0aGlzLmNoYW5nZUlucHV0LmVtaXQodGhpcy52YWx1ZUlucHV0KTtcbiAgfVxuXG4gIHByaXZhdGUgb25DaGFuZ2U6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCA9ICh2YWx1ZSkgPT4ge307XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuICByZWdpc3Rlck9uQ2hhbmdlKG9uQ2hhbmdlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gb25DaGFuZ2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge307XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQob25Ub3VjaGVkOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IG9uVG91Y2hlZDtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1zd2l0Y2hcIiBbbmdDbGFzc109XCJ7IGludmVydGVkOiBpbnZlcnRlZCB9XCI+XG4gIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJ2YWx1ZVwiIChjaGFuZ2UpPVwiY2hhbmdlVmFsdWUoJGV2ZW50KVwiIFtpZF09XCJpZFwiIFtuZ0NsYXNzXT1cInsgZGFuZ2VyOiBkYW5nZXIgfVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiLz5cbiAgPGxhYmVsIFtmb3JdPVwiaWRcIiBjbGFzcz1cIndhYy1zd2l0Y2hfX2xhYmVsXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJ3YWMtc3dpdGNoX19sYWJlbF9fdGV4dFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPHNwYW5cbiAgICAgICAgKm5nSWY9XCJ0ZXh0U3RhdGVcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7J3doaXRlU3BhY2UnOiB3aGl0ZVNwYWNlID8gJ25vd3JhcCcgOidub3JtYWwnfVwiXG4gICAgICAgID57eyB0ZXh0U3RhdGUgfX1cbiAgICAgICAgPHN0cm9uZyBjbGFzcz1cImRpc2FibGVcIiAqbmdJZj1cInRleHRTdGF0ZURpc2FibGVcIj57eyB0ZXh0U3RhdGVEaXNhYmxlIH19PC9zdHJvbmc+XG4gICAgICAgIDxzdHJvbmcgY2xhc3M9XCJlbmFibGVcIiAqbmdJZj1cInRleHRTdGF0ZUVuYWJsZVwiPnt7IHRleHRTdGF0ZUVuYWJsZSB9fTwvc3Ryb25nPlxuICAgICAgICB7eyB0ZXh0U3RhdGVBZnRlciB9fVxuICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cIndhYy1zaG93LWlucHV0XCIgKm5nSWY9XCJzaG93SW5wdXQgJiYgdmFsdWVcIj5cbiAgPGlucHV0IFtwbGFjZWhvbGRlcl09XCJwbGFjaG9sZGVySW5wdXRcIiB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwidmFsdWVJbnB1dFwiIChibHVyKT1cInRyaWdnZXJJbnB1dCgpXCIgLz5cbjwvZGl2PlxuIl19
|
|
@@ -3321,6 +3321,7 @@ class SwitchComponent {
|
|
|
3321
3321
|
this.showInput = false; // todo should not be handle here, but in another component
|
|
3322
3322
|
this.danger = false;
|
|
3323
3323
|
this.whiteSpace = false;
|
|
3324
|
+
this.inverted = false;
|
|
3324
3325
|
this.switchChange = new EventEmitter(); // todo set emitted type
|
|
3325
3326
|
this.changeInput = new EventEmitter(); // todo set emitted type, should be removed
|
|
3326
3327
|
this.onChange = (value) => { };
|
|
@@ -3358,14 +3359,14 @@ class SwitchComponent {
|
|
|
3358
3359
|
}
|
|
3359
3360
|
}
|
|
3360
3361
|
SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3361
|
-
SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SwitchComponent, selector: "wac-switch", inputs: { value: "value", textState: "textState", textStateAfter: "textStateAfter", textStateEnable: "textStateEnable", textStateDisable: "textStateDisable", showInput: "showInput", placholderInput: "placholderInput", danger: "danger", whiteSpace: "whiteSpace" }, outputs: { switchChange: "switchChange", changeInput: "changeInput" }, providers: [
|
|
3362
|
+
SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SwitchComponent, selector: "wac-switch", inputs: { value: "value", textState: "textState", textStateAfter: "textStateAfter", textStateEnable: "textStateEnable", textStateDisable: "textStateDisable", showInput: "showInput", placholderInput: "placholderInput", danger: "danger", whiteSpace: "whiteSpace", inverted: "inverted" }, outputs: { switchChange: "switchChange", changeInput: "changeInput" }, providers: [
|
|
3362
3363
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
3363
|
-
], ngImport: i0, template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3364
|
+
], ngImport: i0, template: "<div class=\"wac-switch\" [ngClass]=\"{ inverted: inverted }\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3364
3365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
3365
3366
|
type: Component,
|
|
3366
3367
|
args: [{ selector: 'wac-switch', providers: [
|
|
3367
3368
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
3368
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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" }]
|
|
3369
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-switch\" [ngClass]=\"{ inverted: inverted }\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\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 }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\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" }]
|
|
3369
3370
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { value: [{
|
|
3370
3371
|
type: Input
|
|
3371
3372
|
}], textState: [{
|
|
@@ -3384,6 +3385,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
3384
3385
|
type: Input
|
|
3385
3386
|
}], whiteSpace: [{
|
|
3386
3387
|
type: Input
|
|
3388
|
+
}], inverted: [{
|
|
3389
|
+
type: Input
|
|
3387
3390
|
}], switchChange: [{
|
|
3388
3391
|
type: Output
|
|
3389
3392
|
}], changeInput: [{
|