@litigiovirtual/ius-design-components 1.0.147 → 1.0.149
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-plan-subscription/card-plan-subscription.component.mjs +10 -6
- package/esm2022/lib/checkbox-radio/checkbox-radio.component.mjs +74 -0
- package/esm2022/lib/checkbox-radio/index.mjs +2 -0
- package/esm2022/lib/user-card/user-card.component.mjs +6 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +88 -10
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-plan-subscription/card-plan-subscription.component.d.ts +3 -2
- package/lib/checkbox-radio/checkbox-radio.component.d.ts +20 -0
- package/lib/checkbox-radio/index.d.ts +1 -0
- package/lib/user-card/user-card.component.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -5,6 +5,8 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export class CardPlanSubscriptionComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.hover = false;
|
|
8
|
+
this.iconName = 'icon-extension';
|
|
9
|
+
this.iconColor = '#02457F';
|
|
8
10
|
this.onClickCard = new EventEmitter();
|
|
9
11
|
}
|
|
10
12
|
onMouseEnter() {
|
|
@@ -18,14 +20,12 @@ export class CardPlanSubscriptionComponent {
|
|
|
18
20
|
this.onClickCard.emit(this.planID);
|
|
19
21
|
}
|
|
20
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardPlanSubscriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardPlanSubscriptionComponent, isStandalone: true, selector: "ius-card-plan-subscription", inputs: {
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardPlanSubscriptionComponent, isStandalone: true, selector: "ius-card-plan-subscription", inputs: { planType: "planType", name: "name", role: "role", label1: "label1", data1: "data1", label2: "label2", data2: "data2", planID: "planID", titleDate: "titleDate", date: "date", iconName: "iconName", iconColor: "iconColor" }, outputs: { onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"image-container\">\r\n <ius-icon-sm [color]=\"iconColor\" [iconName]=\"iconName\"></ius-icon-sm>\r\n </div>\r\n <div class=\"data-container\">\r\n <div class=\"data-container-interno\">\r\n <p class=\"state\">\r\n {{ planType }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <div class=\"container\">\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n\r\n </div>\r\n <div class=\"container-active\">\r\n <p>Activo</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div>\r\n <p class=\"title\">{{ titleDate }}</p>\r\n <p class=\"data\">{{ date }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <span class=\"data\">Asigna tus cupos</span>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-discover-tune\"\r\n (buttonClicked)=\"clickCard($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:8px 16px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px;border-radius:100px;border:.5px solid #f5f5f5;background:#c4dfff;width:32px;height:32px;justify-content:center;aspect-ratio:1/1}.left-data .data-container{display:flex;align-items:center;gap:4px}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.left-data .container{display:flex;align-items:flex-start;gap:8px}.left-data .container .data-container{display:flex;align-items:center;gap:4px}.left-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.left-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data p{margin:0}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}.container-active{display:flex;align-items:center;gap:10px;align-self:stretch}.container-active p{color:#7caf25;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
|
|
22
24
|
}
|
|
23
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardPlanSubscriptionComponent, decorators: [{
|
|
24
26
|
type: Component,
|
|
25
|
-
args: [{ selector: 'ius-card-plan-subscription', standalone: true, imports: [ButtonSquaredTertiaryComponent, IconSmComponent], template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"image-container\">\r\n <ius-icon-sm iconName=\"
|
|
26
|
-
}], propDecorators: {
|
|
27
|
-
type: Input
|
|
28
|
-
}], planType: [{
|
|
27
|
+
args: [{ selector: 'ius-card-plan-subscription', standalone: true, imports: [ButtonSquaredTertiaryComponent, IconSmComponent], template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"image-container\">\r\n <ius-icon-sm [color]=\"iconColor\" [iconName]=\"iconName\"></ius-icon-sm>\r\n </div>\r\n <div class=\"data-container\">\r\n <div class=\"data-container-interno\">\r\n <p class=\"state\">\r\n {{ planType }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <div class=\"container\">\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n\r\n </div>\r\n <div class=\"container-active\">\r\n <p>Activo</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div>\r\n <p class=\"title\">{{ titleDate }}</p>\r\n <p class=\"data\">{{ date }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <span class=\"data\">Asigna tus cupos</span>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-discover-tune\"\r\n (buttonClicked)=\"clickCard($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:8px 16px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px;border-radius:100px;border:.5px solid #f5f5f5;background:#c4dfff;width:32px;height:32px;justify-content:center;aspect-ratio:1/1}.left-data .data-container{display:flex;align-items:center;gap:4px}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.left-data .container{display:flex;align-items:flex-start;gap:8px}.left-data .container .data-container{display:flex;align-items:center;gap:4px}.left-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.left-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data p{margin:0}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}.container-active{display:flex;align-items:center;gap:10px;align-self:stretch}.container-active p{color:#7caf25;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
28
|
+
}], propDecorators: { planType: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], name: [{
|
|
31
31
|
type: Input
|
|
@@ -45,7 +45,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
45
45
|
type: Input
|
|
46
46
|
}], date: [{
|
|
47
47
|
type: Input
|
|
48
|
+
}], iconName: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], iconColor: [{
|
|
51
|
+
type: Input
|
|
48
52
|
}], onClickCard: [{
|
|
49
53
|
type: Output
|
|
50
54
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wbGFuLXN1YnNjcmlwdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uL2NhcmQtcGxhbi1zdWJzY3JpcHRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1wbGFuLXN1YnNjcmlwdGlvbi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFHLDhCQUE4QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFTN0MsTUFBTSxPQUFPLDZCQUE2QjtJQVAxQztRQVNFLFVBQUssR0FBWSxLQUFLLENBQUM7UUFZZCxhQUFRLEdBQVcsZ0JBQWdCLENBQUM7UUFDcEMsY0FBUyxHQUFXLFNBQVMsQ0FBQztRQUk3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FjakQ7SUFiQyxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7K0dBL0JVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHVXQ1gxQywrOUVBcURNLDhtS0Q5Q00sOEJBQThCLHNJQUFFLGVBQWU7OzRGQUk5Qyw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLDhCQUE4QixFQUFFLGVBQWUsQ0FBQzs4QkFRakQsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUlJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyAgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5XCI7XHJcbmltcG9ydCB7IEljb25TbUNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLXNtXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLXBsYW4tc3Vic2NyaXB0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIEljb25TbUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcGxhbi1zdWJzY3JpcHRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZFBsYW5TdWJzY3JpcHRpb25Db21wb25lbnQge1xyXG5cclxuICBob3ZlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBwbGFuVHlwZT86IHN0cmluZztcclxuICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJvbGU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFiZWwxPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGExPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhYmVsMj86IHN0cmluZztcclxuICBASW5wdXQoKSBkYXRhMj86IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFuSUQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgdGl0bGVEYXRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGU/OiBzdHJpbmcgfCBEYXRlO1xyXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnaWNvbi1leHRlbnNpb24nO1xyXG4gIEBJbnB1dCgpIGljb25Db2xvcjogc3RyaW5nID0gJyMwMjQ1N0YnO1xyXG5cclxuXHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrQ2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tDYXJkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLm9uQ2xpY2tDYXJkLmVtaXQodGhpcy5wbGFuSUQpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNhcmRcIiAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCIgKGNsaWNrKT1cImNsaWNrQ2FyZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtZGF0YVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpdXMtaWNvbi1zbSBbY29sb3JdPVwiaWNvbkNvbG9yXCIgW2ljb25OYW1lXT1cImljb25OYW1lXCI+PC9pdXMtaWNvbi1zbT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyLWludGVybm9cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJzdGF0ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgcGxhblR5cGUgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm5hbWVcIj57eyBuYW1lIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+e3sgbGFiZWwxIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZGF0YVwiPnt7IGRhdGExIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+e3sgbGFiZWwyIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZGF0YVwiPnt7IGRhdGEyIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1hY3RpdmVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPkFjdGl2bzwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1kYXRhXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZURhdGUgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJkYXRhXCI+e3sgZGF0ZSB9fTwvcD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgQGlmIChob3Zlcikge1xyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRhdGFcIj5Bc2lnbmEgdHVzIGN1cG9zPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWRpc2NvdmVyLXR1bmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tDYXJkKCRldmVudClcIj48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0blwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWtleWJvYXJkLWFycm93LXJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tDYXJkKCRldmVudClcIj48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter, forwardRef, HostBinding, } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class CheckboxRadioComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.label = '';
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
this.checked = false;
|
|
9
|
+
this.checkedChange = new EventEmitter();
|
|
10
|
+
this.onChange = () => { };
|
|
11
|
+
this.onTouched = () => { };
|
|
12
|
+
}
|
|
13
|
+
get isDisabledClass() {
|
|
14
|
+
return this.disabled;
|
|
15
|
+
}
|
|
16
|
+
get isCheckedClass() {
|
|
17
|
+
return this.checked;
|
|
18
|
+
}
|
|
19
|
+
writeValue(value) {
|
|
20
|
+
this.checked = !!value;
|
|
21
|
+
}
|
|
22
|
+
registerOnChange(fn) {
|
|
23
|
+
this.onChange = fn;
|
|
24
|
+
}
|
|
25
|
+
registerOnTouched(fn) {
|
|
26
|
+
this.onTouched = fn;
|
|
27
|
+
}
|
|
28
|
+
setDisabledState(isDisabled) {
|
|
29
|
+
this.disabled = isDisabled;
|
|
30
|
+
}
|
|
31
|
+
toggle() {
|
|
32
|
+
if (this.disabled)
|
|
33
|
+
return;
|
|
34
|
+
this.checked = !this.checked;
|
|
35
|
+
this.onChange(this.checked);
|
|
36
|
+
this.checkedChange.emit(this.checked);
|
|
37
|
+
}
|
|
38
|
+
markTouched() {
|
|
39
|
+
this.onTouched();
|
|
40
|
+
}
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CheckboxRadioComponent, isStandalone: true, selector: "ius-checkbox-radio", inputs: { label: "label", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class.is-disabled": "this.isDisabledClass", "class.is-checked": "this.isCheckedClass" } }, providers: [
|
|
43
|
+
{
|
|
44
|
+
provide: NG_VALUE_ACCESSOR,
|
|
45
|
+
useExisting: forwardRef(() => CheckboxRadioComponent),
|
|
46
|
+
multi: true,
|
|
47
|
+
},
|
|
48
|
+
], ngImport: i0, template: "<div class=\"general-container\">\r\n <label class=\"cc\" (mousedown)=\"markTouched()\">\r\n <input\r\n class=\"cc__native\"\r\n type=\"checkbox\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n (change)=\"toggle()\"\r\n />\r\n\r\n <span class=\"cc__visual\" aria-hidden=\"true\">\r\n <span class=\"cc__dot\"></span>\r\n </span>\r\n\r\n @if (label) {\r\n <span class=\"cc__label\">{{ label }}</span>\r\n }\r\n </label>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.general-container{position:relative}:host{--cc-blue-600: #1d4ed8;--cc-blue-100: #dbeafe;--cc-gray-200: #e5e7eb;--cc-gray-300: #d1d5db;--cc-gray-400: #9ca3af;--cc-size: 20px;--cc-border: 1px;--cc-hole: 10px;--cc-ring: 3px;--cc-gap: 6px;display:inline-block}.cc{display:inline-flex;align-items:center;gap:var(--cc-gap);cursor:pointer;-webkit-user-select:none;user-select:none}:host(.is-disabled) .cc{cursor:not-allowed;opacity:1}.cc__native{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.cc__visual{width:var(--cc-size);height:var(--cc-size);border-radius:100%;display:grid;place-items:center;background:#fff;border:var(--cc-border) solid var(--cc-gray-200)}.cc__dot{width:var(--cc-hole);height:var(--cc-hole);border-radius:999px;background:transparent}:host(:not(.is-disabled):not(.is-checked)) .cc:hover .cc__visual{border-color:var(--cc-blue-600);box-shadow:0 0 0 var(--cc-ring) var(--cc-blue-100)}:host(:not(.is-disabled):not(.is-checked)) .cc:active .cc__visual{border-color:var(--cc-blue-600);box-shadow:0 0 0 calc(var(--cc-ring) + 2px) var(--cc-blue-100)}:host(.is-checked) .cc__visual{background:var(--cc-blue-600);border-color:var(--cc-blue-600)}:host(.is-checked) .cc__dot{background:#fff}:host(.is-checked:not(.is-disabled)) .cc:hover .cc__visual{box-shadow:0 0 0 var(--cc-ring) var(--cc-blue-100)}:host(.is-checked:not(.is-disabled)) .cc:active .cc__visual{box-shadow:0 0 0 calc(var(--cc-ring) + 2px) var(--cc-blue-100)}:host(.is-disabled:not(.is-checked)) .cc__visual{background:#fff;border-color:var(--cc-gray-200)}:host(.is-disabled.is-checked) .cc__visual{background:var(--cc-gray-300);border-color:var(--cc-gray-300)}:host(.is-disabled.is-checked) .cc__dot{background:#fff}.cc__label{font-size:14px;color:#111827}:host(.is-disabled) .cc__label{color:var(--cc-gray-400)}.cc__native:focus-visible+.cc__visual{outline:3px solid var(--cc-blue-100);outline-offset:2px}\n"] }); }
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxRadioComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'ius-checkbox-radio', standalone: true, imports: [], providers: [
|
|
53
|
+
{
|
|
54
|
+
provide: NG_VALUE_ACCESSOR,
|
|
55
|
+
useExisting: forwardRef(() => CheckboxRadioComponent),
|
|
56
|
+
multi: true,
|
|
57
|
+
},
|
|
58
|
+
], template: "<div class=\"general-container\">\r\n <label class=\"cc\" (mousedown)=\"markTouched()\">\r\n <input\r\n class=\"cc__native\"\r\n type=\"checkbox\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled\"\r\n (change)=\"toggle()\"\r\n />\r\n\r\n <span class=\"cc__visual\" aria-hidden=\"true\">\r\n <span class=\"cc__dot\"></span>\r\n </span>\r\n\r\n @if (label) {\r\n <span class=\"cc__label\">{{ label }}</span>\r\n }\r\n </label>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.general-container{position:relative}:host{--cc-blue-600: #1d4ed8;--cc-blue-100: #dbeafe;--cc-gray-200: #e5e7eb;--cc-gray-300: #d1d5db;--cc-gray-400: #9ca3af;--cc-size: 20px;--cc-border: 1px;--cc-hole: 10px;--cc-ring: 3px;--cc-gap: 6px;display:inline-block}.cc{display:inline-flex;align-items:center;gap:var(--cc-gap);cursor:pointer;-webkit-user-select:none;user-select:none}:host(.is-disabled) .cc{cursor:not-allowed;opacity:1}.cc__native{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.cc__visual{width:var(--cc-size);height:var(--cc-size);border-radius:100%;display:grid;place-items:center;background:#fff;border:var(--cc-border) solid var(--cc-gray-200)}.cc__dot{width:var(--cc-hole);height:var(--cc-hole);border-radius:999px;background:transparent}:host(:not(.is-disabled):not(.is-checked)) .cc:hover .cc__visual{border-color:var(--cc-blue-600);box-shadow:0 0 0 var(--cc-ring) var(--cc-blue-100)}:host(:not(.is-disabled):not(.is-checked)) .cc:active .cc__visual{border-color:var(--cc-blue-600);box-shadow:0 0 0 calc(var(--cc-ring) + 2px) var(--cc-blue-100)}:host(.is-checked) .cc__visual{background:var(--cc-blue-600);border-color:var(--cc-blue-600)}:host(.is-checked) .cc__dot{background:#fff}:host(.is-checked:not(.is-disabled)) .cc:hover .cc__visual{box-shadow:0 0 0 var(--cc-ring) var(--cc-blue-100)}:host(.is-checked:not(.is-disabled)) .cc:active .cc__visual{box-shadow:0 0 0 calc(var(--cc-ring) + 2px) var(--cc-blue-100)}:host(.is-disabled:not(.is-checked)) .cc__visual{background:#fff;border-color:var(--cc-gray-200)}:host(.is-disabled.is-checked) .cc__visual{background:var(--cc-gray-300);border-color:var(--cc-gray-300)}:host(.is-disabled.is-checked) .cc__dot{background:#fff}.cc__label{font-size:14px;color:#111827}:host(.is-disabled) .cc__label{color:var(--cc-gray-400)}.cc__native:focus-visible+.cc__visual{outline:3px solid var(--cc-blue-100);outline-offset:2px}\n"] }]
|
|
59
|
+
}], propDecorators: { label: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], disabled: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], checked: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], checkedChange: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}], isDisabledClass: [{
|
|
68
|
+
type: HostBinding,
|
|
69
|
+
args: ['class.is-disabled']
|
|
70
|
+
}], isCheckedClass: [{
|
|
71
|
+
type: HostBinding,
|
|
72
|
+
args: ['class.is-checked']
|
|
73
|
+
}] } });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2hlY2tib3gtcmFkaW8vY2hlY2tib3gtcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2hlY2tib3gtcmFkaW8vY2hlY2tib3gtcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixVQUFVLEVBQ1YsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWlCbkQsTUFBTSxPQUFPLHNCQUFzQjtJQWRuQztRQWVXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDZixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFVOUMsYUFBUSxHQUE2QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQTZCMUM7SUF0Q0MsSUFBc0MsZUFBZTtRQUNuRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQXFDLGNBQWM7UUFDakQsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFLRCxVQUFVLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQTRCO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBRTFCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDOytHQTNDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixzU0FSdEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2dCQUNyRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDdkJILGlmQW1CQTs7NEZETWEsc0JBQXNCO2tCQWRsQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsRUFBRSxhQUdBO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDOzRCQUNyRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFFK0IsZUFBZTtzQkFBcEQsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBSUssY0FBYztzQkFBbEQsV0FBVzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWNoZWNrYm94LXJhZGlvJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1yYWRpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NoZWNrYm94LXJhZGlvLmNvbXBvbmVudC5zY3NzJyxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENoZWNrYm94UmFkaW9Db21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94UmFkaW9Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBjaGVja2VkID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNoZWNrZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaXMtZGlzYWJsZWQnKSBnZXQgaXNEaXNhYmxlZENsYXNzKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlzLWNoZWNrZWQnKSBnZXQgaXNDaGVja2VkQ2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5jaGVja2VkO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBvbkNoYW5nZTogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkID0gKCkgPT4ge307XHJcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5jaGVja2VkID0gISF2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuXHJcbiAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLmNoZWNrZWQpO1xyXG4gICAgdGhpcy5jaGVja2VkQ2hhbmdlLmVtaXQodGhpcy5jaGVja2VkKTtcclxuICB9XHJcblxyXG4gIG1hcmtUb3VjaGVkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8bGFiZWwgY2xhc3M9XCJjY1wiIChtb3VzZWRvd24pPVwibWFya1RvdWNoZWQoKVwiPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwiY2NfX25hdGl2ZVwiXHJcbiAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAoY2hhbmdlKT1cInRvZ2dsZSgpXCJcclxuICAgIC8+XHJcblxyXG4gICAgPHNwYW4gY2xhc3M9XCJjY19fdmlzdWFsXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiY2NfX2RvdFwiPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuXHJcbiAgICBAaWYgKGxhYmVsKSB7XHJcbiAgICA8c3BhbiBjbGFzcz1cImNjX19sYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxyXG4gICAgfVxyXG4gIDwvbGFiZWw+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './checkbox-radio.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC1yYWRpby9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC1yYWRpby5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -9,6 +9,7 @@ export class UserCardComponent {
|
|
|
9
9
|
this.activeText = 'Activo';
|
|
10
10
|
this.inactiveText = 'Inactivo';
|
|
11
11
|
this.showActions = true;
|
|
12
|
+
this.showOptionsPoints = true;
|
|
12
13
|
this.onClickEdit = new EventEmitter();
|
|
13
14
|
this.onClickDelete = new EventEmitter();
|
|
14
15
|
this.onClickCard = new EventEmitter();
|
|
@@ -40,11 +41,11 @@ export class UserCardComponent {
|
|
|
40
41
|
return this.state ? this.activeText : this.inactiveText;
|
|
41
42
|
}
|
|
42
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserCardComponent, isStandalone: true, selector: "ius-user-card", inputs: { image: "image", state: "state", name: "name", role: "role", label1: "label1", data1: "data1", label2: "label2", data2: "data2", userID: "userID", letterIcon: "letterIcon", activeText: "activeText", inactiveText: "inactiveText", showActions: "showActions" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserCardComponent, isStandalone: true, selector: "ius-user-card", inputs: { image: "image", state: "state", name: "name", role: "role", label1: "label1", data1: "data1", label2: "label2", data2: "data2", userID: "userID", letterIcon: "letterIcon", activeText: "activeText", inactiveText: "inactiveText", showActions: "showActions", showOptionsPoints: "showOptionsPoints" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <ng-content></ng-content>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownContextualMenuComponent, selector: "ius-dropdown-contextual-menu" }] }); }
|
|
44
45
|
}
|
|
45
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, decorators: [{
|
|
46
47
|
type: Component,
|
|
47
|
-
args: [{ selector: 'ius-user-card', standalone: true, imports: [ButtonSquaredTertiaryComponent, DropdownContextualMenuComponent], template: "<div class=\"general-container\">\r\n <div
|
|
48
|
+
args: [{ selector: 'ius-user-card', standalone: true, imports: [ButtonSquaredTertiaryComponent, DropdownContextualMenuComponent], template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <ng-content></ng-content>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"] }]
|
|
48
49
|
}], propDecorators: { image: [{
|
|
49
50
|
type: Input
|
|
50
51
|
}], state: [{
|
|
@@ -71,6 +72,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
71
72
|
type: Input
|
|
72
73
|
}], showActions: [{
|
|
73
74
|
type: Input
|
|
75
|
+
}], showOptionsPoints: [{
|
|
76
|
+
type: Input
|
|
74
77
|
}], onClickEdit: [{
|
|
75
78
|
type: Output
|
|
76
79
|
}], onClickDelete: [{
|
|
@@ -78,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
78
81
|
}], onClickCard: [{
|
|
79
82
|
type: Output
|
|
80
83
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL3VzZXItY2FyZC91c2VyLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvdXNlci1jYXJkL3VzZXItY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDRCQUE0QixDQUFBOztBQVMzRSxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBUUUsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBWWhCLGVBQVUsR0FBVyxRQUFRLENBQUM7UUFDOUIsaUJBQVksR0FBVyxVQUFVLENBQUM7UUFDbEMsZ0JBQVcsR0FBWSxJQUFJLENBQUM7UUFDNUIsc0JBQWlCLEdBQVksSUFBSSxDQUFDO1FBRWpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBa0NqRDtJQWhDQyxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVk7UUFDeEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQUksVUFBVTtRQUNkLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMxRCxDQUFDOytHQXREWSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrZUNYOUIsNnZGQWlGQSxxckpEMUVZLDhCQUE4QixzSUFBRSwrQkFBK0I7OzRGQUk5RCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLDhCQUE4QixFQUFFLCtCQUErQixDQUFDOzhCQVFqRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dHVhbE1lbnVDb21wb25lbnQgfSBmcm9tIFwiLi4vZHJvcGRvd24tY29udGV4dHVhbC1tZW51XCI7XHJcbmltcG9ydCB7IEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVwiXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy11c2VyLWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0J1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCwgRHJvcGRvd25Db250ZXh0dWFsTWVudUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3VzZXItY2FyZC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFVzZXJDYXJkQ29tcG9uZW50IHtcclxuICBob3ZlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG9wdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgaW1hZ2U/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc3RhdGU/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcm9sZT86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbDE/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGF0YTE/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFiZWwyPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGEyPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzZXJJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBsZXR0ZXJJY29uPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZVRleHQ6IHN0cmluZyA9ICdBY3Rpdm8nO1xyXG4gIEBJbnB1dCgpIGluYWN0aXZlVGV4dDogc3RyaW5nID0gJ0luYWN0aXZvJztcclxuICBASW5wdXQoKSBzaG93QWN0aW9uczogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd09wdGlvbnNQb2ludHM6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGlja0VkaXQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0RlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrQ2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBvbk1vdXNlRW50ZXIoKSB7XHJcbiAgICB0aGlzLmhvdmVyID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuaG92ZXIgPSBmYWxzZTtcclxuICAgIHRoaXMub3B0aW9ucyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tFZGl0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLm9uQ2xpY2tFZGl0LmVtaXQodGhpcy51c2VySUQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tEZWxldGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0RlbGV0ZS5lbWl0KHRoaXMudXNlcklEKTtcclxuICB9XHJcblxyXG4gIGNsaWNrQ2FyZChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5vbkNsaWNrQ2FyZC5lbWl0KHRoaXMudXNlcklEKTtcclxuICB9XHJcblxyXG4gIGNsaWNrU2hvd01vcmUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub3B0aW9ucyA9ICF0aGlzLm9wdGlvbnM7XHJcbiAgfVxyXG5cclxuICBnZXQgc3RhdGVMYWJlbCgpOiBzdHJpbmcge1xyXG4gIHJldHVybiB0aGlzLnN0YXRlID8gdGhpcy5hY3RpdmVUZXh0IDogdGhpcy5pbmFjdGl2ZVRleHQ7XHJcbn1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImNvbnRhaW5lci1jYXJkXCJcclxuICAgIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCJcclxuICAgIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCJcclxuICAgIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImxlZnQtZGF0YVwiPlxyXG4gICAgICAgIEBpZiAobGV0dGVySWNvbiAmJiAhaW1hZ2UpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWljb24tbGV0cmFcIj5cclxuICAgICAgICAgIDxzcGFuPnt7IGxldHRlckljb24gfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfUBlbHNlIGlmKGltYWdlICYmICFsZXR0ZXJJY29uKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VcIiBjbGFzcz1cImltYWdlXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICA8cCBjbGFzcz1cInN0YXRlXCIgW2NsYXNzLm9uXT1cInN0YXRlXCIgW2NsYXNzLm9mZl09XCJzdGF0ZSA9PT0gZmFsc2VcIj5cclxuICAgICAgICAgICAge3sgc3RhdGVMYWJlbCB9fVxyXG4gICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJuYW1lXCI+e3sgbmFtZSB9fTwvcD5cclxuICAgICAgICAgIDxwIGNsYXNzPVwicm9sZVwiPnt7IHJvbGUgfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtZGF0YVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICAgIEBpZiAobGFiZWwxICYmIGRhdGExKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPnt7IGxhYmVsMSB9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJkYXRhXCI+e3sgZGF0YTEgfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH0gQGlmIChsYWJlbDIgJiYgZGF0YTIpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+e3sgbGFiZWwyIH19PC9wPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cImRhdGFcIj57eyBkYXRhMiB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBpZiAoaG92ZXIgJiYgc2hvd0FjdGlvbnMpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxyXG4gICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0VkaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgID48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRGVsZXRlKCRldmVudClcIlxyXG4gICAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIEBpZiAoc2hvd09wdGlvbnNQb2ludHMpIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25zXCI+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICBpY29uTmFtZT1cImljb24tbW9yZS12ZXJ0XCJcclxuICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja1Nob3dNb3JlKCRldmVudClcIlxyXG4gICAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIEBpZiAob3B0aW9ucykge1xyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd25cIj5cclxuICAgICAgICAgICAgICA8aXVzLWRyb3Bkb3duLWNvbnRleHR1YWwtbWVudT5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgICA8L2l1cy1kcm9wZG93bi1jb250ZXh0dWFsLW1lbnU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJ0blwiPlxyXG4gICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgICBpY29uTmFtZT1cImljb24ta2V5Ym9hcmQtYXJyb3ctcmlnaHRcIlxyXG4gICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0NhcmQoJGV2ZW50KVwiXHJcbiAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -58,6 +58,7 @@ export * from './lib/segment';
|
|
|
58
58
|
export * from './lib/notification-card';
|
|
59
59
|
export * from './lib/card-list-consumo';
|
|
60
60
|
export * from './lib/checkbox';
|
|
61
|
+
export * from './lib/checkbox-radio';
|
|
61
62
|
export * from './lib/button-order';
|
|
62
63
|
export * from './lib/button-filter';
|
|
63
64
|
export * from './lib/input-select-filter';
|
|
@@ -78,4 +79,4 @@ export * from './lib/card-list-drag-on';
|
|
|
78
79
|
export * from './lib/card-collapse-detalle-proceso';
|
|
79
80
|
//Directivas
|
|
80
81
|
export * from './lib/directives/popover.directive';
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHFDQUFxQyxDQUFDO0FBR3BELFlBQVk7QUFDWixjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5LXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1keW5hbWljJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLWNoaWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZG91YmxlLWRhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLWhvdXItcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmF2LXJhaWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtdGV4dGZpZWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtbnVtYmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXNtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1tZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbGcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14eGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtZGl2aWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmVhci1wcm9ncmVzcy1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sb2FkaW5nLWNpcmNsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyYXdlci1jb250YWluZXItcmlnaHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZS10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtbW92aW1pZW50b3MnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWR5bmFtaWMtY29udGVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci1pY29uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2F0ZWdvcmllcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXAtdXNlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hdXRoJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1vdHAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbmFja2Jhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1kb251dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1iYXItZ3JvdXBlZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JyZWFkY3J1bWInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNoaXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtY2FyZC1jb250YWRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLWNvbnRleHR1YWwtbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlZ21lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9ub3RpZmljYXRpb24tY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1jb25zdW1vJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveC1yYWRpbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1vcmRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1maWx0ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtZmlsdGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LXByb2Nlc28nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWJsb2NrJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1idXR0b24tY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZpbHRlci1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1wbGFuLXN1YnNjcmlwdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtcGxhbi1zbWFsbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdXNvLXBsYW4nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWdlc3Rpb24tY3Vwbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtaW5mby1mYWN0dXJhY2lvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LWxhcmdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1sb2cnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXRpcG8tcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1kcmFnLW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1jb2xsYXBzZS1kZXRhbGxlLXByb2Nlc28nO1xyXG5cclxuXHJcbi8vRGlyZWN0aXZhc1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3BvcG92ZXIuZGlyZWN0aXZlJzsiXX0=
|