valtech-components 2.0.32 → 2.0.34
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/avatar.component.mjs +3 -3
- package/esm2022/lib/components/atoms/icon/icon.component.mjs +8 -7
- package/esm2022/lib/components/molecules/button-group/button-group.component.mjs +3 -3
- package/esm2022/lib/components/molecules/card/card.component.mjs +5 -5
- package/esm2022/lib/components/organisms/item-list/item-list.component.mjs +342 -0
- package/esm2022/lib/components/organisms/no-content/no-content.component.mjs +14 -4
- package/esm2022/lib/components/organisms/no-content/types.mjs +1 -1
- package/esm2022/lib/components/organisms/wizard/wizard.component.mjs +3 -3
- package/esm2022/lib/components/templates/layout/layout.component.mjs +2 -2
- package/esm2022/lib/components/templates/simple/simple.component.mjs +3 -3
- package/esm2022/lib/services/icons.service.mjs +30 -0
- package/esm2022/public-api.mjs +5 -3
- package/fesm2022/valtech-components.mjs +399 -28
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/icon/icon.component.d.ts +2 -1
- package/lib/components/organisms/item-list/item-list.component.d.ts +57 -0
- package/lib/components/organisms/no-content/types.d.ts +2 -1
- package/lib/services/icons.service.d.ts +6 -0
- package/package.json +2 -1
- package/public-api.d.ts +4 -2
- package/src/lib/components/styles/variables.scss +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output, Injectable, ViewChild, inject, InjectionToken, Inject } from '@angular/core';
|
|
3
|
-
import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonProgressBar, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonButtons, IonTextarea, IonDatetime, IonDatetimeButton, IonModal, IonInput, IonRadioGroup, IonRadio, IonSearchbar, IonToolbar, IonTitle, IonFooter, IonHeader, IonContent } from '@ionic/angular/standalone';
|
|
3
|
+
import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonProgressBar, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonButtons, IonTextarea, IonDatetime, IonDatetimeButton, IonModal, IonInput, IonRadioGroup, IonRadio, IonSearchbar, IonToolbar, IonTitle, IonFooter, IonHeader, IonList, IonListHeader, IonLabel, IonNote, IonItem, IonContent } from '@ionic/angular/standalone';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
|
-
import { CommonModule, NgIf, NgFor } from '@angular/common';
|
|
5
|
+
import { CommonModule, NgIf, NgFor, NgClass } from '@angular/common';
|
|
6
|
+
import { addIcons } from 'ionicons';
|
|
7
|
+
import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notificationsOutline, chevronForwardOutline, chevronBackOutline } from 'ionicons/icons';
|
|
6
8
|
import * as i1$1 from '@angular/forms';
|
|
7
9
|
import { ReactiveFormsModule, Validators } from '@angular/forms';
|
|
8
|
-
import {
|
|
9
|
-
import { chevronForwardOutline, chevronBackOutline } from 'ionicons/icons';
|
|
10
|
-
import { Router } from '@angular/router';
|
|
10
|
+
import { Router, RouterLink } from '@angular/router';
|
|
11
11
|
import { Browser } from '@capacitor/browser';
|
|
12
12
|
import * as i1$2 from 'ng-otp-input';
|
|
13
13
|
import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
|
|
@@ -24,7 +24,7 @@ class AvatarComponent {
|
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
26
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AvatarComponent, isStandalone: true, selector: "val-avatar", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
27
|
-
<ion-avatar [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
|
|
27
|
+
<ion-avatar aria-hidden="true" [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
|
|
28
28
|
<img alt="profile image" [src]="props.image || props.default" />
|
|
29
29
|
</ion-avatar>
|
|
30
30
|
`, isInline: true, styles: [".box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"], dependencies: [{ kind: "component", type: IonAvatar, selector: "ion-avatar" }] }); }
|
|
@@ -32,7 +32,7 @@ class AvatarComponent {
|
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'val-avatar', standalone: true, imports: [IonAvatar], template: `
|
|
35
|
-
<ion-avatar [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
|
|
35
|
+
<ion-avatar aria-hidden="true" [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
|
|
36
36
|
<img alt="profile image" [src]="props.image || props.default" />
|
|
37
37
|
</ion-avatar>
|
|
38
38
|
`, styles: [".box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"] }]
|
|
@@ -544,16 +544,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
544
544
|
type: Output
|
|
545
545
|
}] } });
|
|
546
546
|
|
|
547
|
+
/* eslint-disable no-underscore-dangle */
|
|
548
|
+
class IconService {
|
|
549
|
+
constructor() {
|
|
550
|
+
addIcons({
|
|
551
|
+
addOutline,
|
|
552
|
+
addCircleOutline,
|
|
553
|
+
alertOutline,
|
|
554
|
+
alertCircleOutline,
|
|
555
|
+
arrowBackOutline,
|
|
556
|
+
arrowForwardOutline,
|
|
557
|
+
arrowDownOutline,
|
|
558
|
+
checkmarkCircleOutline,
|
|
559
|
+
ellipsisHorizontalOutline,
|
|
560
|
+
notificationsOutline,
|
|
561
|
+
});
|
|
562
|
+
}
|
|
563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
564
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, providedIn: 'root' }); }
|
|
565
|
+
}
|
|
566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconService, decorators: [{
|
|
567
|
+
type: Injectable,
|
|
568
|
+
args: [{
|
|
569
|
+
providedIn: 'root',
|
|
570
|
+
}]
|
|
571
|
+
}], ctorParameters: () => [] });
|
|
572
|
+
|
|
547
573
|
class IconComponent {
|
|
548
|
-
constructor() { }
|
|
574
|
+
constructor(service) { }
|
|
549
575
|
ngOnInit() { }
|
|
550
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
551
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconComponent, isStandalone: true, selector: "val-icon", inputs: { props: "props" }, ngImport: i0, template: ` <ion-icon [ngClass]="[props.size]" [name]="props.name" [color]="props.color"
|
|
576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconComponent, isStandalone: true, selector: "val-icon", inputs: { props: "props" }, ngImport: i0, template: ` <ion-icon aria-hidden="true" [ngClass]="[props.size]" [name]="props.name" [color]="props.color" /> `, isInline: true, styles: [".small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
552
578
|
}
|
|
553
579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
554
580
|
type: Component,
|
|
555
|
-
args: [{ selector: 'val-icon', standalone: true, imports: [CommonModule, IonIcon], template: ` <ion-icon [ngClass]="[props.size]" [name]="props.name" [color]="props.color"
|
|
556
|
-
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
581
|
+
args: [{ selector: 'val-icon', standalone: true, imports: [CommonModule, IonIcon], template: ` <ion-icon aria-hidden="true" [ngClass]="[props.size]" [name]="props.name" [color]="props.color" /> `, styles: [".small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"] }]
|
|
582
|
+
}], ctorParameters: () => [{ type: IconService }], propDecorators: { props: [{
|
|
557
583
|
type: Input
|
|
558
584
|
}] } });
|
|
559
585
|
|
|
@@ -729,7 +755,7 @@ class ButtonGroupComponent {
|
|
|
729
755
|
<val-button
|
|
730
756
|
*ngFor="let b of props.buttons"
|
|
731
757
|
[props]="b"
|
|
732
|
-
(
|
|
758
|
+
(onClick)="clickHandler(b?.token)"
|
|
733
759
|
[ngStyle]="{ width: props.buttons.length === 1 ? '100%' : 'auto' }"
|
|
734
760
|
></val-button>
|
|
735
761
|
</div>
|
|
@@ -742,7 +768,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
742
768
|
<val-button
|
|
743
769
|
*ngFor="let b of props.buttons"
|
|
744
770
|
[props]="b"
|
|
745
|
-
(
|
|
771
|
+
(onClick)="clickHandler(b?.token)"
|
|
746
772
|
[ngStyle]="{ width: props.buttons.length === 1 ? '100%' : 'auto' }"
|
|
747
773
|
></val-button>
|
|
748
774
|
</div>
|
|
@@ -794,7 +820,7 @@ class CardComponent {
|
|
|
794
820
|
<val-button
|
|
795
821
|
*ngFor="let b of props.footerActions"
|
|
796
822
|
[props]="b"
|
|
797
|
-
(
|
|
823
|
+
(onClick)="clickHandler(sections.footer, b.token)"
|
|
798
824
|
></val-button>
|
|
799
825
|
</ion-card>
|
|
800
826
|
|
|
@@ -905,7 +931,7 @@ class CardComponent {
|
|
|
905
931
|
<val-button
|
|
906
932
|
*ngFor="let b of props.footerActions"
|
|
907
933
|
[props]="b"
|
|
908
|
-
(
|
|
934
|
+
(onClick)="clickHandler(sections.footer, b.token)"
|
|
909
935
|
></val-button>
|
|
910
936
|
<ion-buttons
|
|
911
937
|
style="display: flex; align-items: center; justify-content: flex-end; margin: 8px"
|
|
@@ -971,7 +997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
971
997
|
<val-button
|
|
972
998
|
*ngFor="let b of props.footerActions"
|
|
973
999
|
[props]="b"
|
|
974
|
-
(
|
|
1000
|
+
(onClick)="clickHandler(sections.footer, b.token)"
|
|
975
1001
|
></val-button>
|
|
976
1002
|
</ion-card>
|
|
977
1003
|
|
|
@@ -1082,7 +1108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1082
1108
|
<val-button
|
|
1083
1109
|
*ngFor="let b of props.footerActions"
|
|
1084
1110
|
[props]="b"
|
|
1085
|
-
(
|
|
1111
|
+
(onClick)="clickHandler(sections.footer, b.token)"
|
|
1086
1112
|
></val-button>
|
|
1087
1113
|
<ion-buttons
|
|
1088
1114
|
style="display: flex; align-items: center; justify-content: flex-end; margin: 8px"
|
|
@@ -2581,19 +2607,29 @@ class NoContentComponent {
|
|
|
2581
2607
|
this.onClick.emit(token);
|
|
2582
2608
|
}
|
|
2583
2609
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2584
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2610
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NoContentComponent, isStandalone: true, selector: "val-no-content", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
2611
|
+
@if (props.topContent) {
|
|
2612
|
+
<div>
|
|
2613
|
+
<val-banner [props]="props.topContent" (onClick)="onClickHandler($event)"></val-banner>
|
|
2614
|
+
</div>
|
|
2615
|
+
}
|
|
2585
2616
|
<val-image class="image-container" [props]="props.image"></val-image>
|
|
2586
2617
|
<div>
|
|
2587
|
-
<val-banner [props]="props.
|
|
2618
|
+
<val-banner [props]="props.bottomContent" (onClick)="onClickHandler($event)"></val-banner>
|
|
2588
2619
|
</div>
|
|
2589
2620
|
`, isInline: true, styles: [".image-container{display:flex;justify-content:center;margin-bottom:1rem}val-image .image{margin:0 auto}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: BannerComponent, selector: "val-banner", inputs: ["props"], outputs: ["onClick", "onClose"] }] }); }
|
|
2590
2621
|
}
|
|
2591
2622
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoContentComponent, decorators: [{
|
|
2592
2623
|
type: Component,
|
|
2593
2624
|
args: [{ selector: 'val-no-content', standalone: true, imports: [ImageComponent, BannerComponent], template: `
|
|
2625
|
+
@if (props.topContent) {
|
|
2626
|
+
<div>
|
|
2627
|
+
<val-banner [props]="props.topContent" (onClick)="onClickHandler($event)"></val-banner>
|
|
2628
|
+
</div>
|
|
2629
|
+
}
|
|
2594
2630
|
<val-image class="image-container" [props]="props.image"></val-image>
|
|
2595
2631
|
<div>
|
|
2596
|
-
<val-banner [props]="props.
|
|
2632
|
+
<val-banner [props]="props.bottomContent" (onClick)="onClickHandler($event)"></val-banner>
|
|
2597
2633
|
</div>
|
|
2598
2634
|
`, styles: [".image-container{display:flex;justify-content:center;margin-bottom:1rem}val-image .image{margin:0 auto}\n"] }]
|
|
2599
2635
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
@@ -2744,12 +2780,12 @@ class WizardComponent {
|
|
|
2744
2780
|
if (this.props.state === ComponentStates.ERROR) {
|
|
2745
2781
|
return;
|
|
2746
2782
|
}
|
|
2747
|
-
this.props.error.titles.
|
|
2783
|
+
this.props.error.titles.bottomContent.content.bellowTitle.text = error;
|
|
2748
2784
|
this.props.state = ComponentStates.ERROR;
|
|
2749
2785
|
goToTop(this.wrapperId);
|
|
2750
2786
|
}
|
|
2751
2787
|
reset() {
|
|
2752
|
-
this.props.error.titles.
|
|
2788
|
+
this.props.error.titles.bottomContent.content.bellowTitle.text = '';
|
|
2753
2789
|
this.done();
|
|
2754
2790
|
}
|
|
2755
2791
|
clickHandler(token) {
|
|
@@ -2803,13 +2839,348 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2803
2839
|
type: Output
|
|
2804
2840
|
}] } });
|
|
2805
2841
|
|
|
2842
|
+
class ItemListComponent {
|
|
2843
|
+
constructor(icon) {
|
|
2844
|
+
this.states = ComponentStates;
|
|
2845
|
+
this.onClick = new EventEmitter();
|
|
2846
|
+
this.onActionClick = new EventEmitter();
|
|
2847
|
+
}
|
|
2848
|
+
ngOnInit() { }
|
|
2849
|
+
clickHandler(token) {
|
|
2850
|
+
this.onClick.emit(token);
|
|
2851
|
+
}
|
|
2852
|
+
onActionClickHandler(token) {
|
|
2853
|
+
this.onActionClick.emit(token);
|
|
2854
|
+
}
|
|
2855
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemListComponent, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2856
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ItemListComponent, isStandalone: true, selector: "item-list", inputs: { props: "props" }, outputs: { onClick: "onClick", onActionClick: "onActionClick" }, ngImport: i0, template: `
|
|
2857
|
+
<div>
|
|
2858
|
+
<ion-list [inset]="props.rounded" [class.shadowed]="props.shadowed">
|
|
2859
|
+
<ion-list-header [color]="props.color">
|
|
2860
|
+
<ion-label>{{ props.title }}</ion-label>
|
|
2861
|
+
</ion-list-header>
|
|
2862
|
+
@for (item of props.items; track item.text) {
|
|
2863
|
+
@if (item.mode == 'justext') {
|
|
2864
|
+
<ion-item
|
|
2865
|
+
[lines]="item.lines"
|
|
2866
|
+
[button]="item.clickable"
|
|
2867
|
+
[disabled]="item.disabled"
|
|
2868
|
+
(click)="clickHandler(item.token)"
|
|
2869
|
+
>
|
|
2870
|
+
@if (item.unreadIndicator) {
|
|
2871
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
2872
|
+
<div class="unread-indicator"></div>
|
|
2873
|
+
</div>
|
|
2874
|
+
}
|
|
2875
|
+
|
|
2876
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
2877
|
+
<h2>{{ item.text }}</h2>
|
|
2878
|
+
|
|
2879
|
+
@if (item.comments) {
|
|
2880
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
2881
|
+
}
|
|
2882
|
+
</ion-label>
|
|
2883
|
+
|
|
2884
|
+
@if (item.endNote) {
|
|
2885
|
+
<ion-note slot="end">{{ item.endNote }}</ion-note>
|
|
2886
|
+
}
|
|
2887
|
+
</ion-item>
|
|
2888
|
+
}
|
|
2889
|
+
|
|
2890
|
+
@if (item.mode == 'actionable') {
|
|
2891
|
+
<ion-item [lines]="item.lines" [button]="item.clickable" [disabled]="item.disabled">
|
|
2892
|
+
@if (item.unreadIndicator) {
|
|
2893
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
2894
|
+
<div class="unread-indicator"></div>
|
|
2895
|
+
</div>
|
|
2896
|
+
}
|
|
2897
|
+
|
|
2898
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
2899
|
+
<h2>{{ item.text }}</h2>
|
|
2900
|
+
|
|
2901
|
+
@if (item.comments) {
|
|
2902
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
2903
|
+
}
|
|
2904
|
+
</ion-label>
|
|
2905
|
+
|
|
2906
|
+
@if (item.actions) {
|
|
2907
|
+
@for (action of item.actions; track action.token) {
|
|
2908
|
+
<ion-button
|
|
2909
|
+
fill="outline"
|
|
2910
|
+
color="dark"
|
|
2911
|
+
slot="end"
|
|
2912
|
+
[disabled]="action.state === states.WORKING"
|
|
2913
|
+
(click)="onActionClickHandler(action.token)"
|
|
2914
|
+
>
|
|
2915
|
+
@if (action.state !== states.WORKING) {
|
|
2916
|
+
@if (action.icon) {
|
|
2917
|
+
<ion-icon aria-hidden="true" [name]="action.icon" size="medium" slot="start"></ion-icon>
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
{{ action.description }}
|
|
2921
|
+
}
|
|
2922
|
+
|
|
2923
|
+
@if (action.state === states.WORKING) {
|
|
2924
|
+
<ion-spinner class="action-spinner" name="circular"></ion-spinner>
|
|
2925
|
+
}
|
|
2926
|
+
</ion-button>
|
|
2927
|
+
}
|
|
2928
|
+
}
|
|
2929
|
+
</ion-item>
|
|
2930
|
+
}
|
|
2931
|
+
|
|
2932
|
+
@if (item.mode == 'route') {
|
|
2933
|
+
<ion-item
|
|
2934
|
+
[lines]="item.lines"
|
|
2935
|
+
[button]="item.clickable"
|
|
2936
|
+
[disabled]="item.disabled"
|
|
2937
|
+
(click)="clickHandler(item.token)"
|
|
2938
|
+
[routerLink]="item.routerLink"
|
|
2939
|
+
>
|
|
2940
|
+
@if (item.unreadIndicator) {
|
|
2941
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
2942
|
+
<div class="unread-indicator"></div>
|
|
2943
|
+
</div>
|
|
2944
|
+
}
|
|
2945
|
+
|
|
2946
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
2947
|
+
<h2>{{ item.text }}</h2>
|
|
2948
|
+
|
|
2949
|
+
@if (item.comments) {
|
|
2950
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
2951
|
+
}
|
|
2952
|
+
</ion-label>
|
|
2953
|
+
</ion-item>
|
|
2954
|
+
}
|
|
2955
|
+
|
|
2956
|
+
@if (item.mode == 'subtitule') {
|
|
2957
|
+
<ion-item
|
|
2958
|
+
[lines]="item.lines"
|
|
2959
|
+
[button]="item.clickable"
|
|
2960
|
+
[disabled]="item.disabled"
|
|
2961
|
+
(click)="clickHandler(item.token)"
|
|
2962
|
+
>
|
|
2963
|
+
@if (item.unreadIndicator) {
|
|
2964
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
2965
|
+
<div class="unread-indicator"></div>
|
|
2966
|
+
</div>
|
|
2967
|
+
}
|
|
2968
|
+
|
|
2969
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
2970
|
+
<h1>{{ item.text }}</h1>
|
|
2971
|
+
<p>{{ item.subtitle }}</p>
|
|
2972
|
+
</ion-label>
|
|
2973
|
+
</ion-item>
|
|
2974
|
+
}
|
|
2975
|
+
|
|
2976
|
+
@if (item.mode == 'avatar') {
|
|
2977
|
+
<ion-item
|
|
2978
|
+
[lines]="item.lines"
|
|
2979
|
+
[button]="item.clickable"
|
|
2980
|
+
[disabled]="item.disabled"
|
|
2981
|
+
(click)="clickHandler(item.token)"
|
|
2982
|
+
>
|
|
2983
|
+
<ion-avatar aria-hidden="true" slot="start">
|
|
2984
|
+
<img alt="" [src]="item.image" />
|
|
2985
|
+
</ion-avatar>
|
|
2986
|
+
<ion-label>{{ item.text }}</ion-label>
|
|
2987
|
+
</ion-item>
|
|
2988
|
+
}
|
|
2989
|
+
|
|
2990
|
+
@if (item.mode == 'icon') {
|
|
2991
|
+
<ion-item
|
|
2992
|
+
[lines]="item.lines"
|
|
2993
|
+
[button]="item.clickable"
|
|
2994
|
+
[disabled]="item.disabled"
|
|
2995
|
+
(click)="clickHandler(item.token)"
|
|
2996
|
+
>
|
|
2997
|
+
<ion-icon aria-hidden="true" [name]="item.icon" size="medium" slot="start"></ion-icon>
|
|
2998
|
+
<ion-label>{{ item.text }}</ion-label>
|
|
2999
|
+
</ion-item>
|
|
3000
|
+
}
|
|
3001
|
+
}
|
|
3002
|
+
</ion-list>
|
|
3003
|
+
</div>
|
|
3004
|
+
`, isInline: true, styles: ["ion-label{font-family:var(--ion-default-font),Arial,sans-serif}ion-note{font-family:var(--ion-default-font),Arial,sans-serif;font-weight:400}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.shadowed{box-shadow:.1875rem .625rem .5rem #1219541a}.unread-indicator{background:var(--ion-color-primary);width:.625rem;height:.625rem;border-radius:100%;position:absolute;inset-inline-start:.75rem;top:.75rem}.action-spinner{width:3.125rem;height:1rem}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonAvatar, selector: "ion-avatar" }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
|
|
3005
|
+
}
|
|
3006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemListComponent, decorators: [{
|
|
3007
|
+
type: Component,
|
|
3008
|
+
args: [{ selector: 'item-list', standalone: true, imports: [
|
|
3009
|
+
RouterLink,
|
|
3010
|
+
NgClass,
|
|
3011
|
+
IonList,
|
|
3012
|
+
IonListHeader,
|
|
3013
|
+
IonLabel,
|
|
3014
|
+
IonNote,
|
|
3015
|
+
IonItem,
|
|
3016
|
+
IonAvatar,
|
|
3017
|
+
IonIcon,
|
|
3018
|
+
IonButton,
|
|
3019
|
+
IonSpinner,
|
|
3020
|
+
], template: `
|
|
3021
|
+
<div>
|
|
3022
|
+
<ion-list [inset]="props.rounded" [class.shadowed]="props.shadowed">
|
|
3023
|
+
<ion-list-header [color]="props.color">
|
|
3024
|
+
<ion-label>{{ props.title }}</ion-label>
|
|
3025
|
+
</ion-list-header>
|
|
3026
|
+
@for (item of props.items; track item.text) {
|
|
3027
|
+
@if (item.mode == 'justext') {
|
|
3028
|
+
<ion-item
|
|
3029
|
+
[lines]="item.lines"
|
|
3030
|
+
[button]="item.clickable"
|
|
3031
|
+
[disabled]="item.disabled"
|
|
3032
|
+
(click)="clickHandler(item.token)"
|
|
3033
|
+
>
|
|
3034
|
+
@if (item.unreadIndicator) {
|
|
3035
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
3036
|
+
<div class="unread-indicator"></div>
|
|
3037
|
+
</div>
|
|
3038
|
+
}
|
|
3039
|
+
|
|
3040
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
3041
|
+
<h2>{{ item.text }}</h2>
|
|
3042
|
+
|
|
3043
|
+
@if (item.comments) {
|
|
3044
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
3045
|
+
}
|
|
3046
|
+
</ion-label>
|
|
3047
|
+
|
|
3048
|
+
@if (item.endNote) {
|
|
3049
|
+
<ion-note slot="end">{{ item.endNote }}</ion-note>
|
|
3050
|
+
}
|
|
3051
|
+
</ion-item>
|
|
3052
|
+
}
|
|
3053
|
+
|
|
3054
|
+
@if (item.mode == 'actionable') {
|
|
3055
|
+
<ion-item [lines]="item.lines" [button]="item.clickable" [disabled]="item.disabled">
|
|
3056
|
+
@if (item.unreadIndicator) {
|
|
3057
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
3058
|
+
<div class="unread-indicator"></div>
|
|
3059
|
+
</div>
|
|
3060
|
+
}
|
|
3061
|
+
|
|
3062
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
3063
|
+
<h2>{{ item.text }}</h2>
|
|
3064
|
+
|
|
3065
|
+
@if (item.comments) {
|
|
3066
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
3067
|
+
}
|
|
3068
|
+
</ion-label>
|
|
3069
|
+
|
|
3070
|
+
@if (item.actions) {
|
|
3071
|
+
@for (action of item.actions; track action.token) {
|
|
3072
|
+
<ion-button
|
|
3073
|
+
fill="outline"
|
|
3074
|
+
color="dark"
|
|
3075
|
+
slot="end"
|
|
3076
|
+
[disabled]="action.state === states.WORKING"
|
|
3077
|
+
(click)="onActionClickHandler(action.token)"
|
|
3078
|
+
>
|
|
3079
|
+
@if (action.state !== states.WORKING) {
|
|
3080
|
+
@if (action.icon) {
|
|
3081
|
+
<ion-icon aria-hidden="true" [name]="action.icon" size="medium" slot="start"></ion-icon>
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
{{ action.description }}
|
|
3085
|
+
}
|
|
3086
|
+
|
|
3087
|
+
@if (action.state === states.WORKING) {
|
|
3088
|
+
<ion-spinner class="action-spinner" name="circular"></ion-spinner>
|
|
3089
|
+
}
|
|
3090
|
+
</ion-button>
|
|
3091
|
+
}
|
|
3092
|
+
}
|
|
3093
|
+
</ion-item>
|
|
3094
|
+
}
|
|
3095
|
+
|
|
3096
|
+
@if (item.mode == 'route') {
|
|
3097
|
+
<ion-item
|
|
3098
|
+
[lines]="item.lines"
|
|
3099
|
+
[button]="item.clickable"
|
|
3100
|
+
[disabled]="item.disabled"
|
|
3101
|
+
(click)="clickHandler(item.token)"
|
|
3102
|
+
[routerLink]="item.routerLink"
|
|
3103
|
+
>
|
|
3104
|
+
@if (item.unreadIndicator) {
|
|
3105
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
3106
|
+
<div class="unread-indicator"></div>
|
|
3107
|
+
</div>
|
|
3108
|
+
}
|
|
3109
|
+
|
|
3110
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
3111
|
+
<h2>{{ item.text }}</h2>
|
|
3112
|
+
|
|
3113
|
+
@if (item.comments) {
|
|
3114
|
+
<ion-note color="medium"> {{ item.comments }} </ion-note>
|
|
3115
|
+
}
|
|
3116
|
+
</ion-label>
|
|
3117
|
+
</ion-item>
|
|
3118
|
+
}
|
|
3119
|
+
|
|
3120
|
+
@if (item.mode == 'subtitule') {
|
|
3121
|
+
<ion-item
|
|
3122
|
+
[lines]="item.lines"
|
|
3123
|
+
[button]="item.clickable"
|
|
3124
|
+
[disabled]="item.disabled"
|
|
3125
|
+
(click)="clickHandler(item.token)"
|
|
3126
|
+
>
|
|
3127
|
+
@if (item.unreadIndicator) {
|
|
3128
|
+
<div class="unread-indicator-wrapper" slot="start">
|
|
3129
|
+
<div class="unread-indicator"></div>
|
|
3130
|
+
</div>
|
|
3131
|
+
}
|
|
3132
|
+
|
|
3133
|
+
<ion-label [ngClass]="{ 'ion-text-nowrap': item.ellipsis }">
|
|
3134
|
+
<h1>{{ item.text }}</h1>
|
|
3135
|
+
<p>{{ item.subtitle }}</p>
|
|
3136
|
+
</ion-label>
|
|
3137
|
+
</ion-item>
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3140
|
+
@if (item.mode == 'avatar') {
|
|
3141
|
+
<ion-item
|
|
3142
|
+
[lines]="item.lines"
|
|
3143
|
+
[button]="item.clickable"
|
|
3144
|
+
[disabled]="item.disabled"
|
|
3145
|
+
(click)="clickHandler(item.token)"
|
|
3146
|
+
>
|
|
3147
|
+
<ion-avatar aria-hidden="true" slot="start">
|
|
3148
|
+
<img alt="" [src]="item.image" />
|
|
3149
|
+
</ion-avatar>
|
|
3150
|
+
<ion-label>{{ item.text }}</ion-label>
|
|
3151
|
+
</ion-item>
|
|
3152
|
+
}
|
|
3153
|
+
|
|
3154
|
+
@if (item.mode == 'icon') {
|
|
3155
|
+
<ion-item
|
|
3156
|
+
[lines]="item.lines"
|
|
3157
|
+
[button]="item.clickable"
|
|
3158
|
+
[disabled]="item.disabled"
|
|
3159
|
+
(click)="clickHandler(item.token)"
|
|
3160
|
+
>
|
|
3161
|
+
<ion-icon aria-hidden="true" [name]="item.icon" size="medium" slot="start"></ion-icon>
|
|
3162
|
+
<ion-label>{{ item.text }}</ion-label>
|
|
3163
|
+
</ion-item>
|
|
3164
|
+
}
|
|
3165
|
+
}
|
|
3166
|
+
</ion-list>
|
|
3167
|
+
</div>
|
|
3168
|
+
`, styles: ["ion-label{font-family:var(--ion-default-font),Arial,sans-serif}ion-note{font-family:var(--ion-default-font),Arial,sans-serif;font-weight:400}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.shadowed{box-shadow:.1875rem .625rem .5rem #1219541a}.unread-indicator{background:var(--ion-color-primary);width:.625rem;height:.625rem;border-radius:100%;position:absolute;inset-inline-start:.75rem;top:.75rem}.action-spinner{width:3.125rem;height:1rem}\n"] }]
|
|
3169
|
+
}], ctorParameters: () => [{ type: IconService }], propDecorators: { props: [{
|
|
3170
|
+
type: Input
|
|
3171
|
+
}], onClick: [{
|
|
3172
|
+
type: Output
|
|
3173
|
+
}], onActionClick: [{
|
|
3174
|
+
type: Output
|
|
3175
|
+
}] } });
|
|
3176
|
+
|
|
2806
3177
|
class LayoutComponent {
|
|
2807
3178
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2808
3179
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LayoutComponent, isStandalone: true, selector: "val-layout", ngImport: i0, template: `
|
|
2809
3180
|
<div class="layout-container">
|
|
2810
3181
|
<ng-content></ng-content>
|
|
2811
3182
|
</div>
|
|
2812
|
-
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0
|
|
3183
|
+
`, isInline: true, styles: [".layout-container{margin:0 auto;padding:0;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:68.75rem}}\n"] }); }
|
|
2813
3184
|
}
|
|
2814
3185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LayoutComponent, decorators: [{
|
|
2815
3186
|
type: Component,
|
|
@@ -2817,7 +3188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2817
3188
|
<div class="layout-container">
|
|
2818
3189
|
<ng-content></ng-content>
|
|
2819
3190
|
</div>
|
|
2820
|
-
`, styles: [".layout-container{margin:0 auto;padding:0
|
|
3191
|
+
`, styles: [".layout-container{margin:0 auto;padding:0;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:68.75rem}}\n"] }]
|
|
2821
3192
|
}] });
|
|
2822
3193
|
|
|
2823
3194
|
class SimpleComponent {
|
|
@@ -2848,7 +3219,7 @@ class SimpleComponent {
|
|
|
2848
3219
|
<ng-content></ng-content>
|
|
2849
3220
|
</val-layout>
|
|
2850
3221
|
</ion-content>
|
|
2851
|
-
`, isInline: true, styles: [".
|
|
3222
|
+
`, isInline: true, styles: [".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"] }, { kind: "component", type: LinkComponent, selector: "val-link", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
2852
3223
|
}
|
|
2853
3224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleComponent, decorators: [{
|
|
2854
3225
|
type: Component,
|
|
@@ -2884,7 +3255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2884
3255
|
<ng-content></ng-content>
|
|
2885
3256
|
</val-layout>
|
|
2886
3257
|
</ion-content>
|
|
2887
|
-
`, styles: [".
|
|
3258
|
+
`, styles: [".description-container{padding-left:.5rem}.description{padding-left:1rem}\n"] }]
|
|
2888
3259
|
}], propDecorators: { props: [{
|
|
2889
3260
|
type: Input
|
|
2890
3261
|
}], onClick: [{
|
|
@@ -3061,5 +3432,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3061
3432
|
* Generated bundle index. Do not edit.
|
|
3062
3433
|
*/
|
|
3063
3434
|
|
|
3064
|
-
export { ActionType, AlertBoxComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentStates, ContentLoaderComponent, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, ImageComponent, InAppBrowserService, InputType, LangOption, LangService, LayoutComponent, LinkComponent, LinksCakeComponent, LocalStorageService, MOTION, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProgressBarComponent, ProgressStatusComponent, PrompterComponent, RadioInputComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SimpleComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, TextComponent, TextContent, TextInputComponent, ThemeOption, ThemeService, TitleBlockComponent, TitleComponent, ToolbarActionType, ToolbarComponent, ValtechConfigService, WizardComponent, WizardFooterComponent, goToTop, isAtEnd, maxLength };
|
|
3435
|
+
export { ActionType, AlertBoxComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentStates, ContentLoaderComponent, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InputType, ItemListComponent, LangOption, LangService, LayoutComponent, LinkComponent, LinksCakeComponent, LocalStorageService, MOTION, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProgressBarComponent, ProgressStatusComponent, PrompterComponent, RadioInputComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SimpleComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, TextComponent, TextContent, TextInputComponent, ThemeOption, ThemeService, TitleBlockComponent, TitleComponent, ToolbarActionType, ToolbarComponent, ValtechConfigService, WizardComponent, WizardFooterComponent, goToTop, isAtEnd, maxLength };
|
|
3065
3436
|
//# sourceMappingURL=valtech-components.mjs.map
|