keevo-components 1.8.152 → 1.8.154
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-filter-card/kv-filter-card.component.mjs +3 -3
- package/esm2022/lib/components/kv-inputs/kv-switch/kv-switch.component.mjs +13 -4
- package/fesm2022/keevo-components.mjs +14 -5
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-inputs/kv-switch/kv-switch.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -7,11 +7,11 @@ export class KvFilterCardComponent {
|
|
|
7
7
|
this.cardState = "normal";
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KvGIconComponent, selector: "kv-g-icon" }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
14
|
+
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
15
15
|
}], propDecorators: { cardState: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], color: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
23
23
|
}], gIcon: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1XLGNBQVMsR0FBYyxRQUFRLENBQUM7S0FLMUM7OEdBTlkscUJBQXFCO2tHQUFyQixxQkFBcUIsNEpDUGxDLHNsQkFZRTs7MkZETFcscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWZpbHRlci1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtZmlsdGVyLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1maWx0ZXItY2FyZC5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkZpbHRlckNhcmRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNhcmRTdGF0ZTogQ2FyZFN0YXRlID0gXCJub3JtYWxcIjtcclxuICBASW5wdXQoKSBjb2xvciE6IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBhbW91bnQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgZ0ljb24/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIENhcmRTdGF0ZSA9IFwibm9ybWFsXCIgfCBcInNlbGVjdGVkXCIgfCBcImluYWN0aXZlXCI7XHJcbmV4cG9ydCB0eXBlIENhcmRTdGF0ZUNsYXNzID0gXCJjYXJkXCIgfCBcIlBMQUNFSE9MREVSXCIgfCBcImNhcmQtZGlzYWJsZWRcIjsiLCI8ZGl2IFtzdHlsZV09J3tcIi0tYWNjZW50LWNvbG9yXCI6IGNvbG9yfScgW25nQ2xhc3NdPSdbY2FyZFN0YXRlID09IFwiaW5hY3RpdmVcIiA/IFwiY2FyZC1kaXNhYmxlZFwiIDogXCJjYXJkXCIsIGNhcmRTdGF0ZSA9PSBcInNlbGVjdGVkXCIgPyBcImNsaWNrYWJsZS1zZWxlY3RlZFwiIDogXCJjbGlja2FibGVcIl0nPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLWNvbnRlbnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtcm93LWNlbnRlclwiPlxyXG4gICAgICAgIEBpZiAoZ0ljb24pIHtcclxuICAgICAgICA8a3YtZy1pY29uPnt7IGdJY29uIH19PC9rdi1nLWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8cCBjbGFzcz1cIndoaXRlLXNwYWNlLW5vd3JhcCBmb250LWJvbGRcIj57eyB0aXRsZSB9fTwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxwIHN0eWxlPVwiZm9udC1zaXplOiAyZW1cIiBjbGFzcz1cImZvbnQtYm9sZFwiPnt7IGFtb3VudCB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==
|
|
@@ -9,18 +9,27 @@ import * as i4 from "primeng/inputswitch";
|
|
|
9
9
|
export class KvSwitchComponent extends BaseComponentInput {
|
|
10
10
|
constructor(componentService) {
|
|
11
11
|
super(componentService);
|
|
12
|
-
this.switchValue = false;
|
|
13
12
|
this.onSwitchChange = new EventEmitter();
|
|
13
|
+
this.varivelDoMeuComponente = false;
|
|
14
|
+
}
|
|
15
|
+
ngOnChanges(changes) {
|
|
16
|
+
if (changes['switchValue']) {
|
|
17
|
+
this.value = changes['switchValue'].currentValue;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
ngOnInit() {
|
|
21
|
+
if (this.switchValue)
|
|
22
|
+
this.value = this.switchValue;
|
|
14
23
|
}
|
|
15
24
|
emitOnSwitchChange(event) {
|
|
16
25
|
this.onSwitchChange.emit(event);
|
|
17
26
|
}
|
|
18
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ 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.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
|
|
20
29
|
}
|
|
21
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, decorators: [{
|
|
22
31
|
type: Component,
|
|
23
|
-
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"
|
|
32
|
+
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
|
|
24
33
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { readonly: [{
|
|
25
34
|
type: Input
|
|
26
35
|
}], switchValue: [{
|
|
@@ -28,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
28
37
|
}], onSwitchChange: [{
|
|
29
38
|
type: Output
|
|
30
39
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zd2l0Y2gva3Ytc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zd2l0Y2gva3Ytc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7OztBQVk5RSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsa0JBQTJCO0lBVWhFLFlBQVksZ0JBQWtDO1FBQzVDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBTmhCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHakUsMkJBQXNCLEdBQVksS0FBSyxDQUFDO0lBSXhDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBRyxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDbkQsQ0FBQztJQUNILENBQUM7SUFFUSxRQUFRO1FBQ2YsSUFBSSxJQUFJLENBQUMsV0FBVztZQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUd0RCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBVTtRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOzhHQTVCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpSkFGakIsa0JBQWtCLENBQUMsaUJBQWlCLENBQUMsc0VDckJsRCx1YUFjQTs7MkZEU2EsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLFdBQVcsYUFNVixrQkFBa0IsbUJBQW1CO3FGQUl2QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50SW5wdXQgfSBmcm9tICcuLi8uLi8uLi9hcGkvYmFzZS1jb21wb25lbnRzL2Jhc2UtY29tcG9uZW50LWlucHV0JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1zd2l0Y2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4va3Ytc3dpdGNoLmNvbXBvbmVudC5zY3NzJyxcclxuICAgICcuLi8uLi9rZWV2by1jb21wb25lbnRzLXN0eWxlcy5zY3NzJ1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZTd2l0Y2hDb21wb25lbnQpLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTd2l0Y2hDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50SW5wdXQ8Ym9vbGVhbj4ge1xyXG5cclxuICBASW5wdXQoKSByZWFkb25seSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc3dpdGNoVmFsdWUhOiBib29sZWFuO1xyXG5cclxuICBAT3V0cHV0KCkgb25Td2l0Y2hDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuXHJcbiAgdmFyaXZlbERvTWV1Q29tcG9uZW50ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihjb21wb25lbnRTZXJ2aWNlOiBDb21wb25lbnRTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcihjb21wb25lbnRTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmKGNoYW5nZXNbJ3N3aXRjaFZhbHVlJ10pe1xyXG4gICAgICB0aGlzLnZhbHVlID0gY2hhbmdlc1snc3dpdGNoVmFsdWUnXS5jdXJyZW50VmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnN3aXRjaFZhbHVlKSB0aGlzLnZhbHVlID0gdGhpcy5zd2l0Y2hWYWx1ZTtcclxuXHJcbiAgICBcclxuICB9XHJcblxyXG4gIGVtaXRPblN3aXRjaENoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uU3dpdGNoQ2hhbmdlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG5cclxuXHJcbiIsIjxkaXYgY2xhc3M9XCJjZW50ZXIgZmllbGQtY2hlY2tib3hcIj5cclxuXHJcbiAgPHAtaW5wdXRTd2l0Y2hcclxuICAgIFtpbnB1dElkXT1cImNvbXBvbmVudElkXCJcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJlbWl0T25Td2l0Y2hDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICA+XHJcbiAgPC9wLWlucHV0U3dpdGNoPlxyXG4gIDxsYWJlbCBbZm9yXT1cImNvbXBvbmVudElkXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG5cclxuICA8a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -3391,18 +3391,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
3391
3391
|
class KvSwitchComponent extends BaseComponentInput {
|
|
3392
3392
|
constructor(componentService) {
|
|
3393
3393
|
super(componentService);
|
|
3394
|
-
this.switchValue = false;
|
|
3395
3394
|
this.onSwitchChange = new EventEmitter();
|
|
3395
|
+
this.varivelDoMeuComponente = false;
|
|
3396
|
+
}
|
|
3397
|
+
ngOnChanges(changes) {
|
|
3398
|
+
if (changes['switchValue']) {
|
|
3399
|
+
this.value = changes['switchValue'].currentValue;
|
|
3400
|
+
}
|
|
3401
|
+
}
|
|
3402
|
+
ngOnInit() {
|
|
3403
|
+
if (this.switchValue)
|
|
3404
|
+
this.value = this.switchValue;
|
|
3396
3405
|
}
|
|
3397
3406
|
emitOnSwitchChange(event) {
|
|
3398
3407
|
this.onSwitchChange.emit(event);
|
|
3399
3408
|
}
|
|
3400
3409
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"
|
|
3410
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ 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: i4$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
|
|
3402
3411
|
}
|
|
3403
3412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, decorators: [{
|
|
3404
3413
|
type: Component,
|
|
3405
|
-
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"
|
|
3414
|
+
args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n <p-inputSwitch\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n >\r\n </p-inputSwitch>\r\n <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
|
|
3406
3415
|
}], ctorParameters: () => [{ type: ComponentService }], propDecorators: { readonly: [{
|
|
3407
3416
|
type: Input
|
|
3408
3417
|
}], switchValue: [{
|
|
@@ -6559,11 +6568,11 @@ class KvFilterCardComponent {
|
|
|
6559
6568
|
this.cardState = "normal";
|
|
6560
6569
|
}
|
|
6561
6570
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6562
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
6571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KvGIconComponent, selector: "kv-g-icon" }] }); }
|
|
6563
6572
|
}
|
|
6564
6573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
6565
6574
|
type: Component,
|
|
6566
|
-
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
6575
|
+
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
6567
6576
|
}], propDecorators: { cardState: [{
|
|
6568
6577
|
type: Input
|
|
6569
6578
|
}], color: [{
|