valtech-components 2.0.59 → 2.0.61
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.
|
@@ -2,16 +2,17 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
3
|
import { IonCard, IonIcon } from '@ionic/angular/standalone';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
5
|
+
import * as i1 from "../../../services/icons.service";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
6
7
|
export class BoxComponent {
|
|
7
|
-
constructor() {
|
|
8
|
+
constructor(icon) {
|
|
8
9
|
this.onClick = new EventEmitter();
|
|
9
10
|
}
|
|
10
11
|
ngOnInit() { }
|
|
11
12
|
clickHandler() {
|
|
12
13
|
this.onClick.emit();
|
|
13
14
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
16
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BoxComponent, isStandalone: true, selector: "val-box", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
16
17
|
<ion-card
|
|
17
18
|
class="box"
|
|
@@ -21,9 +22,11 @@ export class BoxComponent {
|
|
|
21
22
|
[class.left-border]="props.leftBorder"
|
|
22
23
|
>
|
|
23
24
|
<ion-icon *ngIf="!!props.icon" class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
24
|
-
<
|
|
25
|
+
<div style="margin-right: 24px;">
|
|
26
|
+
<ng-content select="[body]"></ng-content>
|
|
27
|
+
</div>
|
|
25
28
|
</ion-card>
|
|
26
|
-
`, isInline: true, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type:
|
|
29
|
+
`, isInline: true, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
27
30
|
}
|
|
28
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, decorators: [{
|
|
29
32
|
type: Component,
|
|
@@ -36,12 +39,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
36
39
|
[class.left-border]="props.leftBorder"
|
|
37
40
|
>
|
|
38
41
|
<ion-icon *ngIf="!!props.icon" class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
39
|
-
<
|
|
42
|
+
<div style="margin-right: 24px;">
|
|
43
|
+
<ng-content select="[body]"></ng-content>
|
|
44
|
+
</div>
|
|
40
45
|
</ion-card>
|
|
41
46
|
`, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"] }]
|
|
42
|
-
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
47
|
+
}], ctorParameters: () => [{ type: i1.IconService }], propDecorators: { props: [{
|
|
43
48
|
type: Input
|
|
44
49
|
}], onClick: [{
|
|
45
50
|
type: Output
|
|
46
51
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYm94L2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQXdCN0QsTUFBTSxPQUFPLFlBQVk7SUFPdkIsWUFBWSxJQUFpQjtRQUY3QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVHLENBQUM7SUFFakMsUUFBUSxLQUFJLENBQUM7SUFFYixZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQWJVLFlBQVk7bUdBQVosWUFBWSxnSUFoQmI7Ozs7Ozs7Ozs7Ozs7R0FhVCx1cUJBZFMsWUFBWSxtSUFBRSxPQUFPLHlMQUFFLE9BQU87OzRGQWlCN0IsWUFBWTtrQkFwQnhCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDLFlBQy9COzs7Ozs7Ozs7Ozs7O0dBYVQ7Z0ZBS0QsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25DYXJkLCBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBCb3hNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9pY29ucy5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWJveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkNhcmQsIElvbkljb25dLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxpb24tY2FyZFxuICAgICAgY2xhc3M9XCJib3hcIlxuICAgICAgW2NvbG9yXT1cInByb3BzLmNvbG9yXCJcbiAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICBbY2xhc3MudHJhbnNwYXJlbnRdPVwiIXByb3BzLmNvbG9yXCJcbiAgICAgIFtjbGFzcy5sZWZ0LWJvcmRlcl09XCJwcm9wcy5sZWZ0Qm9yZGVyXCJcbiAgICA+XG4gICAgICA8aW9uLWljb24gKm5nSWY9XCIhIXByb3BzLmljb25cIiBjbGFzcz1cImljb25cIiBbbmFtZV09XCJwcm9wcy5pY29uXCIgKGNsaWNrKT1cImNsaWNrSGFuZGxlcigpXCI+PC9pb24taWNvbj5cbiAgICAgIDxkaXYgc3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDI0cHg7XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltib2R5XVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvaW9uLWNhcmQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2JveC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwcm9wczogQm94TWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoaWNvbjogSWNvblNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGNsaWNrSGFuZGxlcigpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xuICB9XG59XG4iXX0=
|
|
@@ -42,15 +42,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
42
42
|
type: Output
|
|
43
43
|
}] } });
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
/* eslint-disable no-underscore-dangle */
|
|
46
|
+
class IconService {
|
|
46
47
|
constructor() {
|
|
48
|
+
addIcons({
|
|
49
|
+
addOutline,
|
|
50
|
+
addCircleOutline,
|
|
51
|
+
alertOutline,
|
|
52
|
+
alertCircleOutline,
|
|
53
|
+
arrowBackOutline,
|
|
54
|
+
arrowForwardOutline,
|
|
55
|
+
arrowDownOutline,
|
|
56
|
+
checkmarkCircleOutline,
|
|
57
|
+
ellipsisHorizontalOutline,
|
|
58
|
+
notificationsOutline,
|
|
59
|
+
openOutline,
|
|
60
|
+
closeOutline,
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
64
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, providedIn: 'root' }); }
|
|
65
|
+
}
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, decorators: [{
|
|
67
|
+
type: Injectable,
|
|
68
|
+
args: [{
|
|
69
|
+
providedIn: 'root',
|
|
70
|
+
}]
|
|
71
|
+
}], ctorParameters: () => [] });
|
|
72
|
+
|
|
73
|
+
class BoxComponent {
|
|
74
|
+
constructor(icon) {
|
|
47
75
|
this.onClick = new EventEmitter();
|
|
48
76
|
}
|
|
49
77
|
ngOnInit() { }
|
|
50
78
|
clickHandler() {
|
|
51
79
|
this.onClick.emit();
|
|
52
80
|
}
|
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
82
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BoxComponent, isStandalone: true, selector: "val-box", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
55
83
|
<ion-card
|
|
56
84
|
class="box"
|
|
@@ -60,7 +88,9 @@ class BoxComponent {
|
|
|
60
88
|
[class.left-border]="props.leftBorder"
|
|
61
89
|
>
|
|
62
90
|
<ion-icon *ngIf="!!props.icon" class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
63
|
-
<
|
|
91
|
+
<div style="margin-right: 24px;">
|
|
92
|
+
<ng-content select="[body]"></ng-content>
|
|
93
|
+
</div>
|
|
64
94
|
</ion-card>
|
|
65
95
|
`, isInline: true, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
66
96
|
}
|
|
@@ -75,10 +105,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
75
105
|
[class.left-border]="props.leftBorder"
|
|
76
106
|
>
|
|
77
107
|
<ion-icon *ngIf="!!props.icon" class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
78
|
-
<
|
|
108
|
+
<div style="margin-right: 24px;">
|
|
109
|
+
<ng-content select="[body]"></ng-content>
|
|
110
|
+
</div>
|
|
79
111
|
</ion-card>
|
|
80
112
|
`, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"] }]
|
|
81
|
-
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
113
|
+
}], ctorParameters: () => [{ type: IconService }], propDecorators: { props: [{
|
|
82
114
|
type: Input
|
|
83
115
|
}], onClick: [{
|
|
84
116
|
type: Output
|
|
@@ -181,34 +213,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
181
213
|
}]
|
|
182
214
|
}] });
|
|
183
215
|
|
|
184
|
-
/* eslint-disable no-underscore-dangle */
|
|
185
|
-
class IconService {
|
|
186
|
-
constructor() {
|
|
187
|
-
addIcons({
|
|
188
|
-
addOutline,
|
|
189
|
-
addCircleOutline,
|
|
190
|
-
alertOutline,
|
|
191
|
-
alertCircleOutline,
|
|
192
|
-
arrowBackOutline,
|
|
193
|
-
arrowForwardOutline,
|
|
194
|
-
arrowDownOutline,
|
|
195
|
-
checkmarkCircleOutline,
|
|
196
|
-
ellipsisHorizontalOutline,
|
|
197
|
-
notificationsOutline,
|
|
198
|
-
openOutline,
|
|
199
|
-
closeOutline,
|
|
200
|
-
});
|
|
201
|
-
}
|
|
202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
203
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, providedIn: 'root' }); }
|
|
204
|
-
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, decorators: [{
|
|
206
|
-
type: Injectable,
|
|
207
|
-
args: [{
|
|
208
|
-
providedIn: 'root',
|
|
209
|
-
}]
|
|
210
|
-
}], ctorParameters: () => [] });
|
|
211
|
-
|
|
212
216
|
class ButtonComponent {
|
|
213
217
|
constructor(download, icon) {
|
|
214
218
|
this.download = download;
|