keevo-components 1.8.330 → 1.8.331
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/esm2022/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/kv-inputs/kv-select-buttons/kv-select-buttons.component.mjs +3 -4
- package/fesm2022/keevo-components.mjs +4 -4
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/package.json +1 -1
package/esm2022/lib/components/kv-inputs/kv-input-text-checkbox/kv-input-text-checkbox.component.mjs
CHANGED
|
@@ -27,11 +27,11 @@ export class KvInputTextCheckboxComponent extends BaseComponentInput {
|
|
|
27
27
|
this.checkBoxEmit.emit(this._checkBoxValue);
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ 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"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n [maxlength]=\"maxLength\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
|
|
34
|
+
args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n [maxlength]=\"maxLength\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
|
|
35
35
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { checkBoxEmit: [{
|
|
36
36
|
type: Output
|
|
37
37
|
}], tooltipCheckbox: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
39
39
|
}], disabledCheckbox: [{
|
|
40
40
|
type: Input
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5wdXQtdGV4dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi1pbnB1dHMva3YtaW5wdXQtdGV4dC1jaGVja2JveC9rdi1pbnB1dC10ZXh0LWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1pbnB1dC10ZXh0LWNoZWNrYm94L2t2LWlucHV0LXRleHQtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7Ozs7O0FBUzlFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxrQkFBMEI7SUFDMUUsWUFBWSxnQkFBa0M7UUFDNUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFHaEIsaUJBQVksR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUduRSxxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFFbkMsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFQeEMsQ0FBQztJQVNELElBQUksYUFBYSxDQUFDLEtBQWM7UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7OEdBdkJVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLGtMQUY1QixrQkFBa0IsQ0FBQyw0QkFBNEIsQ0FBQyxpRENoQjdELGdsQ0FtQ3VFOzsyRkRqQjFELDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx3QkFBd0IsYUFHdkIsa0JBQWtCLDhCQUE4QjtxRkFPakQsWUFBWTtzQkFBckIsTUFBTTtnQkFFRSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50SW5wdXQgfSBmcm9tICcuLi8uLi8uLi9hcGkvYmFzZS1jb21wb25lbnRzL2Jhc2UtY29tcG9uZW50LWlucHV0JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1pbnB1dC10ZXh0LWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtaW5wdXQtdGV4dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3YtaW5wdXQtdGV4dC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogQ29tcG9uZW50UHJvdmlkZXJzKEt2SW5wdXRUZXh0Q2hlY2tib3hDb21wb25lbnQpLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZJbnB1dFRleHRDaGVja2JveENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnRJbnB1dDxzdHJpbmc+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3Rvcihjb21wb25lbnRTZXJ2aWNlOiBDb21wb25lbnRTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcihjb21wb25lbnRTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSBjaGVja0JveEVtaXQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgQElucHV0KCkgdG9vbHRpcENoZWNrYm94ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkQ2hlY2tib3g6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBfY2hlY2tCb3hWYWx1ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBzZXQgY2hlY2tCb3hWYWx1ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fY2hlY2tCb3hWYWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5lbWl0Q2hlY2tCb3hWYWx1ZSgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGNoZWNrQm94VmFsdWUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fY2hlY2tCb3hWYWx1ZTtcclxuICB9XHJcblxyXG4gIGVtaXRDaGVja0JveFZhbHVlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jaGVja0JveEVtaXQuZW1pdCh0aGlzLl9jaGVja0JveFZhbHVlKTtcclxuICB9XHJcbn0iLCI8a3YtbGFiZWxcclxuICAgIFtjb21wb25lbnRJZF09XCJjb21wb25lbnRJZFwiXHJcbiAgICBbbGFiZWxdPVwibGFiZWwgJiYgKGxhYmVsICsgKHNob3dBc3RlcmlzayA/ICcqJyA6ICcnKSlcIlxyXG4vPlxyXG48ZGl2IGNsYXNzPVwicC1pbnB1dGdyb3VwIFwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cInAtaW5wdXRncm91cC1hZGRvblwiXHJcbiAgICAgICAgc3R5bGU9XCJoZWlnaHQ6IDM1cHg7XCJcclxuICAgID48cC1jaGVja2JveFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cImNoZWNrQm94VmFsdWVcIlxyXG4gICAgICAgICAgICBbYmluYXJ5XT1cInRydWVcIlxyXG4gICAgICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcENoZWNrYm94XCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkQ2hlY2tib3hcIlxyXG4gICAgICAgID48L3AtY2hlY2tib3g+XHJcblxyXG4gICAgPC9zcGFuPlxyXG5cclxuICAgIDxzcGFuIGNsYXNzPVwicC1mbG9hdC1sYWJlbFwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIHBJbnB1dFRleHRcclxuICAgICAgICAgICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcclxuICAgICAgICAgICAgc3R5bGVDbGFzcz1cImlucHV0c1wiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgICAgICAgIFtpZF09XCJjb21wb25lbnRJZFwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgICAgICAgICAgc3R5bGU9XCJoZWlnaHQ6IDM1cHg7XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGxcIlxyXG4gICAgICAgICAgICBbbWF4bGVuZ3RoXT1cIm1heExlbmd0aFwiXHJcbiAgICAgICAgLz5cclxuICAgIDwvc3Bhbj5cclxuPC9kaXY+XHJcblxyXG48a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+Il19
|
|
@@ -2,7 +2,6 @@ import { Component, EventEmitter, Input, input, Output, model } from '@angular/c
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "primeng/button";
|
|
5
|
-
import * as i3 from "primeng/ripple";
|
|
6
5
|
export class KvSelectButtonsComponent {
|
|
7
6
|
constructor() {
|
|
8
7
|
this.options = input([]);
|
|
@@ -23,14 +22,14 @@ export class KvSelectButtonsComponent {
|
|
|
23
22
|
value.action();
|
|
24
23
|
}
|
|
25
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <p-button\r\n label=\"test\"\r\n badge=\"8\"\r\n />\r\n\r\n <p-button \r\n [label]=\"option.label\" \r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"text-xs xl:text-base\"\r\n badge=\"8\" \r\n badgeClass=\"p-badge-info\" />\r\n<!-- \r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n \r\n pBadge=\"8\"\r\n >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\r\n </button> -->\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
27
26
|
}
|
|
28
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
29
28
|
type: Component,
|
|
30
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n
|
|
29
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <p-button\r\n label=\"test\"\r\n badge=\"8\"\r\n />\r\n\r\n <p-button \r\n [label]=\"option.label\" \r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"text-xs xl:text-base\"\r\n badge=\"8\" \r\n badgeClass=\"p-badge-info\" />\r\n<!-- \r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n \r\n pBadge=\"8\"\r\n >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\r\n </button> -->\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
|
|
31
30
|
}], propDecorators: { defaultValue: [{
|
|
32
31
|
type: Input
|
|
33
32
|
}], selectChange: [{
|
|
34
33
|
type: Output
|
|
35
34
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXNlbGVjdC1idXR0b25zL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zZWxlY3QtYnV0dG9ucy9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRN0YsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQU9FLFlBQU8sR0FBRyxLQUFLLENBQTJCLEVBQUUsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBRyxLQUFLLEVBQUssQ0FBQztRQU92Qjs7V0FFRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztLQWFoRDtJQVhDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFRCxNQUFNLENBQUMsS0FBNkI7UUFDbEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDakIsQ0FBQzs4R0F4QlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsOGhCQ1JyQyxxakNBMENBOzsyRkRsQ2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixLQUFLOzhCQVdSLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgaW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1zZWxlY3QtYnV0dG9ucycsXHJcbiAgc3RhbmRhbG9uZTogZmFsc2UsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTZWxlY3RCdXR0b25zQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBvcHRpb25zID0gaW5wdXQ8U2VsZWN0QnV0dG9uc09wdGlvbjxUPltdPihbXSk7XHJcbiAgc2VsZWN0aW9uID0gbW9kZWw8VD4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogQGRlcHJlY2F0ZWQgYSBmYXZvciBkbyBzZWxlY3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBkZWZhdWx0VmFsdWU/OiBUO1xyXG5cclxuICAvKipcclxuICAgKiBAZGVwcmVjYXRlZCBhIGZhdm9yIGRvIHNlbGVjdGlvblxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZGVmYXVsdFZhbHVlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0aW9uLnNldCh0aGlzLmRlZmF1bHRWYWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFNlbGVjdEJ1dHRvbnNPcHRpb248VD4pIHtcclxuICAgIHRoaXMuc2VsZWN0aW9uLnNldCh2YWx1ZS52YWx1ZSk7XHJcbiAgICB0aGlzLnNlbGVjdENoYW5nZS5lbWl0KHZhbHVlLnZhbHVlKTtcclxuICAgIHZhbHVlLmFjdGlvbigpO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IHR5cGUgU2VsZWN0QnV0dG9uc09wdGlvbjxUPiA9IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbiAgYWN0aW9uOiAoKSA9PiB2b2lkO1xyXG4gIHZhbHVlOiBUO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtMSBmbGV4LXJvdyBwbC0yIGp1c3RpZnktY29udGVudC1zdGFydFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IHAtMSBnYXAtMSBib3JkZXItcm91bmQgc2VsZWN0LWJ1dHRvbi1jb250YWluZXJcIj5cclxuICAgIEBmb3Iob3B0aW9uIG9mIG9wdGlvbnMoKTsgdHJhY2sgb3B0aW9uLnZhbHVlOykge1xyXG4gICAgPHAtYnV0dG9uXHJcbiAgICAgIGxhYmVsPVwidGVzdFwiXHJcbiAgICAgIGJhZGdlPVwiOFwiXHJcbiAgICAvPlxyXG5cclxuICAgIDxwLWJ1dHRvbiBcclxuICAgICAgICBbbGFiZWxdPVwib3B0aW9uLmxhYmVsXCIgXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIHNlbGVjdGlvbigpID09PSBvcHRpb24udmFsdWUgPyAnYWN0aXZlJyA6ICdpbmFjdGl2ZScsXHJcbiAgICAgICAgJ3NlbGVjdC1idXR0b24nXHJcbiAgICAgIF1cIlxyXG4gICAgICBjbGFzcz1cInRleHQteHMgeGw6dGV4dC1iYXNlXCJcclxuICAgICAgICBiYWRnZT1cIjhcIiBcclxuICAgICAgICBiYWRnZUNsYXNzPVwicC1iYWRnZS1pbmZvXCIgLz5cclxuPCEtLSBcclxuICAgIDxidXR0b25cclxuICAgICAgKGNsaWNrKT1cInNlbGVjdChvcHRpb24pXCJcclxuICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIHNlbGVjdGlvbigpID09PSBvcHRpb24udmFsdWUgPyAnYWN0aXZlJyA6ICdpbmFjdGl2ZScsXHJcbiAgICAgICAgJ3NlbGVjdC1idXR0b24nXHJcbiAgICAgIF1cIlxyXG4gICAgICBjbGFzcz1cIlwiXHJcbiAgICAgIHBCdXR0b25cclxuICAgICAgcFJpcHBsZVxyXG4gICAgICBcclxuICAgICAgcEJhZGdlPVwiOFwiXHJcbiAgICA+XHJcbiAgICAgIEBpZihvcHRpb24uaWNvbil7XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+XHJcbiAgICAgICAgICB7eyBvcHRpb24uaWNvbn19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICB9XHJcblxyXG4gICAgICB7eyBvcHRpb24ubGFiZWwgfX1cclxuXHJcbiAgICA8L2J1dHRvbj4gLS0+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -4837,11 +4837,11 @@ class KvInputTextCheckboxComponent extends BaseComponentInput {
|
|
|
4837
4837
|
this.checkBoxEmit.emit(this._checkBoxValue);
|
|
4838
4838
|
}
|
|
4839
4839
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4840
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
|
|
4840
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n [maxlength]=\"maxLength\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
|
|
4841
4841
|
}
|
|
4842
4842
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, decorators: [{
|
|
4843
4843
|
type: Component,
|
|
4844
|
-
args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
|
|
4844
|
+
args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n <span\r\n class=\"p-inputgroup-addon\"\r\n style=\"height: 35px;\"\r\n ><p-checkbox\r\n [(ngModel)]=\"checkBoxValue\"\r\n [binary]=\"true\"\r\n [pTooltip]=\"tooltipCheckbox\"\r\n [disabled]=\"disabledCheckbox\"\r\n ></p-checkbox>\r\n\r\n </span>\r\n\r\n <span class=\"p-float-label\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [class]=\"baseInputClass\"\r\n styleClass=\"inputs\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n (blur)=\"onInputBlur($event)\"\r\n style=\"height: 35px;\"\r\n class=\"w-full\"\r\n [maxlength]=\"maxLength\"\r\n />\r\n </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
|
|
4845
4845
|
}], ctorParameters: () => [{ type: ComponentService }], propDecorators: { checkBoxEmit: [{
|
|
4846
4846
|
type: Output
|
|
4847
4847
|
}], tooltipCheckbox: [{
|
|
@@ -5039,11 +5039,11 @@ class KvSelectButtonsComponent {
|
|
|
5039
5039
|
value.action();
|
|
5040
5040
|
}
|
|
5041
5041
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5042
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n
|
|
5042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <p-button\r\n label=\"test\"\r\n badge=\"8\"\r\n />\r\n\r\n <p-button \r\n [label]=\"option.label\" \r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"text-xs xl:text-base\"\r\n badge=\"8\" \r\n badgeClass=\"p-badge-info\" />\r\n<!-- \r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n \r\n pBadge=\"8\"\r\n >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\r\n </button> -->\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
5043
5043
|
}
|
|
5044
5044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
5045
5045
|
type: Component,
|
|
5046
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n
|
|
5046
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <p-button\r\n label=\"test\"\r\n badge=\"8\"\r\n />\r\n\r\n <p-button \r\n [label]=\"option.label\" \r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"text-xs xl:text-base\"\r\n badge=\"8\" \r\n badgeClass=\"p-badge-info\" />\r\n<!-- \r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n \r\n pBadge=\"8\"\r\n >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\r\n </button> -->\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
|
|
5047
5047
|
}], propDecorators: { defaultValue: [{
|
|
5048
5048
|
type: Input
|
|
5049
5049
|
}], selectChange: [{
|