@litigiovirtual/ius-design-components 1.0.25 → 1.0.26
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/avatar-icon/avatar-icon.component.mjs +32 -0
- package/esm2022/lib/avatar-icon/index.mjs +2 -0
- package/esm2022/lib/badge/badge.component.mjs +3 -3
- package/esm2022/lib/card-dynamic-content/card-dynamic-content.component.mjs +21 -0
- package/esm2022/lib/card-dynamic-content/index.mjs +2 -0
- package/esm2022/lib/card-list-movimientos/card-list-movimientos.component.mjs +43 -0
- package/esm2022/lib/card-list-movimientos/index.mjs +2 -0
- package/esm2022/lib/double-date-picker/double-date-picker.component.mjs +1 -1
- package/esm2022/lib/icon-lg/icon-lg.component.mjs +5 -3
- package/esm2022/lib/icon-md/icon-md.component.mjs +5 -3
- package/esm2022/lib/icon-sm/icon-sm.component.mjs +5 -3
- package/esm2022/lib/icon-xl/icon-xl.component.mjs +5 -3
- package/esm2022/lib/icon-xs/icon-xs.component.mjs +5 -3
- package/esm2022/lib/icon-xxl/icon-xxl.component.mjs +5 -3
- package/esm2022/lib/icons/icons-map.mjs +11 -3
- package/esm2022/lib/input-select/input-select.component.mjs +3 -3
- package/esm2022/lib/menu-item/menu-item.component.mjs +5 -5
- package/esm2022/lib/nav-rail/nav-rail.component.mjs +4 -6
- package/esm2022/lib/option/option.component.mjs +3 -3
- package/esm2022/lib/search-bar/search-bar.component.mjs +3 -3
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +119 -31
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/avatar-icon/avatar-icon.component.d.ts +10 -0
- package/lib/avatar-icon/index.d.ts +1 -0
- package/lib/card-dynamic-content/card-dynamic-content.component.d.ts +7 -0
- package/lib/card-dynamic-content/index.d.ts +1 -0
- package/lib/card-list-movimientos/card-list-movimientos.component.d.ts +16 -0
- package/lib/card-list-movimientos/index.d.ts +1 -0
- package/lib/menu-item/menu-item.component.d.ts +2 -2
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Input, Component, EventEmitter, Output, HostListener } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/platform-browser';
|
|
4
3
|
import * as i1$1 from '@angular/common';
|
|
5
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i1 from '@angular/platform-browser';
|
|
6
6
|
import { trigger, state, transition, style, animate } from '@angular/animations';
|
|
7
7
|
import * as i1$2 from '@angular/forms';
|
|
8
8
|
import { FormsModule } from '@angular/forms';
|
|
@@ -886,8 +886,16 @@ const ICONS = {
|
|
|
886
886
|
'icon-step': `
|
|
887
887
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
888
888
|
<path d="M19.1018 15.1912C18.2158 15.1912 17.4703 14.8868 16.8655 14.278C16.2607 13.6692 15.9583 12.9217 15.9583 12.0357C15.9583 11.1499 16.2607 10.4026 16.8655 9.79375C17.4703 9.18491 18.2158 8.8805 19.1018 8.8805C19.9876 8.8805 20.7339 9.18491 21.3408 9.79375C21.9476 10.4026 22.251 11.1499 22.251 12.0357C22.251 12.9217 21.9476 13.6692 21.3408 14.278C20.7339 14.8868 19.9876 15.1912 19.1018 15.1912ZM8.74301 17.257L7.14576 15.6347L9.58901 13.1792H1.74301V10.8925H9.58901L7.14576 8.424L8.74301 6.80875L13.9523 12.0357L8.74301 17.257Z" fill="currentColor"/>
|
|
889
|
-
</svg
|
|
890
|
-
|
|
889
|
+
</svg>`,
|
|
890
|
+
'icon-empresa': `
|
|
891
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none">
|
|
892
|
+
<mask id="mask0_799_6807" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
|
|
893
|
+
<rect width="14" height="14" fill="currentColor"/>
|
|
894
|
+
</mask>
|
|
895
|
+
<g mask="url(#mask0_799_6807)">
|
|
896
|
+
<path d="M1.3999 11.9V2.45001H6.9999V4.55001H12.5999V11.9H1.3999ZM2.4499 10.85H5.9499V9.80001H2.4499V10.85ZM2.4499 8.75001H5.9499V7.70001H2.4499V8.75001ZM2.4499 6.65001H5.9499V5.60001H2.4499V6.65001ZM2.4499 4.55001H5.9499V3.50001H2.4499V4.55001ZM6.9999 10.85H11.5499V5.60001H6.9999V10.85ZM8.0499 7.70001V6.65001H10.4999V7.70001H8.0499ZM8.0499 9.80001V8.75001H10.4999V9.80001H8.0499Z" fill="currentColor"/>
|
|
897
|
+
</g>
|
|
898
|
+
</svg>`
|
|
891
899
|
};
|
|
892
900
|
|
|
893
901
|
class IconLgComponent {
|
|
@@ -902,11 +910,11 @@ class IconLgComponent {
|
|
|
902
910
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
903
911
|
}
|
|
904
912
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconLgComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
905
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconLgComponent, isStandalone: true, selector: "ius-icon-lg", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:24px;height:24px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }); }
|
|
913
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconLgComponent, isStandalone: true, selector: "ius-icon-lg", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:24px;height:24px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
906
914
|
}
|
|
907
915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconLgComponent, decorators: [{
|
|
908
916
|
type: Component,
|
|
909
|
-
args: [{ selector: 'ius-icon-lg', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:24px;height:24px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
917
|
+
args: [{ selector: 'ius-icon-lg', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:24px;height:24px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
910
918
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
911
919
|
type: Input
|
|
912
920
|
}], color: [{
|
|
@@ -972,11 +980,11 @@ class IconMdComponent {
|
|
|
972
980
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
973
981
|
}
|
|
974
982
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconMdComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
975
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconMdComponent, isStandalone: true, selector: "ius-icon-md", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:20px;height:20px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }); }
|
|
983
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconMdComponent, isStandalone: true, selector: "ius-icon-md", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:20px;height:20px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
976
984
|
}
|
|
977
985
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconMdComponent, decorators: [{
|
|
978
986
|
type: Component,
|
|
979
|
-
args: [{ selector: 'ius-icon-md', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:20px;height:20px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
987
|
+
args: [{ selector: 'ius-icon-md', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:20px;height:20px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
980
988
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
981
989
|
type: Input
|
|
982
990
|
}], color: [{
|
|
@@ -1020,11 +1028,11 @@ class IconSmComponent {
|
|
|
1020
1028
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
1021
1029
|
}
|
|
1022
1030
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconSmComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1023
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconSmComponent, isStandalone: true, selector: "ius-icon-sm", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:16px;height:16px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }); }
|
|
1031
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconSmComponent, isStandalone: true, selector: "ius-icon-sm", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:16px;height:16px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1024
1032
|
}
|
|
1025
1033
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconSmComponent, decorators: [{
|
|
1026
1034
|
type: Component,
|
|
1027
|
-
args: [{ selector: 'ius-icon-sm', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:16px;height:16px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
1035
|
+
args: [{ selector: 'ius-icon-sm', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:16px;height:16px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
1028
1036
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
1029
1037
|
type: Input
|
|
1030
1038
|
}], color: [{
|
|
@@ -1358,11 +1366,11 @@ class BadgeComponent {
|
|
|
1358
1366
|
}
|
|
1359
1367
|
}
|
|
1360
1368
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1361
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BadgeComponent, isStandalone: true, selector: "ius-badge", inputs: { number: "number" }, ngImport: i0, template: "<div class=\"container-badge\" [ngClass]=\"{'container-badge-no-value': formattedNumber == undefined }\">\r\n <span>{{formattedNumber}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-badge{display:flex;width:min-content;min-height:
|
|
1369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BadgeComponent, isStandalone: true, selector: "ius-badge", inputs: { number: "number" }, ngImport: i0, template: "<div class=\"container-badge\" [ngClass]=\"{'container-badge-no-value': formattedNumber == undefined }\">\r\n <span>{{formattedNumber}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-badge{display:flex;width:min-content;min-height:14px;padding:0 5px;justify-content:center;align-items:center;border-radius:100px;background:#2167ff;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.24px}.container-badge-no-value{min-height:14px;min-width:14px;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1362
1370
|
}
|
|
1363
1371
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
1364
1372
|
type: Component,
|
|
1365
|
-
args: [{ selector: 'ius-badge', standalone: true, imports: [CommonModule], template: "<div class=\"container-badge\" [ngClass]=\"{'container-badge-no-value': formattedNumber == undefined }\">\r\n <span>{{formattedNumber}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-badge{display:flex;width:min-content;min-height:
|
|
1373
|
+
args: [{ selector: 'ius-badge', standalone: true, imports: [CommonModule], template: "<div class=\"container-badge\" [ngClass]=\"{'container-badge-no-value': formattedNumber == undefined }\">\r\n <span>{{formattedNumber}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-badge{display:flex;width:min-content;min-height:14px;padding:0 5px;justify-content:center;align-items:center;border-radius:100px;background:#2167ff;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.24px}.container-badge-no-value{min-height:14px;min-width:14px;padding:0}\n"] }]
|
|
1366
1374
|
}], propDecorators: { number: [{
|
|
1367
1375
|
type: Input
|
|
1368
1376
|
}] } });
|
|
@@ -1371,7 +1379,7 @@ class MenuItemComponent {
|
|
|
1371
1379
|
constructor() {
|
|
1372
1380
|
this.isActive = false;
|
|
1373
1381
|
this.iconName = '';
|
|
1374
|
-
this.
|
|
1382
|
+
this.hasAlerts = false;
|
|
1375
1383
|
this.buttonClicked = new EventEmitter();
|
|
1376
1384
|
}
|
|
1377
1385
|
onClick() {
|
|
@@ -1380,16 +1388,16 @@ class MenuItemComponent {
|
|
|
1380
1388
|
}
|
|
1381
1389
|
}
|
|
1382
1390
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1383
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", hasAlerts: "hasAlerts" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (hasAlerts) {\r\n <ius-badge class=\"badge\"></ius-badge>\r\n }\r\n</button>", 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}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:240px;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
|
|
1384
1392
|
}
|
|
1385
1393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
1386
1394
|
type: Component,
|
|
1387
|
-
args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n <ng-content></ng-content>\r\n <ius-badge
|
|
1395
|
+
args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (hasAlerts) {\r\n <ius-badge class=\"badge\"></ius-badge>\r\n }\r\n</button>", 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}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:240px;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"] }]
|
|
1388
1396
|
}], propDecorators: { isActive: [{
|
|
1389
1397
|
type: Input
|
|
1390
1398
|
}], iconName: [{
|
|
1391
1399
|
type: Input
|
|
1392
|
-
}],
|
|
1400
|
+
}], hasAlerts: [{
|
|
1393
1401
|
type: Input
|
|
1394
1402
|
}], buttonClicked: [{
|
|
1395
1403
|
type: Output
|
|
@@ -1963,7 +1971,7 @@ class NavRailComponent {
|
|
|
1963
1971
|
}
|
|
1964
1972
|
}
|
|
1965
1973
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NavRailComponent, isStandalone: true, selector: "ius-nav-rail", inputs: { isOpen: "isOpen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "@if (isOpen) {\r\n<div class=\"rail-container\" @slideInOut (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary class=\"panel\"
|
|
1974
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NavRailComponent, isStandalone: true, selector: "ius-nav-rail", inputs: { isOpen: "isOpen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"container-general\">\r\n @if (isOpen) {\r\n <div class=\"rail-container\" @slideInOut (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary class=\"panel\" [iconName]=\"'icon-left-panel-close'\" (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"], dependencies: [{ kind: "component", type: ButtonSquaredSecondaryComponent, selector: "ius-button-squared-secondary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }], animations: [
|
|
1967
1975
|
trigger('slideInOut', [
|
|
1968
1976
|
state('void', style({
|
|
1969
1977
|
width: '0px',
|
|
@@ -1985,7 +1993,7 @@ class NavRailComponent {
|
|
|
1985
1993
|
}
|
|
1986
1994
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavRailComponent, decorators: [{
|
|
1987
1995
|
type: Component,
|
|
1988
|
-
args: [{ selector: 'ius-nav-rail', standalone: true, imports: [
|
|
1996
|
+
args: [{ selector: 'ius-nav-rail', standalone: true, imports: [ButtonSquaredSecondaryComponent], animations: [
|
|
1989
1997
|
trigger('slideInOut', [
|
|
1990
1998
|
state('void', style({
|
|
1991
1999
|
width: '0px',
|
|
@@ -2003,7 +2011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2003
2011
|
animate('370ms ease-out')
|
|
2004
2012
|
])
|
|
2005
2013
|
])
|
|
2006
|
-
], template: "@if (isOpen) {\r\n<div class=\"rail-container\" @slideInOut (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary class=\"panel\"
|
|
2014
|
+
], template: "<div class=\"container-general\">\r\n @if (isOpen) {\r\n <div class=\"rail-container\" @slideInOut (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary class=\"panel\" [iconName]=\"'icon-left-panel-close'\" (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"] }]
|
|
2007
2015
|
}], propDecorators: { isOpen: [{
|
|
2008
2016
|
type: Input
|
|
2009
2017
|
}], onClose: [{
|
|
@@ -2042,11 +2050,11 @@ class SearchBarComponent {
|
|
|
2042
2050
|
this.onChangesValueEvent.emit(this.textInput);
|
|
2043
2051
|
}
|
|
2044
2052
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchBarComponent, isStandalone: true, selector: "ius-search-bar", inputs: { labelInput: "labelInput", disabled: "disabled", initialText: "initialText" }, outputs: { onChangesValueEvent: "onChangesValueEvent", enterSearchEvent: "enterSearchEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-search\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\">\r\n <div class=\"container-input\">\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [disabled]=\"disabled\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (input)=\"onInput()\" (keyup.enter)=\"performSearch($event)\">\r\n @if (textInput === '') {\r\n <label class=\"input-label\">{{labelInput}}</label>\r\n }\r\n\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n </button>\r\n }\r\n\r\n </div>\r\n <div class=\"container-icon\">\r\n <ius-icon-md iconName=\"icon-search\" class=\"icon-color\"></ius-icon-md>\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-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-search{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:#8c8c8c;display:flex;height:44px;padding:0 8px 0 24px;align-items:center;gap:12px;border-radius:14px;border:1px solid #f5f5f5;background:#f5f5f5
|
|
2053
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchBarComponent, isStandalone: true, selector: "ius-search-bar", inputs: { labelInput: "labelInput", disabled: "disabled", initialText: "initialText" }, outputs: { onChangesValueEvent: "onChangesValueEvent", enterSearchEvent: "enterSearchEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-search\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\">\r\n <div class=\"container-input\">\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [disabled]=\"disabled\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (input)=\"onInput()\" (keyup.enter)=\"performSearch($event)\">\r\n @if (textInput === '') {\r\n <label class=\"input-label\">{{labelInput}}</label>\r\n }\r\n\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n </button>\r\n }\r\n\r\n </div>\r\n <div class=\"container-icon\">\r\n <ius-icon-md iconName=\"icon-search\" class=\"icon-color\"></ius-icon-md>\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-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-search{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:#8c8c8c;display:flex;height:44px;padding:0 8px 0 24px;align-items:center;gap:12px;border-radius:14px;border:1px solid #f5f5f5;background:#f5f5f5}.container-search:hover:not(.disabled):not(.focused){background:#f0f0f0}.container-search.focused{border:1px solid #eaeaea;background:#fff}.container-search.focused .icon-color{color:#0581bc}.container-search.disabled{background:#fafafa;color:#bfbfbf}.container-search.disabled .icon-color{color:#bfbfbf}.container-icon{display:flex;padding:0 12px;align-items:center;align-self:stretch}.icon-color{color:#595959}.container-input{display:flex;flex:1;min-width:120px;padding:12px 0;align-items:center;gap:8px;position:relative}input{border:none;outline:none;background-color:transparent;width:100%;font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.input-label{position:absolute;left:0;pointer-events:none}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
2046
2054
|
}
|
|
2047
2055
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, decorators: [{
|
|
2048
2056
|
type: Component,
|
|
2049
|
-
args: [{ selector: 'ius-search-bar', standalone: true, imports: [IconMdComponent, CommonModule, FormsModule], template: "<div class=\"container-general\">\r\n <div class=\"container-search\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\">\r\n <div class=\"container-input\">\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [disabled]=\"disabled\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (input)=\"onInput()\" (keyup.enter)=\"performSearch($event)\">\r\n @if (textInput === '') {\r\n <label class=\"input-label\">{{labelInput}}</label>\r\n }\r\n\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n </button>\r\n }\r\n\r\n </div>\r\n <div class=\"container-icon\">\r\n <ius-icon-md iconName=\"icon-search\" class=\"icon-color\"></ius-icon-md>\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-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-search{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:#8c8c8c;display:flex;height:44px;padding:0 8px 0 24px;align-items:center;gap:12px;border-radius:14px;border:1px solid #f5f5f5;background:#f5f5f5
|
|
2057
|
+
args: [{ selector: 'ius-search-bar', standalone: true, imports: [IconMdComponent, CommonModule, FormsModule], template: "<div class=\"container-general\">\r\n <div class=\"container-search\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\">\r\n <div class=\"container-input\">\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [disabled]=\"disabled\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (input)=\"onInput()\" (keyup.enter)=\"performSearch($event)\">\r\n @if (textInput === '') {\r\n <label class=\"input-label\">{{labelInput}}</label>\r\n }\r\n\r\n @if (!disabled && textInput) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md iconName=\"icon-cancel\" class=\"icon-color-cancel\"></ius-icon-md>\r\n </button>\r\n }\r\n\r\n </div>\r\n <div class=\"container-icon\">\r\n <ius-icon-md iconName=\"icon-search\" class=\"icon-color\"></ius-icon-md>\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-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-search{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px;color:#8c8c8c;display:flex;height:44px;padding:0 8px 0 24px;align-items:center;gap:12px;border-radius:14px;border:1px solid #f5f5f5;background:#f5f5f5}.container-search:hover:not(.disabled):not(.focused){background:#f0f0f0}.container-search.focused{border:1px solid #eaeaea;background:#fff}.container-search.focused .icon-color{color:#0581bc}.container-search.disabled{background:#fafafa;color:#bfbfbf}.container-search.disabled .icon-color{color:#bfbfbf}.container-icon{display:flex;padding:0 12px;align-items:center;align-self:stretch}.icon-color{color:#595959}.container-input{display:flex;flex:1;min-width:120px;padding:12px 0;align-items:center;gap:8px;position:relative}input{border:none;outline:none;background-color:transparent;width:100%;font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.input-label{position:absolute;left:0;pointer-events:none}\n"] }]
|
|
2050
2058
|
}], propDecorators: { labelInput: [{
|
|
2051
2059
|
type: Input
|
|
2052
2060
|
}], disabled: [{
|
|
@@ -2216,11 +2224,11 @@ class InputSelectComponent {
|
|
|
2216
2224
|
this.selected = true;
|
|
2217
2225
|
}
|
|
2218
2226
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2219
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, isStandalone: true, selector: "ius-input-select", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", labelInput: "labelInput", iconInput: "iconInput", textInput: "textInput" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onAddText: "onAddText", optionClick: "optionClick" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" type=\"text\" (keypress)=\"onKeyPress($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px
|
|
2227
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, isStandalone: true, selector: "ius-input-select", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", labelInput: "labelInput", iconInput: "iconInput", textInput: "textInput" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onAddText: "onAddText", optionClick: "optionClick" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" type=\"text\" (keypress)=\"onKeyPress($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-list{position:absolute;max-height:144px;width:100%;display:flex;flex-direction:column;margin-top:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;z-index:1000;overflow-y:auto}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2220
2228
|
}
|
|
2221
2229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, decorators: [{
|
|
2222
2230
|
type: Component,
|
|
2223
|
-
args: [{ selector: 'ius-input-select', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" type=\"text\" (keypress)=\"onKeyPress($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px
|
|
2231
|
+
args: [{ selector: 'ius-input-select', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused,\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input type=\"text\" [(ngModel)]=\"textInput\" [placeholder]=\"labelInput\" [disabled]=\"disabled\" (input)=\"onInput()\"\r\n (focus)=\"onFocus()\" (blur)=\"onBlur()\" type=\"text\" (keypress)=\"onKeyPress($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </div>\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{labelInferior}}</span>\r\n }\r\n @if (labelInferior && !isFocused && isAlertText) {\r\n <span class=\"label-inf\" [ngClass]=\"{\r\n 'alert': !isFocused && isAlertText && !disabled\r\n }\">{{labelInferior}}</span>\r\n }\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-list{position:absolute;max-height:144px;width:100%;display:flex;flex-direction:column;margin-top:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;z-index:1000;overflow-y:auto}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"] }]
|
|
2224
2232
|
}], propDecorators: { componentId: [{
|
|
2225
2233
|
type: Input,
|
|
2226
2234
|
args: [{ required: true }]
|
|
@@ -2261,11 +2269,11 @@ class OptionComponent {
|
|
|
2261
2269
|
this.optionClick.emit();
|
|
2262
2270
|
}
|
|
2263
2271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", 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}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff
|
|
2272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", 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}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
|
|
2265
2273
|
}
|
|
2266
2274
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, decorators: [{
|
|
2267
2275
|
type: Component,
|
|
2268
|
-
args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", 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}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff
|
|
2276
|
+
args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", 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}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"] }]
|
|
2269
2277
|
}], propDecorators: { disabled: [{
|
|
2270
2278
|
type: Input
|
|
2271
2279
|
}], checked: [{
|
|
@@ -2384,11 +2392,11 @@ class IconXsComponent {
|
|
|
2384
2392
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
2385
2393
|
}
|
|
2386
2394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXsComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXsComponent, isStandalone: true, selector: "ius-icon-xs", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:
|
|
2395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXsComponent, isStandalone: true, selector: "ius-icon-xs", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:14px;height:14px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
2388
2396
|
}
|
|
2389
2397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXsComponent, decorators: [{
|
|
2390
2398
|
type: Component,
|
|
2391
|
-
args: [{ selector: 'ius-icon-xs', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:
|
|
2399
|
+
args: [{ selector: 'ius-icon-xs', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:14px;height:14px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
2392
2400
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
2393
2401
|
type: Input
|
|
2394
2402
|
}], color: [{
|
|
@@ -2407,11 +2415,11 @@ class IconXlComponent {
|
|
|
2407
2415
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
2408
2416
|
}
|
|
2409
2417
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXlComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2410
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXlComponent, isStandalone: true, selector: "ius-icon-xl", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }); }
|
|
2418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXlComponent, isStandalone: true, selector: "ius-icon-xl", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
2411
2419
|
}
|
|
2412
2420
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXlComponent, decorators: [{
|
|
2413
2421
|
type: Component,
|
|
2414
|
-
args: [{ selector: 'ius-icon-xl', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
2422
|
+
args: [{ selector: 'ius-icon-xl', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:32px;height:32px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
2415
2423
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
2416
2424
|
type: Input
|
|
2417
2425
|
}], color: [{
|
|
@@ -2430,11 +2438,11 @@ class IconXxlComponent {
|
|
|
2430
2438
|
this.svg = rawSvg ? this.sanitizer.bypassSecurityTrustHtml(rawSvg) : '';
|
|
2431
2439
|
}
|
|
2432
2440
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXxlComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2433
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXxlComponent, isStandalone: true, selector: "ius-icon-xxl", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:64px;height:64px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }); }
|
|
2441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconXxlComponent, isStandalone: true, selector: "ius-icon-xxl", inputs: { iconName: "iconName", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:64px;height:64px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
2434
2442
|
}
|
|
2435
2443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconXxlComponent, decorators: [{
|
|
2436
2444
|
type: Component,
|
|
2437
|
-
args: [{ selector: 'ius-icon-xxl', standalone: true, imports: [], template: "<span [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:64px;height:64px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
2445
|
+
args: [{ selector: 'ius-icon-xxl', standalone: true, imports: [CommonModule], template: "<span [ngStyle]=\"{'color': color}\" [innerHTML]=\"svg\"></span>", styles: ["@charset \"UTF-8\";:host{display:inline-block;width:64px;height:64px;color:currentColor}span svg{width:100%;height:100%;fill:\\a0 currentColor}\n"] }]
|
|
2438
2446
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconName: [{
|
|
2439
2447
|
type: Input
|
|
2440
2448
|
}], color: [{
|
|
@@ -2551,9 +2559,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2551
2559
|
type: Output
|
|
2552
2560
|
}] } });
|
|
2553
2561
|
|
|
2562
|
+
class CardListMovimientosComponent {
|
|
2563
|
+
constructor() {
|
|
2564
|
+
this.cardType = 'vigilancia';
|
|
2565
|
+
this.read = false;
|
|
2566
|
+
this.docs = false;
|
|
2567
|
+
this.priority = true;
|
|
2568
|
+
this.warning = false;
|
|
2569
|
+
}
|
|
2570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListMovimientosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListMovimientosComponent, isStandalone: true, selector: "ius-card-list-movimientos", inputs: { cardType: "cardType", read: "read", docs: "docs", priority: "priority", warning: "warning", data1: "data1", data2: "data2", data3: "data3", date: "date", asignado: "asignado", programacion: "programacion" }, ngImport: i0, template: "<div class=\"container-general\">\r\n @if (cardType === 'vigilancia') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account-balance\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\" [ngClass]=\"{'read': read}\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n <ius-icon-sm iconName=\"icon-notification-2\"></ius-icon-sm>\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-docs-2\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'agenda') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-calendar-judge\" class=\"icon-calendar-judge\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n <ius-icon-sm iconName=\"icon-notification-2\"></ius-icon-sm>\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-docs-2\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'actividad') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"icon-calendar-clock\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <div class=\"container-text-line-4\">\r\n <div class=\"cont-line-4\">\r\n <span class=\"text-line-1\">Asignado a</span>\r\n <span class=\"text-line-3\">{{asignado}}</span>\r\n </div>\r\n <div class=\"cont-line-4\">\r\n <span class=\"text-line-1\">Programada para el</span>\r\n <span class=\"text-line-3\">{{programacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-warning':warning}\"></div>\r\n }\r\n @if (warning) {\r\n <ius-icon-sm iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-sm>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'etapa') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'gestion') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }\r\n\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer;border-radius:4px;border:1px solid #eaeaea}.container-card:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;border:1px solid #C4DFFF}.container-left{display:flex;align-items:center;gap:16px;width:50%}.container-right{display:flex;align-items:center;gap:16px;font-family:Rubik,sans-serif}.content-left{display:flex;flex-direction:column;align-items:flex-start;font-family:Rubik,sans-serif}.icon-account-balance{color:#497610}.priority-off{color:#8c8c8c}.text-line-1{color:#8c8c8c;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.24px}.text-line-2{color:#333;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.read{font-weight:400}.text-line-3{color:#595959;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-text-line-4{display:flex;gap:24px}.cont-line-4{display:flex;align-items:center;gap:4px}.ct-icons{display:flex;align-items:center;gap:8px;color:#595959}.ct-date{display:flex;align-items:center;gap:4px;color:#8c8c8c;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{background-color:#ffae00}.icon-keyboard-arrow-down{color:#333}.icon-calendar-judge{color:#0a2893}.icon-calendar-clock{color:#184fdb}.icon-emergency-home{color:#ffae00}.icon-book-5{color:#7caf25}.icon-article-person{color:#434343}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2572
|
+
}
|
|
2573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListMovimientosComponent, decorators: [{
|
|
2574
|
+
type: Component,
|
|
2575
|
+
args: [{ selector: 'ius-card-list-movimientos', standalone: true, imports: [IconSmComponent, CommonModule], template: "<div class=\"container-general\">\r\n @if (cardType === 'vigilancia') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account-balance\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\" [ngClass]=\"{'read': read}\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n <ius-icon-sm iconName=\"icon-notification-2\"></ius-icon-sm>\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-docs-2\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'agenda') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-calendar-judge\" class=\"icon-calendar-judge\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n <ius-icon-sm iconName=\"icon-notification-2\"></ius-icon-sm>\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-docs-2\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'actividad') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"icon-calendar-clock\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <div class=\"container-text-line-4\">\r\n <div class=\"cont-line-4\">\r\n <span class=\"text-line-1\">Asignado a</span>\r\n <span class=\"text-line-3\">{{asignado}}</span>\r\n </div>\r\n <div class=\"cont-line-4\">\r\n <span class=\"text-line-1\">Programada para el</span>\r\n <span class=\"text-line-3\">{{programacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-warning':warning}\"></div>\r\n }\r\n @if (warning) {\r\n <ius-icon-sm iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-sm>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'etapa') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }@else if (cardType === 'gestion') {\r\n <div class=\"container-card\">\r\n <div class=\"container-left\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"\r\n [ngClass]=\"{'priority-off': !priority}\"></ius-icon-sm>\r\n <div class=\"content-left\">\r\n <span class=\"text-line-1\">{{data1}}</span>\r\n <span class=\"text-line-2\">{{data2}}</span>\r\n <span class=\"text-line-3\">{{data3}}</span>\r\n </div>\r\n </div>\r\n <div class=\"container-right\">\r\n <div class=\"ct-icons\">\r\n @if (docs) {\r\n <ius-icon-sm iconName=\"icon-attach-file\"></ius-icon-sm>\r\n }\r\n </div>\r\n <div class=\"ct-date\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{date}}</span>\r\n </div>\r\n <ius-icon-sm iconName=\"icon-keyboard-arrow-down\" class=\"icon-keyboard-arrow-down\"></ius-icon-sm>\r\n\r\n </div>\r\n </div>\r\n }\r\n\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer;border-radius:4px;border:1px solid #eaeaea}.container-card:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;border:1px solid #C4DFFF}.container-left{display:flex;align-items:center;gap:16px;width:50%}.container-right{display:flex;align-items:center;gap:16px;font-family:Rubik,sans-serif}.content-left{display:flex;flex-direction:column;align-items:flex-start;font-family:Rubik,sans-serif}.icon-account-balance{color:#497610}.priority-off{color:#8c8c8c}.text-line-1{color:#8c8c8c;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.24px}.text-line-2{color:#333;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.read{font-weight:400}.text-line-3{color:#595959;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-text-line-4{display:flex;gap:24px}.cont-line-4{display:flex;align-items:center;gap:4px}.ct-icons{display:flex;align-items:center;gap:8px;color:#595959}.ct-date{display:flex;align-items:center;gap:4px;color:#8c8c8c;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{background-color:#ffae00}.icon-keyboard-arrow-down{color:#333}.icon-calendar-judge{color:#0a2893}.icon-calendar-clock{color:#184fdb}.icon-emergency-home{color:#ffae00}.icon-book-5{color:#7caf25}.icon-article-person{color:#434343}\n"] }]
|
|
2576
|
+
}], propDecorators: { cardType: [{
|
|
2577
|
+
type: Input
|
|
2578
|
+
}], read: [{
|
|
2579
|
+
type: Input
|
|
2580
|
+
}], docs: [{
|
|
2581
|
+
type: Input
|
|
2582
|
+
}], priority: [{
|
|
2583
|
+
type: Input
|
|
2584
|
+
}], warning: [{
|
|
2585
|
+
type: Input
|
|
2586
|
+
}], data1: [{
|
|
2587
|
+
type: Input
|
|
2588
|
+
}], data2: [{
|
|
2589
|
+
type: Input
|
|
2590
|
+
}], data3: [{
|
|
2591
|
+
type: Input
|
|
2592
|
+
}], date: [{
|
|
2593
|
+
type: Input
|
|
2594
|
+
}], asignado: [{
|
|
2595
|
+
type: Input
|
|
2596
|
+
}], programacion: [{
|
|
2597
|
+
type: Input
|
|
2598
|
+
}] } });
|
|
2599
|
+
|
|
2600
|
+
class CardDynamicContentComponent {
|
|
2601
|
+
constructor() {
|
|
2602
|
+
this.titleCard = 'Title';
|
|
2603
|
+
this.backgroundColor = '#EDF6FF';
|
|
2604
|
+
}
|
|
2605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2606
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardDynamicContentComponent, isStandalone: true, selector: "ius-card-dynamic-content", inputs: { titleCard: "titleCard", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{width:100%;padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
2607
|
+
}
|
|
2608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, decorators: [{
|
|
2609
|
+
type: Component,
|
|
2610
|
+
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n <span class=\"title-card\">{{titleCard}}</span><br>\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.card-dynamic{width:100%;padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"] }]
|
|
2611
|
+
}], propDecorators: { titleCard: [{
|
|
2612
|
+
type: Input
|
|
2613
|
+
}], backgroundColor: [{
|
|
2614
|
+
type: Input
|
|
2615
|
+
}] } });
|
|
2616
|
+
|
|
2617
|
+
class AvatarIconComponent {
|
|
2618
|
+
constructor() {
|
|
2619
|
+
this.size = 'sm';
|
|
2620
|
+
this.backgroundColor = 'grey';
|
|
2621
|
+
this.iconName = 'icon-comment';
|
|
2622
|
+
this.iconColor = 'grey';
|
|
2623
|
+
}
|
|
2624
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2625
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarIconComponent, isStandalone: true, selector: "ius-avatar-icon", inputs: { size: "size", imageUrl: "imageUrl", backgroundColor: "backgroundColor", iconName: "iconName", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\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: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
2626
|
+
}
|
|
2627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, decorators: [{
|
|
2628
|
+
type: Component,
|
|
2629
|
+
args: [{ selector: 'ius-avatar-icon', standalone: true, imports: [CommonModule, IconXsComponent, IconSmComponent, IconMdComponent], template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\n"] }]
|
|
2630
|
+
}], propDecorators: { size: [{
|
|
2631
|
+
type: Input
|
|
2632
|
+
}], imageUrl: [{
|
|
2633
|
+
type: Input
|
|
2634
|
+
}], backgroundColor: [{
|
|
2635
|
+
type: Input
|
|
2636
|
+
}], iconName: [{
|
|
2637
|
+
type: Input
|
|
2638
|
+
}], iconColor: [{
|
|
2639
|
+
type: Input
|
|
2640
|
+
}] } });
|
|
2641
|
+
|
|
2554
2642
|
/**
|
|
2555
2643
|
* Generated bundle index. Do not edit.
|
|
2556
2644
|
*/
|
|
2557
2645
|
|
|
2558
|
-
export { BadgeComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputSelectComponent, InputTextfieldComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, OptionComponent, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SimpleDividerComponent, SlideToggleComponent };
|
|
2646
|
+
export { AvatarIconComponent, BadgeComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardDynamicContentComponent, CardListMovimientosComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputSelectComponent, InputTextfieldComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, OptionComponent, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SimpleDividerComponent, SlideToggleComponent };
|
|
2559
2647
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|