valtech-components 2.0.19 → 2.0.21
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/avatar/types.mjs +1 -1
- package/esm2022/lib/components/atoms/box/box.component.mjs +47 -0
- package/esm2022/lib/components/atoms/box/types.mjs +2 -0
- package/esm2022/lib/components/atoms/button/button.component.mjs +1 -1
- package/esm2022/lib/components/atoms/button/factory.mjs +1 -1
- package/esm2022/lib/components/atoms/display/display.component.mjs +28 -0
- package/esm2022/lib/components/atoms/display/types.mjs +2 -0
- package/esm2022/lib/components/atoms/divider/divider.component.mjs +17 -0
- package/esm2022/lib/components/atoms/divider/types.mjs +2 -0
- package/esm2022/lib/components/atoms/href/href.component.mjs +51 -0
- package/esm2022/lib/components/atoms/href/types.mjs +2 -0
- package/esm2022/lib/components/atoms/icon/icon.component.mjs +18 -0
- package/esm2022/lib/components/atoms/icon/types.mjs +2 -0
- package/esm2022/lib/components/atoms/image/image.component.mjs +50 -0
- package/esm2022/lib/components/atoms/image/types.mjs +2 -0
- package/esm2022/lib/components/atoms/progress-bar/progress-bar.component.mjs +36 -0
- package/esm2022/lib/components/atoms/progress-bar/types.mjs +2 -0
- package/esm2022/lib/components/atoms/text/text.component.mjs +24 -0
- package/esm2022/lib/components/atoms/text/types.mjs +2 -0
- package/esm2022/lib/components/atoms/title/title.component.mjs +31 -0
- package/esm2022/lib/components/atoms/title/types.mjs +2 -0
- package/esm2022/lib/components/molecules/alert-box/alert-box.component.mjs +32 -0
- package/esm2022/lib/components/molecules/alert-box/types.mjs +2 -0
- package/esm2022/lib/components/molecules/button-group/button-group.component.mjs +49 -0
- package/esm2022/lib/components/molecules/button-group/types.mjs +2 -0
- package/esm2022/lib/components/molecules/card/card.component.mjs +369 -0
- package/esm2022/lib/components/molecules/card/types.mjs +16 -0
- package/esm2022/lib/components/molecules/check-input/check-input.component.mjs +15 -0
- package/esm2022/lib/components/molecules/comment-input/comment-input.component.mjs +23 -0
- package/esm2022/lib/components/molecules/content-loader/content-loader.component.mjs +32 -0
- package/esm2022/lib/components/molecules/content-loader/types.mjs +2 -0
- package/esm2022/lib/components/molecules/date-input/date-input.component.mjs +73 -0
- package/esm2022/lib/components/molecules/email-input/email-input.component.mjs +19 -0
- package/esm2022/lib/components/molecules/file-input/file-input.component.mjs +69 -0
- package/esm2022/lib/components/molecules/hint/hint.component.mjs +52 -0
- package/esm2022/lib/components/molecules/hour-input/hour-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/link/link.component.mjs +37 -0
- package/esm2022/lib/components/molecules/link/types.mjs +2 -0
- package/esm2022/lib/components/molecules/links-cake/links-cake.component.mjs +37 -0
- package/esm2022/lib/components/molecules/links-cake/types.mjs +2 -0
- package/esm2022/lib/components/molecules/notes-box/notes-box.component.mjs +33 -0
- package/esm2022/lib/components/molecules/notes-box/types.mjs +2 -0
- package/esm2022/lib/components/molecules/number-input/number-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/password-input/password-input.component.mjs +44 -0
- package/esm2022/lib/components/molecules/pin-input/pin-input.component.mjs +45 -0
- package/esm2022/lib/components/molecules/progress-status/progress-status.component.mjs +94 -0
- package/esm2022/lib/components/molecules/progress-status/types.mjs +2 -0
- package/esm2022/lib/components/molecules/prompter/prompter.component.mjs +84 -0
- package/esm2022/lib/components/molecules/prompter/types.mjs +2 -0
- package/esm2022/lib/components/molecules/radio-input/radio-input.component.mjs +33 -0
- package/esm2022/lib/components/molecules/searchbar/searchbar.component.mjs +61 -0
- package/esm2022/lib/components/molecules/text-input/text-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/title-block/title-block.component.mjs +77 -0
- package/esm2022/lib/components/molecules/title-block/types.mjs +2 -0
- package/esm2022/lib/components/organisms/banner/banner.component.mjs +75 -0
- package/esm2022/lib/components/organisms/banner/types.mjs +2 -0
- package/esm2022/lib/components/organisms/footer/footer.component.mjs +50 -0
- package/esm2022/lib/components/organisms/footer/types.mjs +2 -0
- package/esm2022/lib/components/organisms/form/factory.mjs +8 -0
- package/esm2022/lib/components/organisms/form/form-footer/form-footer.component.mjs +76 -0
- package/esm2022/lib/components/organisms/form/form.component.mjs +230 -0
- package/esm2022/lib/components/organisms/header/header.component.mjs +33 -0
- package/esm2022/lib/components/organisms/header/types.mjs +2 -0
- package/esm2022/lib/components/organisms/no-content/no-content.component.mjs +34 -0
- package/esm2022/lib/components/organisms/no-content/types.mjs +2 -0
- package/esm2022/lib/components/organisms/toolbar/toolbar.component.mjs +168 -0
- package/esm2022/lib/components/organisms/toolbar/types.mjs +2 -0
- package/esm2022/lib/components/organisms/wizard/types.mjs +7 -0
- package/esm2022/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.mjs +107 -0
- package/esm2022/lib/components/organisms/wizard/wizard.component.mjs +103 -0
- package/esm2022/lib/components/templates/simple/simple.component.mjs +64 -0
- package/esm2022/lib/components/templates/simple/types.mjs +2 -0
- package/esm2022/lib/components/types.mjs +8 -1
- package/esm2022/public-api.mjs +71 -4
- package/fesm2022/valtech-components.mjs +2529 -159
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/avatar/types.d.ts +1 -1
- package/lib/components/atoms/box/box.component.d.ts +12 -0
- package/lib/components/atoms/box/types.d.ts +7 -0
- package/lib/components/atoms/button/button.component.d.ts +1 -1
- package/lib/components/atoms/button/factory.d.ts +1 -1
- package/lib/components/atoms/display/display.component.d.ts +10 -0
- package/lib/components/atoms/display/types.d.ts +6 -0
- package/lib/components/atoms/divider/divider.component.d.ts +10 -0
- package/lib/components/atoms/divider/types.d.ts +5 -0
- package/lib/components/atoms/href/href.component.d.ts +15 -0
- package/lib/components/atoms/href/types.d.ts +9 -0
- package/lib/components/atoms/icon/icon.component.d.ts +10 -0
- package/lib/components/atoms/icon/types.d.ts +6 -0
- package/lib/components/atoms/image/image.component.d.ts +12 -0
- package/lib/components/atoms/image/types.d.ts +11 -0
- package/lib/components/atoms/progress-bar/progress-bar.component.d.ts +10 -0
- package/lib/components/atoms/progress-bar/types.d.ts +9 -0
- package/lib/components/atoms/text/text.component.d.ts +10 -0
- package/lib/components/atoms/text/types.d.ts +7 -0
- package/lib/components/atoms/title/title.component.d.ts +10 -0
- package/lib/components/atoms/title/types.d.ts +7 -0
- package/lib/components/molecules/alert-box/alert-box.component.d.ts +10 -0
- package/lib/components/molecules/alert-box/types.d.ts +8 -0
- package/lib/components/molecules/button-group/button-group.component.d.ts +13 -0
- package/lib/components/molecules/button-group/types.d.ts +6 -0
- package/lib/components/molecules/card/card.component.d.ts +16 -0
- package/lib/components/molecules/card/types.d.ts +33 -0
- package/lib/components/molecules/check-input/check-input.component.d.ts +8 -0
- package/lib/components/molecules/comment-input/comment-input.component.d.ts +10 -0
- package/lib/components/molecules/content-loader/content-loader.component.d.ts +10 -0
- package/lib/components/molecules/content-loader/types.d.ts +7 -0
- package/lib/components/molecules/date-input/date-input.component.d.ts +10 -0
- package/lib/components/molecules/email-input/email-input.component.d.ts +10 -0
- package/lib/components/molecules/file-input/file-input.component.d.ts +15 -0
- package/lib/components/molecules/hint/hint.component.d.ts +11 -0
- package/lib/components/molecules/hour-input/hour-input.component.d.ts +10 -0
- package/lib/components/molecules/link/link.component.d.ts +12 -0
- package/lib/components/molecules/link/types.d.ts +6 -0
- package/lib/components/molecules/links-cake/links-cake.component.d.ts +10 -0
- package/lib/components/molecules/links-cake/types.d.ts +6 -0
- package/lib/components/molecules/notes-box/notes-box.component.d.ts +10 -0
- package/lib/components/molecules/notes-box/types.d.ts +8 -0
- package/lib/components/molecules/number-input/number-input.component.d.ts +10 -0
- package/lib/components/molecules/password-input/password-input.component.d.ts +11 -0
- package/lib/components/molecules/pin-input/pin-input.component.d.ts +15 -0
- package/lib/components/molecules/progress-status/progress-status.component.d.ts +14 -0
- package/lib/components/molecules/progress-status/types.d.ts +10 -0
- package/lib/components/molecules/prompter/prompter.component.d.ts +12 -0
- package/lib/components/molecules/prompter/types.d.ts +11 -0
- package/lib/components/molecules/radio-input/radio-input.component.d.ts +10 -0
- package/lib/components/molecules/searchbar/searchbar.component.d.ts +14 -0
- package/lib/components/molecules/text-input/text-input.component.d.ts +10 -0
- package/lib/components/molecules/title-block/title-block.component.d.ts +10 -0
- package/lib/components/molecules/title-block/types.d.ts +12 -0
- package/lib/components/organisms/banner/banner.component.d.ts +14 -0
- package/lib/components/organisms/banner/types.d.ts +11 -0
- package/lib/components/organisms/footer/footer.component.d.ts +12 -0
- package/lib/components/organisms/footer/types.d.ts +6 -0
- package/lib/components/organisms/form/factory.d.ts +5 -0
- package/lib/components/organisms/form/form-footer/form-footer.component.d.ts +15 -0
- package/lib/components/organisms/form/form.component.d.ts +23 -0
- package/lib/components/organisms/header/header.component.d.ts +12 -0
- package/lib/components/organisms/header/types.d.ts +6 -0
- package/lib/components/organisms/no-content/no-content.component.d.ts +12 -0
- package/lib/components/organisms/no-content/types.d.ts +6 -0
- package/lib/components/organisms/toolbar/toolbar.component.d.ts +21 -0
- package/lib/components/organisms/toolbar/types.d.ts +11 -0
- package/lib/components/organisms/wizard/types.d.ts +20 -0
- package/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.d.ts +21 -0
- package/lib/components/organisms/wizard/wizard.component.d.ts +22 -0
- package/lib/components/templates/simple/simple.component.d.ts +7 -0
- package/lib/components/templates/simple/types.d.ts +7 -0
- package/lib/components/types.d.ts +37 -2
- package/package.json +1 -1
- package/public-api.d.ts +70 -3
- package/esm2022/lib/components/atoms/button/types.mjs +0 -2
- package/lib/components/atoms/button/types.d.ts +0 -22
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ProgressBarComponent } from '../../atoms/progress-bar/progress-bar.component';
|
|
3
|
+
import { TextComponent } from '../../atoms/text/text.component';
|
|
4
|
+
import { TitleBlockComponent } from '../title-block/title-block.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class ProgressStatusComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.currentIndex = 0;
|
|
9
|
+
this.blinking = false;
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
setInterval(() => {
|
|
13
|
+
this.blinking = !this.blinking;
|
|
14
|
+
}, 1000);
|
|
15
|
+
setInterval(() => {
|
|
16
|
+
this.getNextMessage();
|
|
17
|
+
}, 9000);
|
|
18
|
+
}
|
|
19
|
+
get Content() {
|
|
20
|
+
return this.props.messages[this.currentIndex];
|
|
21
|
+
}
|
|
22
|
+
getNextMessage() {
|
|
23
|
+
this.currentIndex = (this.currentIndex + 1) % this.props.messages.length;
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressStatusComponent, isStandalone: true, selector: "val-progress-status", inputs: { props: "props" }, ngImport: i0, template: `
|
|
27
|
+
<div class="status-container">
|
|
28
|
+
<div class="title-container">
|
|
29
|
+
<val-title-block
|
|
30
|
+
[props]="{
|
|
31
|
+
position: 'center',
|
|
32
|
+
aboveTitle: props.titles.aboveTitle,
|
|
33
|
+
title: props.titles.title,
|
|
34
|
+
bellowTitle: props.titles.bellowTitle,
|
|
35
|
+
}"
|
|
36
|
+
></val-title-block>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="progress-bar-container">
|
|
39
|
+
<val-progress-bar
|
|
40
|
+
[props]="{
|
|
41
|
+
progress: props.progress,
|
|
42
|
+
size: 'xlarge',
|
|
43
|
+
color: props.color,
|
|
44
|
+
rounded: true,
|
|
45
|
+
type: 'determinate',
|
|
46
|
+
buffer: 1,
|
|
47
|
+
}"
|
|
48
|
+
></val-progress-bar>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="subtitle-container">
|
|
51
|
+
<div class="subtitle" [class.blink]="blinking">
|
|
52
|
+
<val-text [props]="{ content: Content, color: 'medium', bold: false, size: props.size }"></val-text>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
`, isInline: true, styles: [".status-container{min-height:6.25rem;margin:1rem .5rem}.progress-bar-container{max-width:60%;margin:0 auto}.title-container{margin-bottom:.5rem}.subtitle-container{width:100%;display:flex}.subtitle{padding:1rem;margin:0 auto;height:1rem}.blink{animation:blink 1s infinite alternate ease-in}@keyframes blink{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}\n"], dependencies: [{ kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ProgressBarComponent, selector: "val-progress-bar", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
|
|
57
|
+
}
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressStatusComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'val-progress-status', standalone: true, imports: [TitleBlockComponent, ProgressBarComponent, TextComponent], template: `
|
|
61
|
+
<div class="status-container">
|
|
62
|
+
<div class="title-container">
|
|
63
|
+
<val-title-block
|
|
64
|
+
[props]="{
|
|
65
|
+
position: 'center',
|
|
66
|
+
aboveTitle: props.titles.aboveTitle,
|
|
67
|
+
title: props.titles.title,
|
|
68
|
+
bellowTitle: props.titles.bellowTitle,
|
|
69
|
+
}"
|
|
70
|
+
></val-title-block>
|
|
71
|
+
</div>
|
|
72
|
+
<div class="progress-bar-container">
|
|
73
|
+
<val-progress-bar
|
|
74
|
+
[props]="{
|
|
75
|
+
progress: props.progress,
|
|
76
|
+
size: 'xlarge',
|
|
77
|
+
color: props.color,
|
|
78
|
+
rounded: true,
|
|
79
|
+
type: 'determinate',
|
|
80
|
+
buffer: 1,
|
|
81
|
+
}"
|
|
82
|
+
></val-progress-bar>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="subtitle-container">
|
|
85
|
+
<div class="subtitle" [class.blink]="blinking">
|
|
86
|
+
<val-text [props]="{ content: Content, color: 'medium', bold: false, size: props.size }"></val-text>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
`, styles: [".status-container{min-height:6.25rem;margin:1rem .5rem}.progress-bar-container{max-width:60%;margin:0 auto}.title-container{margin-bottom:.5rem}.subtitle-container{width:100%;display:flex}.subtitle{padding:1rem;margin:0 auto;height:1rem}.blink{animation:blink 1s infinite alternate ease-in}@keyframes blink{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}\n"] }]
|
|
91
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}] } });
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3Byb2dyZXNzLXN0YXR1cy9wcm9ncmVzcy1zdGF0dXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUF3QzNFLE1BQU0sT0FBTyx1QkFBdUI7SUFPbEM7UUFIQSxpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO0lBRUYsQ0FBQztJQUVoQixRQUFRO1FBQ04sV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2pDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUVULFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDZixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQzNFLENBQUM7K0dBekJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDJHQWpDeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThCVCxzYkEvQlMsbUJBQW1CLCtFQUFFLG9CQUFvQixnRkFBRSxhQUFhOzs0RkFrQ3ZELHVCQUF1QjtrQkFyQ25DLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLG1CQUFtQixFQUFFLG9CQUFvQixFQUFFLGFBQWEsQ0FBQyxZQUN6RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJUO3dEQUtELEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGV4dC90ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaXRsZUJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi4vdGl0bGUtYmxvY2svdGl0bGUtYmxvY2suY29tcG9uZW50JztcbmltcG9ydCB7IFByb2dyZXNzU3RhdHVzTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXByb2dyZXNzLXN0YXR1cycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUaXRsZUJsb2NrQ29tcG9uZW50LCBQcm9ncmVzc0JhckNvbXBvbmVudCwgVGV4dENvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInN0YXR1cy1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cbiAgICAgICAgPHZhbC10aXRsZS1ibG9ja1xuICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICBwb3NpdGlvbjogJ2NlbnRlcicsXG4gICAgICAgICAgICBhYm92ZVRpdGxlOiBwcm9wcy50aXRsZXMuYWJvdmVUaXRsZSxcbiAgICAgICAgICAgIHRpdGxlOiBwcm9wcy50aXRsZXMudGl0bGUsXG4gICAgICAgICAgICBiZWxsb3dUaXRsZTogcHJvcHMudGl0bGVzLmJlbGxvd1RpdGxlLFxuICAgICAgICAgIH1cIlxuICAgICAgICA+PC92YWwtdGl0bGUtYmxvY2s+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXItY29udGFpbmVyXCI+XG4gICAgICAgIDx2YWwtcHJvZ3Jlc3MtYmFyXG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIHByb2dyZXNzOiBwcm9wcy5wcm9ncmVzcyxcbiAgICAgICAgICAgIHNpemU6ICd4bGFyZ2UnLFxuICAgICAgICAgICAgY29sb3I6IHByb3BzLmNvbG9yLFxuICAgICAgICAgICAgcm91bmRlZDogdHJ1ZSxcbiAgICAgICAgICAgIHR5cGU6ICdkZXRlcm1pbmF0ZScsXG4gICAgICAgICAgICBidWZmZXI6IDEsXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L3ZhbC1wcm9ncmVzcy1iYXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZS1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCIgW2NsYXNzLmJsaW5rXT1cImJsaW5raW5nXCI+XG4gICAgICAgICAgPHZhbC10ZXh0IFtwcm9wc109XCJ7IGNvbnRlbnQ6IENvbnRlbnQsIGNvbG9yOiAnbWVkaXVtJywgYm9sZDogZmFsc2UsIHNpemU6IHByb3BzLnNpemUgfVwiPjwvdmFsLXRleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc1N0YXR1c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBQcm9ncmVzc1N0YXR1c01ldGFkYXRhO1xuXG4gIGN1cnJlbnRJbmRleCA9IDA7XG4gIGJsaW5raW5nID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIHRoaXMuYmxpbmtpbmcgPSAhdGhpcy5ibGlua2luZztcbiAgICB9LCAxMDAwKTtcblxuICAgIHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIHRoaXMuZ2V0TmV4dE1lc3NhZ2UoKTtcbiAgICB9LCA5MDAwKTtcbiAgfVxuXG4gIGdldCBDb250ZW50KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMubWVzc2FnZXNbdGhpcy5jdXJyZW50SW5kZXhdO1xuICB9XG5cbiAgZ2V0TmV4dE1lc3NhZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXggPSAodGhpcy5jdXJyZW50SW5kZXggKyAxKSAlIHRoaXMucHJvcHMubWVzc2FnZXMubGVuZ3RoO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9wcm9ncmVzcy1zdGF0dXMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja01ldGFkYSB9IGZyb20gJy4uL3RpdGxlLWJsb2NrL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NTdGF0dXNNZXRhZGF0YSA9IHtcbiAgcHJvZ3Jlc3M6IG51bWJlcjtcbiAgdGl0bGVzOiBUaXRsZUJsb2NrTWV0YWRhO1xuICBjb2xvcjogQ29sb3I7XG4gIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsYXJnZSc7XG4gIHR5cGU/OiAnZGV0ZXJtaW5hdGUnIHwgJ2luZGV0ZXJtaW5hdGUnO1xuICBtZXNzYWdlczogc3RyaW5nW107XG59O1xuIl19
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { BoxComponent } from '../../atoms/box/box.component';
|
|
4
|
+
import { HrefComponent } from '../../atoms/href/href.component';
|
|
5
|
+
import { TextComponent } from '../../atoms/text/text.component';
|
|
6
|
+
import { ButtonGroupComponent } from '../button-group/button-group.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
export class PrompterComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.onClick = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() { }
|
|
14
|
+
clickHandler(token) {
|
|
15
|
+
this.onClick.emit(token);
|
|
16
|
+
}
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PrompterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PrompterComponent, isStandalone: true, selector: "val-prompter", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
19
|
+
<val-box
|
|
20
|
+
class="teleprompter-container"
|
|
21
|
+
[props]="{ icon: '', bordered: props.bordered, color: props.color, leftBorder: false }"
|
|
22
|
+
>
|
|
23
|
+
<div class="container" [class.teleprompter-content]="props.teleprompter" body>
|
|
24
|
+
<div>
|
|
25
|
+
<val-text
|
|
26
|
+
[props]="{
|
|
27
|
+
content: props.content,
|
|
28
|
+
color: '',
|
|
29
|
+
bold: true,
|
|
30
|
+
size: 'large',
|
|
31
|
+
}"
|
|
32
|
+
></val-text>
|
|
33
|
+
</div>
|
|
34
|
+
<div *ngIf="props.buttons">
|
|
35
|
+
<val-button-group
|
|
36
|
+
class="buttons-container"
|
|
37
|
+
[props]="{ buttons: props.buttons, position: 'left', columned: false }"
|
|
38
|
+
(onClick)="clickHandler($event)"
|
|
39
|
+
></val-button-group>
|
|
40
|
+
</div>
|
|
41
|
+
<div *ngIf="props.hrefs">
|
|
42
|
+
<val-href class="link" *ngFor="let l of props.hrefs" [props]="l" (onClick)="clickHandler($event)"></val-href>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</val-box>
|
|
46
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";.container{display:flex;align-items:center;justify-content:center}.teleprompter-container{overflow:hidden;width:100%}.teleprompter-content{white-space:nowrap;animation:scroll-left 15s linear infinite}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.link{margin:0 .25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: HrefComponent, selector: "val-href", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
47
|
+
}
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PrompterComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'val-prompter', standalone: true, imports: [CommonModule, BoxComponent, ButtonGroupComponent, TextComponent, HrefComponent], template: `
|
|
51
|
+
<val-box
|
|
52
|
+
class="teleprompter-container"
|
|
53
|
+
[props]="{ icon: '', bordered: props.bordered, color: props.color, leftBorder: false }"
|
|
54
|
+
>
|
|
55
|
+
<div class="container" [class.teleprompter-content]="props.teleprompter" body>
|
|
56
|
+
<div>
|
|
57
|
+
<val-text
|
|
58
|
+
[props]="{
|
|
59
|
+
content: props.content,
|
|
60
|
+
color: '',
|
|
61
|
+
bold: true,
|
|
62
|
+
size: 'large',
|
|
63
|
+
}"
|
|
64
|
+
></val-text>
|
|
65
|
+
</div>
|
|
66
|
+
<div *ngIf="props.buttons">
|
|
67
|
+
<val-button-group
|
|
68
|
+
class="buttons-container"
|
|
69
|
+
[props]="{ buttons: props.buttons, position: 'left', columned: false }"
|
|
70
|
+
(onClick)="clickHandler($event)"
|
|
71
|
+
></val-button-group>
|
|
72
|
+
</div>
|
|
73
|
+
<div *ngIf="props.hrefs">
|
|
74
|
+
<val-href class="link" *ngFor="let l of props.hrefs" [props]="l" (onClick)="clickHandler($event)"></val-href>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
</val-box>
|
|
78
|
+
`, styles: ["@charset \"UTF-8\";.container{display:flex;align-items:center;justify-content:center}.teleprompter-container{overflow:hidden;width:100%}.teleprompter-content{white-space:nowrap;animation:scroll-left 15s linear infinite}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.link{margin:0 .25rem}\n"] }]
|
|
79
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], onClick: [{
|
|
82
|
+
type: Output
|
|
83
|
+
}] } });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvbXB0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcHJvbXB0ZXIvcHJvbXB0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7QUFzQzlFLE1BQU0sT0FBTyxpQkFBaUI7SUFPNUI7UUFGQSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QixDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FiVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixxSUEvQmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJULCtZQTdCUyxZQUFZLGdRQUFFLFlBQVksNkZBQUUsb0JBQW9CLHNHQUFFLGFBQWEsd0VBQUUsYUFBYTs7NEZBZ0M3RSxpQkFBaUI7a0JBbkM3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLGFBQWEsRUFBRSxhQUFhLENBQUMsWUFDL0U7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7d0RBS0QsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBIcmVmQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvaHJlZi9ocmVmLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGV4dC90ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFByb21wdGVyTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXByb21wdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm94Q29tcG9uZW50LCBCdXR0b25Hcm91cENvbXBvbmVudCwgVGV4dENvbXBvbmVudCwgSHJlZkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHZhbC1ib3hcbiAgICAgIGNsYXNzPVwidGVsZXByb21wdGVyLWNvbnRhaW5lclwiXG4gICAgICBbcHJvcHNdPVwieyBpY29uOiAnJywgYm9yZGVyZWQ6IHByb3BzLmJvcmRlcmVkLCBjb2xvcjogcHJvcHMuY29sb3IsIGxlZnRCb3JkZXI6IGZhbHNlIH1cIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbY2xhc3MudGVsZXByb21wdGVyLWNvbnRlbnRdPVwicHJvcHMudGVsZXByb21wdGVyXCIgYm9keT5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8dmFsLXRleHRcbiAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgIGNvbnRlbnQ6IHByb3BzLmNvbnRlbnQsXG4gICAgICAgICAgICAgIGNvbG9yOiAnJyxcbiAgICAgICAgICAgICAgYm9sZDogdHJ1ZSxcbiAgICAgICAgICAgICAgc2l6ZTogJ2xhcmdlJyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgID48L3ZhbC10ZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInByb3BzLmJ1dHRvbnNcIj5cbiAgICAgICAgICA8dmFsLWJ1dHRvbi1ncm91cFxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b25zLWNvbnRhaW5lclwiXG4gICAgICAgICAgICBbcHJvcHNdPVwieyBidXR0b25zOiBwcm9wcy5idXR0b25zLCBwb3NpdGlvbjogJ2xlZnQnLCBjb2x1bW5lZDogZmFsc2UgfVwiXG4gICAgICAgICAgICAob25DbGljayk9XCJjbGlja0hhbmRsZXIoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvdmFsLWJ1dHRvbi1ncm91cD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJwcm9wcy5ocmVmc1wiPlxuICAgICAgICAgIDx2YWwtaHJlZiBjbGFzcz1cImxpbmtcIiAqbmdGb3I9XCJsZXQgbCBvZiBwcm9wcy5ocmVmc1wiIFtwcm9wc109XCJsXCIgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKCRldmVudClcIj48L3ZhbC1ocmVmPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvdmFsLWJveD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvbXB0ZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUHJvbXB0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwcm9wczogUHJvbXB0ZXJNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgY2xpY2tIYW5kbGVyKHRva2VuPzogc3RyaW5nKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodG9rZW4pO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9wcm9tcHRlci90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5pbXBvcnQgeyBIcmVmTWV0YWRhdGEgfSBmcm9tICcuLi8uLi9hdG9tcy9ocmVmL3R5cGVzJztcbmltcG9ydCB7IEJ1dHRvbk1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBQcm9tcHRlck1ldGFkYXRhID0ge1xuICB0ZWxlcHJvbXB0ZXI6IGJvb2xlYW47XG4gIGJvcmRlcmVkOiBib29sZWFuO1xuICBjb2xvcj86IENvbG9yO1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGJ1dHRvbnM/OiBCdXR0b25NZXRhZGF0YVtdO1xuICBocmVmcz86IEhyZWZNZXRhZGF0YVtdO1xufTtcbiJdfQ==
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { NgFor } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { IonRadio, IonRadioGroup } from '@ionic/angular/standalone';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/forms";
|
|
7
|
+
export class RadioInputComponent {
|
|
8
|
+
constructor() { }
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioInputComponent, isStandalone: true, selector: "val-radio-input", inputs: { props: "props" }, ngImport: i0, template: `
|
|
12
|
+
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
13
|
+
<ng-container *ngFor="let o of props.options">
|
|
14
|
+
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
15
|
+
<br />
|
|
16
|
+
</ng-container>
|
|
17
|
+
</ion-radio-group>
|
|
18
|
+
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { kind: "component", type: IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }] }); }
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioInputComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'val-radio-input', standalone: true, imports: [NgFor, ReactiveFormsModule, IonRadioGroup, IonRadio], template: `
|
|
23
|
+
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
24
|
+
<ng-container *ngFor="let o of props.options">
|
|
25
|
+
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
26
|
+
<br />
|
|
27
|
+
</ng-container>
|
|
28
|
+
</ion-radio-group>
|
|
29
|
+
` }]
|
|
30
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcmFkaW8taW5wdXQvcmFkaW8taW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFpQnBFLE1BQU0sT0FBTyxtQkFBbUI7SUFHOUIsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FMRixtQkFBbUI7bUdBQW5CLG1CQUFtQix1R0FWcEI7Ozs7Ozs7R0FPVCwwRUFSUyxLQUFLLGtIQUFFLG1CQUFtQiwwVEFBRSxhQUFhLDhHQUFFLFFBQVE7OzRGQVdsRCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsS0FBSyxFQUFFLG1CQUFtQixFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUMsWUFDcEQ7Ozs7Ozs7R0FPVDt3REFJUSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJb25SYWRpbywgSW9uUmFkaW9Hcm91cCB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgSW5wdXRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXJhZGlvLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nRm9yLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJb25SYWRpb0dyb3VwLCBJb25SYWRpb10sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1yYWRpby1ncm91cCBbYWxsb3dFbXB0eVNlbGVjdGlvbl09XCJ0cnVlXCIgW2Zvcm1Db250cm9sXT1cInByb3BzLmNvbnRyb2xcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG8gb2YgcHJvcHMub3B0aW9uc1wiPlxuICAgICAgICA8aW9uLXJhZGlvIFt2YWx1ZV09XCJvLmlkXCI+e3sgby5uYW1lIH19PC9pb24tcmFkaW8+XG4gICAgICAgIDxiciAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9pb24tcmFkaW8tZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwcm9wczogSW5wdXRNZXRhZGF0YTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIl19
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { IonSearchbar } from '@ionic/angular/standalone';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SearchbarComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.focusEvent = new EventEmitter();
|
|
7
|
+
this.blurEvent = new EventEmitter();
|
|
8
|
+
this.filterEvent = new EventEmitter();
|
|
9
|
+
}
|
|
10
|
+
onSearch($event) {
|
|
11
|
+
const searchTerm = $event.detail.value;
|
|
12
|
+
this.filterEvent.emit(searchTerm);
|
|
13
|
+
}
|
|
14
|
+
onFocus() {
|
|
15
|
+
this.focusEvent.emit();
|
|
16
|
+
}
|
|
17
|
+
onBlur() {
|
|
18
|
+
this.blurEvent.emit();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchbarComponent, isStandalone: true, selector: "app-searchbar", inputs: { disabled: "disabled" }, outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent", filterEvent: "filterEvent" }, ngImport: i0, template: `
|
|
22
|
+
<ion-searchbar
|
|
23
|
+
mode="ios"
|
|
24
|
+
debounce="500"
|
|
25
|
+
placeholder="Búsqueda"
|
|
26
|
+
[disabled]="disabled"
|
|
27
|
+
showCancelButton="focus"
|
|
28
|
+
cancelButtonText="Cancelar"
|
|
29
|
+
(ionInput)="onSearch($event)"
|
|
30
|
+
(ionBlur)="onBlur()"
|
|
31
|
+
(ionFocus)="onFocus()"
|
|
32
|
+
>
|
|
33
|
+
</ion-searchbar>
|
|
34
|
+
`, isInline: true, styles: ["ion-searchbar{--cancel-button-color: var(--ion-color-dark);--background: var(--ion-color-light);font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "component", type: IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }] }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchbarComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'app-searchbar', standalone: true, imports: [IonSearchbar], template: `
|
|
39
|
+
<ion-searchbar
|
|
40
|
+
mode="ios"
|
|
41
|
+
debounce="500"
|
|
42
|
+
placeholder="Búsqueda"
|
|
43
|
+
[disabled]="disabled"
|
|
44
|
+
showCancelButton="focus"
|
|
45
|
+
cancelButtonText="Cancelar"
|
|
46
|
+
(ionInput)="onSearch($event)"
|
|
47
|
+
(ionBlur)="onBlur()"
|
|
48
|
+
(ionFocus)="onFocus()"
|
|
49
|
+
>
|
|
50
|
+
</ion-searchbar>
|
|
51
|
+
`, styles: ["ion-searchbar{--cancel-button-color: var(--ion-color-dark);--background: var(--ion-color-light);font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
|
|
52
|
+
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], focusEvent: [{
|
|
55
|
+
type: Output
|
|
56
|
+
}], blurEvent: [{
|
|
57
|
+
type: Output
|
|
58
|
+
}], filterEvent: [{
|
|
59
|
+
type: Output
|
|
60
|
+
}] } });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3NlYXJjaGJhci9zZWFyY2hiYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQXNCekQsTUFBTSxPQUFPLGtCQUFrQjtJQVM3QjtRQU5VLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXRDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXJDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVwQyxDQUFDO0lBRWhCLFFBQVEsQ0FBQyxNQUFXO1FBQ2xCLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0F0QlUsa0JBQWtCO21HQUFsQixrQkFBa0Isc01BaEJuQjs7Ozs7Ozs7Ozs7OztHQWFULGlPQWRTLFlBQVk7OzRGQWlCWCxrQkFBa0I7a0JBcEI5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7Ozs7Ozs7OztHQWFUO3dEQUlRLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFFRyxTQUFTO3NCQUFsQixNQUFNO2dCQUVHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uU2VhcmNoYmFyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zZWFyY2hiYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSW9uU2VhcmNoYmFyXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLXNlYXJjaGJhclxuICAgICAgbW9kZT1cImlvc1wiXG4gICAgICBkZWJvdW5jZT1cIjUwMFwiXG4gICAgICBwbGFjZWhvbGRlcj1cIkLDunNxdWVkYVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgc2hvd0NhbmNlbEJ1dHRvbj1cImZvY3VzXCJcbiAgICAgIGNhbmNlbEJ1dHRvblRleHQ9XCJDYW5jZWxhclwiXG4gICAgICAoaW9uSW5wdXQpPVwib25TZWFyY2goJGV2ZW50KVwiXG4gICAgICAoaW9uQmx1cik9XCJvbkJsdXIoKVwiXG4gICAgICAoaW9uRm9jdXMpPVwib25Gb2N1cygpXCJcbiAgICA+XG4gICAgPC9pb24tc2VhcmNoYmFyPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2hiYXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoYmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIGZvY3VzRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQE91dHB1dCgpIGJsdXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KCkgZmlsdGVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25TZWFyY2goJGV2ZW50OiBhbnkpIHtcbiAgICBjb25zdCBzZWFyY2hUZXJtID0gJGV2ZW50LmRldGFpbC52YWx1ZTtcbiAgICB0aGlzLmZpbHRlckV2ZW50LmVtaXQoc2VhcmNoVGVybSk7XG4gIH1cblxuICBvbkZvY3VzKCkge1xuICAgIHRoaXMuZm9jdXNFdmVudC5lbWl0KCk7XG4gIH1cblxuICBvbkJsdXIoKSB7XG4gICAgdGhpcy5ibHVyRXZlbnQuZW1pdCgpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
+
import { IonInput } from '@ionic/angular/standalone';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
export class TextInputComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() { }
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextInputComponent, isStandalone: true, selector: "val-text-input", inputs: { props: "props" }, ngImport: i0, template: ` <ion-input [formControl]="props.control" type="text" [placeholder]="props.placeholder"></ion-input> `, isInline: true, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'val-text-input', standalone: true, imports: [ReactiveFormsModule, IonInput], template: ` <ion-input [formControl]="props.control" type="text" [placeholder]="props.placeholder"></ion-input> `, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}\n"] }]
|
|
15
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0LWlucHV0L3RleHQtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBZSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBVXJELE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FMRixrQkFBa0I7bUdBQWxCLGtCQUFrQixzR0FIbkIsdUdBQXVHLDRLQUR2RyxtQkFBbUIsMFRBQUUsUUFBUTs7NEZBSTVCLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLENBQUMsWUFDOUIsdUdBQXVHO3dEQUl4RyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW9uSW5wdXQgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IElucHV0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC10ZXh0LWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1JlYWN0aXZlRm9ybXNNb2R1bGUsIElvbklucHV0XSxcbiAgdGVtcGxhdGU6IGAgPGlvbi1pbnB1dCBbZm9ybUNvbnRyb2xdPVwicHJvcHMuY29udHJvbFwiIHR5cGU9XCJ0ZXh0XCIgW3BsYWNlaG9sZGVyXT1cInByb3BzLnBsYWNlaG9sZGVyXCI+PC9pb24taW5wdXQ+IGAsXG4gIHN0eWxlVXJsczogWycuL3RleHQtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { DisplayComponent } from '../../atoms/display/display.component';
|
|
4
|
+
import { TitleComponent } from '../../atoms/title/title.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class TitleBlockComponent {
|
|
8
|
+
constructor() { }
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TitleBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TitleBlockComponent, isStandalone: true, selector: "val-title-block", inputs: { props: "props" }, ngImport: i0, template: `
|
|
12
|
+
<div [ngClass]="['titles-container', props.position]">
|
|
13
|
+
<val-title
|
|
14
|
+
*ngIf="props.aboveTitle"
|
|
15
|
+
[props]="{
|
|
16
|
+
content: props.aboveTitle.text | uppercase,
|
|
17
|
+
color: props.aboveTitle.color,
|
|
18
|
+
bold: false,
|
|
19
|
+
size: props.aboveTitle.size,
|
|
20
|
+
}"
|
|
21
|
+
></val-title>
|
|
22
|
+
<val-display
|
|
23
|
+
*ngIf="props.title"
|
|
24
|
+
[props]="{
|
|
25
|
+
content: props.title.text,
|
|
26
|
+
color: props.title.color,
|
|
27
|
+
size: props.title.size,
|
|
28
|
+
}"
|
|
29
|
+
></val-display>
|
|
30
|
+
<val-title
|
|
31
|
+
*ngIf="props.bellowTitle"
|
|
32
|
+
[props]="{
|
|
33
|
+
content: props.bellowTitle.text,
|
|
34
|
+
color: props.bellowTitle.color,
|
|
35
|
+
bold: false,
|
|
36
|
+
size: props.bellowTitle.size,
|
|
37
|
+
}"
|
|
38
|
+
></val-title>
|
|
39
|
+
</div>
|
|
40
|
+
`, isInline: true, styles: ["val-button,val-title,val-display{display:inline-block}.titles-container{width:100%;padding:.25rem;display:flex;flex-direction:column;flex-wrap:wrap}.titles-container.left{align-content:flex-start;align-items:start}.titles-container.center{align-content:center;align-items:center;text-align:center}.titles-container.right{align-content:flex-end;align-items:end;text-align:end}@media (min-width: 768px){.titles-container{padding:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }] }); }
|
|
41
|
+
}
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TitleBlockComponent, decorators: [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{ selector: 'val-title-block', standalone: true, imports: [CommonModule, TitleComponent, DisplayComponent], template: `
|
|
45
|
+
<div [ngClass]="['titles-container', props.position]">
|
|
46
|
+
<val-title
|
|
47
|
+
*ngIf="props.aboveTitle"
|
|
48
|
+
[props]="{
|
|
49
|
+
content: props.aboveTitle.text | uppercase,
|
|
50
|
+
color: props.aboveTitle.color,
|
|
51
|
+
bold: false,
|
|
52
|
+
size: props.aboveTitle.size,
|
|
53
|
+
}"
|
|
54
|
+
></val-title>
|
|
55
|
+
<val-display
|
|
56
|
+
*ngIf="props.title"
|
|
57
|
+
[props]="{
|
|
58
|
+
content: props.title.text,
|
|
59
|
+
color: props.title.color,
|
|
60
|
+
size: props.title.size,
|
|
61
|
+
}"
|
|
62
|
+
></val-display>
|
|
63
|
+
<val-title
|
|
64
|
+
*ngIf="props.bellowTitle"
|
|
65
|
+
[props]="{
|
|
66
|
+
content: props.bellowTitle.text,
|
|
67
|
+
color: props.bellowTitle.color,
|
|
68
|
+
bold: false,
|
|
69
|
+
size: props.bellowTitle.size,
|
|
70
|
+
}"
|
|
71
|
+
></val-title>
|
|
72
|
+
</div>
|
|
73
|
+
`, styles: ["val-button,val-title,val-display{display:inline-block}.titles-container{width:100%;padding:.25rem;display:flex;flex-direction:column;flex-wrap:wrap}.titles-container.left{align-content:flex-start;align-items:start}.titles-container.center{align-content:center;align-items:center;text-align:center}.titles-container.right{align-content:flex-end;align-items:end;text-align:end}@media (min-width: 768px){.titles-container{padding:.5rem}}\n"] }]
|
|
74
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}] } });
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvdGl0bGUtYmxvY2svdGl0bGUtYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7OztBQXVDbkUsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDOytHQU5GLG1CQUFtQjttR0FBbkIsbUJBQW1CLHVHQWhDcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJULDZmQTlCUyxZQUFZLDhSQUFFLGNBQWMseUVBQUUsZ0JBQWdCOzs0RkFpQzdDLG1CQUFtQjtrQkFwQy9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxZQUMvQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2QlQ7d0RBS0QsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlzcGxheUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2Rpc3BsYXkvZGlzcGxheS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja01ldGFkYSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtdGl0bGUtYmxvY2snLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUaXRsZUNvbXBvbmVudCwgRGlzcGxheUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3RpdGxlcy1jb250YWluZXInLCBwcm9wcy5wb3NpdGlvbl1cIj5cbiAgICAgIDx2YWwtdGl0bGVcbiAgICAgICAgKm5nSWY9XCJwcm9wcy5hYm92ZVRpdGxlXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBwcm9wcy5hYm92ZVRpdGxlLnRleHQgfCB1cHBlcmNhc2UsXG4gICAgICAgICAgY29sb3I6IHByb3BzLmFib3ZlVGl0bGUuY29sb3IsXG4gICAgICAgICAgYm9sZDogZmFsc2UsXG4gICAgICAgICAgc2l6ZTogcHJvcHMuYWJvdmVUaXRsZS5zaXplLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC10aXRsZT5cbiAgICAgIDx2YWwtZGlzcGxheVxuICAgICAgICAqbmdJZj1cInByb3BzLnRpdGxlXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBwcm9wcy50aXRsZS50ZXh0LFxuICAgICAgICAgIGNvbG9yOiBwcm9wcy50aXRsZS5jb2xvcixcbiAgICAgICAgICBzaXplOiBwcm9wcy50aXRsZS5zaXplLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC1kaXNwbGF5PlxuICAgICAgPHZhbC10aXRsZVxuICAgICAgICAqbmdJZj1cInByb3BzLmJlbGxvd1RpdGxlXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBwcm9wcy5iZWxsb3dUaXRsZS50ZXh0LFxuICAgICAgICAgIGNvbG9yOiBwcm9wcy5iZWxsb3dUaXRsZS5jb2xvcixcbiAgICAgICAgICBib2xkOiBmYWxzZSxcbiAgICAgICAgICBzaXplOiBwcm9wcy5iZWxsb3dUaXRsZS5zaXplLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC10aXRsZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGl0bGUtYmxvY2suY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGl0bGVCbG9ja0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBUaXRsZUJsb2NrTWV0YWRhO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy90aXRsZS1ibG9jay90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFRpdGxlTWV0YWRhID0ge1xuICB0ZXh0OiBzdHJpbmc7XG4gIGNvbG9yOiBDb2xvcjtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4bGFyZ2UnO1xufTtcblxuZXhwb3J0IHR5cGUgVGl0bGVCbG9ja01ldGFkYSA9IHtcbiAgcG9zaXRpb246ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgdGl0bGU/OiBUaXRsZU1ldGFkYTtcbiAgYWJvdmVUaXRsZT86IFRpdGxlTWV0YWRhO1xuICBiZWxsb3dUaXRsZT86IFRpdGxlTWV0YWRhO1xufTtcbiJdfQ==
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { BoxComponent } from '../../atoms/box/box.component';
|
|
4
|
+
import { ButtonGroupComponent } from '../../molecules/button-group/button-group.component';
|
|
5
|
+
import { TitleBlockComponent } from '../../molecules/title-block/title-block.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
export class BannerComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.onClick = new EventEmitter();
|
|
11
|
+
this.onClose = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() { }
|
|
14
|
+
clickHandler(token) {
|
|
15
|
+
this.onClick.emit(token);
|
|
16
|
+
}
|
|
17
|
+
closeHandler() {
|
|
18
|
+
this.onClose.emit();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BannerComponent, isStandalone: true, selector: "val-banner", inputs: { props: "props" }, outputs: { onClick: "onClick", onClose: "onClose" }, ngImport: i0, template: `
|
|
22
|
+
<val-box
|
|
23
|
+
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
24
|
+
(onClick)="closeHandler()"
|
|
25
|
+
>
|
|
26
|
+
<div [ngClass]="['content-container', props.mode]" body>
|
|
27
|
+
<val-title-block
|
|
28
|
+
[props]="{
|
|
29
|
+
position: props.mode === 'center' ? 'center' : 'left',
|
|
30
|
+
aboveTitle: props.content.aboveTitle,
|
|
31
|
+
title: props.content.title,
|
|
32
|
+
bellowTitle: props.content.bellowTitle,
|
|
33
|
+
}"
|
|
34
|
+
></val-title-block>
|
|
35
|
+
<val-button-group
|
|
36
|
+
class="buttons-container"
|
|
37
|
+
[props]="{ position: props.mode === 'center' ? 'center' : 'left', buttons: props.actions, columned: false }"
|
|
38
|
+
(onClick)="clickHandler($event)"
|
|
39
|
+
></val-button-group>
|
|
40
|
+
</div>
|
|
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,.content-container.hybrid{flex-direction:column}@media (min-width: 768px){.content-container.hybrid{flex-direction:row}}.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
|
+
}
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: 'val-banner', standalone: true, imports: [CommonModule, BoxComponent, TitleBlockComponent, ButtonGroupComponent], template: `
|
|
47
|
+
<val-box
|
|
48
|
+
[props]="{ icon: props.closable ? 'close-outline' : '', bordered: props.bordered, color: '' }"
|
|
49
|
+
(onClick)="closeHandler()"
|
|
50
|
+
>
|
|
51
|
+
<div [ngClass]="['content-container', props.mode]" body>
|
|
52
|
+
<val-title-block
|
|
53
|
+
[props]="{
|
|
54
|
+
position: props.mode === 'center' ? 'center' : 'left',
|
|
55
|
+
aboveTitle: props.content.aboveTitle,
|
|
56
|
+
title: props.content.title,
|
|
57
|
+
bellowTitle: props.content.bellowTitle,
|
|
58
|
+
}"
|
|
59
|
+
></val-title-block>
|
|
60
|
+
<val-button-group
|
|
61
|
+
class="buttons-container"
|
|
62
|
+
[props]="{ position: props.mode === 'center' ? 'center' : 'left', buttons: props.actions, columned: false }"
|
|
63
|
+
(onClick)="clickHandler($event)"
|
|
64
|
+
></val-button-group>
|
|
65
|
+
</div>
|
|
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,.content-container.hybrid{flex-direction:column}@media (min-width: 768px){.content-container.hybrid{flex-direction:row}}.buttons-container{align-items:center;display:flex}\n"] }]
|
|
68
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], onClick: [{
|
|
71
|
+
type: Output
|
|
72
|
+
}], onClose: [{
|
|
73
|
+
type: Output
|
|
74
|
+
}] } });
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Jhbm5lci9iYW5uZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7O0FBK0J4RixNQUFNLE9BQU8sZUFBZTtJQVUxQjtRQUxBLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3JDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWQsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQztJQUViLFlBQVksQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXBCVSxlQUFlO21HQUFmLGVBQWUsdUpBeEJoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJULHdhQXRCUyxZQUFZLDZIQUFFLFlBQVksNkZBQUUsbUJBQW1CLCtFQUFFLG9CQUFvQjs7NEZBeUJwRSxlQUFlO2tCQTVCM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQyxZQUN0RTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUO3dEQUtELEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU07Z0JBSVAsT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJveENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2JveC9ib3guY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFRpdGxlQmxvY2tDb21wb25lbnQgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvdGl0bGUtYmxvY2svdGl0bGUtYmxvY2suY29tcG9uZW50JztcbmltcG9ydCB7IEJhbm5lck1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1iYW5uZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCb3hDb21wb25lbnQsIFRpdGxlQmxvY2tDb21wb25lbnQsIEJ1dHRvbkdyb3VwQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8dmFsLWJveFxuICAgICAgW3Byb3BzXT1cInsgaWNvbjogcHJvcHMuY2xvc2FibGUgPyAnY2xvc2Utb3V0bGluZScgOiAnJywgYm9yZGVyZWQ6IHByb3BzLmJvcmRlcmVkLCBjb2xvcjogJycgfVwiXG4gICAgICAob25DbGljayk9XCJjbG9zZUhhbmRsZXIoKVwiXG4gICAgPlxuICAgICAgPGRpdiBbbmdDbGFzc109XCJbJ2NvbnRlbnQtY29udGFpbmVyJywgcHJvcHMubW9kZV1cIiBib2R5PlxuICAgICAgICA8dmFsLXRpdGxlLWJsb2NrXG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIHBvc2l0aW9uOiBwcm9wcy5tb2RlID09PSAnY2VudGVyJyA/ICdjZW50ZXInIDogJ2xlZnQnLFxuICAgICAgICAgICAgYWJvdmVUaXRsZTogcHJvcHMuY29udGVudC5hYm92ZVRpdGxlLFxuICAgICAgICAgICAgdGl0bGU6IHByb3BzLmNvbnRlbnQudGl0bGUsXG4gICAgICAgICAgICBiZWxsb3dUaXRsZTogcHJvcHMuY29udGVudC5iZWxsb3dUaXRsZSxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvdmFsLXRpdGxlLWJsb2NrPlxuICAgICAgICA8dmFsLWJ1dHRvbi1ncm91cFxuICAgICAgICAgIGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIlxuICAgICAgICAgIFtwcm9wc109XCJ7IHBvc2l0aW9uOiBwcm9wcy5tb2RlID09PSAnY2VudGVyJyA/ICdjZW50ZXInIDogJ2xlZnQnLCBidXR0b25zOiBwcm9wcy5hY3Rpb25zLCBjb2x1bW5lZDogZmFsc2UgfVwiXG4gICAgICAgICAgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKCRldmVudClcIlxuICAgICAgICA+PC92YWwtYnV0dG9uLWdyb3VwPlxuICAgICAgPC9kaXY+XG4gICAgPC92YWwtYm94PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9iYW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IEJhbm5lck1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjbGlja0hhbmRsZXIodG9rZW4/OiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0b2tlbik7XG4gIH1cblxuICBjbG9zZUhhbmRsZXIoKSB7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9iYW5uZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja01ldGFkYSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy90aXRsZS1ibG9jay90eXBlcyc7XG5pbXBvcnQgeyBCdXR0b25NZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgQmFubmVyTWV0YWRhdGEgPSB7XG4gIGNvbG9yOiBDb2xvcjtcbiAgYm9yZGVyZWQ6IGJvb2xlYW47XG4gIGNsb3NhYmxlOiBib29sZWFuO1xuICBtb2RlOiAncm93JyB8ICdjb2x1bW4nIHwgJ2h5YnJpZCcgfCAnY2VudGVyJztcbiAgYWN0aW9uczogQnV0dG9uTWV0YWRhdGFbXTtcbiAgY29udGVudDogVGl0bGVCbG9ja01ldGFkYTtcbn07XG4iXX0=
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { IonFooter } from '@ionic/angular/standalone';
|
|
3
|
+
import { ToolbarComponent } from '../toolbar/toolbar.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class FooterComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.onClick = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
clickHandler(token) {
|
|
11
|
+
this.onClick.emit(token);
|
|
12
|
+
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "val-footer", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
15
|
+
<ion-footer
|
|
16
|
+
[class.ion-no-border]="!props.bordered"
|
|
17
|
+
[translucent]="props.translucent"
|
|
18
|
+
[class.background]="props.toolbar.color === 'background'"
|
|
19
|
+
>
|
|
20
|
+
<val-toolbar
|
|
21
|
+
*ngIf="props.toolbar.title || props.toolbar.withActions || props.toolbar.withBack"
|
|
22
|
+
[props]="props.toolbar"
|
|
23
|
+
(onClick)="clickHandler($event)"
|
|
24
|
+
></val-toolbar>
|
|
25
|
+
<ng-content select="[extra]"></ng-content>
|
|
26
|
+
</ion-footer>
|
|
27
|
+
`, isInline: true, styles: [".background{background:var(--ion-background-color)}\n"], dependencies: [{ kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: ToolbarComponent, selector: "val-toolbar", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'val-footer', standalone: true, imports: [IonFooter, ToolbarComponent], template: `
|
|
32
|
+
<ion-footer
|
|
33
|
+
[class.ion-no-border]="!props.bordered"
|
|
34
|
+
[translucent]="props.translucent"
|
|
35
|
+
[class.background]="props.toolbar.color === 'background'"
|
|
36
|
+
>
|
|
37
|
+
<val-toolbar
|
|
38
|
+
*ngIf="props.toolbar.title || props.toolbar.withActions || props.toolbar.withBack"
|
|
39
|
+
[props]="props.toolbar"
|
|
40
|
+
(onClick)="clickHandler($event)"
|
|
41
|
+
></val-toolbar>
|
|
42
|
+
<ng-content select="[extra]"></ng-content>
|
|
43
|
+
</ion-footer>
|
|
44
|
+
`, styles: [".background{background:var(--ion-background-color)}\n"] }]
|
|
45
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], onClick: [{
|
|
48
|
+
type: Output
|
|
49
|
+
}] } });
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQXNCaEUsTUFBTSxPQUFPLGVBQWU7SUFPMUI7UUFGQSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QixDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsWUFBWSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FiVSxlQUFlO21HQUFmLGVBQWUsbUlBaEJoQjs7Ozs7Ozs7Ozs7OztHQWFULCtIQWRTLFNBQVMsb0dBQUUsZ0JBQWdCOzs0RkFpQjFCLGVBQWU7a0JBcEIzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsWUFDNUI7Ozs7Ozs7Ozs7Ozs7R0FhVDt3REFLRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9vdGVyTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IElvbkZvb3RlciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtZm9vdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0lvbkZvb3RlciwgVG9vbGJhckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1mb290ZXJcbiAgICAgIFtjbGFzcy5pb24tbm8tYm9yZGVyXT1cIiFwcm9wcy5ib3JkZXJlZFwiXG4gICAgICBbdHJhbnNsdWNlbnRdPVwicHJvcHMudHJhbnNsdWNlbnRcIlxuICAgICAgW2NsYXNzLmJhY2tncm91bmRdPVwicHJvcHMudG9vbGJhci5jb2xvciA9PT0gJ2JhY2tncm91bmQnXCJcbiAgICA+XG4gICAgICA8dmFsLXRvb2xiYXJcbiAgICAgICAgKm5nSWY9XCJwcm9wcy50b29sYmFyLnRpdGxlIHx8IHByb3BzLnRvb2xiYXIud2l0aEFjdGlvbnMgfHwgcHJvcHMudG9vbGJhci53aXRoQmFja1wiXG4gICAgICAgIFtwcm9wc109XCJwcm9wcy50b29sYmFyXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKCRldmVudClcIlxuICAgICAgPjwvdmFsLXRvb2xiYXI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXh0cmFdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvaW9uLWZvb3Rlcj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZm9vdGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZvb3RlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBGb290ZXJNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgY2xpY2tIYW5kbGVyKHRva2VuPzogc3RyaW5nKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodG9rZW4pO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy9mb290ZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRvb2xiYXJNZXRhZGF0YSB9IGZyb20gJy4uL3Rvb2xiYXIvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBGb290ZXJNZXRhZGF0YSA9IHtcbiAgdHJhbnNsdWNlbnQ/OiBib29sZWFuO1xuICBib3JkZXJlZD86IGJvb2xlYW47XG4gIHRvb2xiYXI6IFRvb2xiYXJNZXRhZGF0YTtcbn07XG4iXX0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Validators } from '@angular/forms';
|
|
2
|
+
export const maxLength = (field, max) => {
|
|
3
|
+
return {
|
|
4
|
+
validator: Validators.maxLength(max),
|
|
5
|
+
error: `El campo ${field} no debe superar los ${max} caracteres.`,
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Zvcm0vZmFjdG9yeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQ3ZCLEtBQWEsRUFDYixHQUFXLEVBQ2dDLEVBQUU7SUFDN0MsT0FBTztRQUNMLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQztRQUNwQyxLQUFLLEVBQUUsWUFBWSxLQUFLLHdCQUF3QixHQUFHLGNBQWM7S0FDbEUsQ0FBQztBQUNKLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZhbGlkYXRvckZuLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5leHBvcnQgY29uc3QgbWF4TGVuZ3RoID0gKFxuICBmaWVsZDogc3RyaW5nLFxuICBtYXg6IG51bWJlclxuKTogeyB2YWxpZGF0b3I6IFZhbGlkYXRvckZuOyBlcnJvcjogc3RyaW5nIH0gPT4ge1xuICByZXR1cm4ge1xuICAgIHZhbGlkYXRvcjogVmFsaWRhdG9ycy5tYXhMZW5ndGgobWF4KSxcbiAgICBlcnJvcjogYEVsIGNhbXBvICR7ZmllbGR9IG5vIGRlYmUgc3VwZXJhciBsb3MgJHttYXh9IGNhcmFjdGVyZXMuYCxcbiAgfTtcbn07XG4iXX0=
|