valtech-components 2.0.713 → 2.0.714
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/cards-carousel/cards-carousel.component.mjs +63 -16
- package/esm2022/lib/components/organisms/cards-carousel/types.mjs +1 -1
- package/esm2022/lib/components/templates/simple/simple.component.mjs +7 -9
- package/esm2022/lib/services/auth/auth.service.mjs +33 -17
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +1 -12
- package/fesm2022/valtech-components.mjs +100 -1995
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/bottom-nav/bottom-nav.component.d.ts +1 -1
- package/lib/components/organisms/cards-carousel/cards-carousel.component.d.ts +12 -6
- package/lib/components/organisms/cards-carousel/types.d.ts +32 -3
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -11
- package/esm2022/lib/components/molecules/participant-card/participant-card.component.mjs +0 -514
- package/esm2022/lib/components/molecules/participant-card/types.mjs +0 -21
- package/esm2022/lib/components/molecules/raffle-status-card/raffle-status-card.component.mjs +0 -476
- package/esm2022/lib/components/molecules/raffle-status-card/types.mjs +0 -23
- package/esm2022/lib/components/molecules/recap-card/recap-card.component.mjs +0 -78
- package/esm2022/lib/components/molecules/recap-card/types.mjs +0 -2
- package/esm2022/lib/components/molecules/ticket-grid/ticket-grid.component.mjs +0 -489
- package/esm2022/lib/components/molecules/ticket-grid/types.mjs +0 -11
- package/esm2022/lib/components/molecules/winner-display/types.mjs +0 -9
- package/esm2022/lib/components/molecules/winner-display/winner-display.component.mjs +0 -359
- package/esm2022/lib/components/templates/layout/layout.component.mjs +0 -19
- package/lib/components/molecules/participant-card/participant-card.component.d.ts +0 -34
- package/lib/components/molecules/participant-card/types.d.ts +0 -132
- package/lib/components/molecules/raffle-status-card/raffle-status-card.component.d.ts +0 -21
- package/lib/components/molecules/raffle-status-card/types.d.ts +0 -108
- package/lib/components/molecules/recap-card/recap-card.component.d.ts +0 -36
- package/lib/components/molecules/recap-card/types.d.ts +0 -30
- package/lib/components/molecules/ticket-grid/ticket-grid.component.d.ts +0 -40
- package/lib/components/molecules/ticket-grid/types.d.ts +0 -122
- package/lib/components/molecules/winner-display/types.d.ts +0 -103
- package/lib/components/molecules/winner-display/winner-display.component.d.ts +0 -36
- package/lib/components/templates/layout/layout.component.d.ts +0 -5
|
@@ -63,7 +63,7 @@ export declare class BottomNavComponent implements OnInit, OnDestroy {
|
|
|
63
63
|
i18nNamespace?: string;
|
|
64
64
|
hideLabels: boolean;
|
|
65
65
|
safeArea: boolean;
|
|
66
|
-
animation: "none" | "
|
|
66
|
+
animation: "none" | "slide" | "fade" | "scale";
|
|
67
67
|
}>;
|
|
68
68
|
/** Computed tabs with FAB inserted if present */
|
|
69
69
|
displayTabs: import("@angular/core").Signal<BottomNavTab[]>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { CardsCarouselMetadata } from './types';
|
|
1
|
+
import { CardsCarouselMetadata, CarouselCardShape } from './types';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
4
|
* val-cards-carousel
|
|
5
5
|
*
|
|
6
|
-
* A horizontal carousel of
|
|
7
|
-
* Combines HorizontalScroll for smooth horizontal scrolling with
|
|
8
|
-
*
|
|
6
|
+
* A horizontal carousel of cards with optional action header.
|
|
7
|
+
* Combines HorizontalScroll for smooth horizontal scrolling with inline
|
|
8
|
+
* card rendering for consistent card styling.
|
|
9
9
|
*
|
|
10
10
|
* @example
|
|
11
11
|
* <val-cards-carousel
|
|
12
12
|
* [props]="{
|
|
13
13
|
* header: { title: 'Featured Items', actionType: 'link', actionLabel: 'View All' },
|
|
14
14
|
* cards: [
|
|
15
|
-
* { title: 'Card 1',
|
|
16
|
-
* { title: 'Card 2',
|
|
15
|
+
* { title: { title: 'Card 1' }, link: { text: 'Learn more', url: '/item/1' } },
|
|
16
|
+
* { title: { title: 'Card 2' }, link: { text: 'Learn more', url: '/item/2' } }
|
|
17
17
|
* ]
|
|
18
18
|
* }"
|
|
19
19
|
* ></val-cards-carousel>
|
|
@@ -25,6 +25,12 @@ export declare class CardsCarouselComponent {
|
|
|
25
25
|
* Carousel configuration with cards and optional header.
|
|
26
26
|
*/
|
|
27
27
|
props: CardsCarouselMetadata;
|
|
28
|
+
/**
|
|
29
|
+
* Merges shape color with additional styles.
|
|
30
|
+
*/
|
|
31
|
+
mergeShapeStyle(shape: CarouselCardShape): {
|
|
32
|
+
[key: string]: string | number;
|
|
33
|
+
};
|
|
28
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardsCarouselComponent, never>;
|
|
29
35
|
static ɵcmp: i0.ɵɵComponentDeclaration<CardsCarouselComponent, "val-cards-carousel", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
36
|
}
|
|
@@ -1,11 +1,40 @@
|
|
|
1
1
|
import { ActionHeaderMetadata } from '../../molecules/action-header/types';
|
|
2
|
-
import {
|
|
2
|
+
import { LinkMetadata } from '../../molecules/link/types';
|
|
3
|
+
import { TitleBlockMetada } from '../../molecules/title-block/types';
|
|
4
|
+
/**
|
|
5
|
+
* Configuration for a decorative shape within a carousel card.
|
|
6
|
+
*/
|
|
7
|
+
export interface CarouselCardShape {
|
|
8
|
+
/** Background color of the shape */
|
|
9
|
+
color: string;
|
|
10
|
+
/** Additional CSS styles (position, size, etc.) */
|
|
11
|
+
style?: {
|
|
12
|
+
[key: string]: string | number;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Configuration for a single card inside the carousel.
|
|
17
|
+
*/
|
|
18
|
+
export interface CarouselCardMetadata {
|
|
19
|
+
/** Title block configuration */
|
|
20
|
+
title: TitleBlockMetada;
|
|
21
|
+
/** Link configuration */
|
|
22
|
+
link: LinkMetadata;
|
|
23
|
+
/** Decorative shapes to display behind content */
|
|
24
|
+
shapes?: CarouselCardShape[];
|
|
25
|
+
/** Background color of the card (Ionic color) */
|
|
26
|
+
color?: string;
|
|
27
|
+
/** Minimum height of the card. Default: '400px' */
|
|
28
|
+
minHeight?: string;
|
|
29
|
+
/** Width of the card. Default: '280px' */
|
|
30
|
+
width?: string;
|
|
31
|
+
}
|
|
3
32
|
/**
|
|
4
33
|
* Configuration for the cards carousel component.
|
|
5
34
|
*/
|
|
6
35
|
export interface CardsCarouselMetadata {
|
|
7
|
-
/** Array of
|
|
8
|
-
cards:
|
|
36
|
+
/** Array of cards to display */
|
|
37
|
+
cards: CarouselCardMetadata[];
|
|
9
38
|
/** Optional action header configuration */
|
|
10
39
|
header?: ActionHeaderMetadata;
|
|
11
40
|
}
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -137,22 +137,12 @@ export * from './lib/components/molecules/date-range-input/date-range-input.comp
|
|
|
137
137
|
export * from './lib/components/molecules/date-range-input/types';
|
|
138
138
|
export * from './lib/components/molecules/number-stepper/number-stepper.component';
|
|
139
139
|
export * from './lib/components/molecules/number-stepper/types';
|
|
140
|
-
export * from './lib/components/molecules/ticket-grid/ticket-grid.component';
|
|
141
|
-
export * from './lib/components/molecules/ticket-grid/types';
|
|
142
140
|
export * from './lib/components/molecules/share-buttons/share-buttons.component';
|
|
143
141
|
export * from './lib/components/molecules/share-buttons/types';
|
|
144
|
-
export * from './lib/components/molecules/winner-display/winner-display.component';
|
|
145
|
-
export * from './lib/components/molecules/winner-display/types';
|
|
146
|
-
export * from './lib/components/molecules/raffle-status-card/raffle-status-card.component';
|
|
147
|
-
export * from './lib/components/molecules/raffle-status-card/types';
|
|
148
|
-
export * from './lib/components/molecules/participant-card/participant-card.component';
|
|
149
|
-
export * from './lib/components/molecules/participant-card/types';
|
|
150
142
|
export * from './lib/components/molecules/glow-card/glow-card.component';
|
|
151
143
|
export * from './lib/components/molecules/glow-card/types';
|
|
152
144
|
export * from './lib/components/molecules/swipe-carousel/swipe-carousel.component';
|
|
153
145
|
export * from './lib/components/molecules/swipe-carousel/types';
|
|
154
|
-
export * from './lib/components/molecules/recap-card/recap-card.component';
|
|
155
|
-
export * from './lib/components/molecules/recap-card/types';
|
|
156
146
|
export * from './lib/components/molecules/testimonial-card/testimonial-card.component';
|
|
157
147
|
export * from './lib/components/molecules/testimonial-card/types';
|
|
158
148
|
export * from './lib/components/molecules/features-list/features-list.component';
|
|
@@ -218,7 +208,6 @@ export * from './lib/components/organisms/bottom-nav/bottom-nav.component';
|
|
|
218
208
|
export * from './lib/components/organisms/bottom-nav/types';
|
|
219
209
|
export * from './lib/components/organisms/avatar-upload/avatar-upload.component';
|
|
220
210
|
export * from './lib/components/organisms/avatar-upload/types';
|
|
221
|
-
export * from './lib/components/templates/layout/layout.component';
|
|
222
211
|
export * from './lib/components/templates/simple/simple.component';
|
|
223
212
|
export * from './lib/components/templates/simple/types';
|
|
224
213
|
export * from './lib/components/templates/page-template/page-template.component';
|