@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
|
@@ -3919,6 +3919,13 @@
|
|
|
3919
3919
|
this._onChange(this.state);
|
|
3920
3920
|
this._onTouched();
|
|
3921
3921
|
};
|
|
3922
|
+
Object.defineProperty(CheckboxComponent.prototype, "renderType", {
|
|
3923
|
+
get: function () {
|
|
3924
|
+
return this.data.renderType || "inline";
|
|
3925
|
+
},
|
|
3926
|
+
enumerable: true,
|
|
3927
|
+
configurable: true
|
|
3928
|
+
});
|
|
3922
3929
|
CheckboxComponent.prototype._toggleChildrenCheck = function (item, state, checked) {
|
|
3923
3930
|
var _this = this;
|
|
3924
3931
|
var _a;
|
|
@@ -3946,7 +3953,7 @@
|
|
|
3946
3953
|
CheckboxComponent = CheckboxComponent_1 = __decorate([
|
|
3947
3954
|
core.Component({
|
|
3948
3955
|
selector: "s-checkbox",
|
|
3949
|
-
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",
|
|
3956
|
+
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",
|
|
3950
3957
|
providers: [
|
|
3951
3958
|
{
|
|
3952
3959
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -3954,7 +3961,7 @@
|
|
|
3954
3961
|
multi: true,
|
|
3955
3962
|
},
|
|
3956
3963
|
],
|
|
3957
|
-
styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{
|
|
3964
|
+
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}"]
|
|
3958
3965
|
})
|
|
3959
3966
|
], CheckboxComponent);
|
|
3960
3967
|
return CheckboxComponent;
|