valtech-components 2.0.418 → 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.
Files changed (107) hide show
  1. package/esm2022/lib/components/atoms/button/button.component.mjs +30 -102
  2. package/esm2022/lib/components/atoms/countdown/countdown.component.mjs +2 -7
  3. package/esm2022/lib/components/atoms/display/display.component.mjs +18 -101
  4. package/esm2022/lib/components/atoms/image/image.component.mjs +2 -5
  5. package/esm2022/lib/components/atoms/price-tag/price-tag.component.mjs +2 -12
  6. package/esm2022/lib/components/atoms/qr-code/qr-code.component.mjs +4 -29
  7. package/esm2022/lib/components/atoms/text/text.component.mjs +49 -171
  8. package/esm2022/lib/components/atoms/title/title.component.mjs +23 -65
  9. package/esm2022/lib/components/atoms/title/types.mjs +7 -19
  10. package/esm2022/lib/components/molecules/accordion/accordion.component.mjs +7 -53
  11. package/esm2022/lib/components/molecules/alert-box/alert-box.component.mjs +7 -26
  12. package/esm2022/lib/components/molecules/breadcrumb/breadcrumb.component.mjs +7 -42
  13. package/esm2022/lib/components/molecules/check-input/check-input.component.mjs +12 -41
  14. package/esm2022/lib/components/molecules/chip-group/chip-group.component.mjs +3 -28
  15. package/esm2022/lib/components/molecules/code-display/code-display.component.mjs +2 -5
  16. package/esm2022/lib/components/molecules/command-display/command-display.component.mjs +3 -6
  17. package/esm2022/lib/components/molecules/comment/comment.component.mjs +5 -31
  18. package/esm2022/lib/components/molecules/currency-input/currency-input.component.mjs +2 -23
  19. package/esm2022/lib/components/molecules/date-range-input/date-range-input.component.mjs +2 -29
  20. package/esm2022/lib/components/molecules/expandable-text/expandable-text.component.mjs +4 -6
  21. package/esm2022/lib/components/molecules/glow-card/glow-card.component.mjs +16 -40
  22. package/esm2022/lib/components/molecules/language-selector/language-selector.component.mjs +25 -125
  23. package/esm2022/lib/components/molecules/multi-select-search/multi-select-search.component.mjs +4 -6
  24. package/esm2022/lib/components/molecules/number-stepper/number-stepper.component.mjs +2 -10
  25. package/esm2022/lib/components/molecules/participant-card/participant-card.component.mjs +2 -4
  26. package/esm2022/lib/components/molecules/phone-input/phone-input.component.mjs +2 -23
  27. package/esm2022/lib/components/molecules/plain-code-box/plain-code-box.component.mjs +3 -6
  28. package/esm2022/lib/components/molecules/popover-selector/popover-selector.component.mjs +9 -12
  29. package/esm2022/lib/components/molecules/raffle-status-card/raffle-status-card.component.mjs +3 -11
  30. package/esm2022/lib/components/molecules/range-input/range-input.component.mjs +4 -25
  31. package/esm2022/lib/components/molecules/segment-control/segment-control.component.mjs +3 -34
  32. package/esm2022/lib/components/molecules/select-input/select-input.component.mjs +11 -20
  33. package/esm2022/lib/components/molecules/select-search/select-search.component.mjs +4 -6
  34. package/esm2022/lib/components/molecules/share-buttons/share-buttons.component.mjs +1 -6
  35. package/esm2022/lib/components/molecules/stepper/stepper.component.mjs +3 -28
  36. package/esm2022/lib/components/molecules/tabs/tabs.component.mjs +7 -41
  37. package/esm2022/lib/components/molecules/textarea-input/textarea-input.component.mjs +2 -27
  38. package/esm2022/lib/components/molecules/ticket-grid/ticket-grid.component.mjs +2 -10
  39. package/esm2022/lib/components/molecules/toggle-input/toggle-input.component.mjs +7 -37
  40. package/esm2022/lib/components/molecules/winner-display/winner-display.component.mjs +1 -12
  41. package/esm2022/lib/components/organisms/comment-section/comment-section.component.mjs +8 -54
  42. package/esm2022/lib/components/organisms/data-table/data-table.component.mjs +1 -3
  43. package/esm2022/lib/components/organisms/wizard/wizard.component.mjs +3 -5
  44. package/esm2022/lib/services/locale.service.mjs +75 -0
  45. package/esm2022/lib/services/types.mjs +5 -3
  46. package/esm2022/public-api.mjs +2 -7
  47. package/fesm2022/valtech-components.mjs +366 -2279
  48. package/fesm2022/valtech-components.mjs.map +1 -1
  49. package/lib/components/atoms/button/button.component.d.ts +12 -37
  50. package/lib/components/atoms/countdown/countdown.component.d.ts +0 -1
  51. package/lib/components/atoms/display/display.component.d.ts +8 -60
  52. package/lib/components/atoms/image/image.component.d.ts +0 -2
  53. package/lib/components/atoms/price-tag/price-tag.component.d.ts +0 -1
  54. package/lib/components/atoms/qr-code/qr-code.component.d.ts +2 -6
  55. package/lib/components/atoms/text/text.component.d.ts +20 -68
  56. package/lib/components/atoms/title/title.component.d.ts +7 -12
  57. package/lib/components/atoms/title/types.d.ts +11 -24
  58. package/lib/components/molecules/accordion/accordion.component.d.ts +2 -9
  59. package/lib/components/molecules/alert-box/alert-box.component.d.ts +3 -8
  60. package/lib/components/molecules/breadcrumb/breadcrumb.component.d.ts +2 -8
  61. package/lib/components/molecules/check-input/check-input.component.d.ts +2 -10
  62. package/lib/components/molecules/chip-group/chip-group.component.d.ts +2 -8
  63. package/lib/components/molecules/code-display/code-display.component.d.ts +0 -2
  64. package/lib/components/molecules/command-display/command-display.component.d.ts +0 -3
  65. package/lib/components/molecules/comment/comment.component.d.ts +2 -6
  66. package/lib/components/molecules/currency-input/currency-input.component.d.ts +0 -3
  67. package/lib/components/molecules/date-range-input/date-range-input.component.d.ts +0 -3
  68. package/lib/components/molecules/expandable-text/expandable-text.component.d.ts +0 -1
  69. package/lib/components/molecules/glow-card/glow-card.component.d.ts +5 -9
  70. package/lib/components/molecules/language-selector/language-selector.component.d.ts +7 -19
  71. package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts +0 -2
  72. package/lib/components/molecules/number-stepper/number-stepper.component.d.ts +0 -1
  73. package/lib/components/molecules/participant-card/participant-card.component.d.ts +0 -1
  74. package/lib/components/molecules/phone-input/phone-input.component.d.ts +0 -3
  75. package/lib/components/molecules/plain-code-box/plain-code-box.component.d.ts +0 -3
  76. package/lib/components/molecules/popover-selector/popover-selector.component.d.ts +3 -4
  77. package/lib/components/molecules/raffle-status-card/raffle-status-card.component.d.ts +0 -1
  78. package/lib/components/molecules/range-input/range-input.component.d.ts +3 -8
  79. package/lib/components/molecules/segment-control/segment-control.component.d.ts +2 -8
  80. package/lib/components/molecules/select-input/select-input.component.d.ts +2 -3
  81. package/lib/components/molecules/select-search/select-search.component.d.ts +0 -2
  82. package/lib/components/molecules/share-buttons/share-buttons.component.d.ts +0 -1
  83. package/lib/components/molecules/stepper/stepper.component.d.ts +2 -8
  84. package/lib/components/molecules/tabs/tabs.component.d.ts +2 -8
  85. package/lib/components/molecules/textarea-input/textarea-input.component.d.ts +2 -6
  86. package/lib/components/molecules/ticket-grid/ticket-grid.component.d.ts +0 -1
  87. package/lib/components/molecules/toggle-input/toggle-input.component.d.ts +2 -8
  88. package/lib/components/molecules/winner-display/winner-display.component.d.ts +0 -1
  89. package/lib/components/organisms/comment-section/comment-section.component.d.ts +2 -6
  90. package/lib/components/organisms/data-table/data-table.component.d.ts +0 -1
  91. package/lib/components/organisms/wizard/wizard.component.d.ts +0 -2
  92. package/lib/services/locale.service.d.ts +52 -0
  93. package/lib/services/types.d.ts +1 -6
  94. package/package.json +1 -3
  95. package/public-api.d.ts +1 -5
  96. package/esm2022/lib/services/lang-provider/components/lang-settings.mjs +0 -13
  97. package/esm2022/lib/services/lang-provider/content.mjs +0 -156
  98. package/esm2022/lib/services/lang-provider/lang-provider.service.mjs +0 -530
  99. package/esm2022/lib/services/lang-provider/types.mjs +0 -23
  100. package/esm2022/lib/shared/utils/content.mjs +0 -186
  101. package/esm2022/lib/shared/utils/simple-content.mjs +0 -119
  102. package/lib/services/lang-provider/components/lang-settings.d.ts +0 -3
  103. package/lib/services/lang-provider/content.d.ts +0 -17
  104. package/lib/services/lang-provider/lang-provider.service.d.ts +0 -264
  105. package/lib/services/lang-provider/types.d.ts +0 -30
  106. package/lib/shared/utils/content.d.ts +0 -199
  107. package/lib/shared/utils/simple-content.d.ts +0 -120
@@ -1,15 +1,12 @@
1
- import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
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 { ButtonContentConfig, ButtonMetadata } from '../../types';
5
+ import { ButtonMetadata } from '../../types';
8
6
  import * as i0 from "@angular/core";
9
- export declare class ButtonComponent implements OnInit, OnDestroy {
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
- * Observable that provides the text content to display.
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$: Observable<string>;
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, langService: LangService);
25
+ constructor(download: DownloadService, icon: IconService, navigation: NavigationService);
31
26
  ngOnInit(): void;
32
- ngOnDestroy(): void;
33
27
  /**
34
- * Set up the text content observable based on the props configuration.
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;
@@ -8,7 +8,6 @@ export declare class CountdownComponent implements OnInit, OnDestroy {
8
8
  time: CountdownTime;
9
9
  isExpired: boolean;
10
10
  private intervalId;
11
- private langService;
12
11
  ngOnInit(): void;
13
12
  ngOnDestroy(): void;
14
13
  /**
@@ -1,71 +1,19 @@
1
- import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
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 implements OnInit, OnChanges, OnDestroy {
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 (takes precedence over contentConfig).
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
- private langService;
18
- private cdr;
19
- constructor();
20
- ngOnInit(): void;
21
- ngOnChanges(changes: SimpleChanges): void;
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, OnDestroy } from '@angular/core';
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, OnDestroy {
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 { OnDestroy, OnInit } from '@angular/core';
2
- import { Observable } from 'rxjs';
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, OnDestroy {
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
- * Observable that provides the content to display.
34
- * This will be either static content or reactive content from the language service.
18
+ * The content to display.
35
19
  */
36
- displayContent$: Observable<string>;
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 observable based on the props configuration.
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 implements OnInit, OnChanges {
3
+ export declare class TitleComponent {
6
4
  /**
7
5
  * Title configuration object.
8
6
  * @type {TitleMetadata}
9
- * @property content - Static title text (takes precedence over reactive content).
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
- private langService;
18
- private cdr;
19
- displayContent$: Observable<string>;
20
- constructor();
21
- ngOnInit(): void;
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 - Static title text to display (takes precedence over reactive 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 extends ReactiveTextMetadata {
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 with reactive content support.
22
+ * Factory function to create title props.
24
23
  *
25
24
  * @param styleConfig - Title styling configuration
26
- * @param contentConfig - Content configuration (static or reactive)
25
+ * @param content - The title text
27
26
  * @returns Complete TitleMetadata object
28
27
  *
29
- * @example Static content:
28
+ * @example
30
29
  * ```typescript
31
30
  * const props = createTitleProps(
32
31
  * { size: 'large', color: 'primary', bold: true },
33
- * { content: 'Static Title' }
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'>, contentConfig: Pick<TitleMetadata, 'content' | 'contentKey' | 'contentClass' | 'contentFallback'>): TitleMetadata;
36
+ export declare function createTitleProps(styleConfig: Pick<TitleMetadata, 'size' | 'color' | 'bold' | 'thin'>, content: string): TitleMetadata;
@@ -1,19 +1,12 @@
1
- import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
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 implements OnInit, OnDestroy {
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 { OnDestroy, OnInit } from '@angular/core';
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, OnDestroy {
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
- ngOnDestroy(): void;
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 { OnInit, OnDestroy, EventEmitter } from '@angular/core';
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 implements OnInit, OnDestroy {
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 implements OnInit {
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
- displayLabel$: Observable<string>;
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 { OnInit, OnDestroy, EventEmitter } from '@angular/core';
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 implements OnInit, OnDestroy {
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, OnDestroy } from '@angular/core';
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, OnDestroy {
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;
@@ -12,7 +12,6 @@ export declare class ExpandableTextComponent {
12
12
  props: ExpandableTextInput;
13
13
  expanded: boolean;
14
14
  defaultColor: string;
15
- private langService;
16
15
  get truncatedText(): string;
17
16
  get isTruncated(): boolean;
18
17
  getExpandText(): string;