valtech-components 2.0.65 → 2.0.66
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/templates/simple/simple.component.mjs +17 -8
- package/esm2022/lib/components/templates/simple/types.mjs +1 -1
- package/fesm2022/valtech-components.mjs +14 -5
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/templates/simple/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { NgStyle } from '@angular/common';
|
|
2
2
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
-
import { IonContent, IonHeader,
|
|
3
|
+
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
|
|
4
4
|
import { DividerComponent } from '../../atoms/divider/divider.component';
|
|
5
5
|
import { ExpandableTextComponent } from '../../molecules/expandable-text/expandable-text.component';
|
|
6
6
|
import { LinkComponent } from '../../molecules/link/link.component';
|
|
@@ -18,7 +18,12 @@ export class SimpleComponent {
|
|
|
18
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
|
-
<ion-content
|
|
21
|
+
<ion-content
|
|
22
|
+
[fullscreen]="true"
|
|
23
|
+
[ngStyle]="{
|
|
24
|
+
'--background': props.background,
|
|
25
|
+
}"
|
|
26
|
+
>
|
|
22
27
|
<ion-header collapse="condense">
|
|
23
28
|
<ion-toolbar style="--background: transparent;">
|
|
24
29
|
<ion-title style="padding: 0;" size="large">{{ props.pageTitle }}</ion-title>
|
|
@@ -46,16 +51,15 @@ export class SimpleComponent {
|
|
|
46
51
|
<ng-content></ng-content>
|
|
47
52
|
</val-layout>
|
|
48
53
|
</ion-content>
|
|
49
|
-
`, isInline: true, styles: [".description-container{padding:0 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"] }] }); }
|
|
54
|
+
`, isInline: true, styles: [".description-container{padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] }); }
|
|
50
55
|
}
|
|
51
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
52
57
|
type: Component,
|
|
53
58
|
args: [{ selector: 'val-simple', standalone: true, imports: [
|
|
54
|
-
|
|
59
|
+
NgStyle,
|
|
55
60
|
IonHeader,
|
|
56
61
|
IonToolbar,
|
|
57
62
|
IonTitle,
|
|
58
|
-
IonText,
|
|
59
63
|
IonContent,
|
|
60
64
|
HeaderComponent,
|
|
61
65
|
LayoutComponent,
|
|
@@ -65,7 +69,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
65
69
|
], template: `
|
|
66
70
|
<val-header [props]="props.header" />
|
|
67
71
|
|
|
68
|
-
<ion-content
|
|
72
|
+
<ion-content
|
|
73
|
+
[fullscreen]="true"
|
|
74
|
+
[ngStyle]="{
|
|
75
|
+
'--background': props.background,
|
|
76
|
+
}"
|
|
77
|
+
>
|
|
69
78
|
<ion-header collapse="condense">
|
|
70
79
|
<ion-toolbar style="--background: transparent;">
|
|
71
80
|
<ion-title style="padding: 0;" size="large">{{ props.pageTitle }}</ion-title>
|
|
@@ -99,4 +108,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
99
108
|
}], onClick: [{
|
|
100
109
|
type: Output
|
|
101
110
|
}] } });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NpbXBsZS9zaW1wbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUE2RDdELE1BQU0sT0FBTyxlQUFlO0lBMUQ1QjtRQStERSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUt0QztJQUhDLGNBQWMsQ0FBQyxLQUFjO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBVFUsZUFBZTttR0FBZixlQUFlLG1JQTNDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9DVCxrSEEvQ0MsT0FBTywyRUFDUCxTQUFTLG9HQUNULFVBQVUsbUZBQ1YsUUFBUSxpRkFDUixVQUFVLGtKQUNWLGVBQWUsZ0dBQ2YsZUFBZSx1REFDZixnQkFBZ0IsMkVBQ2hCLGFBQWEsOEZBQ2IsdUJBQXVCOzs0RkE2Q2QsZUFBZTtrQkExRDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxPQUFPO3dCQUNQLFNBQVM7d0JBQ1QsVUFBVTt3QkFDVixRQUFRO3dCQUNSLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYix1QkFBdUI7cUJBQ3hCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9DVDs4QkFTRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQ29udGVudCwgSW9uSGVhZGVyLCBJb25UaXRsZSwgSW9uVG9vbGJhciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgRGl2aWRlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXhwYW5kYWJsZVRleHRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZXhwYW5kYWJsZS10ZXh0L2V4cGFuZGFibGUtdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGlua0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9saW5rL2xpbmsuY29tcG9uZW50JztcbmltcG9ydCB7IEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL29yZ2FuaXNtcy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaW1wbGVNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc2ltcGxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nU3R5bGUsXG4gICAgSW9uSGVhZGVyLFxuICAgIElvblRvb2xiYXIsXG4gICAgSW9uVGl0bGUsXG4gICAgSW9uQ29udGVudCxcbiAgICBIZWFkZXJDb21wb25lbnQsXG4gICAgTGF5b3V0Q29tcG9uZW50LFxuICAgIERpdmlkZXJDb21wb25lbnQsXG4gICAgTGlua0NvbXBvbmVudCxcbiAgICBFeHBhbmRhYmxlVGV4dENvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8dmFsLWhlYWRlciBbcHJvcHNdPVwicHJvcHMuaGVhZGVyXCIgLz5cblxuICAgIDxpb24tY29udGVudFxuICAgICAgW2Z1bGxzY3JlZW5dPVwidHJ1ZVwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICctLWJhY2tncm91bmQnOiBwcm9wcy5iYWNrZ3JvdW5kLFxuICAgICAgfVwiXG4gICAgPlxuICAgICAgPGlvbi1oZWFkZXIgY29sbGFwc2U9XCJjb25kZW5zZVwiPlxuICAgICAgICA8aW9uLXRvb2xiYXIgc3R5bGU9XCItLWJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1wiPlxuICAgICAgICAgIDxpb24tdGl0bGUgc3R5bGU9XCJwYWRkaW5nOiAwO1wiIHNpemU9XCJsYXJnZVwiPnt7IHByb3BzLnBhZ2VUaXRsZSB9fTwvaW9uLXRpdGxlPlxuICAgICAgICA8L2lvbi10b29sYmFyPlxuICAgICAgPC9pb24taGVhZGVyPlxuICAgICAgQGlmIChwcm9wcy5wYWdlRGVzY3JpcHRpb24pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDx2YWwtZXhwYW5kYWJsZS10ZXh0XG4gICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICBsaW1pdDogMTgwLFxuICAgICAgICAgICAgICBjb250ZW50OiBwcm9wcy5wYWdlRGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgICAgICAgICAgIGV4cGFuZFRleHQ6ICdtw6FzJyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChwcm9wcy5saW5rKSB7XG4gICAgICAgIDx2YWwtbGluayBbcHJvcHNdPVwicHJvcHMubGlua1wiIChvbkNsaWNrKT1cIm9uQ2xpY2tIYW5kbGVyKCRldmVudClcIj48L3ZhbC1saW5rPlxuICAgICAgfVxuICAgICAgQGlmIChwcm9wcy53aXRoRGl2aWRlcikge1xuICAgICAgICA8dmFsLWRpdmlkZXIgW3Byb3BzXT1cInsgZmlsbDogJ3NvbGlkJywgc2l6ZTogJ21lZGl1bScsIGNvbG9yOiAnZGFyaycgfVwiIC8+XG4gICAgICB9XG4gICAgICA8dmFsLWxheW91dD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC92YWwtbGF5b3V0PlxuICAgIDwvaW9uLWNvbnRlbnQ+XG4gIGAsXG4gIHN0eWxlczogYFxuICAgIC5kZXNjcmlwdGlvbi1jb250YWluZXIge1xuICAgICAgcGFkZGluZzogMHB4IDE2cHg7XG4gICAgfVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwcm9wczogU2ltcGxlTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBvbkNsaWNrSGFuZGxlcih0b2tlbj86IHN0cmluZykge1xuICAgIHRoaXMub25DbGljay5lbWl0KHRva2VuKTtcbiAgfVxufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RlbXBsYXRlcy9zaW1wbGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExpbmtNZXRhZGF0YSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9saW5rL3R5cGVzJztcbmltcG9ydCB7IEhlYWRlck1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vb3JnYW5pc21zL2hlYWRlci90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlTWV0YWRhdGEge1xuICBoZWFkZXI6IEhlYWRlck1ldGFkYXRhO1xuICBwYWdlVGl0bGU6IHN0cmluZztcbiAgcGFnZURlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIHdpdGhEaXZpZGVyOiBib29sZWFuO1xuICBsaW5rPzogTGlua01ldGFkYXRhO1xuICBiYWNrZ3JvdW5kOiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -3302,7 +3302,12 @@ class SimpleComponent {
|
|
|
3302
3302
|
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: `
|
|
3303
3303
|
<val-header [props]="props.header" />
|
|
3304
3304
|
|
|
3305
|
-
<ion-content
|
|
3305
|
+
<ion-content
|
|
3306
|
+
[fullscreen]="true"
|
|
3307
|
+
[ngStyle]="{
|
|
3308
|
+
'--background': props.background,
|
|
3309
|
+
}"
|
|
3310
|
+
>
|
|
3306
3311
|
<ion-header collapse="condense">
|
|
3307
3312
|
<ion-toolbar style="--background: transparent;">
|
|
3308
3313
|
<ion-title style="padding: 0;" size="large">{{ props.pageTitle }}</ion-title>
|
|
@@ -3330,16 +3335,15 @@ class SimpleComponent {
|
|
|
3330
3335
|
<ng-content></ng-content>
|
|
3331
3336
|
</val-layout>
|
|
3332
3337
|
</ion-content>
|
|
3333
|
-
`, isInline: true, styles: [".description-container{padding:0 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"] }] }); }
|
|
3338
|
+
`, isInline: true, styles: [".description-container{padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] }); }
|
|
3334
3339
|
}
|
|
3335
3340
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
3336
3341
|
type: Component,
|
|
3337
3342
|
args: [{ selector: 'val-simple', standalone: true, imports: [
|
|
3338
|
-
|
|
3343
|
+
NgStyle,
|
|
3339
3344
|
IonHeader,
|
|
3340
3345
|
IonToolbar,
|
|
3341
3346
|
IonTitle,
|
|
3342
|
-
IonText,
|
|
3343
3347
|
IonContent,
|
|
3344
3348
|
HeaderComponent,
|
|
3345
3349
|
LayoutComponent,
|
|
@@ -3349,7 +3353,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3349
3353
|
], template: `
|
|
3350
3354
|
<val-header [props]="props.header" />
|
|
3351
3355
|
|
|
3352
|
-
<ion-content
|
|
3356
|
+
<ion-content
|
|
3357
|
+
[fullscreen]="true"
|
|
3358
|
+
[ngStyle]="{
|
|
3359
|
+
'--background': props.background,
|
|
3360
|
+
}"
|
|
3361
|
+
>
|
|
3353
3362
|
<ion-header collapse="condense">
|
|
3354
3363
|
<ion-toolbar style="--background: transparent;">
|
|
3355
3364
|
<ion-title style="padding: 0;" size="large">{{ props.pageTitle }}</ion-title>
|