@litigiovirtual/ius-design-components 1.0.199 → 1.0.200
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/categories/categories.component.mjs +7 -5
- package/esm2022/lib/filter-item/filter-item.component.mjs +7 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +230 -227
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/categories/categories.component.d.ts +1 -1
- package/lib/filter-item/filter-item.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
3
|
import { IconMdComponent } from "../icon-md";
|
|
4
|
+
import { CheckboxComponent } from '../checkbox/checkbox.component';
|
|
5
|
+
import { PopoverDirective } from '../directives/popover.directive';
|
|
4
6
|
import * as i0 from "@angular/core";
|
|
5
7
|
import * as i1 from "@angular/common";
|
|
6
8
|
export class CategoriesComponent {
|
|
@@ -10,8 +12,8 @@ export class CategoriesComponent {
|
|
|
10
12
|
this.onUnCheck = new EventEmitter();
|
|
11
13
|
this.checked = false;
|
|
12
14
|
}
|
|
13
|
-
|
|
14
|
-
this.checked =
|
|
15
|
+
onCheckedChange(value) {
|
|
16
|
+
this.checked = value;
|
|
15
17
|
if (this.checked) {
|
|
16
18
|
this.onCheck.emit(this.id);
|
|
17
19
|
}
|
|
@@ -20,11 +22,11 @@ export class CategoriesComponent {
|
|
|
20
22
|
}
|
|
21
23
|
}
|
|
22
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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 <
|
|
25
|
+
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 <ius-checkbox [checked]=\"checked\" (checkedChange)=\"onCheckedChange($event)\"></ius-checkbox>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title body-base-1\" [iusPopoverContent]=\"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-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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.circle{width:16px;height:16px;border-radius:100px}.title{flex:1 1 0;min-width:0;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: CheckboxComponent, selector: "ius-checkbox", inputs: ["checked", "disabled"], outputs: ["checkedChange"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
24
26
|
}
|
|
25
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CategoriesComponent, decorators: [{
|
|
26
28
|
type: Component,
|
|
27
|
-
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div class=\"category\">\r\n <
|
|
29
|
+
args: [{ selector: 'ius-categories', standalone: true, imports: [CommonModule, IconMdComponent, CheckboxComponent, PopoverDirective], template: "<div class=\"category\">\r\n <ius-checkbox [checked]=\"checked\" (checkedChange)=\"onCheckedChange($event)\"></ius-checkbox>\r\n <div class=\"circle\" [ngStyle]=\"{'background-color': color}\"></div>\r\n <label class=\"title body-base-1\" [iusPopoverContent]=\"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-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}.category{display:flex;align-items:center;gap:8px;align-self:stretch}.circle{width:16px;height:16px;border-radius:100px}.title{flex:1 1 0;min-width:0;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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"] }]
|
|
28
30
|
}], propDecorators: { title: [{
|
|
29
31
|
type: Input
|
|
30
32
|
}], id: [{
|
|
@@ -38,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
40
|
}], onUnCheck: [{
|
|
39
41
|
type: Output
|
|
40
42
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jYXRlZ29yaWVzL2NhdGVnb3JpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2F0ZWdvcmllcy9jYXRlZ29yaWVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQVNuRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBVVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUVwQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM5QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBVWpCO0lBUkMsZUFBZSxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDOytHQWhCVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwrTUNiaEMsa2pCQWFBLHlpRURKWSxZQUFZLG9IQUFFLGVBQWUsdUZBQUUsaUJBQWlCLHNIQUFFLGdCQUFnQjs7NEZBSWpFLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDOzhCQUtwRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kXCI7XHJcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi4vY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcclxuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2F0ZWdvcmllcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uTWRDb21wb25lbnQsIENoZWNrYm94Q29tcG9uZW50LCBQb3BvdmVyRGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2F0ZWdvcmllcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhdGVnb3JpZXMuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXRlZ29yaWVzQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICBASW5wdXQoKSBpZD86IG51bWJlcjtcclxuICBASW5wdXQoKSBjb250YWRvcjogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcclxuICBAT3V0cHV0KCkgb25DaGVjayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblVuQ2hlY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBjaGVja2VkID0gZmFsc2U7XHJcblxyXG4gIG9uQ2hlY2tlZENoYW5nZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5jaGVja2VkID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5jaGVja2VkKSB7XHJcbiAgICAgIHRoaXMub25DaGVjay5lbWl0KHRoaXMuaWQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vblVuQ2hlY2suZW1pdCh0aGlzLmlkKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhdGVnb3J5XCI+XHJcbiAgPGl1cy1jaGVja2JveCBbY2hlY2tlZF09XCJjaGVja2VkXCIgKGNoZWNrZWRDaGFuZ2UpPVwib25DaGVja2VkQ2hhbmdlKCRldmVudClcIj48L2l1cy1jaGVja2JveD5cclxuICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogY29sb3J9XCI+PC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwidGl0bGUgYm9keS1iYXNlLTFcIiBbaXVzUG9wb3ZlckNvbnRlbnRdPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvbGFiZWw+XHJcbiAgQGlmKGNvbnRhZG9yID4gMCl7XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFkb3ItY29udGFpbmVyXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiY29udGFkb3JcIj57eyBjb250YWRvciB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuICA8YnV0dG9uIGNsYXNzPVwib3B0aW9uXCI+XHJcbiAgICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24tbW9yZW9wJ1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1,24 +1,28 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { IconLgComponent } from "../icon-lg";
|
|
3
3
|
import { ButtonCircleTertiaryComponent } from "../button-circle-tertiary";
|
|
4
|
+
import { PopoverDirective } from '../directives/popover.directive';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class FilterItemComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.iconName = '';
|
|
9
|
+
this.label = '';
|
|
8
10
|
this.clickDelete = new EventEmitter();
|
|
9
11
|
}
|
|
10
12
|
onClickDelete(event) {
|
|
11
13
|
this.clickDelete.emit(event);
|
|
12
14
|
}
|
|
13
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterItemComponent, isStandalone: true, selector: "ius-filter-item", inputs: { iconName: "iconName" }, outputs: { clickDelete: "clickDelete" }, ngImport: i0, template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterItemComponent, isStandalone: true, selector: "ius-filter-item", inputs: { iconName: "iconName", label: "label" }, outputs: { clickDelete: "clickDelete" }, ngImport: i0, template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <span class=\"filter-text\" [iusPopoverContent]=\"label\">{{ label }}</span>\r\n <ius-button-circle-tertiary (buttonClicked)=\"onClickDelete($event)\"\r\n iconName=\"icon-cancel\"></ius-button-circle-tertiary>\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}.filter-item{display:flex;box-sizing:border-box;height:44px;width:197px;padding:4px 8px;align-items:center;gap:4px;overflow:hidden;border-radius:8px;border:1px dashed #EAEAEA;color:#184fdb;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-filter{color:#184fdb}.filter-text{cursor:default;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
15
17
|
}
|
|
16
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterItemComponent, decorators: [{
|
|
17
19
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ius-filter-item', standalone: true, imports: [IconLgComponent, ButtonCircleTertiaryComponent], template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <
|
|
20
|
+
args: [{ selector: 'ius-filter-item', standalone: true, imports: [IconLgComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"filter-item\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"color-filter\"></ius-icon-lg>\r\n <span class=\"filter-text\" [iusPopoverContent]=\"label\">{{ label }}</span>\r\n <ius-button-circle-tertiary (buttonClicked)=\"onClickDelete($event)\"\r\n iconName=\"icon-cancel\"></ius-button-circle-tertiary>\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}.filter-item{display:flex;box-sizing:border-box;height:44px;width:197px;padding:4px 8px;align-items:center;gap:4px;overflow:hidden;border-radius:8px;border:1px dashed #EAEAEA;color:#184fdb;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-filter{color:#184fdb}.filter-text{cursor:default;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
19
21
|
}], propDecorators: { iconName: [{
|
|
20
22
|
type: Input
|
|
23
|
+
}], label: [{
|
|
24
|
+
type: Input
|
|
21
25
|
}], clickDelete: [{
|
|
22
26
|
type: Output
|
|
23
27
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyLWl0ZW0vZmlsdGVyLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyLWl0ZW0vZmlsdGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQVNuRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU1csYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGdCQUFXLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0FLakU7SUFIQyxhQUFhLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQVJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHNLQ1poQyw0VkFLTSx1N0RER00sZUFBZSx1RkFBRSw2QkFBNkIscUlBQUUsZ0JBQWdCOzs0RkFJL0QsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSw2QkFBNkIsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFNbEUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25MZ0NvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWxnXCI7XHJcbmltcG9ydCB7IEJ1dHRvbkNpcmNsZVRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1jaXJjbGUtdGVydGlhcnlcIjtcclxuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtZmlsdGVyLWl0ZW0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25MZ0NvbXBvbmVudCwgQnV0dG9uQ2lyY2xlVGVydGlhcnlDb21wb25lbnQsIFBvcG92ZXJEaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ZpbHRlci1pdGVtLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVySXRlbUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQE91dHB1dCgpIGNsaWNrRGVsZXRlOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBvbkNsaWNrRGVsZXRlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja0RlbGV0ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpbHRlci1pdGVtXCI+XHJcbiAgICA8aXVzLWljb24tbGcgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJjb2xvci1maWx0ZXJcIj48L2l1cy1pY29uLWxnPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItdGV4dFwiIFtpdXNQb3BvdmVyQ29udGVudF09XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxyXG4gICAgPGl1cy1idXR0b24tY2lyY2xlLXRlcnRpYXJ5IChidXR0b25DbGlja2VkKT1cIm9uQ2xpY2tEZWxldGUoJGV2ZW50KVwiXHJcbiAgICAgICAgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiPjwvaXVzLWJ1dHRvbi1jaXJjbGUtdGVydGlhcnk+XHJcbjwvZGl2PiJdfQ==
|