valtech-components 2.0.186 → 2.0.188
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/components/atoms/box/box.component.mjs +7 -1
- package/esm2022/lib/components/atoms/box/types.mjs +1 -1
- package/esm2022/lib/components/atoms/image/image.component.mjs +61 -27
- package/fesm2022/valtech-components.mjs +66 -26
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/box/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -21,6 +21,9 @@ export class BoxComponent {
|
|
|
21
21
|
[class.bordered]="props.bordered"
|
|
22
22
|
[class.transparent]="!props.color"
|
|
23
23
|
[class.left-border]="props.leftBorder"
|
|
24
|
+
[ngStyle]="{
|
|
25
|
+
padding: props.padding ? props.padding : '0px',
|
|
26
|
+
}"
|
|
24
27
|
>
|
|
25
28
|
@if (props.icon) {
|
|
26
29
|
<ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
@@ -45,6 +48,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
45
48
|
[class.bordered]="props.bordered"
|
|
46
49
|
[class.transparent]="!props.color"
|
|
47
50
|
[class.left-border]="props.leftBorder"
|
|
51
|
+
[ngStyle]="{
|
|
52
|
+
padding: props.padding ? props.padding : '0px',
|
|
53
|
+
}"
|
|
48
54
|
>
|
|
49
55
|
@if (props.icon) {
|
|
50
56
|
<ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
@@ -63,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
63
69
|
}], onClick: [{
|
|
64
70
|
type: Output
|
|
65
71
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYm94L2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFrQzdELE1BQU0sT0FBTyxZQUFZO0lBT3ZCLFlBQVksSUFBaUI7UUFGN0IsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFRyxDQUFDO0lBRWpDLFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FiVSxZQUFZO21HQUFaLFlBQVksZ0lBMUJiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVCwycEJBeEJTLFlBQVksb0hBQUUsT0FBTyx5TEFBRSxPQUFPOzs0RkEyQjdCLFlBQVk7a0JBOUJ4QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDeEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO2dGQUtELEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQ2FyZCwgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9pY29ucy5zZXJ2aWNlJztcbmltcG9ydCB7IEJveE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1ib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25DYXJkLCBJb25JY29uLCBOZ1N0eWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWNhcmRcbiAgICAgIGNsYXNzPVwiYm94XCJcbiAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiXG4gICAgICBbY2xhc3Mucm91bmRlZF09XCJwcm9wcy5yb3VuZGVkXCJcbiAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICBbY2xhc3MudHJhbnNwYXJlbnRdPVwiIXByb3BzLmNvbG9yXCJcbiAgICAgIFtjbGFzcy5sZWZ0LWJvcmRlcl09XCJwcm9wcy5sZWZ0Qm9yZGVyXCJcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgcGFkZGluZzogcHJvcHMucGFkZGluZyA/IHByb3BzLnBhZGRpbmcgOiAnMHB4JyxcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIEBpZiAocHJvcHMuaWNvbikge1xuICAgICAgICA8aW9uLWljb24gY2xhc3M9XCJpY29uXCIgW25hbWVdPVwicHJvcHMuaWNvblwiIChjbGljayk9XCJjbGlja0hhbmRsZXIoKVwiPjwvaW9uLWljb24+XG4gICAgICB9XG4gICAgICA8ZGl2XG4gICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAnbWFyZ2luLXJpZ2h0JzogcHJvcHMuaWNvbiA/ICcyNHB4JyA6ICcwcHgnLFxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JvZHldXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9pb24tY2FyZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBCb3hNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihpY29uOiBJY29uU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgY2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2JveC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm94TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIGljb246IHN0cmluZztcbiAgYm9yZGVyZWQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2JveC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm94TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIGljb246IHN0cmluZztcbiAgYm9yZGVyZWQ/OiBib29sZWFuO1xuICBsZWZ0Qm9yZGVyPzogYm9vbGVhbjtcbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIHBhZGRpbmc/OiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -13,38 +13,72 @@ export class ImageComponent {
|
|
|
13
13
|
}, 100);
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "val-image", inputs: { props: "props" }, ngImport: i0, template: `
|
|
17
|
+
@if (props.src.includes('--')) {
|
|
18
|
+
<img
|
|
19
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
20
|
+
[ngStyle]="{
|
|
21
|
+
content: 'var(' + props.src + ')'
|
|
22
|
+
}"
|
|
23
|
+
[class.bordered]="props.bordered"
|
|
24
|
+
[class.shaded]="props.shaded"
|
|
25
|
+
[class.dark]="props.dark"
|
|
26
|
+
[class.limited]="props.limited"
|
|
27
|
+
[alt]="props.alt"
|
|
28
|
+
[style.width.px]="props.width"
|
|
29
|
+
[style.max-width.px]="props.width"
|
|
30
|
+
[style.height.px]="props.height"
|
|
31
|
+
/>
|
|
32
|
+
} @else {
|
|
33
|
+
<img
|
|
34
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
35
|
+
[class.bordered]="props.bordered"
|
|
36
|
+
[class.shaded]="props.shaded"
|
|
37
|
+
[class.dark]="props.dark"
|
|
38
|
+
[class.limited]="props.limited"
|
|
39
|
+
[src]="props.src"
|
|
40
|
+
[alt]="props.alt"
|
|
41
|
+
[style.width.px]="props.width"
|
|
42
|
+
[style.max-width.px]="props.width"
|
|
43
|
+
[style.height.px]="props.height"
|
|
44
|
+
/>
|
|
45
|
+
}
|
|
46
|
+
`, isInline: true, styles: [".small{width:30%}.small.limited{max-width:6.25rem}.medium{width:50%}.medium.limited{max-width:15rem}.large{width:70%}.large.limited{max-width:28.125rem}.xlarge{width:100%}.xlarge.limited{max-width:43.75rem}.image{opacity:1;height:auto;display:block}.visible{animation:appereance ease-in 1s forwards}@keyframes appereance{0%{opacity:0;height:0}to{opacity:1;height:auto}}.rounded{border-radius:.5rem}.circular{border-radius:50%}.bordered{border:.0625rem solid var(--ion-color-medium)}.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.dark{filter:invert(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
30
47
|
}
|
|
31
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
32
49
|
type: Component,
|
|
33
50
|
args: [{ selector: 'val-image', standalone: true, imports: [CommonModule], template: `
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
51
|
+
@if (props.src.includes('--')) {
|
|
52
|
+
<img
|
|
53
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
54
|
+
[ngStyle]="{
|
|
55
|
+
content: 'var(' + props.src + ')'
|
|
56
|
+
}"
|
|
57
|
+
[class.bordered]="props.bordered"
|
|
58
|
+
[class.shaded]="props.shaded"
|
|
59
|
+
[class.dark]="props.dark"
|
|
60
|
+
[class.limited]="props.limited"
|
|
61
|
+
[alt]="props.alt"
|
|
62
|
+
[style.width.px]="props.width"
|
|
63
|
+
[style.max-width.px]="props.width"
|
|
64
|
+
[style.height.px]="props.height"
|
|
65
|
+
/>
|
|
66
|
+
} @else {
|
|
67
|
+
<img
|
|
68
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
69
|
+
[class.bordered]="props.bordered"
|
|
70
|
+
[class.shaded]="props.shaded"
|
|
71
|
+
[class.dark]="props.dark"
|
|
72
|
+
[class.limited]="props.limited"
|
|
73
|
+
[src]="props.src"
|
|
74
|
+
[alt]="props.alt"
|
|
75
|
+
[style.width.px]="props.width"
|
|
76
|
+
[style.max-width.px]="props.width"
|
|
77
|
+
[style.height.px]="props.height"
|
|
78
|
+
/>
|
|
79
|
+
}
|
|
46
80
|
`, styles: [".small{width:30%}.small.limited{max-width:6.25rem}.medium{width:50%}.medium.limited{max-width:15rem}.large{width:70%}.large.limited{max-width:28.125rem}.xlarge{width:100%}.xlarge.limited{max-width:43.75rem}.image{opacity:1;height:auto;display:block}.visible{animation:appereance ease-in 1s forwards}@keyframes appereance{0%{opacity:0;height:0}to{opacity:1;height:auto}}.rounded{border-radius:.5rem}.circular{border-radius:50%}.bordered{border:.0625rem solid var(--ion-color-medium)}.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.dark{filter:invert(1)}}\n"] }]
|
|
47
81
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
48
82
|
type: Input
|
|
49
83
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUF3Q3pELE1BQU0sT0FBTyxjQUFjO0lBTXpCO1FBRkEsY0FBUyxHQUFZLElBQUksQ0FBQztJQUVYLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYixlQUFlO1FBQ2IsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7K0dBZFUsY0FBYzttR0FBZCxjQUFjLGlHQWpDZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJULDZwQkEvQlMsWUFBWTs7NEZBa0NYLGNBQWM7a0JBckMxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJUO3dEQUtELEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltYWdlTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWltYWdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChwcm9wcy5zcmMuaW5jbHVkZXMoJy0tJykpIHtcbiAgICAgIDxpbWdcbiAgICAgICAgW25nQ2xhc3NdPVwiWydpbWFnZScsIHByb3BzLm1vZGUsIHByb3BzLnNpemVdXCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgIGNvbnRlbnQ6ICd2YXIoJyArIHByb3BzLnNyYyArICcpJ1xuICAgICAgICB9XCJcbiAgICAgICAgW2NsYXNzLmJvcmRlcmVkXT1cInByb3BzLmJvcmRlcmVkXCJcbiAgICAgICAgW2NsYXNzLnNoYWRlZF09XCJwcm9wcy5zaGFkZWRcIlxuICAgICAgICBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCJcbiAgICAgICAgW2NsYXNzLmxpbWl0ZWRdPVwicHJvcHMubGltaXRlZFwiXG4gICAgICAgIFthbHRdPVwicHJvcHMuYWx0XCJcbiAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInByb3BzLndpZHRoXCJcbiAgICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwicHJvcHMuaGVpZ2h0XCJcbiAgICAgIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8aW1nXG4gICAgICAgIFtuZ0NsYXNzXT1cIlsnaW1hZ2UnLCBwcm9wcy5tb2RlLCBwcm9wcy5zaXplXVwiXG4gICAgICAgIFtjbGFzcy5ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZFwiXG4gICAgICAgIFtjbGFzcy5zaGFkZWRdPVwicHJvcHMuc2hhZGVkXCJcbiAgICAgICAgW2NsYXNzLmRhcmtdPVwicHJvcHMuZGFya1wiXG4gICAgICAgIFtjbGFzcy5saW1pdGVkXT1cInByb3BzLmxpbWl0ZWRcIlxuICAgICAgICBbc3JjXT1cInByb3BzLnNyY1wiXG4gICAgICAgIFthbHRdPVwicHJvcHMuYWx0XCJcbiAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInByb3BzLndpZHRoXCJcbiAgICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJwcm9wcy53aWR0aFwiXG4gICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwicHJvcHMuaGVpZ2h0XCJcbiAgICAgIC8+XG4gICAgfVxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBJbWFnZU1ldGFkYXRhO1xuXG4gIGF2YWlsYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjaGFuZ2VUb1Zpc2libGUoKSB7XG4gICAgc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5hdmFpbGFibGUgPSB0cnVlO1xuICAgIH0sIDEwMCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -98,6 +98,9 @@ class BoxComponent {
|
|
|
98
98
|
[class.bordered]="props.bordered"
|
|
99
99
|
[class.transparent]="!props.color"
|
|
100
100
|
[class.left-border]="props.leftBorder"
|
|
101
|
+
[ngStyle]="{
|
|
102
|
+
padding: props.padding ? props.padding : '0px',
|
|
103
|
+
}"
|
|
101
104
|
>
|
|
102
105
|
@if (props.icon) {
|
|
103
106
|
<ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
@@ -122,6 +125,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
122
125
|
[class.bordered]="props.bordered"
|
|
123
126
|
[class.transparent]="!props.color"
|
|
124
127
|
[class.left-border]="props.leftBorder"
|
|
128
|
+
[ngStyle]="{
|
|
129
|
+
padding: props.padding ? props.padding : '0px',
|
|
130
|
+
}"
|
|
125
131
|
>
|
|
126
132
|
@if (props.icon) {
|
|
127
133
|
<ion-icon class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
|
|
@@ -704,36 +710,70 @@ class ImageComponent {
|
|
|
704
710
|
}, 100);
|
|
705
711
|
}
|
|
706
712
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
707
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
713
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "val-image", inputs: { props: "props" }, ngImport: i0, template: `
|
|
714
|
+
@if (props.src.includes('--')) {
|
|
715
|
+
<img
|
|
716
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
717
|
+
[ngStyle]="{
|
|
718
|
+
content: 'var(' + props.src + ')'
|
|
719
|
+
}"
|
|
720
|
+
[class.bordered]="props.bordered"
|
|
721
|
+
[class.shaded]="props.shaded"
|
|
722
|
+
[class.dark]="props.dark"
|
|
723
|
+
[class.limited]="props.limited"
|
|
724
|
+
[alt]="props.alt"
|
|
725
|
+
[style.width.px]="props.width"
|
|
726
|
+
[style.max-width.px]="props.width"
|
|
727
|
+
[style.height.px]="props.height"
|
|
728
|
+
/>
|
|
729
|
+
} @else {
|
|
730
|
+
<img
|
|
731
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
732
|
+
[class.bordered]="props.bordered"
|
|
733
|
+
[class.shaded]="props.shaded"
|
|
734
|
+
[class.dark]="props.dark"
|
|
735
|
+
[class.limited]="props.limited"
|
|
736
|
+
[src]="props.src"
|
|
737
|
+
[alt]="props.alt"
|
|
738
|
+
[style.width.px]="props.width"
|
|
739
|
+
[style.max-width.px]="props.width"
|
|
740
|
+
[style.height.px]="props.height"
|
|
741
|
+
/>
|
|
742
|
+
}
|
|
743
|
+
`, isInline: true, styles: [".small{width:30%}.small.limited{max-width:6.25rem}.medium{width:50%}.medium.limited{max-width:15rem}.large{width:70%}.large.limited{max-width:28.125rem}.xlarge{width:100%}.xlarge.limited{max-width:43.75rem}.image{opacity:1;height:auto;display:block}.visible{animation:appereance ease-in 1s forwards}@keyframes appereance{0%{opacity:0;height:0}to{opacity:1;height:auto}}.rounded{border-radius:.5rem}.circular{border-radius:50%}.bordered{border:.0625rem solid var(--ion-color-medium)}.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.dark{filter:invert(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
721
744
|
}
|
|
722
745
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
723
746
|
type: Component,
|
|
724
747
|
args: [{ selector: 'val-image', standalone: true, imports: [CommonModule], template: `
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
748
|
+
@if (props.src.includes('--')) {
|
|
749
|
+
<img
|
|
750
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
751
|
+
[ngStyle]="{
|
|
752
|
+
content: 'var(' + props.src + ')'
|
|
753
|
+
}"
|
|
754
|
+
[class.bordered]="props.bordered"
|
|
755
|
+
[class.shaded]="props.shaded"
|
|
756
|
+
[class.dark]="props.dark"
|
|
757
|
+
[class.limited]="props.limited"
|
|
758
|
+
[alt]="props.alt"
|
|
759
|
+
[style.width.px]="props.width"
|
|
760
|
+
[style.max-width.px]="props.width"
|
|
761
|
+
[style.height.px]="props.height"
|
|
762
|
+
/>
|
|
763
|
+
} @else {
|
|
764
|
+
<img
|
|
765
|
+
[ngClass]="['image', props.mode, props.size]"
|
|
766
|
+
[class.bordered]="props.bordered"
|
|
767
|
+
[class.shaded]="props.shaded"
|
|
768
|
+
[class.dark]="props.dark"
|
|
769
|
+
[class.limited]="props.limited"
|
|
770
|
+
[src]="props.src"
|
|
771
|
+
[alt]="props.alt"
|
|
772
|
+
[style.width.px]="props.width"
|
|
773
|
+
[style.max-width.px]="props.width"
|
|
774
|
+
[style.height.px]="props.height"
|
|
775
|
+
/>
|
|
776
|
+
}
|
|
737
777
|
`, styles: [".small{width:30%}.small.limited{max-width:6.25rem}.medium{width:50%}.medium.limited{max-width:15rem}.large{width:70%}.large.limited{max-width:28.125rem}.xlarge{width:100%}.xlarge.limited{max-width:43.75rem}.image{opacity:1;height:auto;display:block}.visible{animation:appereance ease-in 1s forwards}@keyframes appereance{0%{opacity:0;height:0}to{opacity:1;height:auto}}.rounded{border-radius:.5rem}.circular{border-radius:50%}.bordered{border:.0625rem solid var(--ion-color-medium)}.shaded{box-shadow:.1875rem .625rem .5rem #1219541a}@media (prefers-color-scheme: dark){.dark{filter:invert(1)}}\n"] }]
|
|
738
778
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
739
779
|
type: Input
|