keevo-components 1.8.488 → 1.8.489
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-card-selection/kv-card-selection.component.mjs +9 -4
- package/fesm2022/keevo-components.mjs +8 -3
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/api/base-components/base-component-dropdown.d.ts +1 -1
- package/lib/components/kv-card-selection/kv-card-selection.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -25,6 +25,9 @@ export class KvCardSelectionComponent {
|
|
|
25
25
|
this.minWidthCard = computed(() => {
|
|
26
26
|
return this.widthScreen() >= 992 ? '45rem' : '100%';
|
|
27
27
|
});
|
|
28
|
+
this.transformRazaoSocial = computed(() => (razaosocial) => {
|
|
29
|
+
return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
|
|
30
|
+
});
|
|
28
31
|
}
|
|
29
32
|
ngOnInit() {
|
|
30
33
|
this.workspaceForm = this.fb.group({
|
|
@@ -42,14 +45,16 @@ export class KvCardSelectionComponent {
|
|
|
42
45
|
this.onFilter.emit(this.workspaceForm.value.search);
|
|
43
46
|
const searchValue = this.workspaceForm.value.search.toLowerCase();
|
|
44
47
|
this.filteredMasters.set(this.masters().filter((master) => {
|
|
45
|
-
return master.cpfcnpj.includes(searchValue) ||
|
|
48
|
+
return master.cpfcnpj.includes(searchValue) ||
|
|
49
|
+
master.nome.toLowerCase().includes(searchValue) ||
|
|
50
|
+
master.idmaster.toString().includes(searchValue);
|
|
46
51
|
}));
|
|
47
52
|
}
|
|
48
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardSelectionComponent, selector: "kv-card-selection", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectMaster: "onSelectMaster", onFilter: "onFilter" }, ngImport: i0, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardSelectionComponent, selector: "kv-card-selection", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectMaster: "onSelectMaster", onFilter: "onFilter" }, ngImport: i0, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a <b>Licen\u00E7a</b> que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n @if(masters().length > 6) {\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar licen\u00E7a\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"buscarMasters()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (filteredMasters().length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n >\r\n @for(master of filteredMasters(); track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selectMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <!-- <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-sm\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n </div> -->\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{\r\n transformCpfCnpj()(master.cpfcnpj)\r\n }}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n } @if(filteredMasters().length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}span{color:#64748b}\n"], dependencies: [{ kind: "component", type: i1.KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
50
55
|
}
|
|
51
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardSelectionComponent, decorators: [{
|
|
52
57
|
type: Component,
|
|
53
|
-
args: [{ selector: 'kv-card-selection', standalone: false, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"
|
|
58
|
+
args: [{ selector: 'kv-card-selection', standalone: false, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a <b>Licen\u00E7a</b> que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n @if(masters().length > 6) {\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar licen\u00E7a\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"buscarMasters()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (filteredMasters().length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n >\r\n @for(master of filteredMasters(); track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selectMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <!-- <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-sm\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n </div> -->\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{\r\n transformCpfCnpj()(master.cpfcnpj)\r\n }}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n } @if(filteredMasters().length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}span{color:#64748b}\n"] }]
|
|
54
59
|
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtY2FyZC1zZWxlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtY2FyZC1zZWxlY3Rpb24va3YtY2FyZC1zZWxlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtY2FyZC1zZWxlY3Rpb24va3YtY2FyZC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQVUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFhLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFReEQsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQVFFLFlBQU8sR0FBRyxLQUFLLEVBQU8sQ0FBQztRQUV2QixnQkFBVyxHQUFHLE1BQU0sQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFaEQsb0JBQWUsR0FBRyxNQUFNLENBQU0sRUFBRSxDQUFDLENBQUM7UUFFbEMsY0FBUyxHQUFHLEtBQUssQ0FBUyw2QkFBNkIsQ0FBQyxDQUFDO1FBRXpELFNBQUksR0FBRyxLQUFLLENBQVMsMkRBQTJELENBQUMsQ0FBQztRQUNsRixnQkFBVyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUVoQyxtQkFBYyxHQUFHLE1BQU0sRUFBTyxDQUFDO1FBQy9CLGFBQVEsR0FBRyxNQUFNLEVBQU8sQ0FBQztRQUV6QixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNsQyxPQUFFLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBSXpCLHFCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLE9BQWUsRUFBRSxFQUFFO1lBQ3BELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0MsQ0FBQyxDQUFDLENBQUM7UUFFSCxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsT0FBZSxFQUFFLEVBQUU7WUFDN0MsT0FBTyxPQUFPLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQTtRQUVGLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQ3RELENBQUMsQ0FBQyxDQUFDO1FBRUgseUJBQW9CLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsV0FBbUIsRUFBRSxFQUFFO1lBQzVELE9BQU8sV0FBVyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO1FBQ3RGLENBQUMsQ0FBQyxDQUFDO0tBMkJKO0lBekJDLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ2pDLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztTQUNiLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBRXpDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxZQUFZLENBQUMsTUFBVztRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNsRSxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBVyxFQUFFLEVBQUU7WUFDN0QsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUM7Z0JBQ3BDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQztnQkFDL0MsTUFBTSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDMUQsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNOLENBQUM7OEdBN0RVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDJvQkNWckMsdTlFQXdFQTs7MkZEOURhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3BmQ25walBpcGUgfSBmcm9tICcuLi8uLi9hcGkvcGlwZXMvY3BmY25wai5waXBlJztcclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtY2FyZC1zZWxlY3Rpb24nLFxyXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1jYXJkLXNlbGVjdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWNhcmQtc2VsZWN0aW9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZDYXJkU2VsZWN0aW9uQ29tcG9uZW50IHtcclxuXHJcbiAgbWFzdGVycyA9IGlucHV0PGFueT4oKTtcclxuXHJcbiAgd2lkdGhTY3JlZW4gPSBzaWduYWw8bnVtYmVyPih3aW5kb3cuaW5uZXJXaWR0aCk7XHJcblxyXG4gIGZpbHRlcmVkTWFzdGVycyA9IHNpZ25hbDxhbnk+KFtdKTtcclxuXHJcbiAgZW1wdHlUZXh0ID0gaW5wdXQ8c3RyaW5nPignTmVuaHVtIHJlc3VsdGFkbyBlbmNvbnRyYWRvJyk7XHJcblxyXG4gIGxvZ28gPSBpbnB1dDxzdHJpbmc+KCdodHRwczovL3dvcmstYXNzZXRzLmtlZXZvLmNvbS5ici9pbWcvbG9nby1rZWV2b2NlbnRlci5wbmcnKTtcclxuICBub21lVXN1YXJpbyA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cclxuICBvblNlbGVjdE1hc3RlciA9IG91dHB1dDxhbnk+KCk7XHJcbiAgb25GaWx0ZXIgPSBvdXRwdXQ8YW55PigpO1xyXG5cclxuICBjcGZDbnBqUGlwZSA9IGluamVjdChDcGZDbnBqUGlwZSk7XHJcbiAgZmIgPSBpbmplY3QoRm9ybUJ1aWxkZXIpO1xyXG5cclxuICB3b3Jrc3BhY2VGb3JtITogRm9ybUdyb3VwO1xyXG5cclxuICB0cmFuc2Zvcm1DcGZDbnBqID0gY29tcHV0ZWQoKCkgPT4gKGNwZkNucGo6IHN0cmluZykgPT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuY3BmQ25walBpcGUudHJhbnNmb3JtKGNwZkNucGopO1xyXG4gIH0pO1xyXG5cclxuICBpc0VtcHJlc2EgPSBjb21wdXRlZCgoKSA9PiAoY3BmQ25wajogc3RyaW5nKSA9PiB7XHJcbiAgICByZXR1cm4gY3BmQ25wai5sZW5ndGggPiAxMTtcclxuICB9KVxyXG5cclxuICBtaW5XaWR0aENhcmQgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICByZXR1cm4gdGhpcy53aWR0aFNjcmVlbigpID49IDk5MiA/ICc0NXJlbScgOiAnMTAwJSc7XHJcbiAgfSk7XHJcblxyXG4gIHRyYW5zZm9ybVJhemFvU29jaWFsID0gY29tcHV0ZWQoKCkgPT4gKHJhemFvc29jaWFsOiBzdHJpbmcpID0+IHtcclxuICAgIHJldHVybiByYXphb3NvY2lhbC5sZW5ndGggPiA3MiA/IGAke3JhemFvc29jaWFsLnN1YnN0cmluZygwLCA3Mil9Li4uYCA6IHJhemFvc29jaWFsO1xyXG4gIH0pO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMud29ya3NwYWNlRm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xyXG4gICAgICBzZWFyY2g6IFsnJ11cclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMuZmlsdGVyZWRNYXN0ZXJzLnNldCh0aGlzLm1hc3RlcnMoKSk7XHJcblxyXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsICgpID0+IHtcclxuICAgICAgdGhpcy53aWR0aFNjcmVlbi5zZXQod2luZG93LmlubmVyV2lkdGgpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RNYXN0ZXIobWFzdGVyOiBhbnkpIHtcclxuICAgIHRoaXMub25TZWxlY3RNYXN0ZXIuZW1pdChtYXN0ZXIpO1xyXG4gIH1cclxuXHJcbiAgYnVzY2FyTWFzdGVycygpIHtcclxuICAgIHRoaXMub25GaWx0ZXIuZW1pdCh0aGlzLndvcmtzcGFjZUZvcm0udmFsdWUuc2VhcmNoKTtcclxuICAgIGNvbnN0IHNlYXJjaFZhbHVlID0gdGhpcy53b3Jrc3BhY2VGb3JtLnZhbHVlLnNlYXJjaC50b0xvd2VyQ2FzZSgpO1xyXG4gICAgdGhpcy5maWx0ZXJlZE1hc3RlcnMuc2V0KHRoaXMubWFzdGVycygpLmZpbHRlcigobWFzdGVyOiBhbnkpID0+IHtcclxuICAgICAgcmV0dXJuIG1hc3Rlci5jcGZjbnBqLmluY2x1ZGVzKHNlYXJjaFZhbHVlKSB8fCBcclxuICAgICAgICAgICAgIG1hc3Rlci5ub21lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUpIHx8IFxyXG4gICAgICAgICAgICAgbWFzdGVyLmlkbWFzdGVyLnRvU3RyaW5nKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUpO1xyXG4gICAgfSkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJiZy13aGl0ZSBoLWF1dG8gYm9yZGVyLXJvdW5kLWxnIGxnOnAtMyBwLTEgZmxleCBmbGV4LWNvbHVtbiBnYXAtMiBvdmVyZmxvdy1oaWRkZW5cIlxyXG4gIFtzdHlsZS5tYXgtd2lkdGgucmVtXT1cIic0NSdcIlxyXG4gIFtzdHlsZS5taW4td2lkdGhdPVwibWluV2lkdGhDYXJkKClcIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cInB4LTIgZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTJcIj5cclxuICAgIDxpbWcgW3NyY109XCJsb2dvKClcIiBzdHlsZT1cImhlaWdodDogNHJlbVwiIGNsYXNzPVwicHktMlwiIC8+XHJcbiAgICA8c3BhbiBjbGFzcz1cInRleHQtc21cIj5cclxuICAgICAgT2zDoSwgPGI+e3sgbm9tZVVzdWFyaW8oKSB9fTwvYlxyXG4gICAgICA+LiBCZW0gdmluZG8gKGEpISBFc2NvbGhhIGEgPGI+TGljZW7Dp2E8L2I+IHF1ZSBkZXNlamEgYWNlc3NhcjpcclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuXHJcbiAgQGlmKG1hc3RlcnMoKS5sZW5ndGggPiA2KSB7XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJjb2wtMTIgZ3JpZCBmb3JtZ3JpZCBwLWZsdWlkIG0tMCBweC0yIHB0LTIgcGItMFwiXHJcbiAgICBbZm9ybUdyb3VwXT1cIndvcmtzcGFjZUZvcm1cIlxyXG4gID5cclxuICAgIDxrdi1pbnB1dC10ZXh0XHJcbiAgICAgIHBsYWNlaG9sZGVyPVwiQnVzY2FyIGxpY2Vuw6dhXCJcclxuICAgICAgY2xhc3M9XCJjb2wtMTIgbS0wIHAtMFwiXHJcbiAgICAgIChvbklucHV0KT1cImJ1c2Nhck1hc3RlcnMoKVwiXHJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cInNlYXJjaFwiXHJcbiAgICA+PC9rdi1pbnB1dC10ZXh0PlxyXG4gIDwvZGl2PlxyXG4gIH1cclxuXHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJncmlkIG0tMCBib3JkZXItcm91bmQtbGcgZ2FwLTIgcC0yIHt7XHJcbiAgICAgIChmaWx0ZXJlZE1hc3RlcnMoKS5sZW5ndGggPiA2IHx8IHRoaXMud2lkdGhTY3JlZW4oKSA8IDk5MikgJiZcclxuICAgICAgICAnb3ZlcmZsb3cteS1hdXRvJ1xyXG4gICAgfX0gbWF4LWgtMjRyZW0gY2FyZHMtY29udGFpbmVyXCJcclxuICA+XHJcbiAgICBAZm9yKG1hc3RlciBvZiBmaWx0ZXJlZE1hc3RlcnMoKTsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwie3tcclxuICAgICAgICAkaW5kZXggJSAyID09IDAgPyAnc206Y29sLTYgY29sLTEyJyA6ICdzbTpjb2wgY29sLTEyJ1xyXG4gICAgICB9fSBwLTAgY2FyZC1vcHRpb25cIlxyXG4gICAgICAoY2xpY2spPVwic2VsZWN0TWFzdGVyKG1hc3RlcilcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBwLTMgZ2FwLTFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTEgZm9udC1zZW1pYm9sZCBtYi0yXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgdGV4dC1tZFwiPiBhcnRpY2xlIDwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1zbVwiPnt7IG1hc3Rlci5pZG1hc3RlciB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTEgZm9udC1zZW1pYm9sZFwiPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNtXCI+e3tcclxuICAgICAgICAgICAgaXNFbXByZXNhKCkobWFzdGVyLmNwZmNucGopID8gXCJDTlBKOlwiIDogXCJDUEY6XCJcclxuICAgICAgICAgIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PiAtLT5cclxuXHJcbiAgICAgICAgPHNwYW4gc3R5bGU9XCJ3b3JkLWJyZWFrOiBicmVhay13b3JkIGZvbnQtbWVkaXVtXCIgY2xhc3M9XCJ0ZXh0LXNtXCI+e3tcclxuICAgICAgICAgIHRyYW5zZm9ybVJhemFvU29jaWFsKCkobWFzdGVyLm5vbWUpXHJcbiAgICAgICAgfX08L3NwYW4+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtMSBmb250LXNlbWlib2xkXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQteHNcIj57e1xyXG4gICAgICAgICAgICBpc0VtcHJlc2EoKShtYXN0ZXIuY3BmY25waikgPyBcIkNOUEo6XCIgOiBcIkNQRjpcIlxyXG4gICAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQteHNcIj57e1xyXG4gICAgICAgICAgICB0cmFuc2Zvcm1DcGZDbnBqKCkobWFzdGVyLmNwZmNucGopXHJcbiAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICB9IEBpZihmaWx0ZXJlZE1hc3RlcnMoKS5sZW5ndGggPT0gMCkge1xyXG4gICAgPHA+e3sgZW1wdHlUZXh0KCkgfX08L3A+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -8776,6 +8776,9 @@ class KvCardSelectionComponent {
|
|
|
8776
8776
|
this.minWidthCard = computed(() => {
|
|
8777
8777
|
return this.widthScreen() >= 992 ? '45rem' : '100%';
|
|
8778
8778
|
});
|
|
8779
|
+
this.transformRazaoSocial = computed(() => (razaosocial) => {
|
|
8780
|
+
return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
|
|
8781
|
+
});
|
|
8779
8782
|
}
|
|
8780
8783
|
ngOnInit() {
|
|
8781
8784
|
this.workspaceForm = this.fb.group({
|
|
@@ -8793,15 +8796,17 @@ class KvCardSelectionComponent {
|
|
|
8793
8796
|
this.onFilter.emit(this.workspaceForm.value.search);
|
|
8794
8797
|
const searchValue = this.workspaceForm.value.search.toLowerCase();
|
|
8795
8798
|
this.filteredMasters.set(this.masters().filter((master) => {
|
|
8796
|
-
return master.cpfcnpj.includes(searchValue) ||
|
|
8799
|
+
return master.cpfcnpj.includes(searchValue) ||
|
|
8800
|
+
master.nome.toLowerCase().includes(searchValue) ||
|
|
8801
|
+
master.idmaster.toString().includes(searchValue);
|
|
8797
8802
|
}));
|
|
8798
8803
|
}
|
|
8799
8804
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardSelectionComponent, selector: "kv-card-selection", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectMaster: "onSelectMaster", onFilter: "onFilter" }, ngImport: i0, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"
|
|
8805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardSelectionComponent, selector: "kv-card-selection", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectMaster: "onSelectMaster", onFilter: "onFilter" }, ngImport: i0, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a <b>Licen\u00E7a</b> que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n @if(masters().length > 6) {\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar licen\u00E7a\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"buscarMasters()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (filteredMasters().length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n >\r\n @for(master of filteredMasters(); track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selectMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <!-- <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-sm\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n </div> -->\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{\r\n transformCpfCnpj()(master.cpfcnpj)\r\n }}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n } @if(filteredMasters().length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}span{color:#64748b}\n"], dependencies: [{ kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
8801
8806
|
}
|
|
8802
8807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardSelectionComponent, decorators: [{
|
|
8803
8808
|
type: Component,
|
|
8804
|
-
args: [{ selector: 'kv-card-selection', standalone: false, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"
|
|
8809
|
+
args: [{ selector: 'kv-card-selection', standalone: false, template: "<div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n>\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logo()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a <b>Licen\u00E7a</b> que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n @if(masters().length > 6) {\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar licen\u00E7a\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"buscarMasters()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (filteredMasters().length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n >\r\n @for(master of filteredMasters(); track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selectMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <!-- <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-sm\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n </div> -->\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{\r\n transformCpfCnpj()(master.cpfcnpj)\r\n }}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n } @if(filteredMasters().length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}span{color:#64748b}\n"] }]
|
|
8805
8810
|
}] });
|
|
8806
8811
|
|
|
8807
8812
|
class KvCardSelectionModule {
|