@evotor-dev/ui-kit 8.4.0 → 8.5.0
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, forwardRef, Input } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { EvoBaseControl } from '../../common/evo-base-control';
|
|
4
|
+
import { isEqual } from 'lodash-es';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class EvoRadioComponent extends EvoBaseControl {
|
|
6
7
|
constructor() {
|
|
@@ -9,7 +10,7 @@ export class EvoRadioComponent extends EvoBaseControl {
|
|
|
9
10
|
this.onTouch = () => { };
|
|
10
11
|
}
|
|
11
12
|
get checked() {
|
|
12
|
-
return this.control ? this.control.value
|
|
13
|
+
return this.control ? isEqual(this.control.value, this.value) || this.forceChecked : this.forceChecked;
|
|
13
14
|
}
|
|
14
15
|
handleOnChange() {
|
|
15
16
|
this.onChange(this.value);
|
|
@@ -28,7 +29,7 @@ export class EvoRadioComponent extends EvoBaseControl {
|
|
|
28
29
|
// eslint-disable-next-line
|
|
29
30
|
writeValue(obj) { }
|
|
30
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoRadioComponent, isStandalone: true, selector: "evo-radio", inputs: { value: "value", name: "name" }, providers: [
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoRadioComponent, isStandalone: true, selector: "evo-radio", inputs: { forceChecked: "forceChecked", value: "value", name: "name" }, providers: [
|
|
32
33
|
{
|
|
33
34
|
provide: NG_VALUE_ACCESSOR,
|
|
34
35
|
useExisting: forwardRef(() => EvoRadioComponent),
|
|
@@ -45,9 +46,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
45
46
|
multi: true,
|
|
46
47
|
},
|
|
47
48
|
], standalone: true, template: "<label class=\"evo-radio\">\n <input\n type=\"radio\"\n class=\"evo-radio__input\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"handleOnChange()\"\n />\n <span class=\"evo-radio__element\"></span>\n <span class=\"evo-radio__content\">\n <ng-content />\n </span>\n</label>\n", styles: [":host{display:inline-block}.evo-radio{display:flex;align-items:center;cursor:pointer}.evo-radio__element{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;margin:2px 8px 2px 2px;padding:4px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%;transition:background .3s,border-color .3s}.evo-radio__element:before{content:\"\";position:absolute;top:50%;left:50%;display:block;box-sizing:border-box;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:background .3s,transform .3s}.evo-radio__input{display:none}.evo-radio__input[disabled]~.evo-radio__element{background-color:#f4f6f8}.evo-radio__input:checked[disabled]~.evo-radio__element{background-color:#fff}.evo-radio__input:checked[disabled]~.evo-radio__element:before{background-color:#c6c6c6}.evo-radio__input:checked~.evo-radio__element:before{transform:scale(1);opacity:1}.evo-radio__content{color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}\n"] }]
|
|
48
|
-
}], propDecorators: {
|
|
49
|
+
}], propDecorators: { forceChecked: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], value: [{
|
|
49
52
|
type: Input
|
|
50
53
|
}], name: [{
|
|
51
54
|
type: Input
|
|
52
55
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLXJhZGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1yYWRpby9ldm8tcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLXJhZGlvL2V2by1yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sV0FBVyxDQUFDOztBQWVsQyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsY0FBYztJQWJyRDs7UUFxQkksYUFBUSxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDckIsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQTBCdEI7SUF4QkcsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0csQ0FBQztJQUVELGNBQWM7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsMkJBQTJCO0lBQzNCLGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELDJCQUEyQjtJQUMzQixpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRUQsMkJBQTJCO0lBQzNCLFVBQVUsQ0FBQyxHQUFRLElBQVMsQ0FBQzsrR0FsQ3BCLGlCQUFpQjttR0FBakIsaUJBQWlCLGdJQVRmO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztnQkFDaEQsS0FBSyxFQUFFLElBQUk7YUFDZDtTQUNKLGlEQ2ZMLGtaQWVBOzs0RkRHYSxpQkFBaUI7a0JBYjdCLFNBQVM7K0JBQ0ksV0FBVyxhQUdWO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDOzRCQUNoRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSixjQUNXLElBQUk7OEJBR1AsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0V2b0Jhc2VDb250cm9sfSBmcm9tICcuLi8uLi9jb21tb24vZXZvLWJhc2UtY29udHJvbCc7XG5pbXBvcnQge2lzRXF1YWx9IGZyb20gJ2xvZGFzaC1lcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXZvLXJhZGlvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLXJhZGlvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ldm8tcmFkaW8uY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBFdm9SYWRpb0NvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEV2b1JhZGlvQ29tcG9uZW50IGV4dGVuZHMgRXZvQmFzZUNvbnRyb2wgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICAgQElucHV0KCkgZm9yY2VDaGVja2VkOiBib29sZWFuO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgIEBJbnB1dCgpIHZhbHVlOiBhbnk7XG4gICAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgICBvbkNoYW5nZSA9IChfKSA9PiB7fTtcbiAgICBvblRvdWNoID0gKCkgPT4ge307XG5cbiAgICBnZXQgY2hlY2tlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udHJvbCA/IGlzRXF1YWwodGhpcy5jb250cm9sLnZhbHVlLCB0aGlzLnZhbHVlKSB8fCB0aGlzLmZvcmNlQ2hlY2tlZCA6IHRoaXMuZm9yY2VDaGVja2VkO1xuICAgIH1cblxuICAgIGhhbmRsZU9uQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgICB9XG5cbiAgICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge31cbn1cbiIsIjxsYWJlbCBjbGFzcz1cImV2by1yYWRpb1wiPlxuICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBjbGFzcz1cImV2by1yYWRpb19faW5wdXRcIlxuICAgICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIChjaGFuZ2UpPVwiaGFuZGxlT25DaGFuZ2UoKVwiXG4gICAgLz5cbiAgICA8c3BhbiBjbGFzcz1cImV2by1yYWRpb19fZWxlbWVudFwiPjwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cImV2by1yYWRpb19fY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCAvPlxuICAgIDwvc3Bhbj5cbjwvbGFiZWw+XG4iXX0=
|
|
@@ -4011,7 +4011,7 @@ class EvoRadioComponent extends EvoBaseControl {
|
|
|
4011
4011
|
this.onTouch = () => { };
|
|
4012
4012
|
}
|
|
4013
4013
|
get checked() {
|
|
4014
|
-
return this.control ? this.control.value
|
|
4014
|
+
return this.control ? isEqual(this.control.value, this.value) || this.forceChecked : this.forceChecked;
|
|
4015
4015
|
}
|
|
4016
4016
|
handleOnChange() {
|
|
4017
4017
|
this.onChange(this.value);
|
|
@@ -4030,7 +4030,7 @@ class EvoRadioComponent extends EvoBaseControl {
|
|
|
4030
4030
|
// eslint-disable-next-line
|
|
4031
4031
|
writeValue(obj) { }
|
|
4032
4032
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
4033
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoRadioComponent, isStandalone: true, selector: "evo-radio", inputs: { value: "value", name: "name" }, providers: [
|
|
4033
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoRadioComponent, isStandalone: true, selector: "evo-radio", inputs: { forceChecked: "forceChecked", value: "value", name: "name" }, providers: [
|
|
4034
4034
|
{
|
|
4035
4035
|
provide: NG_VALUE_ACCESSOR,
|
|
4036
4036
|
useExisting: forwardRef(() => EvoRadioComponent),
|
|
@@ -4047,7 +4047,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
4047
4047
|
multi: true,
|
|
4048
4048
|
},
|
|
4049
4049
|
], standalone: true, template: "<label class=\"evo-radio\">\n <input\n type=\"radio\"\n class=\"evo-radio__input\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"handleOnChange()\"\n />\n <span class=\"evo-radio__element\"></span>\n <span class=\"evo-radio__content\">\n <ng-content />\n </span>\n</label>\n", styles: [":host{display:inline-block}.evo-radio{display:flex;align-items:center;cursor:pointer}.evo-radio__element{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;margin:2px 8px 2px 2px;padding:4px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%;transition:background .3s,border-color .3s}.evo-radio__element:before{content:\"\";position:absolute;top:50%;left:50%;display:block;box-sizing:border-box;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:background .3s,transform .3s}.evo-radio__input{display:none}.evo-radio__input[disabled]~.evo-radio__element{background-color:#f4f6f8}.evo-radio__input:checked[disabled]~.evo-radio__element{background-color:#fff}.evo-radio__input:checked[disabled]~.evo-radio__element:before{background-color:#c6c6c6}.evo-radio__input:checked~.evo-radio__element:before{transform:scale(1);opacity:1}.evo-radio__content{color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}\n"] }]
|
|
4050
|
-
}], propDecorators: {
|
|
4050
|
+
}], propDecorators: { forceChecked: [{
|
|
4051
|
+
type: Input
|
|
4052
|
+
}], value: [{
|
|
4051
4053
|
type: Input
|
|
4052
4054
|
}], name: [{
|
|
4053
4055
|
type: Input
|