valtech-components 2.0.1034 → 4.0.0

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 (86) hide show
  1. package/esm2022/lib/components/atoms/box/box.component.mjs +6 -8
  2. package/esm2022/lib/components/atoms/button/factory.mjs +24 -217
  3. package/esm2022/lib/components/atoms/divider/divider.component.mjs +2 -4
  4. package/esm2022/lib/components/atoms/href/href.component.mjs +1 -2
  5. package/esm2022/lib/components/atoms/image/image.component.mjs +36 -3
  6. package/esm2022/lib/components/molecules/action-card/action-card.component.mjs +4 -9
  7. package/esm2022/lib/components/molecules/breadcrumb/breadcrumb.component.mjs +4 -4
  8. package/esm2022/lib/components/molecules/card/card.component.mjs +53 -10
  9. package/esm2022/lib/components/molecules/checkbox-radio-input/checkbox-radio-input.component.mjs +27 -36
  10. package/esm2022/lib/components/molecules/chip-group/chip-group.component.mjs +44 -6
  11. package/esm2022/lib/components/molecules/command-display/command-display.component.mjs +32 -7
  12. package/esm2022/lib/components/molecules/comment/comment.component.mjs +28 -12
  13. package/esm2022/lib/components/molecules/cta-card/cta-card.component.mjs +4 -9
  14. package/esm2022/lib/components/molecules/date-picker/date-picker.component.mjs +240 -0
  15. package/esm2022/lib/components/molecules/date-picker/date-picker.i18n.mjs +6 -0
  16. package/esm2022/lib/components/molecules/date-picker/types.mjs +2 -0
  17. package/esm2022/lib/components/molecules/expandable-text/expandable-text.component.mjs +7 -7
  18. package/esm2022/lib/components/molecules/features-list/features-list.component.mjs +159 -71
  19. package/esm2022/lib/components/molecules/file-input/file-input.component.mjs +7 -3
  20. package/esm2022/lib/components/molecules/hint/hint.component.mjs +30 -5
  21. package/esm2022/lib/components/molecules/pagination/pagination.component.mjs +75 -19
  22. package/esm2022/lib/components/molecules/password-input/password-input.component.mjs +42 -9
  23. package/esm2022/lib/components/molecules/permission-selector/types.mjs +1 -1
  24. package/esm2022/lib/components/molecules/rating/rating.component.mjs +88 -12
  25. package/esm2022/lib/components/molecules/stepper/stepper.component.mjs +15 -7
  26. package/esm2022/lib/components/molecules/text-input/text-input.component.mjs +93 -7
  27. package/esm2022/lib/components/organisms/change-email-modal/change-email-modal.component.mjs +5 -5
  28. package/esm2022/lib/components/organisms/change-password-modal/change-password-modal.component.mjs +4 -4
  29. package/esm2022/lib/components/organisms/form/form.component.mjs +62 -20
  30. package/esm2022/lib/components/organisms/login/login.component.mjs +8 -8
  31. package/esm2022/lib/components/organisms/mfa-modal/mfa-modal.component.mjs +3 -3
  32. package/esm2022/lib/components/types.mjs +1 -1
  33. package/esm2022/lib/services/presets/default-presets.mjs +45 -0
  34. package/esm2022/lib/services/presets/index.mjs +3 -1
  35. package/esm2022/lib/services/presets/preset.service.mjs +17 -4
  36. package/esm2022/lib/services/requests/request-form-builder.service.mjs +8 -3
  37. package/esm2022/lib/shared/utils/ionic-color.mjs +36 -0
  38. package/esm2022/lib/version.mjs +2 -2
  39. package/esm2022/public-api.mjs +4 -8
  40. package/fesm2022/valtech-components.mjs +1381 -1027
  41. package/fesm2022/valtech-components.mjs.map +1 -1
  42. package/lib/components/atoms/box/box.component.d.ts +2 -5
  43. package/lib/components/atoms/button/factory.d.ts +15 -69
  44. package/lib/components/atoms/divider/divider.component.d.ts +1 -4
  45. package/lib/components/atoms/href/href.component.d.ts +2 -3
  46. package/lib/components/atoms/image/image.component.d.ts +5 -0
  47. package/lib/components/molecules/action-card/action-card.component.d.ts +1 -1
  48. package/lib/components/molecules/card/card.component.d.ts +2 -1
  49. package/lib/components/molecules/checkbox-radio-input/checkbox-radio-input.component.d.ts +2 -3
  50. package/lib/components/molecules/chip-group/chip-group.component.d.ts +5 -0
  51. package/lib/components/molecules/command-display/command-display.component.d.ts +4 -0
  52. package/lib/components/molecules/comment/comment.component.d.ts +3 -0
  53. package/lib/components/molecules/cta-card/cta-card.component.d.ts +0 -1
  54. package/lib/components/molecules/date-picker/date-picker.component.d.ts +50 -0
  55. package/lib/components/molecules/date-picker/date-picker.i18n.d.ts +3 -0
  56. package/lib/components/molecules/date-picker/types.d.ts +30 -0
  57. package/lib/components/molecules/hint/hint.component.d.ts +11 -1
  58. package/lib/components/molecules/pagination/pagination.component.d.ts +5 -0
  59. package/lib/components/molecules/password-input/password-input.component.d.ts +4 -2
  60. package/lib/components/molecules/permission-selector/types.d.ts +1 -0
  61. package/lib/components/molecules/rating/rating.component.d.ts +11 -0
  62. package/lib/components/molecules/text-input/text-input.component.d.ts +21 -0
  63. package/lib/components/organisms/form/form.component.d.ts +19 -0
  64. package/lib/components/types.d.ts +21 -1
  65. package/lib/services/presets/default-presets.d.ts +22 -0
  66. package/lib/services/presets/index.d.ts +1 -0
  67. package/lib/services/presets/preset.service.d.ts +4 -0
  68. package/lib/shared/utils/ionic-color.d.ts +20 -0
  69. package/lib/version.d.ts +1 -1
  70. package/package.json +3 -2
  71. package/public-api.d.ts +3 -7
  72. package/src/lib/components/styles/mixins.scss +16 -0
  73. package/esm2022/lib/components/molecules/content-card/content-card.component.mjs +0 -86
  74. package/esm2022/lib/components/molecules/content-card/types.mjs +0 -11
  75. package/esm2022/lib/components/molecules/email-input/email-input.component.mjs +0 -68
  76. package/esm2022/lib/components/molecules/hour-input/hour-input.component.mjs +0 -28
  77. package/esm2022/lib/components/molecules/info-card/info-card.component.mjs +0 -126
  78. package/esm2022/lib/components/molecules/info-card/types.mjs +0 -11
  79. package/esm2022/lib/components/molecules/number-input/number-input.component.mjs +0 -34
  80. package/lib/components/molecules/content-card/content-card.component.d.ts +0 -26
  81. package/lib/components/molecules/content-card/types.d.ts +0 -30
  82. package/lib/components/molecules/email-input/email-input.component.d.ts +0 -34
  83. package/lib/components/molecules/hour-input/hour-input.component.d.ts +0 -15
  84. package/lib/components/molecules/info-card/info-card.component.d.ts +0 -37
  85. package/lib/components/molecules/info-card/types.d.ts +0 -44
  86. package/lib/components/molecules/number-input/number-input.component.d.ts +0 -16
@@ -1,15 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { InputMetadata } from '../../types';
3
- import * as i0 from "@angular/core";
4
- export declare class HourInputComponent implements OnInit {
5
- /**
6
- * Input configuration object.
7
- * @type {InputMetadata}
8
- * @property control - The Angular FormControl for the time input.
9
- */
10
- props: InputMetadata;
11
- constructor();
12
- ngOnInit(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<HourInputComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<HourInputComponent, "val-hour-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
15
- }
@@ -1,37 +0,0 @@
1
- import { InfoCardMetadata } from './types';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * val-info-card
5
- *
6
- * Card with icon + overtitle + title + subtitle on the left side, and a list
7
- * of key-value pairs (label: value) on the right side. Inspired by npm's
8
- * "Provenance" / metadata panel style.
9
- *
10
- * Two-column layout on desktop, stacked single-column on mobile.
11
- *
12
- * Presentational — pass already-resolved strings.
13
- *
14
- * @example
15
- * ```html
16
- * <val-info-card
17
- * [props]="{
18
- * icon: 'cube-outline',
19
- * title: 'valtech-components',
20
- * subtitle: 'v2.0.962',
21
- * keyValues: [
22
- * { label: 'License', value: 'MIT' },
23
- * { label: 'Downloads', value: '1.2M' }
24
- * ]
25
- * }"
26
- * />
27
- * ```
28
- */
29
- export declare class InfoCardComponent {
30
- /** Component configuration */
31
- readonly props: import("@angular/core").InputSignal<Partial<InfoCardMetadata>>;
32
- /** Merged configuration with defaults */
33
- config: import("@angular/core").Signal<InfoCardMetadata & Required<Pick<InfoCardMetadata, "borderRadius" | "bordered" | "iconColor" | "shadowed" | "padding">>>;
34
- getIconColor(): string;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<InfoCardComponent, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<InfoCardComponent, "val-info-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
37
- }
@@ -1,44 +0,0 @@
1
- /**
2
- * A single key-value pair shown in the right column of val-info-card.
3
- */
4
- export interface InfoCardKeyValue {
5
- /** Label (shown in muted color) */
6
- label: string;
7
- /** Value (shown in bold) */
8
- value: string;
9
- /** Optional token for click identification */
10
- token?: string;
11
- }
12
- /**
13
- * Metadata for val-info-card.
14
- *
15
- * Card with icon + overtitle + title + subtitle on the left side, and a list
16
- * of key-value pairs on the right side. Inspired by npm "Provenance" / metadata
17
- * panels. Two-column layout on desktop, stacked on mobile.
18
- */
19
- export interface InfoCardMetadata {
20
- /** ion-icon name */
21
- icon?: string;
22
- /** Icon color (Ionic color name or CSS color). Default: 'primary' */
23
- iconColor?: string;
24
- /** Small label above the title */
25
- overtitle?: string;
26
- /** Main title */
27
- title: string;
28
- /** Subtitle below the title */
29
- subtitle?: string;
30
- /** Key-value pairs shown in the right column */
31
- keyValues?: InfoCardKeyValue[];
32
- /** Show border. Default: true */
33
- bordered?: boolean;
34
- /** Show shadow. Default: false */
35
- shadowed?: boolean;
36
- /** Card padding. Default: '1.5rem' */
37
- padding?: string;
38
- /** Card border radius. Default: '16px' */
39
- borderRadius?: string;
40
- }
41
- /**
42
- * Default values for InfoCardMetadata.
43
- */
44
- export declare const INFO_CARD_DEFAULTS: Required<Pick<InfoCardMetadata, 'iconColor' | 'bordered' | 'shadowed' | 'padding' | 'borderRadius'>>;
@@ -1,16 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { InputMetadata } from '../../types';
3
- import * as i0 from "@angular/core";
4
- export declare class NumberInputComponent implements OnInit {
5
- /**
6
- * Input configuration object.
7
- * @type {InputMetadata}
8
- * @property control - The Angular FormControl for the input.
9
- * @property placeholder - The placeholder text.
10
- */
11
- props: InputMetadata;
12
- constructor();
13
- ngOnInit(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "val-number-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
16
- }