@litigiovirtual/ius-design-components 1.0.166 → 1.0.168
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/button-accounts/button-accounts.component.mjs +5 -4
- package/esm2022/lib/icons/icons-map.mjs +10 -1
- package/esm2022/lib/simple-card-contador/simple-card-contador.component.mjs +30 -16
- package/fesm2022/litigiovirtual-ius-design-components.mjs +42 -18
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/button-accounts/button-accounts.component.d.ts +1 -1
- package/lib/simple-card-contador/simple-card-contador.component.d.ts +5 -3
- package/package.json +1 -1
|
@@ -4,36 +4,50 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export class SimpleCardContadorComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.title = '';
|
|
7
|
-
this.value =
|
|
7
|
+
this.value = 1;
|
|
8
|
+
this.maxValue = 0;
|
|
8
9
|
this.valueChange = new EventEmitter();
|
|
10
|
+
this.errorMaxValue = new EventEmitter();
|
|
9
11
|
}
|
|
10
12
|
step(el, dir) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
el.stepDown();
|
|
15
|
-
this.syncAndEmit(el.value);
|
|
13
|
+
const current = Number(el.value) || 1;
|
|
14
|
+
const next = current + dir;
|
|
15
|
+
this.applyLimitsAndEmit(next, el);
|
|
16
16
|
}
|
|
17
|
-
onTyped(
|
|
18
|
-
|
|
17
|
+
onTyped(el) {
|
|
18
|
+
const n = Number(el.value);
|
|
19
|
+
this.applyLimitsAndEmit(n, el);
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
applyLimitsAndEmit(n, el) {
|
|
22
|
+
let value = Number.isNaN(n) ? 1 : n;
|
|
23
|
+
if (value < 1) {
|
|
24
|
+
value = 1;
|
|
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);
|
|
25
35
|
}
|
|
26
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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
|
|
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", maxValue: "maxValue" }, outputs: { valueChange: "valueChange", errorMaxValue: "errorMaxValue" }, 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 [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\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"] }] }); }
|
|
28
38
|
}
|
|
29
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, decorators: [{
|
|
30
40
|
type: Component,
|
|
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
|
|
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 [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\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"] }]
|
|
32
42
|
}], propDecorators: { title: [{
|
|
33
43
|
type: Input
|
|
34
44
|
}], value: [{
|
|
35
45
|
type: Input
|
|
46
|
+
}], maxValue: [{
|
|
47
|
+
type: Input
|
|
36
48
|
}], valueChange: [{
|
|
37
49
|
type: Output
|
|
50
|
+
}], errorMaxValue: [{
|
|
51
|
+
type: Output
|
|
38
52
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNhcmQtY29udGFkb3Ivc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVU3QyxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBUVcsVUFBSyxHQUFZLEVBQUUsQ0FBQztRQUNwQixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNaLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FvQ3REO0lBbENDLElBQUksQ0FBQyxFQUFvQixFQUFFLEdBQVc7UUFDcEMsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEMsTUFBTSxJQUFJLEdBQUcsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPLENBQUMsRUFBb0I7UUFDMUIsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxDQUFTLEVBQUUsRUFBcUI7UUFFekQsSUFBSSxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFcEMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDZCxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1osQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMvQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxpREFBaUQsQ0FBQyxDQUFBO1FBQzVFLENBQUM7UUFFRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUVuQixJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ1AsRUFBRSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsQ0FBQztRQUVELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBdENVLDJCQUEyQjttR0FBM0IsMkJBQTJCLCtOQ1h4QyxrZ0NBdUNBLDBsR0RoQ1ksZUFBZTs7NEZBSWQsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUM7OEJBS2pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uWGxDb21wb25lbnQgfSBmcm9tICcuLi9pY29uLXhsJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zaW1wbGUtY2FyZC1jb250YWRvcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSWNvblhsQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2ltcGxlLWNhcmQtY29udGFkb3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zaW1wbGUtY2FyZC1jb250YWRvci5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNpbXBsZUNhcmRDb250YWRvckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZSA9IDE7XHJcbiAgQElucHV0KCkgbWF4VmFsdWUgPSAwO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBPdXRwdXQoKSBlcnJvck1heFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIHN0ZXAoZWw6IEhUTUxJbnB1dEVsZW1lbnQsIGRpcjogMSB8IC0xKSB7XHJcbiAgICBjb25zdCBjdXJyZW50ID0gTnVtYmVyKGVsLnZhbHVlKSB8fCAxO1xyXG4gICAgY29uc3QgbmV4dCA9IGN1cnJlbnQgKyBkaXI7XHJcbiAgICB0aGlzLmFwcGx5TGltaXRzQW5kRW1pdChuZXh0LCBlbCk7XHJcbiAgfVxyXG5cclxuICBvblR5cGVkKGVsOiBIVE1MSW5wdXRFbGVtZW50KSB7XHJcbiAgICBjb25zdCBuID0gTnVtYmVyKGVsLnZhbHVlKTtcclxuICAgIHRoaXMuYXBwbHlMaW1pdHNBbmRFbWl0KG4sIGVsKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgYXBwbHlMaW1pdHNBbmRFbWl0KG46IG51bWJlciwgZWw/OiBIVE1MSW5wdXRFbGVtZW50KSB7XHJcblxyXG4gICAgbGV0IHZhbHVlID0gTnVtYmVyLmlzTmFOKG4pID8gMSA6IG47XHJcblxyXG4gICAgaWYgKHZhbHVlIDwgMSkge1xyXG4gICAgICB2YWx1ZSA9IDE7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMubWF4VmFsdWUgPiAwICYmIHZhbHVlID4gdGhpcy5tYXhWYWx1ZSkge1xyXG4gICAgICB2YWx1ZSA9IHRoaXMubWF4VmFsdWU7XHJcbiAgICAgIHRoaXMuZXJyb3JNYXhWYWx1ZS5lbWl0KCdFbCB2YWxvciBzb2JyZXBhc2EgZWwgbGltaXRlIHF1ZSBwdWVkZXMgYXNpZ25hcicpXHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG5cclxuICAgIGlmIChlbCkge1xyXG4gICAgICBlbC52YWx1ZSA9IFN0cmluZyh2YWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcclxuICB9XHJcblxyXG5cclxufVxyXG5cclxuXHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxyXG4gICAgICA8cD57eyB0aXRsZSB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibnVtLXdyYXBwZXJcIj5cclxuICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICNudW1cclxuICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgICAgICAgW3N0ZXBdPVwiMVwiXHJcbiAgICAgICAgICBbbWluXT1cIjFcIlxyXG4gICAgICAgICAgW21heF09XCJtYXhWYWx1ZSA+IDAgPyBtYXhWYWx1ZSA6IG51bGxcIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgICAgIChpbnB1dCk9XCJvblR5cGVkKG51bSlcIlxyXG4gICAgICAgICAgKGJsdXIpPVwib25UeXBlZChudW0pXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiB1cFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwic3RlcChudW0sICsxKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGl1cy1pY29uLXhsXHJcbiAgICAgICAgICAgIFtpY29uTmFtZV09XCInaWNvbi1rZXlib2FyZC1hcnJvdy11cCdcIlxyXG4gICAgICAgICAgPjwvaXVzLWljb24teGw+XHJcbiAgICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwic3BpbiBkb3duXCJcclxuICAgICAgICAgIChjbGljayk9XCJzdGVwKG51bSwgLTEpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aXVzLWljb24teGxcclxuICAgICAgICAgICAgW2ljb25OYW1lXT1cIidpY29uLWtleWJvYXJkLWFycm93LWRvd24nXCJcclxuICAgICAgICAgID48L2l1cy1pY29uLXhsPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1127,6 +1127,15 @@ const ICONS = {
|
|
|
1127
1127
|
</svg>`,
|
|
1128
1128
|
'icon-address': `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1129
1129
|
<path d="M7.99983 14.9416C6.6706 14.9416 5.58594 14.731 4.74583 14.3098C3.90572 13.8886 3.48566 13.3449 3.48566 12.6786C3.48566 12.372 3.58283 12.0869 3.77716 11.8233C3.97149 11.5596 4.24366 11.3298 4.59366 11.1339L5.75133 12.2688C5.62999 12.3159 5.49972 12.3719 5.36049 12.4368C5.22127 12.5015 5.10899 12.5795 5.02366 12.6706C5.18755 12.8717 5.5656 13.0477 6.15783 13.1986C6.75005 13.3495 7.36566 13.4249 8.00466 13.4249C8.64355 13.4249 9.26055 13.3495 9.85566 13.1986C10.4508 13.0477 10.8298 12.8717 10.9927 12.6706C10.8962 12.5684 10.7749 12.4849 10.6288 12.4201C10.4827 12.3552 10.3448 12.2992 10.215 12.2521L11.36 11.1006C11.7322 11.3049 12.0176 11.5403 12.2162 11.8066C12.4147 12.0729 12.514 12.3633 12.514 12.6778C12.514 13.3443 12.0939 13.8883 11.2538 14.3096C10.4136 14.7309 9.32894 14.9416 7.99983 14.9416ZM8.02449 10.9123C9.10583 10.1197 9.92033 9.32042 10.468 8.51442C11.0155 7.70842 11.2893 6.89692 11.2893 6.07992C11.2893 4.96903 10.9334 4.13037 10.2215 3.56392C9.5096 2.99759 8.77038 2.71442 8.00383 2.71442C7.23405 2.71442 6.49333 2.99759 5.78166 3.56392C5.0701 4.13037 4.71433 4.96903 4.71433 6.07992C4.71433 6.81114 4.98255 7.57353 5.51899 8.36709C6.05544 9.16075 6.8906 10.0091 8.02449 10.9123ZM8.00383 12.8021C6.3916 11.6192 5.18822 10.4704 4.39366 9.35575C3.59899 8.24109 3.20166 7.14914 3.20166 6.07992C3.20166 5.27514 3.34744 4.56792 3.63899 3.95825C3.93055 3.34859 4.30499 2.83864 4.76233 2.42842C5.21966 2.0182 5.73416 1.71053 6.30583 1.50542C6.87738 1.30031 7.4431 1.19775 8.00299 1.19775C8.56288 1.19775 9.12849 1.30031 9.69983 1.50542C10.2712 1.71053 10.7853 2.0182 11.2423 2.42842C11.6993 2.83864 12.0735 3.34859 12.365 3.95825C12.6563 4.56792 12.802 5.27514 12.802 6.07992C12.802 7.14914 12.405 8.24109 11.611 9.35575C10.817 10.4704 9.6146 11.6192 8.00383 12.8021ZM8.00233 7.34925C8.38066 7.34925 8.70433 7.21514 8.97333 6.94692C9.24244 6.67881 9.37699 6.35648 9.37699 5.97992C9.37699 5.60003 9.24255 5.2762 8.97366 5.00842C8.70477 4.74064 8.38149 4.60675 8.00383 4.60675C7.62505 4.60675 7.30083 4.74064 7.03116 5.00842C6.76149 5.2762 6.62666 5.59937 6.62666 5.97792C6.62666 6.35659 6.76133 6.67981 7.03066 6.94759C7.3001 7.21537 7.62399 7.34925 8.00233 7.34925Z" fill="currentColor"/>
|
|
1130
|
+
</svg>`,
|
|
1131
|
+
'icon-proteccion-web': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none">
|
|
1132
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.39 39.9391V63.6121C47.39 68.1541 50.051 72.3571 53.708 75.8841C58.866 80.8581 65.949 84.5041 69.156 86.0051C69.161 86.0081 69.167 86.0101 69.172 86.0121C70.617 86.6691 72.275 86.6691 73.72 86.0121C73.725 86.0091 73.73 86.0071 73.735 86.0051C76.943 84.5041 84.025 80.8581 89.183 75.8841C92.84 72.3571 95.5 68.1541 95.5 63.6121C95.5 63.6121 95.5 48.1681 95.47 39.9341C95.47 38.3941 94.671 36.9571 93.357 36.1421C92.049 35.3301 90.414 35.2491 89.032 35.9271C83.939 38.2881 77.906 39.6501 71.445 39.6501C64.985 39.6501 58.954 38.2881 53.869 35.8991C52.478 35.2181 50.834 35.3001 49.518 36.1171C48.195 36.9381 47.391 38.3831 47.39 39.9391ZM50.39 39.9401C50.391 39.4221 50.659 38.9401 51.1 38.6661C51.54 38.3931 52.091 38.3661 52.556 38.5961C52.565 38.6011 52.574 38.6051 52.583 38.6101C58.04 41.1761 64.511 42.6501 71.445 42.6501C78.376 42.6501 84.845 41.1771 90.314 38.6391C90.325 38.6341 90.336 38.6281 90.348 38.6231C90.803 38.3971 91.343 38.4231 91.775 38.6911C92.207 38.9591 92.47 39.4311 92.47 39.9401V39.9451C92.5 48.1761 92.5 63.6121 92.5 63.6121C92.5 67.3841 90.137 70.7951 87.1 73.7241C82.223 78.4291 75.514 81.8591 72.473 83.2831C71.82 83.5781 71.071 83.5781 70.418 83.2831C67.377 81.8591 60.668 78.4291 55.791 73.7241C52.753 70.7951 50.39 67.3841 50.39 63.6121V39.9401ZM67.362 55.8001H61.843C60.76 55.8001 59.8 56.4981 59.465 57.5281C59.131 58.5581 59.497 59.6861 60.374 60.3231L64.839 63.5671L63.133 68.8161C62.798 69.8461 63.165 70.9741 64.041 71.6111C64.918 72.2471 66.104 72.2471 66.98 71.6111L71.445 68.3671L75.91 71.6111C76.786 72.2471 77.973 72.2471 78.849 71.6111C79.725 70.9741 80.092 69.8461 79.757 68.8161L78.052 63.5671L82.517 60.3231C83.393 59.6861 83.76 58.5581 83.425 57.5281C83.09 56.4981 82.13 55.8001 81.047 55.8001H75.528L73.823 50.5511C73.488 49.5211 72.528 48.8241 71.445 48.8241C70.362 48.8241 69.402 49.5211 69.068 50.5511L67.362 55.8001ZM76.695 20.0001H8C7.172 20.0001 6.5 20.6721 6.5 21.5001C6.5 22.3281 7.172 23.0001 8 23.0001H76.695V34.6601C76.695 35.4881 77.367 36.1601 78.195 36.1601C79.023 36.1601 79.695 35.4881 79.695 34.6601V13.9951C79.695 12.8021 79.221 11.6571 78.377 10.8141C77.533 9.97012 76.388 9.49512 75.195 9.49512C62.998 9.49512 17.197 9.49512 5 9.49512C3.807 9.49512 2.662 9.97012 1.818 10.8141C0.974 11.6571 0.5 12.8021 0.5 13.9951V66.4581C0.5 67.6521 0.974 68.7971 1.818 69.6401C2.662 70.4841 3.807 70.9581 5 70.9581H43.511C44.338 70.9581 45.011 70.2861 45.011 69.4581C45.011 68.6311 44.338 67.9581 43.511 67.9581H5C4.602 67.9581 4.221 67.8001 3.939 67.5191C3.658 67.2381 3.5 66.8561 3.5 66.4581V13.9951C3.5 13.5981 3.658 13.2161 3.939 12.9351C4.221 12.6541 4.602 12.4951 5 12.4951H75.195C75.593 12.4951 75.974 12.6541 76.256 12.9351C76.537 13.2161 76.695 13.5981 76.695 13.9951V20.0001ZM71.445 52.9421L72.787 57.0731C73.122 58.1031 74.082 58.8001 75.165 58.8001H79.508L75.995 61.3531C75.118 61.9901 74.752 63.1181 75.086 64.1481L76.429 68.2791L72.915 65.7261C72.038 65.0891 70.852 65.0891 69.976 65.7261L66.462 68.2791L67.804 64.1481C68.139 63.1181 67.772 61.9901 66.896 61.3531L63.382 58.8001H67.725C68.808 58.8001 69.768 58.1031 70.103 57.0731L71.445 52.9421ZM28.42 58.4411H25.753C24.925 58.4411 24.253 59.1141 24.253 59.9411C24.253 60.7691 24.925 61.4411 25.753 61.4411H28.42C29.248 61.4411 29.92 60.7691 29.92 59.9411C29.92 59.1141 29.248 58.4411 28.42 58.4411ZM11.114 58.4411H8.448C7.62 58.4411 6.948 59.1141 6.948 59.9411C6.948 60.7691 7.62 61.4411 8.448 61.4411H11.114C11.942 61.4411 12.614 60.7691 12.614 59.9411C12.614 59.1141 11.942 58.4411 11.114 58.4411ZM19.767 58.4411H17.1C16.273 58.4411 15.6 59.1141 15.6 59.9411C15.6 60.7691 16.273 61.4411 17.1 61.4411H19.767C20.595 61.4411 21.267 60.7691 21.267 59.9411C21.267 59.1141 20.595 58.4411 19.767 58.4411ZM8.448 47.3851H28.102C28.93 47.3851 29.602 46.7121 29.602 45.8851C29.602 45.0571 28.93 44.3851 28.102 44.3851H8.448C7.62 44.3851 6.948 45.0571 6.948 45.8851C6.948 46.7121 7.62 47.3851 8.448 47.3851ZM8.448 38.7921H35.222C36.05 38.7921 36.722 38.1201 36.722 37.2921C36.722 36.4641 36.05 35.7921 35.222 35.7921H8.448C7.62 35.7921 6.948 36.4641 6.948 37.2921C6.948 38.1201 7.62 38.7921 8.448 38.7921ZM8.448 30.2001H41.756C42.584 30.2001 43.256 29.5281 43.256 28.7001C43.256 27.8721 42.584 27.2001 41.756 27.2001H8.448C7.62 27.2001 6.948 27.8721 6.948 28.7001C6.948 29.5281 7.62 30.2001 8.448 30.2001ZM73.018 14.7481H70.351C69.523 14.7481 68.851 15.4201 68.851 16.2481C68.851 17.0761 69.523 17.7481 70.351 17.7481H73.018C73.846 17.7481 74.518 17.0761 74.518 16.2481C74.518 15.4201 73.846 14.7481 73.018 14.7481ZM64.365 14.7481H61.698C60.87 14.7481 60.198 15.4201 60.198 16.2481C60.198 17.0761 60.87 17.7481 61.698 17.7481H64.365C65.193 17.7481 65.865 17.0761 65.865 16.2481C65.865 15.4201 65.193 14.7481 64.365 14.7481ZM55.712 14.7481H53.045C52.217 14.7481 51.545 15.4201 51.545 16.2481C51.545 17.0761 52.217 17.7481 53.045 17.7481H55.712C56.54 17.7481 57.212 17.0761 57.212 16.2481C57.212 15.4201 56.54 14.7481 55.712 14.7481Z" fill="url(#paint0_linear_4239_9060)"/>
|
|
1133
|
+
<defs>
|
|
1134
|
+
<linearGradient id="paint0_linear_4239_9060" x1="0.5" y1="48.0001" x2="95.5" y2="48.0001" gradientUnits="userSpaceOnUse">
|
|
1135
|
+
<stop stop-color="#00E5FF"/>
|
|
1136
|
+
<stop offset="1" stop-color="#144AE0"/>
|
|
1137
|
+
</linearGradient>
|
|
1138
|
+
</defs>
|
|
1130
1139
|
</svg>`
|
|
1131
1140
|
};
|
|
1132
1141
|
|
|
@@ -1537,11 +1546,12 @@ class ButtonAccountsComponent {
|
|
|
1537
1546
|
this.accountSelected.emit(account);
|
|
1538
1547
|
}
|
|
1539
1548
|
showOptions(event) {
|
|
1540
|
-
event.
|
|
1549
|
+
event.stopPropagation();
|
|
1550
|
+
event.preventDefault();
|
|
1541
1551
|
this.openOptions = !this.openOptions;
|
|
1542
1552
|
}
|
|
1543
1553
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1544
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar" }, ngImport: i0, template: "<div class=\"general\">\r\n <
|
|
1554
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar" }, ngImport: i0, template: "<div class=\"general\">\r\n <div class=\"ius-btn\" [ngClass]=\"{ isOpen: isOpen }\">\r\n <div class=\"content\" (click)=\"onClickAccount(account)\">\r\n @if(account.logo) {\r\n <img class=\"logo\" [src]=\"account.logo\" alt=\"lem logo\" />\r\n } @else {\r\n <ius-icon-md [iconName]=\"'icon-account-circle'\" class=\"logo\"></ius-icon-md>\r\n }\r\n\r\n <span class=\"name\">{{account.name}}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n\r\n </div>\r\n\r\n @if(openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-check-circle'\"\r\n (buttonClicked)=\"onPressedPredeterminado.emit(account)\">Marcar como\r\n predeterminada</ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-edit'\"\r\n (buttonClicked)=\"onPressedEditar.emit(account)\">Editar</ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-delete'\"\r\n (buttonClicked)=\"onPressedDesvincular.emit(account)\">Desvincular</ius-button-standard-tertiary>\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-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}.ius-btn{display:inline-flex;padding:8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;border:1px solid #eaeaea;cursor:pointer;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px;width:100%;justify-content:space-between}.ius-btn:hover:not(:disabled){border:1px solid #bfbfbf;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border:1px solid #8c8c8c;background-color:#eaeaea}.ius-btn.isOpen{border:1px solid #eaeaea;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;background-color:#fff}.content{display:flex;align-items:center;gap:12px;width:100%}.general{position:relative}.logo{width:32px;height:32px;border-radius:100px;align-items:center;aspect-ratio:1/1;border:.5px solid #f5f5f5}.more-box{position:absolute;left:10%;padding:12px;gap:8px;display:flex;flex-direction:column;z-index:100;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\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: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
1545
1555
|
}
|
|
1546
1556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, decorators: [{
|
|
1547
1557
|
type: Component,
|
|
@@ -1550,7 +1560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1550
1560
|
CommonModule,
|
|
1551
1561
|
ButtonCircleTertiaryComponent,
|
|
1552
1562
|
ButtonStandardTertiaryComponent
|
|
1553
|
-
], template: "<div class=\"general\">\r\n <
|
|
1563
|
+
], template: "<div class=\"general\">\r\n <div class=\"ius-btn\" [ngClass]=\"{ isOpen: isOpen }\">\r\n <div class=\"content\" (click)=\"onClickAccount(account)\">\r\n @if(account.logo) {\r\n <img class=\"logo\" [src]=\"account.logo\" alt=\"lem logo\" />\r\n } @else {\r\n <ius-icon-md [iconName]=\"'icon-account-circle'\" class=\"logo\"></ius-icon-md>\r\n }\r\n\r\n <span class=\"name\">{{account.name}}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n\r\n </div>\r\n\r\n @if(openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-check-circle'\"\r\n (buttonClicked)=\"onPressedPredeterminado.emit(account)\">Marcar como\r\n predeterminada</ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-edit'\"\r\n (buttonClicked)=\"onPressedEditar.emit(account)\">Editar</ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-delete'\"\r\n (buttonClicked)=\"onPressedDesvincular.emit(account)\">Desvincular</ius-button-standard-tertiary>\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-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}.ius-btn{display:inline-flex;padding:8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;border:1px solid #eaeaea;cursor:pointer;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px;width:100%;justify-content:space-between}.ius-btn:hover:not(:disabled){border:1px solid #bfbfbf;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border:1px solid #8c8c8c;background-color:#eaeaea}.ius-btn.isOpen{border:1px solid #eaeaea;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;background-color:#fff}.content{display:flex;align-items:center;gap:12px;width:100%}.general{position:relative}.logo{width:32px;height:32px;border-radius:100px;align-items:center;aspect-ratio:1/1;border:.5px solid #f5f5f5}.more-box{position:absolute;left:10%;padding:12px;gap:8px;display:flex;flex-direction:column;z-index:100;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\n"] }]
|
|
1554
1564
|
}], propDecorators: { account: [{
|
|
1555
1565
|
type: Input
|
|
1556
1566
|
}], accountSelected: [{
|
|
@@ -5031,37 +5041,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5031
5041
|
class SimpleCardContadorComponent {
|
|
5032
5042
|
constructor() {
|
|
5033
5043
|
this.title = '';
|
|
5034
|
-
this.value =
|
|
5044
|
+
this.value = 1;
|
|
5045
|
+
this.maxValue = 0;
|
|
5035
5046
|
this.valueChange = new EventEmitter();
|
|
5047
|
+
this.errorMaxValue = new EventEmitter();
|
|
5036
5048
|
}
|
|
5037
5049
|
step(el, dir) {
|
|
5038
|
-
|
|
5039
|
-
|
|
5040
|
-
|
|
5041
|
-
el.stepDown();
|
|
5042
|
-
this.syncAndEmit(el.value);
|
|
5050
|
+
const current = Number(el.value) || 1;
|
|
5051
|
+
const next = current + dir;
|
|
5052
|
+
this.applyLimitsAndEmit(next, el);
|
|
5043
5053
|
}
|
|
5044
|
-
onTyped(
|
|
5045
|
-
|
|
5054
|
+
onTyped(el) {
|
|
5055
|
+
const n = Number(el.value);
|
|
5056
|
+
this.applyLimitsAndEmit(n, el);
|
|
5046
5057
|
}
|
|
5047
|
-
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5058
|
+
applyLimitsAndEmit(n, el) {
|
|
5059
|
+
let value = Number.isNaN(n) ? 1 : n;
|
|
5060
|
+
if (value < 1) {
|
|
5061
|
+
value = 1;
|
|
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);
|
|
5052
5072
|
}
|
|
5053
5073
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5054
|
-
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
|
|
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", maxValue: "maxValue" }, outputs: { valueChange: "valueChange", errorMaxValue: "errorMaxValue" }, 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 [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\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"] }] }); }
|
|
5055
5075
|
}
|
|
5056
5076
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleCardContadorComponent, decorators: [{
|
|
5057
5077
|
type: Component,
|
|
5058
|
-
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
|
|
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 [min]=\"1\"\r\n [max]=\"maxValue > 0 ? maxValue : null\"\r\n [value]=\"value\"\r\n (input)=\"onTyped(num)\"\r\n (blur)=\"onTyped(num)\"\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"] }]
|
|
5059
5079
|
}], propDecorators: { title: [{
|
|
5060
5080
|
type: Input
|
|
5061
5081
|
}], value: [{
|
|
5062
5082
|
type: Input
|
|
5083
|
+
}], maxValue: [{
|
|
5084
|
+
type: Input
|
|
5063
5085
|
}], valueChange: [{
|
|
5064
5086
|
type: Output
|
|
5087
|
+
}], errorMaxValue: [{
|
|
5088
|
+
type: Output
|
|
5065
5089
|
}] } });
|
|
5066
5090
|
|
|
5067
5091
|
class SegmentComponent {
|