@litigiovirtual/ius-design-components 1.0.169 → 1.0.170
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/simple-card-contador/simple-card-contador.component.mjs +16 -30
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/litigiovirtual-ius-design-components.mjs +17 -98
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/simple-card-contador/simple-card-contador.component.d.ts +3 -5
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/esm2022/lib/alert/alert.component.mjs +0 -76
- package/esm2022/lib/alert/index.mjs +0 -2
- package/lib/alert/alert.component.d.ts +0 -22
- package/lib/alert/index.d.ts +0 -1
|
@@ -4,50 +4,36 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class SimpleCardContadorComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.title = '';
|
|
7
|
-
this.value =
|
|
8
|
-
this.maxValue = 0;
|
|
7
|
+
this.value = 0;
|
|
9
8
|
this.valueChange = new EventEmitter();
|
|
10
|
-
this.errorMaxValue = new EventEmitter();
|
|
11
9
|
}
|
|
12
10
|
step(el, dir) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
if (dir > 0)
|
|
12
|
+
el.stepUp();
|
|
13
|
+
else
|
|
14
|
+
el.stepDown();
|
|
15
|
+
this.syncAndEmit(el.value);
|
|
16
16
|
}
|
|
17
|
-
onTyped(
|
|
18
|
-
|
|
19
|
-
this.applyLimitsAndEmit(n, el);
|
|
17
|
+
onTyped(raw) {
|
|
18
|
+
this.syncAndEmit(raw);
|
|
20
19
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
if (this.maxValue > 0 && value > this.maxValue) {
|
|
27
|
-
value = this.maxValue;
|
|
28
|
-
this.errorMaxValue.emit('El valor sobrepasa el limite que puedes asignar');
|
|
29
|
-
}
|
|
30
|
-
this.value = value;
|
|
31
|
-
if (el) {
|
|
32
|
-
el.value = String(value);
|
|
33
|
-
}
|
|
34
|
-
this.valueChange.emit(value);
|
|
20
|
+
syncAndEmit(raw) {
|
|
21
|
+
const n = Number(raw);
|
|
22
|
+
const val = Number.isNaN(n) ? 0 : n;
|
|
23
|
+
this.value = val;
|
|
24
|
+
this.valueChange.emit(val);
|
|
35
25
|
}
|
|
36
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value"
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num.value)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"], dependencies: [{ kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }] }); }
|
|
38
28
|
}
|
|
39
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, decorators: [{
|
|
40
30
|
type: Component,
|
|
41
|
-
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [
|
|
31
|
+
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num.value)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"] }]
|
|
42
32
|
}], propDecorators: { title: [{
|
|
43
33
|
type: Input
|
|
44
34
|
}], value: [{
|
|
45
35
|
type: Input
|
|
46
|
-
}], maxValue: [{
|
|
47
|
-
type: Input
|
|
48
36
|
}], valueChange: [{
|
|
49
37
|
type: Output
|
|
50
|
-
}], errorMaxValue: [{
|
|
51
|
-
type: Output
|
|
52
38
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVU3QyxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBUVcsVUFBSyxHQUFZLEVBQUUsQ0FBQztRQUNwQixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1QsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBbUJwRDtJQWpCQyxJQUFJLENBQUMsRUFBb0IsRUFBRSxHQUFXO1FBQ3BDLElBQUksR0FBRyxHQUFHLENBQUM7WUFBRSxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7O1lBQU0sRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxPQUFPLENBQUMsR0FBVztRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFTyxXQUFXLENBQUMsR0FBVztRQUM3QixNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdEIsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQzsrR0FuQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIseUtDWHhDLG81QkFvQ0EsMGxHRDdCWSxlQUFlOzs0RkFJZCwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblhsQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi14bCc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtc2ltcGxlLWNhcmQtY29udGFkb3InLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25YbENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpbXBsZS1jYXJkLWNvbnRhZG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wbGVDYXJkQ29udGFkb3JDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdmFsdWUgPSAwO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBzdGVwKGVsOiBIVE1MSW5wdXRFbGVtZW50LCBkaXI6IDEgfCAtMSkge1xyXG4gICAgaWYgKGRpciA+IDApIGVsLnN0ZXBVcCgpOyBlbHNlIGVsLnN0ZXBEb3duKCk7XHJcbiAgICB0aGlzLnN5bmNBbmRFbWl0KGVsLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uVHlwZWQocmF3OiBzdHJpbmcpIHtcclxuICAgIHRoaXMuc3luY0FuZEVtaXQocmF3KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc3luY0FuZEVtaXQocmF3OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IG4gPSBOdW1iZXIocmF3KTtcclxuICAgIGNvbnN0IHZhbCA9IE51bWJlci5pc05hTihuKSA/IDAgOiBuO1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbDtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh2YWwpO1xyXG4gIH1cclxuXHJcblxyXG59XHJcblxyXG5cclxuXHJcbiIsIjxkaXYgY2xhc3M9XCJnZW5lcmFsLWNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgIDxwPnt7IHRpdGxlIH19PC9wPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJudW0td3JhcHBlclwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgI251bVxyXG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXHJcbiAgICAgICAgICBbc3RlcF09XCIxXCJcclxuICAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAoaW5wdXQpPVwib25UeXBlZChudW0udmFsdWUpXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiB1cFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwic3RlcChudW0sICsxKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGl1cy1pY29uLXhsXHJcbiAgICAgICAgICAgIFtpY29uTmFtZV09XCInaWNvbi1rZXlib2FyZC1hcnJvdy11cCdcIlxyXG4gICAgICAgICAgPjwvaXVzLWljb24teGw+XHJcbiAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiBkb3duXCJcclxuICAgICAgICAgIChjbGljayk9XCJzdGVwKG51bSwgLTEpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aXVzLWljb24teGxcclxuICAgICAgICAgICAgW2ljb25OYW1lXT1cIidpY29uLWtleWJvYXJkLWFycm93LWRvd24nXCJcclxuICAgICAgICAgID48L2l1cy1pY29uLXhsPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -86,7 +86,6 @@ export * from './lib/card-actividad-evento';
|
|
|
86
86
|
export * from './lib/card-etapa-subetapa';
|
|
87
87
|
export * from './lib/card-impulso-procesal';
|
|
88
88
|
export * from './lib/calification';
|
|
89
|
-
export * from './lib/alert';
|
|
90
89
|
//Directivas
|
|
91
90
|
export * from './lib/directives/popover.directive';
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLFlBQVk7QUFDWixjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5LXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1keW5hbWljJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hY2NvdW50cyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLWNoaWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZG91YmxlLWRhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLWhvdXItcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmF2LXJhaWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtdGV4dGZpZWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtbnVtYmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXNtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1tZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbGcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14eGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtZGl2aWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmVhci1wcm9ncmVzcy1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sb2FkaW5nLWNpcmNsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyYXdlci1jb250YWluZXItcmlnaHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZS10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtbW92aW1pZW50b3MnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWR5bmFtaWMtY29udGVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci1pY29uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2F0ZWdvcmllcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXAtdXNlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hdXRoJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1vdHAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbmFja2Jhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1kb251dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1iYXItZ3JvdXBlZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JyZWFkY3J1bWInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNoaXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtY2FyZC1jb250YWRvcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLWNvbnRleHR1YWwtbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlZ21lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9ub3RpZmljYXRpb24tY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1jb25zdW1vJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveC1yYWRpbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1vcmRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1maWx0ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtZmlsdGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LXByb2Nlc28nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWJsb2NrJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1idXR0b24tY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ZpbHRlci1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1wbGFuLXN1YnNjcmlwdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtcGxhbi1zbWFsbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdXNvLXBsYW4nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWdlc3Rpb24tY3Vwbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtaW5mby1mYWN0dXJhY2lvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LWxhcmdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1sb2cnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXRpcG8tcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1kcmFnLW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1jb2xsYXBzZS1kZXRhbGxlLXByb2Nlc28nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXRpY2tldCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdmlnaWxhbmNpYS1qdWRpY2lhbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1tZW51LWxpbmsnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWFnZW5kYS1qdWRpY2lhbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYWN0aXZpZGFkLWV2ZW50byc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZXRhcGEtc3ViZXRhcGEnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWltcHVsc28tcHJvY2VzYWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxpZmljYXRpb24nO1xyXG5cclxuLy9EaXJlY3RpdmFzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnOyJdfQ==
|
|
@@ -10,7 +10,7 @@ import * as i1$2 from '@angular/forms';
|
|
|
10
10
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
11
11
|
import * as i1$3 from '@angular/router';
|
|
12
12
|
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
13
|
-
import { ComponentPortal, PortalModule
|
|
13
|
+
import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
|
|
14
14
|
import localeEs from '@angular/common/locales/es';
|
|
15
15
|
|
|
16
16
|
const ICONS = {
|
|
@@ -5041,51 +5041,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5041
5041
|
class SimpleCardContadorComponent {
|
|
5042
5042
|
constructor() {
|
|
5043
5043
|
this.title = '';
|
|
5044
|
-
this.value =
|
|
5045
|
-
this.maxValue = 0;
|
|
5044
|
+
this.value = 0;
|
|
5046
5045
|
this.valueChange = new EventEmitter();
|
|
5047
|
-
this.errorMaxValue = new EventEmitter();
|
|
5048
5046
|
}
|
|
5049
5047
|
step(el, dir) {
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5048
|
+
if (dir > 0)
|
|
5049
|
+
el.stepUp();
|
|
5050
|
+
else
|
|
5051
|
+
el.stepDown();
|
|
5052
|
+
this.syncAndEmit(el.value);
|
|
5053
5053
|
}
|
|
5054
|
-
onTyped(
|
|
5055
|
-
|
|
5056
|
-
this.applyLimitsAndEmit(n, el);
|
|
5054
|
+
onTyped(raw) {
|
|
5055
|
+
this.syncAndEmit(raw);
|
|
5057
5056
|
}
|
|
5058
|
-
|
|
5059
|
-
|
|
5060
|
-
|
|
5061
|
-
|
|
5062
|
-
|
|
5063
|
-
if (this.maxValue > 0 && value > this.maxValue) {
|
|
5064
|
-
value = this.maxValue;
|
|
5065
|
-
this.errorMaxValue.emit('El valor sobrepasa el limite que puedes asignar');
|
|
5066
|
-
}
|
|
5067
|
-
this.value = value;
|
|
5068
|
-
if (el) {
|
|
5069
|
-
el.value = String(value);
|
|
5070
|
-
}
|
|
5071
|
-
this.valueChange.emit(value);
|
|
5057
|
+
syncAndEmit(raw) {
|
|
5058
|
+
const n = Number(raw);
|
|
5059
|
+
const val = Number.isNaN(n) ? 0 : n;
|
|
5060
|
+
this.value = val;
|
|
5061
|
+
this.valueChange.emit(val);
|
|
5072
5062
|
}
|
|
5073
5063
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5074
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value"
|
|
5064
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleCardContadorComponent, isStandalone: true, selector: "ius-simple-card-contador", inputs: { title: "title", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num.value)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"], dependencies: [{ kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }] }); }
|
|
5075
5065
|
}
|
|
5076
5066
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, decorators: [{
|
|
5077
5067
|
type: Component,
|
|
5078
|
-
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [
|
|
5068
|
+
args: [{ selector: 'ius-simple-card-contador', standalone: true, imports: [IconXlComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"left\">\r\n <p>{{ title }}</p>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"num-wrapper\">\r\n <input\r\n #num\r\n type=\"number\"\r\n [step]=\"1\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num.value)\"\r\n />\r\n <button\r\n class=\"spin up\"\r\n (click)=\"step(num, +1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-up'\"\r\n ></ius-icon-xl>\r\n </button>\r\n\r\n <button\r\n class=\"spin down\"\r\n (click)=\"step(num, -1)\"\r\n >\r\n <ius-icon-xl\r\n [iconName]=\"'icon-keyboard-arrow-down'\"\r\n ></ius-icon-xl>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:4px 4px 4px 12px;align-items:center;gap:0;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;justify-content:space-between}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 1 auto;min-width:0;width:55%}.container .left p{display:flex;align-items:center;gap:10px;margin:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Rubik;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right{padding:var(--Spacing-Spacing-xs, 8px);display:flex;align-items:center;width:45%}.container .right .num-wrapper{position:relative;display:inline-flex;align-items:center;height:40px;border-radius:14px;background:#f5f5f5;padding:6px 44px 6px 12px}.container .right .num-wrapper input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;border:0;outline:0;width:100%;background:transparent;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container .right .num-wrapper input::-webkit-outer-spin-button,.container .right .num-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .right .num-wrapper .spin{position:absolute;right:8px;width:28px;height:18px;border:0;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.container .right .num-wrapper .up{top:15px}.container .right .num-wrapper .down{bottom:-1px}\n"] }]
|
|
5079
5069
|
}], propDecorators: { title: [{
|
|
5080
5070
|
type: Input
|
|
5081
5071
|
}], value: [{
|
|
5082
5072
|
type: Input
|
|
5083
|
-
}], maxValue: [{
|
|
5084
|
-
type: Input
|
|
5085
5073
|
}], valueChange: [{
|
|
5086
5074
|
type: Output
|
|
5087
|
-
}], errorMaxValue: [{
|
|
5088
|
-
type: Output
|
|
5089
5075
|
}] } });
|
|
5090
5076
|
|
|
5091
5077
|
class SegmentComponent {
|
|
@@ -6647,76 +6633,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6647
6633
|
type: Input
|
|
6648
6634
|
}] } });
|
|
6649
6635
|
|
|
6650
|
-
class AlertComponent {
|
|
6651
|
-
constructor(overlay, vcr) {
|
|
6652
|
-
this.overlay = overlay;
|
|
6653
|
-
this.vcr = vcr;
|
|
6654
|
-
this.title = 'Título del Popup';
|
|
6655
|
-
this.text = 'Texto';
|
|
6656
|
-
this.leftButtonName = 'Cancelar';
|
|
6657
|
-
this.rightButtonName = 'Confirmar';
|
|
6658
|
-
this.onAccept = new EventEmitter();
|
|
6659
|
-
this.onCancel = new EventEmitter();
|
|
6660
|
-
}
|
|
6661
|
-
ngAfterViewInit() {
|
|
6662
|
-
const positionStrategy = this.overlay.position()
|
|
6663
|
-
.global()
|
|
6664
|
-
.centerHorizontally()
|
|
6665
|
-
.centerVertically();
|
|
6666
|
-
this.overlayRef = this.overlay.create({
|
|
6667
|
-
positionStrategy,
|
|
6668
|
-
hasBackdrop: true,
|
|
6669
|
-
backdropClass: 'cdk-overlay-dark-backdrop',
|
|
6670
|
-
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
6671
|
-
panelClass: 'modal-alerta',
|
|
6672
|
-
disposeOnNavigation: true,
|
|
6673
|
-
});
|
|
6674
|
-
const portal = new TemplatePortal(this.modalTpl, this.vcr);
|
|
6675
|
-
this.overlayRef.attach(portal);
|
|
6676
|
-
this.overlayRef.keydownEvents().subscribe((ev) => {
|
|
6677
|
-
if (ev.key === 'Escape')
|
|
6678
|
-
this.close();
|
|
6679
|
-
});
|
|
6680
|
-
}
|
|
6681
|
-
close() {
|
|
6682
|
-
this.overlayRef?.dispose();
|
|
6683
|
-
this.overlayRef = undefined;
|
|
6684
|
-
this.onCancel.emit();
|
|
6685
|
-
}
|
|
6686
|
-
accept() {
|
|
6687
|
-
this.overlayRef?.dispose();
|
|
6688
|
-
this.overlayRef = undefined;
|
|
6689
|
-
this.onAccept.emit();
|
|
6690
|
-
}
|
|
6691
|
-
ngOnDestroy() {
|
|
6692
|
-
this.close();
|
|
6693
|
-
}
|
|
6694
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [{ token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6695
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, isStandalone: true, selector: "ius-alert", inputs: { title: "title", text: "text", leftButtonName: "leftButtonName", rightButtonName: "rightButtonName" }, outputs: { onAccept: "onAccept", onCancel: "onCancel" }, viewQueries: [{ propertyName: "modalTpl", first: true, predicate: ["modalTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #modalTpl>\r\n <div class=\"modal\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <p class=\"msg\">{{ text }}</p>\r\n\r\n <div class=\"actions\">\r\n <ius-button-standard-secondary (buttonClicked)=\"close()\">{{\r\n leftButtonName\r\n }}</ius-button-standard-secondary>\r\n <ius-button-dynamic\r\n [labelDefault]=\"rightButtonName\"\r\n (buttonClicked)=\"accept()\"\r\n ></ius-button-dynamic>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.modal{background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 45px #00000040;display:flex;flex-direction:column;max-width:450px}.title{color:#333;font-family:Roboto,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.msg{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.actions{display:flex;padding:8px 16px;justify-content:space-evenly;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: PortalModule }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonDynamicComponent, selector: "ius-button-dynamic", inputs: ["labelDefault", "labelSuccess", "labelError", "disabled", "loading", "result", "autoReset", "autoResetDelay"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }] }); }
|
|
6696
|
-
}
|
|
6697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
6698
|
-
type: Component,
|
|
6699
|
-
args: [{ selector: 'ius-alert', standalone: true, imports: [OverlayModule, CommonModule, PortalModule, ButtonStandardSecondaryComponent, ButtonDynamicComponent, SimpleDividerComponent], template: "<ng-template #modalTpl>\r\n <div class=\"modal\">\r\n <h3 class=\"title\">{{ title }}</h3>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <p class=\"msg\">{{ text }}</p>\r\n\r\n <div class=\"actions\">\r\n <ius-button-standard-secondary (buttonClicked)=\"close()\">{{\r\n leftButtonName\r\n }}</ius-button-standard-secondary>\r\n <ius-button-dynamic\r\n [labelDefault]=\"rightButtonName\"\r\n (buttonClicked)=\"accept()\"\r\n ></ius-button-dynamic>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.modal{background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 45px #00000040;display:flex;flex-direction:column;max-width:450px}.title{color:#333;font-family:Roboto,sans-serif;font-size:1.25rem;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.msg{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.actions{display:flex;padding:8px 16px;justify-content:space-evenly;gap:4px}\n"] }]
|
|
6700
|
-
}], ctorParameters: () => [{ type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { modalTpl: [{
|
|
6701
|
-
type: ViewChild,
|
|
6702
|
-
args: ['modalTpl', { static: true }]
|
|
6703
|
-
}], title: [{
|
|
6704
|
-
type: Input
|
|
6705
|
-
}], text: [{
|
|
6706
|
-
type: Input
|
|
6707
|
-
}], leftButtonName: [{
|
|
6708
|
-
type: Input
|
|
6709
|
-
}], rightButtonName: [{
|
|
6710
|
-
type: Input
|
|
6711
|
-
}], onAccept: [{
|
|
6712
|
-
type: Output
|
|
6713
|
-
}], onCancel: [{
|
|
6714
|
-
type: Output
|
|
6715
|
-
}] } });
|
|
6716
|
-
|
|
6717
6636
|
/**
|
|
6718
6637
|
* Generated bundle index. Do not edit.
|
|
6719
6638
|
*/
|
|
6720
6639
|
|
|
6721
|
-
export {
|
|
6640
|
+
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6722
6641
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|