@litigiovirtual/ius-design-components 1.0.125 → 1.0.127
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/card-button-checkbox/card-button-checkbox.component.mjs +10 -11
- package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/icons/icons-map.mjs +4 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +13 -11
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-button-checkbox/card-button-checkbox.component.d.ts +3 -4
- package/package.json +1 -1
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { PortalModule } from "@angular/cdk/portal";
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
|
-
import {
|
|
4
|
+
import { CheckboxComponent } from "../checkbox";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
7
|
export class CardButtonCheckboxComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.isChecked = false;
|
|
10
|
+
this.disabledCheckbox = false;
|
|
10
11
|
this.estado = '';
|
|
11
12
|
this.tipoProceso = '';
|
|
12
13
|
this.radicado = '';
|
|
13
14
|
this.competente = '';
|
|
14
15
|
this.onChecked = new EventEmitter();
|
|
15
|
-
this.toggleChecked = false;
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
toggleCheck() {
|
|
21
|
-
this.toggleChecked = !this.toggleChecked;
|
|
22
|
-
this.onChecked.emit(this.toggleChecked);
|
|
17
|
+
toggleCheck(checked) {
|
|
18
|
+
this.isChecked = checked;
|
|
19
|
+
this.onChecked.emit(this.isChecked);
|
|
23
20
|
}
|
|
24
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardButtonCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardButtonCheckboxComponent, isStandalone: true, selector: "ius-card-button-checkbox", inputs: { isChecked: "isChecked", estado: "estado", tipoProceso: "tipoProceso", radicado: "radicado", competente: "competente" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\"
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardButtonCheckboxComponent, isStandalone: true, selector: "ius-card-button-checkbox", inputs: { isChecked: "isChecked", disabledCheckbox: "disabledCheckbox", estado: "estado", tipoProceso: "tipoProceso", radicado: "radicado", competente: "competente" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [ngClass]=\"{'checked': isChecked}\">\r\n <ius-checkbox [checked]=\"isChecked\" [disabled]=\"disabledCheckbox\" (checkedChange)=\"toggleCheck($event)\"></ius-checkbox>\r\n <div class=\"data-container\">\r\n <div class=\"data\">\r\n <div class=\"status-container\">\r\n <p class=\"state\">{{ estado }}</p>\r\n <p class=\"tipo-proceso\">{{tipoProceso}}</p>\r\n </div>\r\n <p class=\"radicado\">{{radicado}}</p>\r\n <p class=\"competente\">{{competente}}</p>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;height:88px;box-sizing:border-box;padding:4px;align-items:center;gap:4px;border-radius:8px;border:1px solid #eaeaea}.container:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.checked{border:1px solid #184FDB;background:#edf6ff}.data-container{display:flex;width:80%;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex-shrink:0}.data{display:flex;width:100%;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px}.status-container{display:flex;align-items:center;gap:4px;align-self:stretch}.status-container .state{margin:0;color:#629219;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.status-container .tipo-proceso{margin:0;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.radicado{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.competente{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckboxComponent, selector: "ius-checkbox", inputs: ["checked", "disabled"], outputs: ["checkedChange"] }] }); }
|
|
26
23
|
}
|
|
27
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardButtonCheckboxComponent, decorators: [{
|
|
28
25
|
type: Component,
|
|
29
|
-
args: [{ selector: 'ius-card-button-checkbox', standalone: true, imports: [PortalModule, CommonModule,
|
|
26
|
+
args: [{ selector: 'ius-card-button-checkbox', standalone: true, imports: [PortalModule, CommonModule, CheckboxComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" [ngClass]=\"{'checked': isChecked}\">\r\n <ius-checkbox [checked]=\"isChecked\" [disabled]=\"disabledCheckbox\" (checkedChange)=\"toggleCheck($event)\"></ius-checkbox>\r\n <div class=\"data-container\">\r\n <div class=\"data\">\r\n <div class=\"status-container\">\r\n <p class=\"state\">{{ estado }}</p>\r\n <p class=\"tipo-proceso\">{{tipoProceso}}</p>\r\n </div>\r\n <p class=\"radicado\">{{radicado}}</p>\r\n <p class=\"competente\">{{competente}}</p>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;height:88px;box-sizing:border-box;padding:4px;align-items:center;gap:4px;border-radius:8px;border:1px solid #eaeaea}.container:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.checked{border:1px solid #184FDB;background:#edf6ff}.data-container{display:flex;width:80%;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex-shrink:0}.data{display:flex;width:100%;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px}.status-container{display:flex;align-items:center;gap:4px;align-self:stretch}.status-container .state{margin:0;color:#629219;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.status-container .tipo-proceso{margin:0;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.radicado{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.competente{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}\n"] }]
|
|
30
27
|
}], propDecorators: { isChecked: [{
|
|
31
28
|
type: Input
|
|
29
|
+
}], disabledCheckbox: [{
|
|
30
|
+
type: Input
|
|
32
31
|
}], estado: [{
|
|
33
32
|
type: Input
|
|
34
33
|
}], tipoProceso: [{
|
|
@@ -40,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
39
|
}], onChecked: [{
|
|
41
40
|
type: Output
|
|
42
41
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1idXR0b24tY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1idXR0b24tY2hlY2tib3gvY2FyZC1idXR0b24tY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1idXR0b24tY2hlY2tib3gvY2FyZC1idXR0b24tY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBU2hELE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFTVyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUNsQyxXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUV2QixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQU9uRDtJQUxDLFdBQVcsQ0FBQyxPQUFnQjtRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsQ0FBQzsrR0FkVSwyQkFBMkI7bUdBQTNCLDJCQUEyQixpU0NaeEMsMG5CQWVBLHVtRkRQWSxZQUFZLDhCQUFFLFlBQVksNkhBQUUsaUJBQWlCOzs0RkFJNUMsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixDQUFDOzhCQU0vQyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvcnRhbE1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jZGsvcG9ydGFsXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSBcIi4uL2NoZWNrYm94XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLWJ1dHRvbi1jaGVja2JveCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbUG9ydGFsTW9kdWxlLCBDb21tb25Nb2R1bGUsIENoZWNrYm94Q29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1idXR0b24tY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWJ1dHRvbi1jaGVja2JveC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRCdXR0b25DaGVja2JveENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGlzQ2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkQ2hlY2tib3g6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBlc3RhZG86IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRpcG9Qcm9jZXNvOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSByYWRpY2Fkbzogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY29tcGV0ZW50ZTogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkNoZWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIHRvZ2dsZUNoZWNrKGNoZWNrZWQ6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuaXNDaGVja2VkID0gY2hlY2tlZDtcclxuICAgIHRoaXMub25DaGVja2VkLmVtaXQodGhpcy5pc0NoZWNrZWQpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnY2hlY2tlZCc6IGlzQ2hlY2tlZH1cIj5cclxuICAgIDxpdXMtY2hlY2tib3ggW2NoZWNrZWRdPVwiaXNDaGVja2VkXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkQ2hlY2tib3hcIiAoY2hlY2tlZENoYW5nZSk9XCJ0b2dnbGVDaGVjaygkZXZlbnQpXCI+PC9pdXMtY2hlY2tib3g+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJzdGF0ZVwiPnt7IGVzdGFkbyB9fTwvcD5cclxuICAgICAgICAgIDxwIGNsYXNzPVwidGlwby1wcm9jZXNvXCI+e3t0aXBvUHJvY2Vzb319PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxwIGNsYXNzPVwicmFkaWNhZG9cIj57e3JhZGljYWRvfX08L3A+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJjb21wZXRlbnRlXCI+e3tjb21wZXRlbnRlfX08L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -16,11 +16,11 @@ export class CheckboxComponent {
|
|
|
16
16
|
this.checkedChange.emit(this.checked);
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CheckboxComponent, isStandalone: true, selector: "ius-checkbox", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div class=\"container-general\" (click)=\"onChecked()\">\r\n <div class=\"container-interno\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\r\n @if (checked) {\r\n <ius-icon-md iconName=\"icon-check\" class=\"icon\"></ius-icon-md>\r\n }@else{\r\n <div class=\"icon-false\"></div>\r\n }\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;display:flex;width:42px;height:42px;align-items:center;gap:10px;flex-shrink:0;aspect-ratio:1/1}.container-interno{display:flex;padding:11px;cursor:pointer;justify-content:center;align-items:center;border-radius:100px}.container-interno:hover:not(.disabled){background:#eaeaea}.container-interno:hover:not(.disabled) .icon-false{background:#fff}.container-interno:active:not(.disabled){background:#79acff}.container-interno.disabled{background-color:transparent;cursor:not-allowed}.container-interno.disabled .icon-false{border:1px solid #eaeaea;background:#fff}.container-interno.disabled .icon{background-color:#eaeaea}.icon{border-radius:4px;background:#eaeaea;background-color:#2167ff;color:#eaeaea}.icon-false{width:20px;height:20px;border-radius:4px;background:#eaeaea}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CheckboxComponent, isStandalone: true, selector: "ius-checkbox", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div class=\"container-general\" (click)=\"onChecked()\">\r\n <div class=\"container-interno\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\r\n @if (checked) {\r\n <ius-icon-md iconName=\"icon-check\" class=\"icon\"></ius-icon-md>\r\n }@else{\r\n <div class=\"icon-false\"></div>\r\n }\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;display:flex;width:42px;height:42px;align-items:center;gap:10px;flex-shrink:0;aspect-ratio:1/1}.container-interno{display:flex;padding:11px;cursor:pointer;justify-content:center;align-items:center;border-radius:100px}.container-interno:hover:not(.disabled){background:#eaeaea}.container-interno:hover:not(.disabled) .icon-false{background:#fff}.container-interno:active:not(.disabled){background:#79acff}.container-interno.disabled{background-color:transparent;cursor:not-allowed}.container-interno.disabled .icon-false{border:1px solid #eaeaea;background:#fff}.container-interno.disabled .icon{background-color:#eaeaea;border:1px solid #eaeaea;color:#fff}.icon{border-radius:4px;background:#eaeaea;background-color:#2167ff;color:#eaeaea}.icon-false{width:20px;height:20px;border-radius:4px;background:#eaeaea}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'ius-checkbox', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"container-general\" (click)=\"onChecked()\">\r\n <div class=\"container-interno\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\r\n @if (checked) {\r\n <ius-icon-md iconName=\"icon-check\" class=\"icon\"></ius-icon-md>\r\n }@else{\r\n <div class=\"icon-false\"></div>\r\n }\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;display:flex;width:42px;height:42px;align-items:center;gap:10px;flex-shrink:0;aspect-ratio:1/1}.container-interno{display:flex;padding:11px;cursor:pointer;justify-content:center;align-items:center;border-radius:100px}.container-interno:hover:not(.disabled){background:#eaeaea}.container-interno:hover:not(.disabled) .icon-false{background:#fff}.container-interno:active:not(.disabled){background:#79acff}.container-interno.disabled{background-color:transparent;cursor:not-allowed}.container-interno.disabled .icon-false{border:1px solid #eaeaea;background:#fff}.container-interno.disabled .icon{background-color:#eaeaea}.icon{border-radius:4px;background:#eaeaea;background-color:#2167ff;color:#eaeaea}.icon-false{width:20px;height:20px;border-radius:4px;background:#eaeaea}\n"] }]
|
|
23
|
+
args: [{ selector: 'ius-checkbox', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"container-general\" (click)=\"onChecked()\">\r\n <div class=\"container-interno\" [class.checked]=\"checked\" [class.disabled]=\"disabled\">\r\n @if (checked) {\r\n <ius-icon-md iconName=\"icon-check\" class=\"icon\"></ius-icon-md>\r\n }@else{\r\n <div class=\"icon-false\"></div>\r\n }\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;display:flex;width:42px;height:42px;align-items:center;gap:10px;flex-shrink:0;aspect-ratio:1/1}.container-interno{display:flex;padding:11px;cursor:pointer;justify-content:center;align-items:center;border-radius:100px}.container-interno:hover:not(.disabled){background:#eaeaea}.container-interno:hover:not(.disabled) .icon-false{background:#fff}.container-interno:active:not(.disabled){background:#79acff}.container-interno.disabled{background-color:transparent;cursor:not-allowed}.container-interno.disabled .icon-false{border:1px solid #eaeaea;background:#fff}.container-interno.disabled .icon{background-color:#eaeaea;border:1px solid #eaeaea;color:#fff}.icon{border-radius:4px;background:#eaeaea;background-color:#2167ff;color:#eaeaea}.icon-false{width:20px;height:20px;border-radius:4px;background:#eaeaea}\n"] }]
|
|
24
24
|
}], propDecorators: { checked: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], disabled: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
28
28
|
}], checkedChange: [{
|
|
29
29
|
type: Output
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVUvRCxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBU1csWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQVV2RDtJQVJDLFNBQVM7UUFDUCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOytHQVpVLGlCQUFpQjttR0FBakIsaUJBQWlCLDJLQ1o5QixxVkFRTSw2dEVEQU0sWUFBWSwrQkFBRSxlQUFlOzs0RkFJNUIsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDOzhCQU0vQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2hlY2tib3gnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1kQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNoZWNrZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIG9uQ2hlY2tlZCgpIHtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuY2hlY2tlZCA9ICF0aGlzLmNoZWNrZWQ7XHJcbiAgICB0aGlzLmNoZWNrZWRDaGFuZ2UuZW1pdCh0aGlzLmNoZWNrZWQpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci1nZW5lcmFsXCIgKGNsaWNrKT1cIm9uQ2hlY2tlZCgpXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1pbnRlcm5vXCIgW2NsYXNzLmNoZWNrZWRdPVwiY2hlY2tlZFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxyXG4gICAgQGlmIChjaGVja2VkKSB7XHJcbiAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNoZWNrXCIgY2xhc3M9XCJpY29uXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgIH1AZWxzZXtcclxuICAgICAgPGRpdiBjbGFzcz1cImljb24tZmFsc2VcIj48L2Rpdj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|