valtech-components 2.0.37 → 2.0.39
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.
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { NgIf } from '@angular/common';
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
3
|
import { IonContent, IonHeader, IonText, IonTitle, IonToolbar } from '@ionic/angular/standalone';
|
|
4
|
-
import { ButtonComponent } from '../../atoms/button/button.component';
|
|
5
4
|
import { DividerComponent } from '../../atoms/divider/divider.component';
|
|
5
|
+
import { ExpandableTextComponent } from '../../molecules/expandable-text/expandable-text.component';
|
|
6
6
|
import { LinkComponent } from '../../molecules/link/link.component';
|
|
7
7
|
import { HeaderComponent } from '../../organisms/header/header.component';
|
|
8
8
|
import { LayoutComponent } from '../layout/layout.component';
|
|
@@ -15,7 +15,7 @@ export class SimpleComponent {
|
|
|
15
15
|
this.onClick.emit(token);
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SimpleComponent, isStandalone: true, selector: "val-simple", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
19
19
|
<val-header [props]="props.header" />
|
|
20
20
|
|
|
21
21
|
<ion-content [fullscreen]="true">
|
|
@@ -24,18 +24,27 @@ export class SimpleComponent {
|
|
|
24
24
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
25
25
|
</ion-toolbar>
|
|
26
26
|
</ion-header>
|
|
27
|
-
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
@if (props.pageDescription) {
|
|
28
|
+
<val-expandable-text
|
|
29
|
+
[props]="{
|
|
30
|
+
limit: 180,
|
|
31
|
+
content: props.pageDescription,
|
|
32
|
+
color: 'primary',
|
|
33
|
+
expandText: 'Ver más',
|
|
34
|
+
}"
|
|
35
|
+
/>
|
|
36
|
+
}
|
|
37
|
+
@if (props.link) {
|
|
38
|
+
<val-link [props]="props.link" (onClick)="onClickHandler($event)"></val-link>
|
|
39
|
+
}
|
|
40
|
+
@if (props.withDivider) {
|
|
41
|
+
<val-divider [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
42
|
+
}
|
|
34
43
|
<val-layout>
|
|
35
44
|
<ng-content></ng-content>
|
|
36
45
|
</val-layout>
|
|
37
46
|
</ion-content>
|
|
38
|
-
`, isInline: true, styles: [".description-container{padding-left
|
|
47
|
+
`, isInline: true, styles: [".description-container{padding-left:16px}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: HeaderComponent, selector: "val-header", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: LayoutComponent, selector: "val-layout" }, { kind: "component", type: DividerComponent, selector: "val-divider", inputs: ["props"] }, { kind: "component", type: LinkComponent, selector: "val-link", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ExpandableTextComponent, selector: "val-expandable-text", inputs: ["props"] }] }); }
|
|
39
48
|
}
|
|
40
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
41
50
|
type: Component,
|
|
@@ -46,11 +55,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
46
55
|
IonTitle,
|
|
47
56
|
IonText,
|
|
48
57
|
IonContent,
|
|
49
|
-
ButtonComponent,
|
|
50
58
|
HeaderComponent,
|
|
51
59
|
LayoutComponent,
|
|
52
60
|
DividerComponent,
|
|
53
61
|
LinkComponent,
|
|
62
|
+
ExpandableTextComponent,
|
|
54
63
|
], template: `
|
|
55
64
|
<val-header [props]="props.header" />
|
|
56
65
|
|
|
@@ -60,21 +69,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
60
69
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
61
70
|
</ion-toolbar>
|
|
62
71
|
</ion-header>
|
|
63
|
-
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
72
|
+
@if (props.pageDescription) {
|
|
73
|
+
<val-expandable-text
|
|
74
|
+
[props]="{
|
|
75
|
+
limit: 180,
|
|
76
|
+
content: props.pageDescription,
|
|
77
|
+
color: 'primary',
|
|
78
|
+
expandText: 'Ver más',
|
|
79
|
+
}"
|
|
80
|
+
/>
|
|
81
|
+
}
|
|
82
|
+
@if (props.link) {
|
|
83
|
+
<val-link [props]="props.link" (onClick)="onClickHandler($event)"></val-link>
|
|
84
|
+
}
|
|
85
|
+
@if (props.withDivider) {
|
|
86
|
+
<val-divider [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
87
|
+
}
|
|
70
88
|
<val-layout>
|
|
71
89
|
<ng-content></ng-content>
|
|
72
90
|
</val-layout>
|
|
73
91
|
</ion-content>
|
|
74
|
-
`, styles: [".description-container{padding-left
|
|
92
|
+
`, styles: [".description-container{padding-left:16px}\n"] }]
|
|
75
93
|
}], propDecorators: { props: [{
|
|
76
94
|
type: Input
|
|
77
95
|
}], onClick: [{
|
|
78
96
|
type: Output
|
|
79
97
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NpbXBsZS9zaW1wbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDcEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBdUQ3RCxNQUFNLE9BQU8sZUFBZTtJQXBENUI7UUF5REUsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FLdEM7SUFIQyxjQUFjLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQVRVLGVBQWU7bUdBQWYsZUFBZSxtSUFwQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCVCxxSEF4Q0MsU0FBUyxvR0FDVCxVQUFVLG1GQUNWLFFBQVEsaUZBRVIsVUFBVSxrSkFDVixlQUFlLGdHQUNmLGVBQWUsdURBQ2YsZ0JBQWdCLDJFQUNoQixhQUFhLDhGQUNiLHVCQUF1Qjs7NEZBc0NkLGVBQWU7a0JBcEQzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1A7d0JBQ1AsSUFBSTt3QkFDSixTQUFTO3dCQUNULFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixPQUFPO3dCQUNQLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYix1QkFBdUI7cUJBQ3hCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJUOzhCQVNELEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25Db250ZW50LCBJb25IZWFkZXIsIElvblRleHQsIElvblRpdGxlLCBJb25Ub29sYmFyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBEaXZpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFeHBhbmRhYmxlVGV4dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9leHBhbmRhYmxlLXRleHQvZXhwYW5kYWJsZS10ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2xpbmsvbGluay5jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vb3JnYW5pc21zL2hlYWRlci9oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dENvbXBvbmVudCB9IGZyb20gJy4uL2xheW91dC9sYXlvdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFNpbXBsZU1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1zaW1wbGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBJb25IZWFkZXIsXG4gICAgSW9uVG9vbGJhcixcbiAgICBJb25UaXRsZSxcbiAgICBJb25UZXh0LFxuICAgIElvbkNvbnRlbnQsXG4gICAgSGVhZGVyQ29tcG9uZW50LFxuICAgIExheW91dENvbXBvbmVudCxcbiAgICBEaXZpZGVyQ29tcG9uZW50LFxuICAgIExpbmtDb21wb25lbnQsXG4gICAgRXhwYW5kYWJsZVRleHRDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHZhbC1oZWFkZXIgW3Byb3BzXT1cInByb3BzLmhlYWRlclwiIC8+XG5cbiAgICA8aW9uLWNvbnRlbnQgW2Z1bGxzY3JlZW5dPVwidHJ1ZVwiPlxuICAgICAgPGlvbi1oZWFkZXIgY29sbGFwc2U9XCJjb25kZW5zZVwiPlxuICAgICAgICA8aW9uLXRvb2xiYXI+XG4gICAgICAgICAgPGlvbi10aXRsZSBzaXplPVwibGFyZ2VcIj57eyBwcm9wcy5wYWdlVGl0bGUgfX08L2lvbi10aXRsZT5cbiAgICAgICAgPC9pb24tdG9vbGJhcj5cbiAgICAgIDwvaW9uLWhlYWRlcj5cbiAgICAgIEBpZiAocHJvcHMucGFnZURlc2NyaXB0aW9uKSB7XG4gICAgICAgIDx2YWwtZXhwYW5kYWJsZS10ZXh0XG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIGxpbWl0OiAxODAsXG4gICAgICAgICAgICBjb250ZW50OiBwcm9wcy5wYWdlRGVzY3JpcHRpb24sXG4gICAgICAgICAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgICAgICAgICAgZXhwYW5kVGV4dDogJ1ZlciBtw6FzJyxcbiAgICAgICAgICB9XCJcbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICAgIEBpZiAocHJvcHMubGluaykge1xuICAgICAgICA8dmFsLWxpbmsgW3Byb3BzXT1cInByb3BzLmxpbmtcIiAob25DbGljayk9XCJvbkNsaWNrSGFuZGxlcigkZXZlbnQpXCI+PC92YWwtbGluaz5cbiAgICAgIH1cbiAgICAgIEBpZiAocHJvcHMud2l0aERpdmlkZXIpIHtcbiAgICAgICAgPHZhbC1kaXZpZGVyIFtwcm9wc109XCJ7IGZpbGw6ICdzb2xpZCcsIHNpemU6ICdtZWRpdW0nLCBjb2xvcjogJ2RhcmsnIH1cIiAvPlxuICAgICAgfVxuICAgICAgPHZhbC1sYXlvdXQ+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvdmFsLWxheW91dD5cbiAgICA8L2lvbi1jb250ZW50PlxuICBgLFxuICBzdHlsZXM6IGBcbiAgICAuZGVzY3JpcHRpb24tY29udGFpbmVyIHtcbiAgICAgIHBhZGRpbmctbGVmdDogMTZweDtcbiAgICB9XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNpbXBsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBTaW1wbGVNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIG9uQ2xpY2tIYW5kbGVyKHRva2VuPzogc3RyaW5nKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodG9rZW4pO1xuICB9XG59XG4iXX0=
|
|
@@ -3278,7 +3278,7 @@ class SimpleComponent {
|
|
|
3278
3278
|
this.onClick.emit(token);
|
|
3279
3279
|
}
|
|
3280
3280
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SimpleComponent, isStandalone: true, selector: "val-simple", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
3282
3282
|
<val-header [props]="props.header" />
|
|
3283
3283
|
|
|
3284
3284
|
<ion-content [fullscreen]="true">
|
|
@@ -3287,18 +3287,27 @@ class SimpleComponent {
|
|
|
3287
3287
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
3288
3288
|
</ion-toolbar>
|
|
3289
3289
|
</ion-header>
|
|
3290
|
-
|
|
3291
|
-
<
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3290
|
+
@if (props.pageDescription) {
|
|
3291
|
+
<val-expandable-text
|
|
3292
|
+
[props]="{
|
|
3293
|
+
limit: 180,
|
|
3294
|
+
content: props.pageDescription,
|
|
3295
|
+
color: 'primary',
|
|
3296
|
+
expandText: 'Ver más',
|
|
3297
|
+
}"
|
|
3298
|
+
/>
|
|
3299
|
+
}
|
|
3300
|
+
@if (props.link) {
|
|
3301
|
+
<val-link [props]="props.link" (onClick)="onClickHandler($event)"></val-link>
|
|
3302
|
+
}
|
|
3303
|
+
@if (props.withDivider) {
|
|
3304
|
+
<val-divider [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
3305
|
+
}
|
|
3297
3306
|
<val-layout>
|
|
3298
3307
|
<ng-content></ng-content>
|
|
3299
3308
|
</val-layout>
|
|
3300
3309
|
</ion-content>
|
|
3301
|
-
`, isInline: true, styles: [".description-container{padding-left
|
|
3310
|
+
`, isInline: true, styles: [".description-container{padding-left:16px}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: HeaderComponent, selector: "val-header", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: LayoutComponent, selector: "val-layout" }, { kind: "component", type: DividerComponent, selector: "val-divider", inputs: ["props"] }, { kind: "component", type: LinkComponent, selector: "val-link", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ExpandableTextComponent, selector: "val-expandable-text", inputs: ["props"] }] }); }
|
|
3302
3311
|
}
|
|
3303
3312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
3304
3313
|
type: Component,
|
|
@@ -3309,11 +3318,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3309
3318
|
IonTitle,
|
|
3310
3319
|
IonText,
|
|
3311
3320
|
IonContent,
|
|
3312
|
-
ButtonComponent,
|
|
3313
3321
|
HeaderComponent,
|
|
3314
3322
|
LayoutComponent,
|
|
3315
3323
|
DividerComponent,
|
|
3316
3324
|
LinkComponent,
|
|
3325
|
+
ExpandableTextComponent,
|
|
3317
3326
|
], template: `
|
|
3318
3327
|
<val-header [props]="props.header" />
|
|
3319
3328
|
|
|
@@ -3323,18 +3332,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3323
3332
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
3324
3333
|
</ion-toolbar>
|
|
3325
3334
|
</ion-header>
|
|
3326
|
-
|
|
3327
|
-
<
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3335
|
+
@if (props.pageDescription) {
|
|
3336
|
+
<val-expandable-text
|
|
3337
|
+
[props]="{
|
|
3338
|
+
limit: 180,
|
|
3339
|
+
content: props.pageDescription,
|
|
3340
|
+
color: 'primary',
|
|
3341
|
+
expandText: 'Ver más',
|
|
3342
|
+
}"
|
|
3343
|
+
/>
|
|
3344
|
+
}
|
|
3345
|
+
@if (props.link) {
|
|
3346
|
+
<val-link [props]="props.link" (onClick)="onClickHandler($event)"></val-link>
|
|
3347
|
+
}
|
|
3348
|
+
@if (props.withDivider) {
|
|
3349
|
+
<val-divider [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
3350
|
+
}
|
|
3333
3351
|
<val-layout>
|
|
3334
3352
|
<ng-content></ng-content>
|
|
3335
3353
|
</val-layout>
|
|
3336
3354
|
</ion-content>
|
|
3337
|
-
`, styles: [".description-container{padding-left
|
|
3355
|
+
`, styles: [".description-container{padding-left:16px}\n"] }]
|
|
3338
3356
|
}], propDecorators: { props: [{
|
|
3339
3357
|
type: Input
|
|
3340
3358
|
}], onClick: [{
|