@litigiovirtual/ius-design-components 1.0.40 → 1.0.41
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.
|
@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
export class CategoriesComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
this.contador = 0;
|
|
8
9
|
this.onCheck = new EventEmitter();
|
|
9
10
|
this.onUnCheck = new EventEmitter();
|
|
10
11
|
this.checked = false;
|
|
@@ -19,11 +20,11 @@ export class CategoriesComponent {
|
|
|
19
20
|
}
|
|
20
21
|
}
|
|
21
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n <
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.checkbox{display:flex;width:44px;height:44px;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.checkbox .contorn{display:flex;padding:10px;justify-content:center;align-items:center}.checkbox .contorn .container-check{border:.1px solid gray;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox .contorn .container-check.checked{background:#343e90}.circle{width:18px;height:18px;border-radius:100px}.title{flex:1 0 0;color:#000;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.1px}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
23
24
|
}
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n <
|
|
27
|
+
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.checkbox{display:flex;width:44px;height:44px;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.checkbox .contorn{display:flex;padding:10px;justify-content:center;align-items:center}.checkbox .contorn .container-check{border:.1px solid gray;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox .contorn .container-check.checked{background:#343e90}.circle{width:18px;height:18px;border-radius:100px}.title{flex:1 0 0;color:#000;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.1px}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"] }]
|
|
27
28
|
}], propDecorators: { title: [{
|
|
28
29
|
type: Input
|
|
29
30
|
}], id: [{
|
|
@@ -37,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
37
38
|
}], onUnCheck: [{
|
|
38
39
|
type: Output
|
|
39
40
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jYXRlZ29yaWVzL2NhdGVnb3JpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2F0ZWdvcmllcy9jYXRlZ29yaWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBVVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUVwQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM5QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBVWpCO0lBUkMsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQzsrR0FoQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsK01DWGhDLCt1QkFxQkEsbzRFRGRZLFlBQVksa05BQUUsZUFBZTs7NEZBSTVCLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDOzhCQUsvQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXRlZ29yaWVzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25NZENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhdGVnb3JpZXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXRlZ29yaWVzLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2F0ZWdvcmllc0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgY29udGFkb3I6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgY29sb3I/OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIG9uQ2hlY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25VbkNoZWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY2hlY2tlZCA9IGZhbHNlO1xyXG5cclxuICB0b2dnbGVDaGVjaygpIHtcclxuICAgIHRoaXMuY2hlY2tlZCA9ICF0aGlzLmNoZWNrZWQ7XHJcbiAgICBpZiAodGhpcy5jaGVja2VkKSB7XHJcbiAgICAgIHRoaXMub25DaGVjay5lbWl0KHRoaXMuaWQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vblVuQ2hlY2suZW1pdCh0aGlzLmlkKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhdGVnb3J5XCI+XHJcbiAgPGJ1dHRvbiBjbGFzcz1cImNoZWNrYm94XCIgKGNsaWNrKT1cInRvZ2dsZUNoZWNrKClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250b3JuXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItY2hlY2tcIiBbbmdDbGFzc109XCJ7J2NoZWNrZWQnOiBjaGVja2VkfVwiPlxyXG4gICAgICAgIEBpZihjaGVja2VkKXtcclxuICAgICAgICAgICAgPGl1cy1pY29uLW1kIGljb25OYW1lPVwiaWNvbi1jaGVja1wiIGNvbG9yPVwid2hpdGVcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2J1dHRvbj5cclxuICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogY29sb3J9XCI+PC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvbGFiZWw+XHJcbiAgQGlmKGNvbnRhZG9yID4gMCl7XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFkb3ItY29udGFpbmVyXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiY29udGFkb3JcIj57eyBjb250YWRvciB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuICA8YnV0dG9uIGNsYXNzPVwib3B0aW9uXCI+XHJcbiAgICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24tbW9yZW9wJ1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -2834,6 +2834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2834
2834
|
|
|
2835
2835
|
class CategoriesComponent {
|
|
2836
2836
|
constructor() {
|
|
2837
|
+
this.contador = 0;
|
|
2837
2838
|
this.onCheck = new EventEmitter();
|
|
2838
2839
|
this.onUnCheck = new EventEmitter();
|
|
2839
2840
|
this.checked = false;
|
|
@@ -2848,11 +2849,11 @@ class CategoriesComponent {
|
|
|
2848
2849
|
}
|
|
2849
2850
|
}
|
|
2850
2851
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2851
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n <
|
|
2852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CategoriesComponent, isStandalone: true, selector: "ius-categories", inputs: { title: "title", id: "id", contador: "contador", color: "color" }, outputs: { onCheck: "onCheck", onUnCheck: "onUnCheck" }, ngImport: i0, template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.checkbox{display:flex;width:44px;height:44px;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.checkbox .contorn{display:flex;padding:10px;justify-content:center;align-items:center}.checkbox .contorn .container-check{border:.1px solid gray;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox .contorn .container-check.checked{background:#343e90}.circle{width:18px;height:18px;border-radius:100px}.title{flex:1 0 0;color:#000;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.1px}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
2852
2853
|
}
|
|
2853
2854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, decorators: [{
|
|
2854
2855
|
type: Component,
|
|
2855
|
-
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n <
|
|
2856
|
+
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <button class=\"checkbox\" (click)=\"toggleCheck()\">\r\n <div class=\"contorn\">\r\n <div class=\"container-check\" [ngClass]=\"{'checked': checked}\">\r\n @if(checked){\r\n <ius-icon-md iconName=\"icon-check\" color=\"white\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n </button>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title\">{{ title }}</label>\r\n @if(contador > 0){\r\n <div class=\"contador-container\">\r\n <span class=\"contador\">{{ contador }}</span>\r\n </div>\r\n }\r\n <button class=\"option\">\r\n <ius-icon-md [iconName]=\"'icon-moreop'\"></ius-icon-md>\r\n </button>\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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.checkbox{display:flex;width:44px;height:44px;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.checkbox .contorn{display:flex;padding:10px;justify-content:center;align-items:center}.checkbox .contorn .container-check{border:.1px solid gray;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox .contorn .container-check.checked{background:#343e90}.circle{width:18px;height:18px;border-radius:100px}.title{flex:1 0 0;color:#000;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.1px}.contador{color:#605e5e;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.1px}.option{display:flex;width:44px;height:24px;min-width:44px;padding:12px;justify-content:center;align-items:center;gap:8px;border:none;background-color:transparent;cursor:pointer}\n"] }]
|
|
2856
2857
|
}], propDecorators: { title: [{
|
|
2857
2858
|
type: Input
|
|
2858
2859
|
}], id: [{
|