@seniorsistemas/angular-components 17.19.1 → 17.19.2
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/bundles/seniorsistemas-angular-components.umd.js +9 -2
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/checkbox/checkbox.component.d.ts +1 -0
- package/components/checkbox/models/checkbox-data.d.ts +1 -0
- package/esm2015/components/checkbox/checkbox.component.js +6 -3
- package/esm2015/components/checkbox/models/checkbox-data.js +1 -1
- package/esm5/components/checkbox/checkbox.component.js +10 -3
- package/esm5/components/checkbox/models/checkbox-data.js +1 -1
- package/fesm2015/seniorsistemas-angular-components.js +5 -2
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +9 -2
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -63,6 +63,9 @@ let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
|
|
|
63
63
|
this._onChange(this.state);
|
|
64
64
|
this._onTouched();
|
|
65
65
|
}
|
|
66
|
+
get renderType() {
|
|
67
|
+
return this.data.renderType || "inline";
|
|
68
|
+
}
|
|
66
69
|
_toggleChildrenCheck(item, state, checked) {
|
|
67
70
|
var _a;
|
|
68
71
|
if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
@@ -89,7 +92,7 @@ __decorate([
|
|
|
89
92
|
CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
90
93
|
Component({
|
|
91
94
|
selector: "s-checkbox",
|
|
92
|
-
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
95
|
+
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [class.checkbox-wrapper-inline]=\"renderType === 'inline'\"\n [class.checkbox-wrapper-block]=\"renderType === 'block'\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
93
96
|
providers: [
|
|
94
97
|
{
|
|
95
98
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -97,8 +100,8 @@ CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
|
97
100
|
multi: true,
|
|
98
101
|
},
|
|
99
102
|
],
|
|
100
|
-
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{
|
|
103
|
+
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;gap:12px}.checkbox .checkbox-wrapper-inline{-ms-flex-align:center;align-items:center}.checkbox .checkbox-wrapper-block{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.checkbox .checkbox-wrapper .checkbox-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c1c1cc;border-radius:4px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;position:relative}.checkbox .checkbox-wrapper .checkbox-input--checked{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--checked::after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox .checkbox-wrapper .checkbox-input--indeterminate{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--indeterminate::after{background-color:#fff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox .checkbox-wrapper:not(.checkbox-wrapper--disabled) .checkbox-input:not(.checkbox-input--checked):hover{background-color:#e5eaea;border-color:#ccc}.checkbox .checkbox-wrapper--disabled{opacity:.5;cursor:auto}.checkbox .checkbox-children{margin-left:20px}"]
|
|
101
104
|
})
|
|
102
105
|
], CheckboxComponent);
|
|
103
106
|
export { CheckboxComponent };
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWlCekUsSUFBYSxpQkFBaUIseUJBQTlCLE1BQWEsaUJBQWlCO0lBQTlCO1FBSVcsVUFBSyxHQUFrQjtZQUMxQixPQUFPLEVBQUUsS0FBSztZQUNkLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFFBQVEsRUFBRSxFQUFFO1NBQ2YsQ0FBQztRQUVNLGNBQVMsR0FBbUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3RELGVBQVUsR0FBZSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFrRi9DLENBQUM7SUFoRlUsVUFBVSxDQUFDLEtBQW9CO1FBQ2xDLElBQUksS0FBSyxFQUFFO1lBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7U0FDdEI7YUFBTTtZQUNILElBQUksQ0FBQyxLQUFLLEdBQUc7Z0JBQ1QsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxLQUFLO2dCQUNmLFFBQVEsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQzthQUNoRCxDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsUUFBd0M7UUFDNUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDOUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLFNBQXFCO1FBQzFDLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxD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QUs7d0JBQ2QsYUFBYSxFQUFFLEtBQUs7d0JBQ3BCLFFBQVEsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDO3FCQUM1QyxDQUFDO2lCQUNMO2dCQUNELEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7Z0JBQzlDLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7Z0JBQ2xELElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtvQkFDaEIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztpQkFDMUU7WUFDTCxDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztDQUNKLENBQUE7QUEzRkc7SUFEQyxLQUFLLEVBQUU7K0NBQ2tCO0FBRmpCLGlCQUFpQjtJQVo3QixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsWUFBWTtRQUN0Qixzd0NBQXdDO1FBRXhDLFNBQVMsRUFBRTtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSjs7S0FDSixDQUFDO0dBQ1csaUJBQWlCLENBNkY3QjtTQTdGWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5pbXBvcnQgeyBDaGVja2JveERhdGEgfSBmcm9tIFwiLi9tb2RlbHMvY2hlY2tib3gtZGF0YVwiO1xuaW1wb3J0IHsgQ2hlY2tib3hTdGF0ZSB9IGZyb20gXCIuL21vZGVscy9jaGVja2JveC1zdGF0ZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLWNoZWNrYm94XCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9jaGVja2JveC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9jaGVja2JveC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2JveENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkYXRhOiBDaGVja2JveERhdGE7XG5cbiAgICBwdWJsaWMgc3RhdGU6IENoZWNrYm94U3RhdGUgPSB7XG4gICAgICAgIGNoZWNrZWQ6IGZhbHNlLFxuICAgICAgICBpbmRldGVybWluYXRlOiBmYWxzZSxcbiAgICAgICAgY2hpbGRyZW46IHt9LFxuICAgIH07XG5cbiAgICBwcml2YXRlIF9vbkNoYW5nZTogKHZhbHVlOiBDaGVja2JveFN0YXRlKSA9PiB2b2lkID0gKCkgPT4geyB9O1xuICAgIHByaXZhdGUgX29uVG91Y2hlZDogKCkgPT4gdm9pZCA9ICgpID0+IHsgfTtcblxuICAgIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBDaGVja2JveFN0YXRlKTogdm9pZCB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5zdGF0ZSA9IHZhbHVlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgICAgICAgICAgICBjaGVja2VkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICBpbmRldGVybWluYXRlOiBmYWxzZSxcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgICAgICAgICAgICAgY2hpbGRyZW46IHRoaXMuX2luaXRpYWxpemVDaGlsZHJlbih0aGlzLmRhdGEpLFxuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKG9uQ2hhbmdlOiAodmFsdWU6IENoZWNrYm94U3RhdGUpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb25DaGFuZ2UgPSBvbkNoYW5nZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQob25Ub3VjaGVkOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX29uVG91Y2hlZCA9IG9uVG91Y2hlZDtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9pbml0aWFsaXplQ2hpbGRyZW4oaXRlbTogQ2hlY2tib3hEYXRhKTogeyBba2V5OiBzdHJpbmddOiBDaGVja2JveFN0YXRlIH0ge1xuICAgICAgICBjb25zdCBjaGlsZHJlblN0YXRlOiB7IFtrZXk6IHN0cmluZ106IENoZWNrYm94U3RhdGUgfSA9IHt9O1xuICAgICAgICBpZiAoaXRlbS5jaGlsZHJlbikge1xuICAgICAgICAgICAgaXRlbS5jaGlsZHJlbi5mb3JFYWNoKChjaGlsZCkgPT4ge1xuICAgICAgICAgICAgICAgIGNoaWxkcmVuU3RhdGVbY2hpbGQubGFiZWxdID0ge1xuICAgICAgICAgICAgICAgICAgICBjaGVja2VkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgaW5kZXRlcm1pbmF0ZTogZmFsc2UsXG4gICAgICAgICAgICAgICAgICAgIGNoaWxkcmVuOiB0aGlzLl9pbml0aWFsaXplQ2hpbGRyZW4oY2hpbGQpLFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gY2hpbGRyZW5TdGF0ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgdXBkYXRlUGFyZW50KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kYXRhLmNoaWxkcmVuICYmIHRoaXMuZGF0YS5jaGlsZHJlbi5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBjb25zdCBhbGxDaGVja2VkID0gdGhpcy5kYXRhLmNoaWxkcmVuLmV2ZXJ5KChjaGlsZCkgPT4gdGhpcy5zdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0/LmNoZWNrZWQpO1xuICAgICAgICAgICAgY29uc3Qgc29tZUNoZWNrZWQgPSB0aGlzLmRhdGEuY2hpbGRyZW4uc29tZShcbiAgICAgICAgICAgICAgICAoY2hpbGQpID0+IHRoaXMuc3RhdGUuY2hpbGRyZW5bY2hpbGQubGFiZWxdPy5jaGVja2VkIHx8IHRoaXMuc3RhdGUuY2hpbGRyZW5bY2hpbGQubGFiZWxdPy5pbmRldGVybWluYXRlXG4gICAgICAgICAgICApO1xuICAgICAgICAgICAgdGhpcy5zdGF0ZS5jaGVja2VkID0gYWxsQ2hlY2tlZDtcbiAgICAgICAgICAgIHRoaXMuc3RhdGUuaW5kZXRlcm1pbmF0ZSA9ICFhbGxDaGVja2VkICYmIHNvbWVDaGVja2VkO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMuc3RhdGUpO1xuICAgICAgICB0aGlzLl9vblRvdWNoZWQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25DaGVja2JveENoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhdGUuZGlzYWJsZWQpIHJldHVybjtcblxuICAgICAgICB0aGlzLnN0YXRlLmNoZWNrZWQgPSAhdGhpcy5zdGF0ZS5jaGVja2VkO1xuICAgICAgICB0aGlzLnN0YXRlLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5fdG9nZ2xlQ2hpbGRyZW5DaGVjayh0aGlzLmRhdGEsIHRoaXMuc3RhdGUsIHRoaXMuc3RhdGUuY2hlY2tlZCk7XG4gICAgICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMuc3RhdGUpO1xuICAgICAgICB0aGlzLl9vblRvdWNoZWQoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHJlbmRlclR5cGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRhdGEucmVuZGVyVHlwZSB8fCBcImlubGluZVwiO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3RvZ2dsZUNoaWxkcmVuQ2hlY2soaXRlbTogQ2hlY2tib3hEYXRhLCBzdGF0ZTogQ2hlY2tib3hTdGF0ZSwgY2hlY2tlZDogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICBpZiAoaXRlbS5jaGlsZHJlbj8ubGVuZ3RoKSB7XG4gICAgICAgICAgICBpdGVtLmNoaWxkcmVuLmZvckVhY2goKGNoaWxkKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFzdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0pIHtcbiAgICAgICAgICAgICAgICAgICAgc3RhdGUuY2hpbGRyZW5bY2hpbGQubGFiZWxdID0ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZDogZmFsc2UsXG4gICAgICAgICAgICAgICAgICAgICAgICBpbmRldGVybWluYXRlOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkcmVuOiB0aGlzLl9pbml0aWFsaXplQ2hpbGRyZW4oY2hpbGQpLFxuICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBzdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0uY2hlY2tlZCA9IGNoZWNrZWQ7XG4gICAgICAgICAgICAgICAgc3RhdGUuY2hpbGRyZW5bY2hpbGQubGFiZWxdLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICBpZiAoY2hpbGQuY2hpbGRyZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fdG9nZ2xlQ2hpbGRyZW5DaGVjayhjaGlsZCwgc3RhdGUuY2hpbGRyZW5bY2hpbGQubGFiZWxdLCBjaGVja2VkKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZGF0YS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2NoZWNrYm94L21vZGVscy9jaGVja2JveC1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIENoZWNrYm94RGF0YSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IENoZWNrYm94RGF0YVtdO1xuICAgIHJlbmRlclR5cGU/OiAnaW5saW5lJyB8ICdibG9jaydcbn1cbiJdfQ==
|
|
@@ -65,6 +65,13 @@ var CheckboxComponent = /** @class */ (function () {
|
|
|
65
65
|
this._onChange(this.state);
|
|
66
66
|
this._onTouched();
|
|
67
67
|
};
|
|
68
|
+
Object.defineProperty(CheckboxComponent.prototype, "renderType", {
|
|
69
|
+
get: function () {
|
|
70
|
+
return this.data.renderType || "inline";
|
|
71
|
+
},
|
|
72
|
+
enumerable: true,
|
|
73
|
+
configurable: true
|
|
74
|
+
});
|
|
68
75
|
CheckboxComponent.prototype._toggleChildrenCheck = function (item, state, checked) {
|
|
69
76
|
var _this = this;
|
|
70
77
|
var _a;
|
|
@@ -92,7 +99,7 @@ var CheckboxComponent = /** @class */ (function () {
|
|
|
92
99
|
CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
93
100
|
Component({
|
|
94
101
|
selector: "s-checkbox",
|
|
95
|
-
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
102
|
+
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [class.checkbox-wrapper-inline]=\"renderType === 'inline'\"\n [class.checkbox-wrapper-block]=\"renderType === 'block'\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
96
103
|
providers: [
|
|
97
104
|
{
|
|
98
105
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -100,10 +107,10 @@ var CheckboxComponent = /** @class */ (function () {
|
|
|
100
107
|
multi: true,
|
|
101
108
|
},
|
|
102
109
|
],
|
|
103
|
-
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{
|
|
110
|
+
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;gap:12px}.checkbox .checkbox-wrapper-inline{-ms-flex-align:center;align-items:center}.checkbox .checkbox-wrapper-block{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.checkbox .checkbox-wrapper .checkbox-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c1c1cc;border-radius:4px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;position:relative}.checkbox .checkbox-wrapper .checkbox-input--checked{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--checked::after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox .checkbox-wrapper .checkbox-input--indeterminate{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--indeterminate::after{background-color:#fff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox .checkbox-wrapper:not(.checkbox-wrapper--disabled) .checkbox-input:not(.checkbox-input--checked):hover{background-color:#e5eaea;border-color:#ccc}.checkbox .checkbox-wrapper--disabled{opacity:.5;cursor:auto}.checkbox .checkbox-children{margin-left:20px}"]
|
|
104
111
|
})
|
|
105
112
|
], CheckboxComponent);
|
|
106
113
|
return CheckboxComponent;
|
|
107
114
|
}());
|
|
108
115
|
export { CheckboxComponent };
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBaUJ6RTtJQUFBO1FBSVcsVUFBSyxHQUFrQjtZQUMxQixPQUFPLEVBQUUsS0FBSztZQUNkLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFFBQVEsRUFBRSxFQUFFO1NBQ2YsQ0FBQztRQUVNLGNBQVMsR0FBbUMsY0FBUSxDQUFDLENBQUM7UUFDdEQsZUFBVSxHQUFlLGNBQVEsQ0FBQyxDQUFDO0lBa0YvQyxDQUFDOzBCQTdGWSxpQkFBaUI7SUFhbkIsc0NBQVUsR0FBakIsVUFBa0IsS0FBb0I7UUFDbEMsSUFBSSxLQUFLLEVBQUU7WUFDUCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztTQUN0QjthQUFNO1lBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRztnQkFDVCxPQUFPLEVBQUUsS0FBSztnQkFDZCxhQUFhLEVBQUUsS0FBSztnQkFDcEIsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsUUFBUSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2FBQ2hELENBQUM7U0FDTDtJQUNMLENBQUM7SUFFTSw0Q0FBZ0IsR0FBdkIsVUFBd0IsUUFBd0M7UUFDNUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDOUIsQ0FBQztJQUVNLDZDQUFpQixHQUF4QixVQUF5QixTQUFxQjtRQUMxQyxJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUNoQyxDQUFDO0lB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d0JBQzFCLE9BQU8sRUFBRSxLQUFLO3dCQUNkLGFBQWEsRUFBRSxLQUFLO3dCQUNwQixRQUFRLEVBQUUsS0FBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQztxQkFDNUMsQ0FBQztpQkFDTDtnQkFDRCxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO2dCQUM5QyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO2dCQUNsRCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUU7b0JBQ2hCLEtBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUM7aUJBQzFFO1lBQ0wsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7O0lBMUZEO1FBREMsS0FBSyxFQUFFO21EQUNrQjtJQUZqQixpQkFBaUI7UUFaN0IsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFlBQVk7WUFDdEIsc3dDQUF3QztZQUV4QyxTQUFTLEVBQUU7Z0JBQ1A7b0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxjQUFNLE9BQUEsbUJBQWlCLEVBQWpCLENBQWlCLENBQUM7b0JBQ2hELEtBQUssRUFBRSxJQUFJO2lCQUNkO2FBQ0o7O1NBQ0osQ0FBQztPQUNXLGlCQUFpQixDQTZGN0I7SUFBRCx3QkFBQztDQUFBLEFBN0ZELElBNkZDO1NBN0ZZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbmltcG9ydCB7IENoZWNrYm94RGF0YSB9IGZyb20gXCIuL21vZGVscy9jaGVja2JveC1kYXRhXCI7XG5pbXBvcnQgeyBDaGVja2JveFN0YXRlIH0gZnJvbSBcIi4vbW9kZWxzL2NoZWNrYm94LXN0YXRlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInMtY2hlY2tib3hcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzXCJdLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENoZWNrYm94Q29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGRhdGE6IENoZWNrYm94RGF0YTtcblxuICAgIHB1YmxpYyBzdGF0ZTogQ2hlY2tib3hTdGF0ZSA9IHtcbiAgICAgICAgY2hlY2tlZDogZmFsc2UsXG4gICAgICAgIGluZGV0ZXJtaW5hdGU6IGZhbHNlLFxuICAgICAgICBjaGlsZHJlbjoge30sXG4gICAgfTtcblxuICAgIHByaXZhdGUgX29uQ2hhbmdlOiAodmFsdWU6IENoZWNrYm94U3RhdGUpID0+IHZvaWQgPSAoKSA9PiB7IH07XG4gICAgcHJpdmF0ZSBfb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4geyB9O1xuXG4gICAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IENoZWNrYm94U3RhdGUpOiB2b2lkIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnN0YXRlID0gdmFsdWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgICAgICAgICAgIGNoZWNrZWQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIGluZGV0ZXJtaW5hdGU6IGZhbHNlLFxuICAgICAgICAgICAgICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICBjaGlsZHJlbjogdGhpcy5faW5pdGlhbGl6ZUNoaWxkcmVuKHRoaXMuZGF0YSksXG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2Uob25DaGFuZ2U6ICh2YWx1ZTogQ2hlY2tib3hTdGF0ZSkgPT4gdm9pZCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9vbkNoYW5nZSA9IG9uQ2hhbmdlO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChvblRvdWNoZWQ6ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb25Ub3VjaGVkID0gb25Ub3VjaGVkO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2luaXRpYWxpemVDaGlsZHJlbihpdGVtOiBDaGVja2JveERhdGEpOiB7IFtrZXk6IHN0cmluZ106IENoZWNrYm94U3RhdGUgfSB7XG4gICAgICAgIGNvbnN0IGNoaWxkcmVuU3RhdGU6IHsgW2tleTogc3RyaW5nXTogQ2hlY2tib3hTdGF0ZSB9ID0ge307XG4gICAgICAgIGlmIChpdGVtLmNoaWxkcmVuKSB7XG4gICAgICAgICAgICBpdGVtLmNoaWxkcmVuLmZvckVhY2goKGNoaWxkKSA9PiB7XG4gICAgICAgICAgICAgICAgY2hpbGRyZW5TdGF0ZVtjaGlsZC5sYWJlbF0gPSB7XG4gICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICBpbmRldGVybWluYXRlOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IHRoaXMuX2luaXRpYWxpemVDaGlsZHJlbihjaGlsZCksXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjaGlsZHJlblN0YXRlO1xuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVQYXJlbnQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmRhdGEuY2hpbGRyZW4gJiYgdGhpcy5kYXRhLmNoaWxkcmVuLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnN0IGFsbENoZWNrZWQgPSB0aGlzLmRhdGEuY2hpbGRyZW4uZXZlcnkoKGNoaWxkKSA9PiB0aGlzLnN0YXRlLmNoaWxkcmVuW2NoaWxkLmxhYmVsXT8uY2hlY2tlZCk7XG4gICAgICAgICAgICBjb25zdCBzb21lQ2hlY2tlZCA9IHRoaXMuZGF0YS5jaGlsZHJlbi5zb21lKFxuICAgICAgICAgICAgICAgIChjaGlsZCkgPT4gdGhpcy5zdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0/LmNoZWNrZWQgfHwgdGhpcy5zdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0/LmluZGV0ZXJtaW5hdGVcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICB0aGlzLnN0YXRlLmNoZWNrZWQgPSBhbGxDaGVja2VkO1xuICAgICAgICAgICAgdGhpcy5zdGF0ZS5pbmRldGVybWluYXRlID0gIWFsbENoZWNrZWQgJiYgc29tZUNoZWNrZWQ7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5fb25DaGFuZ2UodGhpcy5zdGF0ZSk7XG4gICAgICAgIHRoaXMuX29uVG91Y2hlZCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkNoZWNrYm94Q2hhbmdlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zdGF0ZS5kaXNhYmxlZCkgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuc3RhdGUuY2hlY2tlZCA9ICF0aGlzLnN0YXRlLmNoZWNrZWQ7XG4gICAgICAgIHRoaXMuc3RhdGUuaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgICB0aGlzLl90b2dnbGVDaGlsZHJlbkNoZWNrKHRoaXMuZGF0YSwgdGhpcy5zdGF0ZSwgdGhpcy5zdGF0ZS5jaGVja2VkKTtcbiAgICAgICAgdGhpcy5fb25DaGFuZ2UodGhpcy5zdGF0ZSk7XG4gICAgICAgIHRoaXMuX29uVG91Y2hlZCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgcmVuZGVyVHlwZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YS5yZW5kZXJUeXBlIHx8IFwiaW5saW5lXCI7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfdG9nZ2xlQ2hpbGRyZW5DaGVjayhpdGVtOiBDaGVja2JveERhdGEsIHN0YXRlOiBDaGVja2JveFN0YXRlLCBjaGVja2VkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmIChpdGVtLmNoaWxkcmVuPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGl0ZW0uY2hpbGRyZW4uZm9yRWFjaCgoY2hpbGQpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXN0YXRlLmNoaWxkcmVuW2NoaWxkLmxhYmVsXSkge1xuICAgICAgICAgICAgICAgICAgICBzdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0gPSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjaGVja2VkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGluZGV0ZXJtaW5hdGU6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGRyZW46IHRoaXMuX2luaXRpYWxpemVDaGlsZHJlbihjaGlsZCksXG4gICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHN0YXRlLmNoaWxkcmVuW2NoaWxkLmxhYmVsXS5jaGVja2VkID0gY2hlY2tlZDtcbiAgICAgICAgICAgICAgICBzdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0uaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIGlmIChjaGlsZC5jaGlsZHJlbikge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLl90b2dnbGVDaGlsZHJlbkNoZWNrKGNoaWxkLCBzdGF0ZS5jaGlsZHJlbltjaGlsZC5sYWJlbF0sIGNoZWNrZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -1 +1 @@
|
|
|
1
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZGF0YS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2NoZWNrYm94L21vZGVscy9jaGVja2JveC1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIENoZWNrYm94RGF0YSB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IENoZWNrYm94RGF0YVtdO1xuICAgIHJlbmRlclR5cGU/OiAnaW5saW5lJyB8ICdibG9jaydcbn1cbiJdfQ==
|
|
@@ -3574,6 +3574,9 @@ let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
|
|
|
3574
3574
|
this._onChange(this.state);
|
|
3575
3575
|
this._onTouched();
|
|
3576
3576
|
}
|
|
3577
|
+
get renderType() {
|
|
3578
|
+
return this.data.renderType || "inline";
|
|
3579
|
+
}
|
|
3577
3580
|
_toggleChildrenCheck(item, state, checked) {
|
|
3578
3581
|
var _a;
|
|
3579
3582
|
if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
@@ -3600,7 +3603,7 @@ __decorate([
|
|
|
3600
3603
|
CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
3601
3604
|
Component({
|
|
3602
3605
|
selector: "s-checkbox",
|
|
3603
|
-
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
3606
|
+
template: "<div class=\"checkbox\">\n <label>\n <div\n class=\"checkbox-wrapper\"\n [class.checkbox-wrapper-inline]=\"renderType === 'inline'\"\n [class.checkbox-wrapper-block]=\"renderType === 'block'\"\n [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n <input\n type=\"checkbox\"\n class=\"checkbox-input\"\n [disabled]=\"state.disabled\"\n [ngClass]=\"{\n 'checkbox-input--checked': state.checked,\n 'checkbox-input--indeterminate': state.indeterminate\n }\"\n (change)=\"onCheckboxChange()\"\n [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n [attr.aria-disabled]=\"state.disabled\"\n role=\"checkbox\" />\n {{ data.label }}\n </div>\n </label>\n <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n <s-checkbox\n *ngFor=\"let child of data.children\"\n [data]=\"child\"\n [ngModel]=\"state.children[child.label]\"\n (ngModelChange)=\"updateParent()\">\n </s-checkbox>\n </div>\n</div>\n",
|
|
3604
3607
|
providers: [
|
|
3605
3608
|
{
|
|
3606
3609
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -3608,7 +3611,7 @@ CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
|
3608
3611
|
multi: true,
|
|
3609
3612
|
},
|
|
3610
3613
|
],
|
|
3611
|
-
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{
|
|
3614
|
+
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;gap:12px}.checkbox .checkbox-wrapper-inline{-ms-flex-align:center;align-items:center}.checkbox .checkbox-wrapper-block{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.checkbox .checkbox-wrapper .checkbox-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c1c1cc;border-radius:4px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;position:relative}.checkbox .checkbox-wrapper .checkbox-input--checked{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--checked::after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox .checkbox-wrapper .checkbox-input--indeterminate{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--indeterminate::after{background-color:#fff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox .checkbox-wrapper:not(.checkbox-wrapper--disabled) .checkbox-input:not(.checkbox-input--checked):hover{background-color:#e5eaea;border-color:#ccc}.checkbox .checkbox-wrapper--disabled{opacity:.5;cursor:auto}.checkbox .checkbox-children{margin-left:20px}"]
|
|
3612
3615
|
})
|
|
3613
3616
|
], CheckboxComponent);
|
|
3614
3617
|
|