valtech-components 2.0.419 → 2.0.420
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/button/button.component.mjs +30 -102
- package/esm2022/lib/components/atoms/countdown/countdown.component.mjs +2 -7
- package/esm2022/lib/components/atoms/display/display.component.mjs +18 -101
- package/esm2022/lib/components/atoms/image/image.component.mjs +2 -5
- package/esm2022/lib/components/atoms/price-tag/price-tag.component.mjs +2 -12
- package/esm2022/lib/components/atoms/qr-code/qr-code.component.mjs +4 -29
- package/esm2022/lib/components/atoms/text/text.component.mjs +49 -171
- package/esm2022/lib/components/atoms/title/title.component.mjs +23 -65
- package/esm2022/lib/components/atoms/title/types.mjs +7 -19
- package/esm2022/lib/components/molecules/accordion/accordion.component.mjs +7 -53
- package/esm2022/lib/components/molecules/alert-box/alert-box.component.mjs +7 -26
- package/esm2022/lib/components/molecules/breadcrumb/breadcrumb.component.mjs +7 -42
- package/esm2022/lib/components/molecules/check-input/check-input.component.mjs +12 -41
- package/esm2022/lib/components/molecules/chip-group/chip-group.component.mjs +3 -28
- package/esm2022/lib/components/molecules/code-display/code-display.component.mjs +2 -5
- package/esm2022/lib/components/molecules/command-display/command-display.component.mjs +3 -6
- package/esm2022/lib/components/molecules/comment/comment.component.mjs +5 -31
- package/esm2022/lib/components/molecules/currency-input/currency-input.component.mjs +2 -23
- package/esm2022/lib/components/molecules/date-range-input/date-range-input.component.mjs +2 -29
- package/esm2022/lib/components/molecules/expandable-text/expandable-text.component.mjs +4 -6
- package/esm2022/lib/components/molecules/glow-card/glow-card.component.mjs +16 -40
- package/esm2022/lib/components/molecules/language-selector/language-selector.component.mjs +25 -125
- package/esm2022/lib/components/molecules/multi-select-search/multi-select-search.component.mjs +4 -6
- package/esm2022/lib/components/molecules/number-stepper/number-stepper.component.mjs +2 -10
- package/esm2022/lib/components/molecules/participant-card/participant-card.component.mjs +2 -4
- package/esm2022/lib/components/molecules/phone-input/phone-input.component.mjs +2 -23
- package/esm2022/lib/components/molecules/plain-code-box/plain-code-box.component.mjs +3 -6
- package/esm2022/lib/components/molecules/popover-selector/popover-selector.component.mjs +9 -12
- package/esm2022/lib/components/molecules/raffle-status-card/raffle-status-card.component.mjs +3 -11
- package/esm2022/lib/components/molecules/range-input/range-input.component.mjs +4 -25
- package/esm2022/lib/components/molecules/segment-control/segment-control.component.mjs +3 -34
- package/esm2022/lib/components/molecules/select-input/select-input.component.mjs +11 -20
- package/esm2022/lib/components/molecules/select-search/select-search.component.mjs +4 -6
- package/esm2022/lib/components/molecules/share-buttons/share-buttons.component.mjs +1 -6
- package/esm2022/lib/components/molecules/stepper/stepper.component.mjs +3 -28
- package/esm2022/lib/components/molecules/tabs/tabs.component.mjs +7 -41
- package/esm2022/lib/components/molecules/textarea-input/textarea-input.component.mjs +2 -27
- package/esm2022/lib/components/molecules/ticket-grid/ticket-grid.component.mjs +2 -10
- package/esm2022/lib/components/molecules/toggle-input/toggle-input.component.mjs +7 -37
- package/esm2022/lib/components/molecules/winner-display/winner-display.component.mjs +1 -12
- package/esm2022/lib/components/organisms/comment-section/comment-section.component.mjs +8 -54
- package/esm2022/lib/components/organisms/data-table/data-table.component.mjs +1 -3
- package/esm2022/lib/components/organisms/wizard/wizard.component.mjs +3 -5
- package/esm2022/lib/services/locale.service.mjs +75 -0
- package/esm2022/lib/services/types.mjs +5 -3
- package/esm2022/public-api.mjs +2 -7
- package/fesm2022/valtech-components.mjs +366 -2279
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/button/button.component.d.ts +12 -37
- package/lib/components/atoms/countdown/countdown.component.d.ts +0 -1
- package/lib/components/atoms/display/display.component.d.ts +8 -60
- package/lib/components/atoms/image/image.component.d.ts +0 -2
- package/lib/components/atoms/price-tag/price-tag.component.d.ts +0 -1
- package/lib/components/atoms/qr-code/qr-code.component.d.ts +2 -6
- package/lib/components/atoms/text/text.component.d.ts +20 -68
- package/lib/components/atoms/title/title.component.d.ts +7 -12
- package/lib/components/atoms/title/types.d.ts +11 -24
- package/lib/components/molecules/accordion/accordion.component.d.ts +2 -9
- package/lib/components/molecules/alert-box/alert-box.component.d.ts +3 -8
- package/lib/components/molecules/breadcrumb/breadcrumb.component.d.ts +2 -8
- package/lib/components/molecules/check-input/check-input.component.d.ts +2 -10
- package/lib/components/molecules/chip-group/chip-group.component.d.ts +2 -8
- package/lib/components/molecules/code-display/code-display.component.d.ts +0 -2
- package/lib/components/molecules/command-display/command-display.component.d.ts +0 -3
- package/lib/components/molecules/comment/comment.component.d.ts +2 -6
- package/lib/components/molecules/currency-input/currency-input.component.d.ts +0 -3
- package/lib/components/molecules/date-range-input/date-range-input.component.d.ts +0 -3
- package/lib/components/molecules/expandable-text/expandable-text.component.d.ts +0 -1
- package/lib/components/molecules/glow-card/glow-card.component.d.ts +5 -9
- package/lib/components/molecules/language-selector/language-selector.component.d.ts +7 -19
- package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts +0 -2
- package/lib/components/molecules/number-stepper/number-stepper.component.d.ts +0 -1
- package/lib/components/molecules/participant-card/participant-card.component.d.ts +0 -1
- package/lib/components/molecules/phone-input/phone-input.component.d.ts +0 -3
- package/lib/components/molecules/plain-code-box/plain-code-box.component.d.ts +0 -3
- package/lib/components/molecules/popover-selector/popover-selector.component.d.ts +3 -4
- package/lib/components/molecules/raffle-status-card/raffle-status-card.component.d.ts +0 -1
- package/lib/components/molecules/range-input/range-input.component.d.ts +3 -8
- package/lib/components/molecules/segment-control/segment-control.component.d.ts +2 -8
- package/lib/components/molecules/select-input/select-input.component.d.ts +2 -3
- package/lib/components/molecules/select-search/select-search.component.d.ts +0 -2
- package/lib/components/molecules/share-buttons/share-buttons.component.d.ts +0 -1
- package/lib/components/molecules/stepper/stepper.component.d.ts +2 -8
- package/lib/components/molecules/tabs/tabs.component.d.ts +2 -8
- package/lib/components/molecules/textarea-input/textarea-input.component.d.ts +2 -6
- package/lib/components/molecules/ticket-grid/ticket-grid.component.d.ts +0 -1
- package/lib/components/molecules/toggle-input/toggle-input.component.d.ts +2 -8
- package/lib/components/molecules/winner-display/winner-display.component.d.ts +0 -1
- package/lib/components/organisms/comment-section/comment-section.component.d.ts +2 -6
- package/lib/components/organisms/data-table/data-table.component.d.ts +0 -1
- package/lib/components/organisms/wizard/wizard.component.d.ts +0 -2
- package/lib/services/locale.service.d.ts +52 -0
- package/lib/services/types.d.ts +1 -6
- package/package.json +1 -1
- package/public-api.d.ts +1 -5
- package/esm2022/lib/services/lang-provider/components/lang-settings.mjs +0 -13
- package/esm2022/lib/services/lang-provider/content.mjs +0 -156
- package/esm2022/lib/services/lang-provider/lang-provider.service.mjs +0 -530
- package/esm2022/lib/services/lang-provider/types.mjs +0 -23
- package/esm2022/lib/shared/utils/content.mjs +0 -186
- package/esm2022/lib/shared/utils/simple-content.mjs +0 -119
- package/lib/services/lang-provider/components/lang-settings.d.ts +0 -3
- package/lib/services/lang-provider/content.d.ts +0 -17
- package/lib/services/lang-provider/lang-provider.service.d.ts +0 -264
- package/lib/services/lang-provider/types.d.ts +0 -30
- package/lib/shared/utils/content.d.ts +0 -199
- package/lib/shared/utils/simple-content.d.ts +0 -120
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { EventEmitter,
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
3
2
|
import { DownloadService } from '../../../services/download.service';
|
|
4
3
|
import { IconService } from '../../../services/icons.service';
|
|
5
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
6
4
|
import { NavigationService } from '../../../services/navigation.service';
|
|
7
|
-
import {
|
|
5
|
+
import { ButtonMetadata } from '../../types';
|
|
8
6
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class ButtonComponent implements OnInit
|
|
7
|
+
export declare class ButtonComponent implements OnInit {
|
|
10
8
|
private download;
|
|
11
9
|
private navigation;
|
|
12
|
-
private langService;
|
|
13
10
|
states: {
|
|
14
11
|
ENABLED: "ENABLED";
|
|
15
12
|
DISABLED: "DISABLED";
|
|
@@ -17,48 +14,26 @@ export declare class ButtonComponent implements OnInit, OnDestroy {
|
|
|
17
14
|
ERROR: "ERROR";
|
|
18
15
|
};
|
|
19
16
|
/**
|
|
20
|
-
*
|
|
21
|
-
* This will be either static text or reactive content from the language service.
|
|
17
|
+
* The text to display on the button.
|
|
22
18
|
*/
|
|
23
|
-
displayText
|
|
24
|
-
private subscriptions;
|
|
19
|
+
displayText: string;
|
|
25
20
|
props: ButtonMetadata;
|
|
26
21
|
/**
|
|
27
22
|
* Event emitted when the button is clicked.
|
|
28
23
|
*/
|
|
29
24
|
onClick: EventEmitter<string>;
|
|
30
|
-
constructor(download: DownloadService, icon: IconService, navigation: NavigationService
|
|
25
|
+
constructor(download: DownloadService, icon: IconService, navigation: NavigationService);
|
|
31
26
|
ngOnInit(): void;
|
|
32
|
-
ngOnDestroy(): void;
|
|
33
27
|
/**
|
|
34
|
-
* Set up the text content
|
|
35
|
-
* Priority: static text > reactive content with interpolation > reactive content
|
|
36
|
-
* This follows the same pattern as val-text component.
|
|
28
|
+
* Set up the text content based on the props configuration.
|
|
37
29
|
*/
|
|
38
30
|
private setupDisplayText;
|
|
31
|
+
/**
|
|
32
|
+
* Interpolate placeholders in content with provided values.
|
|
33
|
+
* Supports {{placeholder}} format.
|
|
34
|
+
*/
|
|
35
|
+
private interpolateContent;
|
|
39
36
|
clickHandler(): void;
|
|
40
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
41
38
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "val-button", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
|
|
42
39
|
}
|
|
43
|
-
/**
|
|
44
|
-
* Helper function to create reactive button props from content configuration.
|
|
45
|
-
* This provides a convenient way to create val-button props with reactive content.
|
|
46
|
-
* Follows the same pattern as createTextProps for consistency.
|
|
47
|
-
*
|
|
48
|
-
* @param contentConfig - Content configuration
|
|
49
|
-
* @param styleConfig - Optional style and behavior configuration
|
|
50
|
-
* @returns ButtonMetadata with content properties set
|
|
51
|
-
*
|
|
52
|
-
* @example
|
|
53
|
-
* ```typescript
|
|
54
|
-
* // In component
|
|
55
|
-
* saveButtonProps: ButtonMetadata = createButtonProps({
|
|
56
|
-
* contentKey: 'save',
|
|
57
|
-
* contentClass: 'MyComponent'
|
|
58
|
-
* }, {
|
|
59
|
-
* color: 'primary',
|
|
60
|
-
* icon: { name: 'save', slot: 'start' }
|
|
61
|
-
* });
|
|
62
|
-
* ```
|
|
63
|
-
*/
|
|
64
|
-
export declare function createButtonProps(contentConfig: ButtonContentConfig, styleConfig?: Partial<Pick<ButtonMetadata, 'color' | 'type' | 'state' | 'size' | 'fill' | 'icon' | 'expand' | 'shape' | 'handler'>>): ButtonMetadata;
|
|
@@ -1,71 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { DisplayContentConfig, DisplayMetadata } from './types';
|
|
1
|
+
import { DisplayMetadata } from './types';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DisplayComponent
|
|
6
|
-
displayContent$: Observable<string>;
|
|
7
|
-
private subscriptions;
|
|
3
|
+
export declare class DisplayComponent {
|
|
8
4
|
/**
|
|
9
5
|
* Display configuration object.
|
|
10
6
|
* @type {DisplayMetadata}
|
|
11
|
-
* @property content - Static text to display
|
|
12
|
-
* @property contentConfig - Reactive content configuration.
|
|
7
|
+
* @property content - Static text to display.
|
|
13
8
|
* @property color - The text color (Ionic color string).
|
|
14
9
|
* @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
|
|
15
10
|
*/
|
|
16
11
|
props: DisplayMetadata;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
ngOnDestroy(): void;
|
|
23
|
-
private initializeDisplayContent;
|
|
12
|
+
/**
|
|
13
|
+
* Returns the content to display.
|
|
14
|
+
* Uses static content, or contentConfig fallback for backwards compatibility.
|
|
15
|
+
*/
|
|
16
|
+
getDisplayContent(): string;
|
|
24
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DisplayComponent, never>;
|
|
25
18
|
static ɵcmp: i0.ɵɵComponentDeclaration<DisplayComponent, "val-display", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
19
|
}
|
|
27
|
-
/**
|
|
28
|
-
* Helper function to create reactive display props from content configuration.
|
|
29
|
-
* This provides a convenient way to create val-display props with reactive content.
|
|
30
|
-
*
|
|
31
|
-
* @param contentConfig - Content configuration for reactive content
|
|
32
|
-
* @param styleConfig - Optional style configuration (color and size)
|
|
33
|
-
* @returns DisplayMetadata with content properties set
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* ```typescript
|
|
37
|
-
* // In component
|
|
38
|
-
* titleProps: DisplayMetadata = createDisplayProps({
|
|
39
|
-
* key: 'title',
|
|
40
|
-
* className: 'HeaderComponent',
|
|
41
|
-
* fallback: 'Default Title'
|
|
42
|
-
* }, {
|
|
43
|
-
* color: 'primary',
|
|
44
|
-
* size: 'large'
|
|
45
|
-
* });
|
|
46
|
-
* ```
|
|
47
|
-
*
|
|
48
|
-
* @example
|
|
49
|
-
* ```typescript
|
|
50
|
-
* // With interpolation
|
|
51
|
-
* greetingProps: DisplayMetadata = createDisplayProps({
|
|
52
|
-
* key: 'greeting',
|
|
53
|
-
* className: 'UserComponent',
|
|
54
|
-
* fallback: 'Hello!',
|
|
55
|
-
* interpolation: { name: 'John', count: 5 }
|
|
56
|
-
* }, {
|
|
57
|
-
* color: 'secondary',
|
|
58
|
-
* size: 'medium'
|
|
59
|
-
* });
|
|
60
|
-
* ```
|
|
61
|
-
*
|
|
62
|
-
* @example
|
|
63
|
-
* ```typescript
|
|
64
|
-
* // Using default style values
|
|
65
|
-
* simpleProps: DisplayMetadata = createDisplayProps({
|
|
66
|
-
* key: 'welcomeMessage',
|
|
67
|
-
* className: 'HomeComponent'
|
|
68
|
-
* }); // Will use default color: 'dark' and size: 'medium'
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
export declare function createDisplayProps(contentConfig: DisplayContentConfig, styleConfig?: Partial<Pick<DisplayMetadata, 'color' | 'size'>>): DisplayMetadata;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
3
2
|
import { ImageMetadata } from './types';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class ImageComponent implements OnInit {
|
|
@@ -19,7 +18,6 @@ export declare class ImageComponent implements OnInit {
|
|
|
19
18
|
initialDistance: number;
|
|
20
19
|
initialZoom: number;
|
|
21
20
|
touches: Touch[];
|
|
22
|
-
langService: LangService;
|
|
23
21
|
Math: Math;
|
|
24
22
|
constructor();
|
|
25
23
|
ngOnInit(): void;
|
|
@@ -2,7 +2,6 @@ import { PriceTagMetadata, CurrencyInfo } from './types';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class PriceTagComponent {
|
|
4
4
|
props: PriceTagMetadata;
|
|
5
|
-
private langService;
|
|
6
5
|
get currencyInfo(): CurrencyInfo;
|
|
7
6
|
get hasDiscount(): boolean;
|
|
8
7
|
getSymbol(): string;
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { EventEmitter, OnInit
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { QrCodeMetadata, QrCodeActionEvent } from './types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class QrCodeComponent implements OnInit
|
|
4
|
+
export declare class QrCodeComponent implements OnInit {
|
|
5
5
|
props: QrCodeMetadata;
|
|
6
6
|
actionComplete: EventEmitter<QrCodeActionEvent>;
|
|
7
7
|
imageLoad: EventEmitter<void>;
|
|
8
8
|
imageError: EventEmitter<Error>;
|
|
9
9
|
canShare: boolean;
|
|
10
10
|
canCopy: boolean;
|
|
11
|
-
private langSubscription;
|
|
12
|
-
private langService;
|
|
13
11
|
private qrService;
|
|
14
12
|
ngOnInit(): void;
|
|
15
|
-
ngOnDestroy(): void;
|
|
16
|
-
private hasReactiveContent;
|
|
17
13
|
getDisplaySize(): string;
|
|
18
14
|
getBorderRadius(): string;
|
|
19
15
|
getPadding(): string;
|
|
@@ -1,26 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
4
|
-
import { LinkProcessorService } from '../../../services/link-processor.service';
|
|
5
|
-
import { TextContentConfig, TextMetadata } from './types';
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { TextMetadata } from './types';
|
|
6
3
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class TextComponent implements OnInit
|
|
8
|
-
private langService;
|
|
9
|
-
private linkProcessor;
|
|
4
|
+
export declare class TextComponent implements OnInit {
|
|
10
5
|
/**
|
|
11
6
|
* Text configuration object.
|
|
12
7
|
* @type {TextMetadata}
|
|
13
|
-
*
|
|
14
|
-
* For static content:
|
|
15
|
-
* @property content - The text to display (takes precedence over reactive content)
|
|
16
|
-
*
|
|
17
|
-
* For reactive content:
|
|
18
|
-
* @property contentKey - The content key to retrieve from language service
|
|
19
|
-
* @property contentClass - The component class name for content lookup
|
|
20
|
-
* @property contentFallback - Optional fallback text if content is not found
|
|
21
|
-
* @property contentInterpolation - Optional values to interpolate into content
|
|
22
|
-
*
|
|
23
|
-
* For styling:
|
|
8
|
+
* @property content - The text to display
|
|
24
9
|
* @property color - The text color (Ionic color string)
|
|
25
10
|
* @property size - The text size ('small' | 'medium' | 'large' | 'xlarge')
|
|
26
11
|
* @property bold - Whether the text is bold
|
|
@@ -30,19 +15,18 @@ export declare class TextComponent implements OnInit, OnDestroy {
|
|
|
30
15
|
*/
|
|
31
16
|
props: TextMetadata;
|
|
32
17
|
/**
|
|
33
|
-
*
|
|
34
|
-
* This will be either static content or reactive content from the language service.
|
|
18
|
+
* The content to display.
|
|
35
19
|
*/
|
|
36
|
-
displayContent
|
|
37
|
-
private subscription;
|
|
38
|
-
constructor(langService: LangService, linkProcessor: LinkProcessorService);
|
|
20
|
+
displayContent: string;
|
|
39
21
|
ngOnInit(): void;
|
|
40
|
-
ngOnDestroy(): void;
|
|
41
22
|
/**
|
|
42
|
-
* Set up the content
|
|
43
|
-
* Priority: static content > reactive content with interpolation > reactive content
|
|
23
|
+
* Set up the content based on the props configuration.
|
|
44
24
|
*/
|
|
45
25
|
private setupDisplayContent;
|
|
26
|
+
/**
|
|
27
|
+
* Check if content has partial bold tags.
|
|
28
|
+
*/
|
|
29
|
+
hasPartialBold(): boolean;
|
|
46
30
|
/**
|
|
47
31
|
* Process partial bold tags in the content.
|
|
48
32
|
* Converts <b> and <strong> tags to properly styled bold spans.
|
|
@@ -51,47 +35,15 @@ export declare class TextComponent implements OnInit, OnDestroy {
|
|
|
51
35
|
* @returns Processed content with bold styling
|
|
52
36
|
*/
|
|
53
37
|
processPartialBold(content: string | null): string;
|
|
38
|
+
/**
|
|
39
|
+
* Interpolate placeholders in content with provided values.
|
|
40
|
+
* Supports {{placeholder}} format.
|
|
41
|
+
*
|
|
42
|
+
* @param content - The content with placeholders
|
|
43
|
+
* @param values - Object with key-value pairs to interpolate
|
|
44
|
+
* @returns Interpolated content
|
|
45
|
+
*/
|
|
46
|
+
private interpolateContent;
|
|
54
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
|
|
55
48
|
static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "val-text", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
56
49
|
}
|
|
57
|
-
/**
|
|
58
|
-
* Helper function to create reactive text props from content configuration.
|
|
59
|
-
* This provides a convenient way to create val-text props with reactive content.
|
|
60
|
-
*
|
|
61
|
-
* @param contentConfig - Content configuration
|
|
62
|
-
* @param styleConfig - Optional style configuration
|
|
63
|
-
* @returns Partial TextMetadata with content properties set
|
|
64
|
-
*
|
|
65
|
-
* @example
|
|
66
|
-
* ```typescript
|
|
67
|
-
* // In component
|
|
68
|
-
* titleProps: TextMetadata = {
|
|
69
|
-
* ...createTextProps({
|
|
70
|
-
* contentKey: 'title',
|
|
71
|
-
* contentClass: 'HeaderComponent'
|
|
72
|
-
* }, {
|
|
73
|
-
* color: 'primary',
|
|
74
|
-
* size: 'large',
|
|
75
|
-
* bold: true
|
|
76
|
-
* })
|
|
77
|
-
* };
|
|
78
|
-
* ```
|
|
79
|
-
*
|
|
80
|
-
* @example With partial bold support:
|
|
81
|
-
* ```typescript
|
|
82
|
-
* // In component
|
|
83
|
-
* greetingProps: TextMetadata = {
|
|
84
|
-
* ...createTextProps({
|
|
85
|
-
* contentKey: 'greeting',
|
|
86
|
-
* contentClass: 'UserComponent',
|
|
87
|
-
* contentInterpolation: { name: '<b>Juan</b>' }
|
|
88
|
-
* }, {
|
|
89
|
-
* color: 'primary',
|
|
90
|
-
* size: 'medium',
|
|
91
|
-
* bold: false,
|
|
92
|
-
* allowPartialBold: true
|
|
93
|
-
* })
|
|
94
|
-
* };
|
|
95
|
-
* ```
|
|
96
|
-
*/
|
|
97
|
-
export declare function createTextProps(contentConfig: TextContentConfig, styleConfig?: Partial<Pick<TextMetadata, 'color' | 'size' | 'bold' | 'allowPartialBold'>>): Partial<TextMetadata>;
|
|
@@ -1,26 +1,21 @@
|
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
1
|
import { TitleMetadata } from './types';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TitleComponent
|
|
3
|
+
export declare class TitleComponent {
|
|
6
4
|
/**
|
|
7
5
|
* Title configuration object.
|
|
8
6
|
* @type {TitleMetadata}
|
|
9
|
-
* @property content - Static title text
|
|
10
|
-
* @property contentConfig - Reactive content configuration.
|
|
7
|
+
* @property content - Static title text.
|
|
11
8
|
* @property color - The title color (Ionic color string).
|
|
12
9
|
* @property size - The title size ('small' | 'medium' | 'large' | 'xlarge').
|
|
13
10
|
* @property bold - Whether the title is bold.
|
|
14
11
|
* @property thin - Whether the title is thin (optional).
|
|
15
12
|
*/
|
|
16
13
|
props: TitleMetadata;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
23
|
-
private updateContent;
|
|
14
|
+
/**
|
|
15
|
+
* Returns the content to display.
|
|
16
|
+
* Uses static content, or contentFallback for backwards compatibility.
|
|
17
|
+
*/
|
|
18
|
+
getDisplayContent(): string;
|
|
24
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<TitleComponent, never>;
|
|
25
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<TitleComponent, "val-title", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
21
|
}
|
|
@@ -1,49 +1,36 @@
|
|
|
1
1
|
import { Color } from '@ionic/core';
|
|
2
|
-
import { ReactiveTextMetadata } from '../../../shared/utils/simple-content';
|
|
3
2
|
/**
|
|
4
3
|
* Props for val-title component.
|
|
5
|
-
* Supports both static content and reactive content from the language service.
|
|
6
4
|
*
|
|
7
|
-
* @property content -
|
|
8
|
-
* @property contentKey - Content key for reactive content lookup.
|
|
9
|
-
* @property contentClass - Component class name for content lookup.
|
|
10
|
-
* @property contentFallback - Fallback text if content is not found.
|
|
5
|
+
* @property content - Title text to display.
|
|
11
6
|
* @property color - The title color (Ionic color string).
|
|
12
7
|
* @property size - The title size ('small' | 'medium' | 'large' | 'xlarge').
|
|
13
8
|
* @property bold - Whether the title is bold.
|
|
14
9
|
* @property thin - Whether the title is thin (optional).
|
|
10
|
+
* @property contentFallback - Fallback text (deprecated, use content instead).
|
|
15
11
|
*/
|
|
16
|
-
export interface TitleMetadata
|
|
12
|
+
export interface TitleMetadata {
|
|
13
|
+
content?: string;
|
|
17
14
|
size: 'small' | 'medium' | 'large' | 'xlarge';
|
|
18
15
|
color: Color;
|
|
19
16
|
bold: boolean;
|
|
20
17
|
thin?: boolean;
|
|
18
|
+
/** @deprecated Use content instead */
|
|
19
|
+
contentFallback?: string;
|
|
21
20
|
}
|
|
22
21
|
/**
|
|
23
|
-
* Factory function to create title props
|
|
22
|
+
* Factory function to create title props.
|
|
24
23
|
*
|
|
25
24
|
* @param styleConfig - Title styling configuration
|
|
26
|
-
* @param
|
|
25
|
+
* @param content - The title text
|
|
27
26
|
* @returns Complete TitleMetadata object
|
|
28
27
|
*
|
|
29
|
-
* @example
|
|
28
|
+
* @example
|
|
30
29
|
* ```typescript
|
|
31
30
|
* const props = createTitleProps(
|
|
32
31
|
* { size: 'large', color: 'primary', bold: true },
|
|
33
|
-
*
|
|
34
|
-
* );
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* @example Reactive content:
|
|
38
|
-
* ```typescript
|
|
39
|
-
* const props = createTitleProps(
|
|
40
|
-
* { size: 'large', color: 'primary', bold: true },
|
|
41
|
-
* {
|
|
42
|
-
* contentKey: 'pageTitle',
|
|
43
|
-
* contentClass: 'MyComponent',
|
|
44
|
-
* contentFallback: 'Default Title'
|
|
45
|
-
* }
|
|
32
|
+
* 'My Title'
|
|
46
33
|
* );
|
|
47
34
|
* ```
|
|
48
35
|
*/
|
|
49
|
-
export declare function createTitleProps(styleConfig: Pick<TitleMetadata, 'size' | 'color' | 'bold' | 'thin'>,
|
|
36
|
+
export declare function createTitleProps(styleConfig: Pick<TitleMetadata, 'size' | 'color' | 'bold' | 'thin'>, content: string): TitleMetadata;
|
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { AccordionMetadata, AccordionItemMetadata } from './types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class AccordionComponent
|
|
4
|
+
export declare class AccordionComponent {
|
|
5
5
|
props: AccordionMetadata;
|
|
6
6
|
accordionChange: EventEmitter<string | string[]>;
|
|
7
|
-
private langService;
|
|
8
|
-
private subscriptions;
|
|
9
|
-
private headerLabels;
|
|
10
|
-
private contentLabels;
|
|
11
|
-
ngOnInit(): void;
|
|
12
|
-
ngOnDestroy(): void;
|
|
13
7
|
onAccordionChange(event: CustomEvent): void;
|
|
14
8
|
getItemHeader(item: AccordionItemMetadata): string;
|
|
15
9
|
getItemContent(item: AccordionItemMetadata): string;
|
|
16
|
-
private setupLabels;
|
|
17
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
18
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "val-accordion", never, { "props": { "alias": "props"; "required": false; }; }, { "accordionChange": "accordionChange"; }, never, never, true, never>;
|
|
19
12
|
}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
3
2
|
import { AlertBoxMetadata, ReactiveAlertBoxMetadata } from './types';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class AlertBoxComponent implements OnInit
|
|
6
|
-
private langService;
|
|
7
|
-
private subscriptions;
|
|
4
|
+
export declare class AlertBoxComponent implements OnInit {
|
|
8
5
|
/**
|
|
9
6
|
* Alert box configuration object.
|
|
10
7
|
* Supports both legacy AlertBoxMetadata and ReactiveAlertBoxMetadata patterns.
|
|
@@ -16,10 +13,8 @@ export declare class AlertBoxComponent implements OnInit, OnDestroy {
|
|
|
16
13
|
get isLegacyProps(): boolean;
|
|
17
14
|
/** Get text props for legacy pattern */
|
|
18
15
|
getLegacyTextProps(): any;
|
|
19
|
-
constructor(langService: LangService);
|
|
20
16
|
ngOnInit(): void;
|
|
21
|
-
|
|
22
|
-
private initializeReactiveTextProps;
|
|
17
|
+
private initializeTextProps;
|
|
23
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlertBoxComponent, never>;
|
|
24
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<AlertBoxComponent, "val-alert-box", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
25
20
|
}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { BreadcrumbMetadata, BreadcrumbItemMetadata } from './types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class BreadcrumbComponent
|
|
4
|
+
export declare class BreadcrumbComponent {
|
|
5
5
|
props: BreadcrumbMetadata;
|
|
6
6
|
breadcrumbClick: EventEmitter<{
|
|
7
7
|
item: BreadcrumbItemMetadata;
|
|
8
8
|
index: number;
|
|
9
9
|
}>;
|
|
10
10
|
collapsedClick: EventEmitter<CustomEvent<any>>;
|
|
11
|
-
private langService;
|
|
12
|
-
private subscriptions;
|
|
13
|
-
private itemLabels;
|
|
14
|
-
ngOnInit(): void;
|
|
15
|
-
ngOnDestroy(): void;
|
|
16
11
|
onBreadcrumbClick(event: Event, item: BreadcrumbItemMetadata, index: number): void;
|
|
17
12
|
onCollapsedClick(event: CustomEvent): void;
|
|
18
13
|
getItemLabel(item: BreadcrumbItemMetadata): string;
|
|
19
|
-
private setupLabels;
|
|
20
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
21
15
|
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "val-breadcrumb", never, { "props": { "alias": "props"; "required": false; }; }, { "breadcrumbClick": "breadcrumbClick"; "collapsedClick": "collapsedClick"; }, never, never, true, never>;
|
|
22
16
|
}
|
|
@@ -1,23 +1,15 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
1
|
import { InputMetadata } from '../../types';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class CheckInputComponent
|
|
6
|
-
private langService;
|
|
3
|
+
export declare class CheckInputComponent {
|
|
7
4
|
/**
|
|
8
5
|
* Input configuration object.
|
|
9
6
|
* @type {InputMetadata}
|
|
10
7
|
* @property control - The Angular FormControl for the checkbox.
|
|
11
8
|
* @property label - Static label text.
|
|
12
|
-
* @property contentKey - Key for reactive content from LangService.
|
|
13
|
-
* @property contentClass - Class name for reactive content lookup.
|
|
14
|
-
* @property contentFallback - Fallback text if content not found.
|
|
15
9
|
* @property labelPlacement - Position of label ('start' | 'end'). Default: 'end'.
|
|
16
10
|
*/
|
|
17
11
|
props: InputMetadata;
|
|
18
|
-
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
private setupDisplayLabel;
|
|
12
|
+
getDisplayLabel(): string;
|
|
21
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckInputComponent, never>;
|
|
22
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<CheckInputComponent, "val-check-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
23
15
|
}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { ChipGroupMetadata, ChipMetadata, ChipSelectionEvent, ChipRemoveEvent } from './types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ChipGroupComponent
|
|
4
|
+
export declare class ChipGroupComponent {
|
|
5
5
|
props: ChipGroupMetadata;
|
|
6
6
|
selectionChange: EventEmitter<ChipSelectionEvent>;
|
|
7
7
|
chipRemove: EventEmitter<ChipRemoveEvent>;
|
|
8
8
|
chipClick: EventEmitter<ChipMetadata>;
|
|
9
|
-
private langService;
|
|
10
|
-
private subscriptions;
|
|
11
|
-
private chipLabels;
|
|
12
|
-
ngOnInit(): void;
|
|
13
|
-
ngOnDestroy(): void;
|
|
14
9
|
getChipColor(chip: ChipMetadata): string;
|
|
15
10
|
getChipLabel(chip: ChipMetadata): string;
|
|
16
11
|
onChipClick(chip: ChipMetadata): void;
|
|
17
12
|
onRemoveChip(event: Event, chip: ChipMetadata): void;
|
|
18
13
|
private emitSelectionChange;
|
|
19
|
-
private setupLabels;
|
|
20
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipGroupComponent, never>;
|
|
21
15
|
static ɵcmp: i0.ɵɵComponentDeclaration<ChipGroupComponent, "val-chip-group", never, { "props": { "alias": "props"; "required": false; }; }, { "selectionChange": "selectionChange"; "chipRemove": "chipRemove"; "chipClick": "chipClick"; }, never, never, true, never>;
|
|
22
16
|
}
|
|
@@ -4,7 +4,6 @@ import 'prismjs/components/prism-css';
|
|
|
4
4
|
import 'prismjs/components/prism-javascript';
|
|
5
5
|
import 'prismjs/components/prism-markup';
|
|
6
6
|
import 'prismjs/components/prism-typescript';
|
|
7
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
8
7
|
import { CodeDisplayMetadata } from './types';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
9
|
export declare class CodeDisplayComponent implements AfterViewInit, OnChanges {
|
|
@@ -12,7 +11,6 @@ export declare class CodeDisplayComponent implements AfterViewInit, OnChanges {
|
|
|
12
11
|
codeElement: ElementRef<HTMLElement>;
|
|
13
12
|
props: CodeDisplayMetadata;
|
|
14
13
|
toast: ToastController;
|
|
15
|
-
langService: LangService;
|
|
16
14
|
selectedTab: number;
|
|
17
15
|
constructor(cdr: ChangeDetectorRef);
|
|
18
16
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { ToastController } from '@ionic/angular';
|
|
2
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
3
2
|
import { CommandDisplayMetadata } from './types';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class CommandDisplayComponent {
|
|
6
5
|
toast: ToastController;
|
|
7
|
-
langService: LangService;
|
|
8
6
|
props: CommandDisplayMetadata;
|
|
9
|
-
constructor();
|
|
10
7
|
copyCommand(): Promise<void>;
|
|
11
8
|
presentToast(message: string): Promise<void>;
|
|
12
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<CommandDisplayComponent, never>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { EventEmitter, OnInit
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { CommentMetadata, CommentReaction, CommentAction, CommentMenuItem, CommentAuthorClickEvent, CommentReactionClickEvent, CommentActionClickEvent, CommentMenuItemClickEvent, CommentLoadMoreEvent } from './types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class CommentComponent implements OnInit
|
|
4
|
+
export declare class CommentComponent implements OnInit {
|
|
5
5
|
props: CommentMetadata;
|
|
6
6
|
authorClick: EventEmitter<CommentAuthorClickEvent>;
|
|
7
7
|
reactionClick: EventEmitter<CommentReactionClickEvent>;
|
|
@@ -13,11 +13,7 @@ export declare class CommentComponent implements OnInit, OnDestroy {
|
|
|
13
13
|
collapsed: boolean;
|
|
14
14
|
}>;
|
|
15
15
|
displayContent: string;
|
|
16
|
-
private langSubscription;
|
|
17
|
-
private langService;
|
|
18
16
|
ngOnInit(): void;
|
|
19
|
-
ngOnDestroy(): void;
|
|
20
|
-
private updateDisplayContent;
|
|
21
17
|
getInitials(name: string): string;
|
|
22
18
|
formatTimestamp(timestamp: string | Date): string;
|
|
23
19
|
formatCount(count: number): string;
|
|
@@ -13,13 +13,10 @@ export declare class CurrencyInputComponent implements OnInit, OnDestroy {
|
|
|
13
13
|
};
|
|
14
14
|
displayControl: FormControl<string>;
|
|
15
15
|
currencyControl: FormControl<string>;
|
|
16
|
-
private langSubscription;
|
|
17
16
|
private valueSubscription;
|
|
18
|
-
private langService;
|
|
19
17
|
private isFocused;
|
|
20
18
|
ngOnInit(): void;
|
|
21
19
|
ngOnDestroy(): void;
|
|
22
|
-
private hasReactiveContent;
|
|
23
20
|
getLabel(): string;
|
|
24
21
|
getPlaceholder(): string;
|
|
25
22
|
getHint(): string;
|
|
@@ -16,12 +16,9 @@ export declare class DateRangeInputComponent implements OnInit, OnDestroy {
|
|
|
16
16
|
startDatetimeId: string;
|
|
17
17
|
endDatetimeId: string;
|
|
18
18
|
showDayCount: boolean;
|
|
19
|
-
private langSubscription;
|
|
20
19
|
private valueSubscription;
|
|
21
|
-
private langService;
|
|
22
20
|
ngOnInit(): void;
|
|
23
21
|
ngOnDestroy(): void;
|
|
24
|
-
private hasReactiveContent;
|
|
25
22
|
getLabel(): string;
|
|
26
23
|
getStartLabel(): string;
|
|
27
24
|
getEndLabel(): string;
|