valtech-components 2.0.21 → 2.0.23
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/organisms/banner/banner.component.mjs +5 -5
- package/esm2022/lib/components/organisms/banner/types.mjs +1 -1
- package/esm2022/lib/components/templates/simple/simple.component.mjs +11 -7
- package/fesm2022/valtech-components.mjs +14 -10
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/banner/types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -23,7 +23,7 @@ export class BannerComponent {
|
|
|
23
23
|
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
24
24
|
(onClick)="closeHandler()"
|
|
25
25
|
>
|
|
26
|
-
<div [ngClass]="['content-container', props.mode]" body>
|
|
26
|
+
<div [ngClass]="['content-container', props.mode, props.alignment]" body>
|
|
27
27
|
<val-title-block
|
|
28
28
|
[props]="{
|
|
29
29
|
position: props.mode === 'center' ? 'center' : 'left',
|
|
@@ -39,7 +39,7 @@ export class BannerComponent {
|
|
|
39
39
|
></val-button-group>
|
|
40
40
|
</div>
|
|
41
41
|
</val-box>
|
|
42
|
-
`, isInline: true, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row
|
|
42
|
+
`, isInline: true, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
48
48
|
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
49
49
|
(onClick)="closeHandler()"
|
|
50
50
|
>
|
|
51
|
-
<div [ngClass]="['content-container', props.mode]" body>
|
|
51
|
+
<div [ngClass]="['content-container', props.mode, props.alignment]" body>
|
|
52
52
|
<val-title-block
|
|
53
53
|
[props]="{
|
|
54
54
|
position: props.mode === 'center' ? 'center' : 'left',
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
64
|
></val-button-group>
|
|
65
65
|
</div>
|
|
66
66
|
</val-box>
|
|
67
|
-
`, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row
|
|
67
|
+
`, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex}\n"] }]
|
|
68
68
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
69
69
|
type: Input
|
|
70
70
|
}], onClick: [{
|
|
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
72
72
|
}], onClose: [{
|
|
73
73
|
type: Output
|
|
74
74
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Jhbm5lci9iYW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7O0FBK0J4RixNQUFNLE9BQU8sZUFBZTtJQVUxQjtRQUxBLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3JDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWQsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQztJQUViLFlBQVksQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXBCVSxlQUFlO21HQUFmLGVBQWUsdUpBeEJoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJULGtuQkF0QlMsWUFBWSw2SEFBRSxZQUFZLDZGQUFFLG1CQUFtQiwrRUFBRSxvQkFBb0I7OzRGQXlCcEUsZUFBZTtrQkE1QjNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsb0JBQW9CLENBQUMsWUFDdEU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDt3REFLRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNO2dCQUlQLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaXRsZUJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL3RpdGxlLWJsb2NrL3RpdGxlLWJsb2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYW5uZXJNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYmFubmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm94Q29tcG9uZW50LCBUaXRsZUJsb2NrQ29tcG9uZW50LCBCdXR0b25Hcm91cENvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHZhbC1ib3hcbiAgICAgIFtwcm9wc109XCJ7IGljb246IHByb3BzLmNsb3NhYmxlID8gJ2Nsb3NlLW91dGxpbmUnIDogJycsIGJvcmRlcmVkOiBwcm9wcy5ib3JkZXJlZCwgY29sb3I6ICcnIH1cIlxuICAgICAgKG9uQ2xpY2spPVwiY2xvc2VIYW5kbGVyKClcIlxuICAgID5cbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwiWydjb250ZW50LWNvbnRhaW5lcicsIHByb3BzLm1vZGUsIHByb3BzLmFsaWdubWVudF1cIiBib2R5PlxuICAgICAgICA8dmFsLXRpdGxlLWJsb2NrXG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIHBvc2l0aW9uOiBwcm9wcy5tb2RlID09PSAnY2VudGVyJyA/ICdjZW50ZXInIDogJ2xlZnQnLFxuICAgICAgICAgICAgYWJvdmVUaXRsZTogcHJvcHMuY29udGVudC5hYm92ZVRpdGxlLFxuICAgICAgICAgICAgdGl0bGU6IHByb3BzLmNvbnRlbnQudGl0bGUsXG4gICAgICAgICAgICBiZWxsb3dUaXRsZTogcHJvcHMuY29udGVudC5iZWxsb3dUaXRsZSxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvdmFsLXRpdGxlLWJsb2NrPlxuICAgICAgICA8dmFsLWJ1dHRvbi1ncm91cFxuICAgICAgICAgIGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIlxuICAgICAgICAgIFtwcm9wc109XCJ7IHBvc2l0aW9uOiBwcm9wcy5tb2RlID09PSAnY2VudGVyJyA/ICdjZW50ZXInIDogJ2xlZnQnLCBidXR0b25zOiBwcm9wcy5hY3Rpb25zLCBjb2x1bW5lZDogZmFsc2UgfVwiXG4gICAgICAgICAgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKCRldmVudClcIlxuICAgICAgICA+PC92YWwtYnV0dG9uLWdyb3VwPlxuICAgICAgPC9kaXY+XG4gICAgPC92YWwtYm94PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9iYW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IEJhbm5lck1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjbGlja0hhbmRsZXIodG9rZW4/OiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0b2tlbik7XG4gIH1cblxuICBjbG9zZUhhbmRsZXIoKSB7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9iYW5uZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja01ldGFkYSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy90aXRsZS1ibG9jay90eXBlcyc7XG5pbXBvcnQgeyBCdXR0b25NZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgQmFubmVyTWV0YWRhdGEgPSB7XG4gIGNvbG9yOiBDb2xvcjtcbiAgYm9yZGVyZWQ6IGJvb2xlYW47XG4gIGNsb3NhYmxlOiBib29sZWFuO1xuICBtb2RlOiAncm93JyB8ICdjb2x1bW4nIHwgJ2h5YnJpZCcgfCAnY2VudGVyJztcbiAgYWxpZ25tZW50OiAnY2VudGVyJyB8ICdtaWRkbGUnIHwgJ2JvdHRvbSc7XG4gIGFjdGlvbnM6IEJ1dHRvbk1ldGFkYXRhW107XG4gIGNvbnRlbnQ6IFRpdGxlQmxvY2tNZXRhZGE7XG59O1xuIl19
|
|
@@ -17,15 +17,17 @@ export class SimpleComponent {
|
|
|
17
17
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
18
18
|
</ion-toolbar>
|
|
19
19
|
</ion-header>
|
|
20
|
-
<div *ngIf="props.pageDescription">
|
|
21
|
-
<ion-text>
|
|
20
|
+
<div class="description-container" *ngIf="props.pageDescription">
|
|
21
|
+
<ion-text>
|
|
22
|
+
<p class="description">{{ props.pageDescription }}</p>
|
|
23
|
+
</ion-text>
|
|
22
24
|
</div>
|
|
23
25
|
<val-divider *ngIf="props.withDivider" [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
24
26
|
<val-layout>
|
|
25
27
|
<ng-content></ng-content>
|
|
26
28
|
</val-layout>
|
|
27
29
|
</ion-content>
|
|
28
|
-
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { 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"] }] }); }
|
|
30
|
+
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}.description-container{padding-left:.5rem}.description{padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { 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"] }] }); }
|
|
29
31
|
}
|
|
30
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
31
33
|
type: Component,
|
|
@@ -49,16 +51,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
49
51
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
50
52
|
</ion-toolbar>
|
|
51
53
|
</ion-header>
|
|
52
|
-
<div *ngIf="props.pageDescription">
|
|
53
|
-
<ion-text>
|
|
54
|
+
<div class="description-container" *ngIf="props.pageDescription">
|
|
55
|
+
<ion-text>
|
|
56
|
+
<p class="description">{{ props.pageDescription }}</p>
|
|
57
|
+
</ion-text>
|
|
54
58
|
</div>
|
|
55
59
|
<val-divider *ngIf="props.withDivider" [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
56
60
|
<val-layout>
|
|
57
61
|
<ng-content></ng-content>
|
|
58
62
|
</val-layout>
|
|
59
63
|
</ion-content>
|
|
60
|
-
`, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}\n"] }]
|
|
64
|
+
`, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}.description-container{padding-left:.5rem}.description{padding-left:1rem}\n"] }]
|
|
61
65
|
}], propDecorators: { props: [{
|
|
62
66
|
type: Input
|
|
63
67
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NpbXBsZS9zaW1wbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQXdDN0QsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTttR0FBZixlQUFlLGtHQXRCaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQsb2NBOUJDLElBQUksNkZBQ0osU0FBUyxvR0FDVCxVQUFVLG1GQUNWLFFBQVEsaUZBQ1IsT0FBTyxnRkFDUCxVQUFVLGtKQUVWLGVBQWUsZ0dBQ2YsZUFBZSx1REFDZixnQkFBZ0I7OzRGQXdCUCxlQUFlO2tCQXJDM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osU0FBUzt3QkFDVCxVQUFVO3dCQUNWLFFBQVE7d0JBQ1IsT0FBTzt3QkFDUCxVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGdCQUFnQjtxQkFDakIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs4QkFLRCxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkNvbnRlbnQsIElvbkhlYWRlciwgSW9uVGV4dCwgSW9uVGl0bGUsIElvblRvb2xiYXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IERpdmlkZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL29yZ2FuaXNtcy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaW1wbGVNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc2ltcGxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgSW9uSGVhZGVyLFxuICAgIElvblRvb2xiYXIsXG4gICAgSW9uVGl0bGUsXG4gICAgSW9uVGV4dCxcbiAgICBJb25Db250ZW50LFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBIZWFkZXJDb21wb25lbnQsXG4gICAgTGF5b3V0Q29tcG9uZW50LFxuICAgIERpdmlkZXJDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHZhbC1oZWFkZXIgW3Byb3BzXT1cInByb3BzLmhlYWRlclwiIC8+XG5cbiAgICA8aW9uLWNvbnRlbnQgW2Z1bGxzY3JlZW5dPVwidHJ1ZVwiPlxuICAgICAgPGlvbi1oZWFkZXIgY29sbGFwc2U9XCJjb25kZW5zZVwiPlxuICAgICAgICA8aW9uLXRvb2xiYXI+XG4gICAgICAgICAgPGlvbi10aXRsZSBzaXplPVwibGFyZ2VcIj57eyBwcm9wcy5wYWdlVGl0bGUgfX08L2lvbi10aXRsZT5cbiAgICAgICAgPC9pb24tdG9vbGJhcj5cbiAgICAgIDwvaW9uLWhlYWRlcj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvbi1jb250YWluZXJcIiAqbmdJZj1cInByb3BzLnBhZ2VEZXNjcmlwdGlvblwiPlxuICAgICAgICA8aW9uLXRleHQ+XG4gICAgICAgICAgPHAgY2xhc3M9XCJkZXNjcmlwdGlvblwiPnt7IHByb3BzLnBhZ2VEZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgPC9pb24tdGV4dD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHZhbC1kaXZpZGVyICpuZ0lmPVwicHJvcHMud2l0aERpdmlkZXJcIiBbcHJvcHNdPVwieyBmaWxsOiAnc29saWQnLCBzaXplOiAnbWVkaXVtJywgY29sb3I6ICdkYXJrJyB9XCIgLz5cbiAgICAgIDx2YWwtbGF5b3V0PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L3ZhbC1sYXlvdXQ+XG4gICAgPC9pb24tY29udGVudD5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL3NpbXBsZS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNpbXBsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBTaW1wbGVNZXRhZGF0YTtcbn1cbiJdfQ==
|
|
@@ -1918,7 +1918,7 @@ class BannerComponent {
|
|
|
1918
1918
|
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
1919
1919
|
(onClick)="closeHandler()"
|
|
1920
1920
|
>
|
|
1921
|
-
<div [ngClass]="['content-container', props.mode]" body>
|
|
1921
|
+
<div [ngClass]="['content-container', props.mode, props.alignment]" body>
|
|
1922
1922
|
<val-title-block
|
|
1923
1923
|
[props]="{
|
|
1924
1924
|
position: props.mode === 'center' ? 'center' : 'left',
|
|
@@ -1934,7 +1934,7 @@ class BannerComponent {
|
|
|
1934
1934
|
></val-button-group>
|
|
1935
1935
|
</div>
|
|
1936
1936
|
</val-box>
|
|
1937
|
-
`, isInline: true, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row
|
|
1937
|
+
`, isInline: true, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
1938
1938
|
}
|
|
1939
1939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, decorators: [{
|
|
1940
1940
|
type: Component,
|
|
@@ -1943,7 +1943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1943
1943
|
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
1944
1944
|
(onClick)="closeHandler()"
|
|
1945
1945
|
>
|
|
1946
|
-
<div [ngClass]="['content-container', props.mode]" body>
|
|
1946
|
+
<div [ngClass]="['content-container', props.mode, props.alignment]" body>
|
|
1947
1947
|
<val-title-block
|
|
1948
1948
|
[props]="{
|
|
1949
1949
|
position: props.mode === 'center' ? 'center' : 'left',
|
|
@@ -1959,7 +1959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1959
1959
|
></val-button-group>
|
|
1960
1960
|
</div>
|
|
1961
1961
|
</val-box>
|
|
1962
|
-
`, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row
|
|
1962
|
+
`, styles: [".content-container{display:flex;justify-content:space-between}.content-container.center{flex-direction:column}.content-container.column{flex-direction:row}.content-container.row{flex-direction:column}.content-container.middle{align-items:center}.content-container.top{align-items:flex-start}.content-container.bottom{align-items:flex-end}.content-container.hybrid{flex-direction:column;align-items:flex-start}@media (min-width: 768px){.content-container.hybrid{flex-direction:row;align-items:center}}.buttons-container{align-items:center;display:flex}\n"] }]
|
|
1963
1963
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
1964
1964
|
type: Input
|
|
1965
1965
|
}], onClick: [{
|
|
@@ -2761,15 +2761,17 @@ class SimpleComponent {
|
|
|
2761
2761
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
2762
2762
|
</ion-toolbar>
|
|
2763
2763
|
</ion-header>
|
|
2764
|
-
<div *ngIf="props.pageDescription">
|
|
2765
|
-
<ion-text>
|
|
2764
|
+
<div class="description-container" *ngIf="props.pageDescription">
|
|
2765
|
+
<ion-text>
|
|
2766
|
+
<p class="description">{{ props.pageDescription }}</p>
|
|
2767
|
+
</ion-text>
|
|
2766
2768
|
</div>
|
|
2767
2769
|
<val-divider *ngIf="props.withDivider" [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
2768
2770
|
<val-layout>
|
|
2769
2771
|
<ng-content></ng-content>
|
|
2770
2772
|
</val-layout>
|
|
2771
2773
|
</ion-content>
|
|
2772
|
-
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { 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"] }] }); }
|
|
2774
|
+
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}.description-container{padding-left:.5rem}.description{padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { 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"] }] }); }
|
|
2773
2775
|
}
|
|
2774
2776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
2775
2777
|
type: Component,
|
|
@@ -2793,15 +2795,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2793
2795
|
<ion-title size="large">{{ props.pageTitle }}</ion-title>
|
|
2794
2796
|
</ion-toolbar>
|
|
2795
2797
|
</ion-header>
|
|
2796
|
-
<div *ngIf="props.pageDescription">
|
|
2797
|
-
<ion-text>
|
|
2798
|
+
<div class="description-container" *ngIf="props.pageDescription">
|
|
2799
|
+
<ion-text>
|
|
2800
|
+
<p class="description">{{ props.pageDescription }}</p>
|
|
2801
|
+
</ion-text>
|
|
2798
2802
|
</div>
|
|
2799
2803
|
<val-divider *ngIf="props.withDivider" [props]="{ fill: 'solid', size: 'medium', color: 'dark' }" />
|
|
2800
2804
|
<val-layout>
|
|
2801
2805
|
<ng-content></ng-content>
|
|
2802
2806
|
</val-layout>
|
|
2803
2807
|
</ion-content>
|
|
2804
|
-
`, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}\n"] }]
|
|
2808
|
+
`, styles: [".layout-container{margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;margin-bottom:1rem}@media (max-width: 768px){.layout-container{max-width:100%}}@media (min-width: 768px){.layout-container{max-width:60rem;margin-bottom:1.5rem}}@media (min-width: 1200px){.layout-container{max-width:75rem}}.description-container{padding-left:.5rem}.description{padding-left:1rem}\n"] }]
|
|
2805
2809
|
}], propDecorators: { props: [{
|
|
2806
2810
|
type: Input
|
|
2807
2811
|
}] } });
|