valtech-components 2.0.797 → 2.0.798
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/organisms/skeleton-layout/skeleton-layout.component.mjs +423 -0
- package/esm2022/lib/components/organisms/skeleton-layout/types.mjs +10 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/valtech-components.mjs +431 -2
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/skeleton-layout/skeleton-layout.component.d.ts +37 -0
- package/lib/components/organisms/skeleton-layout/types.d.ts +50 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -52,7 +52,7 @@ import 'prismjs/components/prism-json';
|
|
|
52
52
|
* Current version of valtech-components.
|
|
53
53
|
* This is automatically updated during the publish process.
|
|
54
54
|
*/
|
|
55
|
-
const VERSION = '2.0.
|
|
55
|
+
const VERSION = '2.0.798';
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
58
|
* Servicio para gestionar presets de componentes.
|
|
@@ -34857,6 +34857,435 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
34857
34857
|
type: Output
|
|
34858
34858
|
}] } });
|
|
34859
34859
|
|
|
34860
|
+
/** Defaults de `rows` por preset cuando el consumer no lo especifica. */
|
|
34861
|
+
const SKELETON_LAYOUT_DEFAULT_ROWS = {
|
|
34862
|
+
form: 3,
|
|
34863
|
+
list: 5,
|
|
34864
|
+
article: 3,
|
|
34865
|
+
cards: 4,
|
|
34866
|
+
detail: 4,
|
|
34867
|
+
hero: 3,
|
|
34868
|
+
};
|
|
34869
|
+
|
|
34870
|
+
/**
|
|
34871
|
+
* `val-skeleton-layout`
|
|
34872
|
+
*
|
|
34873
|
+
* Skeleton de página **preset-driven**. En vez de que cada vista componga
|
|
34874
|
+
* átomos `val-skeleton` a mano, declara una shape y este organism arma el
|
|
34875
|
+
* placeholder completo. Estándar único para loading states en todo el factory.
|
|
34876
|
+
*
|
|
34877
|
+
* Presets: `form` · `list` · `article` · `cards` · `detail` · `hero`.
|
|
34878
|
+
*
|
|
34879
|
+
* Extender = agregar un valor a `SkeletonLayoutPreset` + un `@case` acá.
|
|
34880
|
+
* Los consumers no cambian.
|
|
34881
|
+
*
|
|
34882
|
+
* @example
|
|
34883
|
+
* ```html
|
|
34884
|
+
* @if (loading()) {
|
|
34885
|
+
* <val-skeleton-layout [props]="{ preset: 'form', rows: 3, showAvatar: true }" />
|
|
34886
|
+
* } @else {
|
|
34887
|
+
* ...contenido real...
|
|
34888
|
+
* }
|
|
34889
|
+
* ```
|
|
34890
|
+
*/
|
|
34891
|
+
class SkeletonLayoutComponent {
|
|
34892
|
+
constructor() {
|
|
34893
|
+
this.props_ = signal({ preset: 'list' });
|
|
34894
|
+
/** Props con defaults aplicados. */
|
|
34895
|
+
this.resolved = computed(() => this.props_());
|
|
34896
|
+
/** Shimmer on/off — default on. */
|
|
34897
|
+
this.anim = computed(() => this.resolved().animated !== false);
|
|
34898
|
+
/** Array `[0..rows)` para los `@for`. rows del prop o default del preset. */
|
|
34899
|
+
this.rowsArray = computed(() => {
|
|
34900
|
+
const p = this.resolved();
|
|
34901
|
+
const preset = p.preset;
|
|
34902
|
+
const count = p.rows && p.rows > 0 ? Math.floor(p.rows) : SKELETON_LAYOUT_DEFAULT_ROWS[preset];
|
|
34903
|
+
return Array.from({ length: count }, (_, i) => i);
|
|
34904
|
+
});
|
|
34905
|
+
/** `grid-template-columns` para el preset cards. */
|
|
34906
|
+
this.gridColumns = computed(() => {
|
|
34907
|
+
const cols = this.resolved().columns ?? 2;
|
|
34908
|
+
return `repeat(${Math.max(1, cols)}, 1fr)`;
|
|
34909
|
+
});
|
|
34910
|
+
}
|
|
34911
|
+
set props(value) {
|
|
34912
|
+
if (value)
|
|
34913
|
+
this.props_.set(value);
|
|
34914
|
+
}
|
|
34915
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34916
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SkeletonLayoutComponent, isStandalone: true, selector: "val-skeleton-layout", inputs: { props: "props" }, ngImport: i0, template: `
|
|
34917
|
+
<div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
|
|
34918
|
+
@switch (resolved().preset) {
|
|
34919
|
+
<!-- FORM — avatar opcional + N fields (label+input) + botón -->
|
|
34920
|
+
@case ('form') {
|
|
34921
|
+
@if (resolved().showAvatar) {
|
|
34922
|
+
<div class="sk-form__avatar">
|
|
34923
|
+
<val-skeleton
|
|
34924
|
+
[props]="{
|
|
34925
|
+
type: 'avatar',
|
|
34926
|
+
width: '96px',
|
|
34927
|
+
height: '96px',
|
|
34928
|
+
circle: true,
|
|
34929
|
+
animated: anim(),
|
|
34930
|
+
}"
|
|
34931
|
+
/>
|
|
34932
|
+
<div class="sk-form__avatar-meta">
|
|
34933
|
+
<val-skeleton
|
|
34934
|
+
[props]="{
|
|
34935
|
+
type: 'text',
|
|
34936
|
+
width: '150px',
|
|
34937
|
+
height: '18px',
|
|
34938
|
+
animated: anim(),
|
|
34939
|
+
}"
|
|
34940
|
+
/>
|
|
34941
|
+
<val-skeleton
|
|
34942
|
+
[props]="{
|
|
34943
|
+
type: 'text',
|
|
34944
|
+
width: '190px',
|
|
34945
|
+
height: '13px',
|
|
34946
|
+
animated: anim(),
|
|
34947
|
+
}"
|
|
34948
|
+
/>
|
|
34949
|
+
<val-skeleton
|
|
34950
|
+
[props]="{
|
|
34951
|
+
type: 'text',
|
|
34952
|
+
width: '110px',
|
|
34953
|
+
height: '13px',
|
|
34954
|
+
animated: anim(),
|
|
34955
|
+
}"
|
|
34956
|
+
/>
|
|
34957
|
+
</div>
|
|
34958
|
+
</div>
|
|
34959
|
+
}
|
|
34960
|
+
<div class="sk-form__fields">
|
|
34961
|
+
@for (i of rowsArray(); track i) {
|
|
34962
|
+
<div class="sk-form__field">
|
|
34963
|
+
<val-skeleton
|
|
34964
|
+
[props]="{
|
|
34965
|
+
type: 'text',
|
|
34966
|
+
width: '90px',
|
|
34967
|
+
height: '13px',
|
|
34968
|
+
animated: anim(),
|
|
34969
|
+
}"
|
|
34970
|
+
/>
|
|
34971
|
+
<val-skeleton
|
|
34972
|
+
[props]="{
|
|
34973
|
+
type: 'custom',
|
|
34974
|
+
width: '100%',
|
|
34975
|
+
height: '48px',
|
|
34976
|
+
borderRadius: '12px',
|
|
34977
|
+
animated: anim(),
|
|
34978
|
+
}"
|
|
34979
|
+
/>
|
|
34980
|
+
</div>
|
|
34981
|
+
}
|
|
34982
|
+
@if (resolved().showButton !== false) {
|
|
34983
|
+
<val-skeleton
|
|
34984
|
+
[props]="{
|
|
34985
|
+
type: 'custom',
|
|
34986
|
+
width: '100%',
|
|
34987
|
+
height: '48px',
|
|
34988
|
+
borderRadius: '24px',
|
|
34989
|
+
animated: anim(),
|
|
34990
|
+
}"
|
|
34991
|
+
/>
|
|
34992
|
+
}
|
|
34993
|
+
</div>
|
|
34994
|
+
}
|
|
34995
|
+
|
|
34996
|
+
<!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
|
|
34997
|
+
@case ('list') {
|
|
34998
|
+
<div class="sk-list">
|
|
34999
|
+
@for (i of rowsArray(); track i) {
|
|
35000
|
+
<val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
|
|
35001
|
+
}
|
|
35002
|
+
</div>
|
|
35003
|
+
}
|
|
35004
|
+
|
|
35005
|
+
<!-- ARTICLE — título + meta + párrafos -->
|
|
35006
|
+
@case ('article') {
|
|
35007
|
+
<div class="sk-article">
|
|
35008
|
+
@if (resolved().showTitle !== false) {
|
|
35009
|
+
<val-skeleton
|
|
35010
|
+
[props]="{
|
|
35011
|
+
type: 'text',
|
|
35012
|
+
width: '70%',
|
|
35013
|
+
height: '30px',
|
|
35014
|
+
animated: anim(),
|
|
35015
|
+
}"
|
|
35016
|
+
/>
|
|
35017
|
+
<val-skeleton
|
|
35018
|
+
[props]="{
|
|
35019
|
+
type: 'text',
|
|
35020
|
+
width: '40%',
|
|
35021
|
+
height: '14px',
|
|
35022
|
+
animated: anim(),
|
|
35023
|
+
}"
|
|
35024
|
+
/>
|
|
35025
|
+
}
|
|
35026
|
+
@for (i of rowsArray(); track i) {
|
|
35027
|
+
<val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
|
|
35028
|
+
}
|
|
35029
|
+
</div>
|
|
35030
|
+
}
|
|
35031
|
+
|
|
35032
|
+
<!-- CARDS — grid de N card blocks -->
|
|
35033
|
+
@case ('cards') {
|
|
35034
|
+
<div class="sk-cards" [style.grid-template-columns]="gridColumns()">
|
|
35035
|
+
@for (i of rowsArray(); track i) {
|
|
35036
|
+
<val-skeleton [props]="{ type: 'card', animated: anim() }" />
|
|
35037
|
+
}
|
|
35038
|
+
</div>
|
|
35039
|
+
}
|
|
35040
|
+
|
|
35041
|
+
<!-- DETAIL — N filas key-value -->
|
|
35042
|
+
@case ('detail') {
|
|
35043
|
+
<div class="sk-detail">
|
|
35044
|
+
@for (i of rowsArray(); track i) {
|
|
35045
|
+
<div class="sk-detail__row">
|
|
35046
|
+
<val-skeleton
|
|
35047
|
+
[props]="{
|
|
35048
|
+
type: 'text',
|
|
35049
|
+
width: '110px',
|
|
35050
|
+
height: '14px',
|
|
35051
|
+
animated: anim(),
|
|
35052
|
+
}"
|
|
35053
|
+
/>
|
|
35054
|
+
<val-skeleton
|
|
35055
|
+
[props]="{
|
|
35056
|
+
type: 'text',
|
|
35057
|
+
width: '160px',
|
|
35058
|
+
height: '14px',
|
|
35059
|
+
animated: anim(),
|
|
35060
|
+
}"
|
|
35061
|
+
/>
|
|
35062
|
+
</div>
|
|
35063
|
+
}
|
|
35064
|
+
</div>
|
|
35065
|
+
}
|
|
35066
|
+
|
|
35067
|
+
<!-- HERO — banner grande + filas de contenido -->
|
|
35068
|
+
@case ('hero') {
|
|
35069
|
+
<div class="sk-hero">
|
|
35070
|
+
@if (resolved().showTitle !== false) {
|
|
35071
|
+
<val-skeleton
|
|
35072
|
+
[props]="{
|
|
35073
|
+
type: 'custom',
|
|
35074
|
+
width: '100%',
|
|
35075
|
+
height: '140px',
|
|
35076
|
+
borderRadius: '20px',
|
|
35077
|
+
animated: anim(),
|
|
35078
|
+
}"
|
|
35079
|
+
/>
|
|
35080
|
+
}
|
|
35081
|
+
<div class="sk-hero__rows">
|
|
35082
|
+
@for (i of rowsArray(); track i) {
|
|
35083
|
+
<val-skeleton
|
|
35084
|
+
[props]="{
|
|
35085
|
+
type: 'custom',
|
|
35086
|
+
width: '100%',
|
|
35087
|
+
height: '72px',
|
|
35088
|
+
borderRadius: '14px',
|
|
35089
|
+
animated: anim(),
|
|
35090
|
+
}"
|
|
35091
|
+
/>
|
|
35092
|
+
}
|
|
35093
|
+
</div>
|
|
35094
|
+
</div>
|
|
35095
|
+
}
|
|
35096
|
+
}
|
|
35097
|
+
</div>
|
|
35098
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
|
|
35099
|
+
}
|
|
35100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, decorators: [{
|
|
35101
|
+
type: Component,
|
|
35102
|
+
args: [{ selector: 'val-skeleton-layout', standalone: true, imports: [SkeletonComponent], template: `
|
|
35103
|
+
<div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
|
|
35104
|
+
@switch (resolved().preset) {
|
|
35105
|
+
<!-- FORM — avatar opcional + N fields (label+input) + botón -->
|
|
35106
|
+
@case ('form') {
|
|
35107
|
+
@if (resolved().showAvatar) {
|
|
35108
|
+
<div class="sk-form__avatar">
|
|
35109
|
+
<val-skeleton
|
|
35110
|
+
[props]="{
|
|
35111
|
+
type: 'avatar',
|
|
35112
|
+
width: '96px',
|
|
35113
|
+
height: '96px',
|
|
35114
|
+
circle: true,
|
|
35115
|
+
animated: anim(),
|
|
35116
|
+
}"
|
|
35117
|
+
/>
|
|
35118
|
+
<div class="sk-form__avatar-meta">
|
|
35119
|
+
<val-skeleton
|
|
35120
|
+
[props]="{
|
|
35121
|
+
type: 'text',
|
|
35122
|
+
width: '150px',
|
|
35123
|
+
height: '18px',
|
|
35124
|
+
animated: anim(),
|
|
35125
|
+
}"
|
|
35126
|
+
/>
|
|
35127
|
+
<val-skeleton
|
|
35128
|
+
[props]="{
|
|
35129
|
+
type: 'text',
|
|
35130
|
+
width: '190px',
|
|
35131
|
+
height: '13px',
|
|
35132
|
+
animated: anim(),
|
|
35133
|
+
}"
|
|
35134
|
+
/>
|
|
35135
|
+
<val-skeleton
|
|
35136
|
+
[props]="{
|
|
35137
|
+
type: 'text',
|
|
35138
|
+
width: '110px',
|
|
35139
|
+
height: '13px',
|
|
35140
|
+
animated: anim(),
|
|
35141
|
+
}"
|
|
35142
|
+
/>
|
|
35143
|
+
</div>
|
|
35144
|
+
</div>
|
|
35145
|
+
}
|
|
35146
|
+
<div class="sk-form__fields">
|
|
35147
|
+
@for (i of rowsArray(); track i) {
|
|
35148
|
+
<div class="sk-form__field">
|
|
35149
|
+
<val-skeleton
|
|
35150
|
+
[props]="{
|
|
35151
|
+
type: 'text',
|
|
35152
|
+
width: '90px',
|
|
35153
|
+
height: '13px',
|
|
35154
|
+
animated: anim(),
|
|
35155
|
+
}"
|
|
35156
|
+
/>
|
|
35157
|
+
<val-skeleton
|
|
35158
|
+
[props]="{
|
|
35159
|
+
type: 'custom',
|
|
35160
|
+
width: '100%',
|
|
35161
|
+
height: '48px',
|
|
35162
|
+
borderRadius: '12px',
|
|
35163
|
+
animated: anim(),
|
|
35164
|
+
}"
|
|
35165
|
+
/>
|
|
35166
|
+
</div>
|
|
35167
|
+
}
|
|
35168
|
+
@if (resolved().showButton !== false) {
|
|
35169
|
+
<val-skeleton
|
|
35170
|
+
[props]="{
|
|
35171
|
+
type: 'custom',
|
|
35172
|
+
width: '100%',
|
|
35173
|
+
height: '48px',
|
|
35174
|
+
borderRadius: '24px',
|
|
35175
|
+
animated: anim(),
|
|
35176
|
+
}"
|
|
35177
|
+
/>
|
|
35178
|
+
}
|
|
35179
|
+
</div>
|
|
35180
|
+
}
|
|
35181
|
+
|
|
35182
|
+
<!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
|
|
35183
|
+
@case ('list') {
|
|
35184
|
+
<div class="sk-list">
|
|
35185
|
+
@for (i of rowsArray(); track i) {
|
|
35186
|
+
<val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
|
|
35187
|
+
}
|
|
35188
|
+
</div>
|
|
35189
|
+
}
|
|
35190
|
+
|
|
35191
|
+
<!-- ARTICLE — título + meta + párrafos -->
|
|
35192
|
+
@case ('article') {
|
|
35193
|
+
<div class="sk-article">
|
|
35194
|
+
@if (resolved().showTitle !== false) {
|
|
35195
|
+
<val-skeleton
|
|
35196
|
+
[props]="{
|
|
35197
|
+
type: 'text',
|
|
35198
|
+
width: '70%',
|
|
35199
|
+
height: '30px',
|
|
35200
|
+
animated: anim(),
|
|
35201
|
+
}"
|
|
35202
|
+
/>
|
|
35203
|
+
<val-skeleton
|
|
35204
|
+
[props]="{
|
|
35205
|
+
type: 'text',
|
|
35206
|
+
width: '40%',
|
|
35207
|
+
height: '14px',
|
|
35208
|
+
animated: anim(),
|
|
35209
|
+
}"
|
|
35210
|
+
/>
|
|
35211
|
+
}
|
|
35212
|
+
@for (i of rowsArray(); track i) {
|
|
35213
|
+
<val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
|
|
35214
|
+
}
|
|
35215
|
+
</div>
|
|
35216
|
+
}
|
|
35217
|
+
|
|
35218
|
+
<!-- CARDS — grid de N card blocks -->
|
|
35219
|
+
@case ('cards') {
|
|
35220
|
+
<div class="sk-cards" [style.grid-template-columns]="gridColumns()">
|
|
35221
|
+
@for (i of rowsArray(); track i) {
|
|
35222
|
+
<val-skeleton [props]="{ type: 'card', animated: anim() }" />
|
|
35223
|
+
}
|
|
35224
|
+
</div>
|
|
35225
|
+
}
|
|
35226
|
+
|
|
35227
|
+
<!-- DETAIL — N filas key-value -->
|
|
35228
|
+
@case ('detail') {
|
|
35229
|
+
<div class="sk-detail">
|
|
35230
|
+
@for (i of rowsArray(); track i) {
|
|
35231
|
+
<div class="sk-detail__row">
|
|
35232
|
+
<val-skeleton
|
|
35233
|
+
[props]="{
|
|
35234
|
+
type: 'text',
|
|
35235
|
+
width: '110px',
|
|
35236
|
+
height: '14px',
|
|
35237
|
+
animated: anim(),
|
|
35238
|
+
}"
|
|
35239
|
+
/>
|
|
35240
|
+
<val-skeleton
|
|
35241
|
+
[props]="{
|
|
35242
|
+
type: 'text',
|
|
35243
|
+
width: '160px',
|
|
35244
|
+
height: '14px',
|
|
35245
|
+
animated: anim(),
|
|
35246
|
+
}"
|
|
35247
|
+
/>
|
|
35248
|
+
</div>
|
|
35249
|
+
}
|
|
35250
|
+
</div>
|
|
35251
|
+
}
|
|
35252
|
+
|
|
35253
|
+
<!-- HERO — banner grande + filas de contenido -->
|
|
35254
|
+
@case ('hero') {
|
|
35255
|
+
<div class="sk-hero">
|
|
35256
|
+
@if (resolved().showTitle !== false) {
|
|
35257
|
+
<val-skeleton
|
|
35258
|
+
[props]="{
|
|
35259
|
+
type: 'custom',
|
|
35260
|
+
width: '100%',
|
|
35261
|
+
height: '140px',
|
|
35262
|
+
borderRadius: '20px',
|
|
35263
|
+
animated: anim(),
|
|
35264
|
+
}"
|
|
35265
|
+
/>
|
|
35266
|
+
}
|
|
35267
|
+
<div class="sk-hero__rows">
|
|
35268
|
+
@for (i of rowsArray(); track i) {
|
|
35269
|
+
<val-skeleton
|
|
35270
|
+
[props]="{
|
|
35271
|
+
type: 'custom',
|
|
35272
|
+
width: '100%',
|
|
35273
|
+
height: '72px',
|
|
35274
|
+
borderRadius: '14px',
|
|
35275
|
+
animated: anim(),
|
|
35276
|
+
}"
|
|
35277
|
+
/>
|
|
35278
|
+
}
|
|
35279
|
+
</div>
|
|
35280
|
+
</div>
|
|
35281
|
+
}
|
|
35282
|
+
}
|
|
35283
|
+
</div>
|
|
35284
|
+
`, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"] }]
|
|
35285
|
+
}], propDecorators: { props: [{
|
|
35286
|
+
type: Input
|
|
35287
|
+
}] } });
|
|
35288
|
+
|
|
34860
35289
|
class SimpleComponent {
|
|
34861
35290
|
constructor() {
|
|
34862
35291
|
this.onClick = new EventEmitter();
|
|
@@ -44145,5 +44574,5 @@ function buildFooterLinks(links, t, resolver) {
|
|
|
44145
44574
|
* Generated bundle index. Do not edit.
|
|
44146
44575
|
*/
|
|
44147
44576
|
|
|
44148
|
-
export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
|
|
44577
|
+
export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
|
|
44149
44578
|
//# sourceMappingURL=valtech-components.mjs.map
|