valtech-components 4.0.257 → 4.0.260
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/molecules/picker-v2/picker-v2.component.mjs +137 -0
- package/esm2022/lib/components/organisms/preferences-view/preferences-view.component.mjs +24 -20
- package/esm2022/lib/components/organisms/preferences-view/preferences-view.i18n.mjs +5 -1
- package/esm2022/lib/components/organisms/pricing-table/pricing-table.component.mjs +254 -0
- package/esm2022/lib/components/organisms/pricing-table/types.mjs +2 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/valtech-components.mjs +413 -19
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/picker-v2/picker-v2.component.d.ts +34 -0
- package/lib/components/organisms/preferences-view/preferences-view.component.d.ts +5 -5
- package/lib/components/organisms/pricing-table/pricing-table.component.d.ts +17 -0
- package/lib/components/organisms/pricing-table/types.d.ts +40 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface PickerV2Option {
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
prefix?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface PickerV2Metadata {
|
|
10
|
+
options: PickerV2Option[];
|
|
11
|
+
selectedValue?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* `val-picker-v2`
|
|
18
|
+
*
|
|
19
|
+
* Dropdown propio para pickers simples. Evita el trigger de `ion-select`, que en
|
|
20
|
+
* popovers de settings podía deformar el borde activo del botón.
|
|
21
|
+
*/
|
|
22
|
+
export declare class PickerV2Component {
|
|
23
|
+
props: PickerV2Metadata;
|
|
24
|
+
selectionChange: EventEmitter<string>;
|
|
25
|
+
private host;
|
|
26
|
+
readonly open: import("@angular/core").WritableSignal<boolean>;
|
|
27
|
+
readonly selectedOption: import("@angular/core").Signal<PickerV2Option>;
|
|
28
|
+
readonly displayText: import("@angular/core").Signal<string>;
|
|
29
|
+
toggle(): void;
|
|
30
|
+
select(option: PickerV2Option): void;
|
|
31
|
+
onDocumentClick(event: MouseEvent): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PickerV2Component, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PickerV2Component, "val-picker-v2", never, { "props": { "alias": "props"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
|
|
34
|
+
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { PopoverSelectorMetadata } from '../../molecules/popover-selector/types';
|
|
1
|
+
import { PickerV2Metadata } from '../../molecules/picker-v2/picker-v2.component';
|
|
3
2
|
import { PreferencesService } from '../../../services/preferences/preferences.service';
|
|
4
3
|
import { PreferencesViewConfig } from './types';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
@@ -43,9 +42,9 @@ export declare class PreferencesViewComponent {
|
|
|
43
42
|
readonly langHint: import("@angular/core").Signal<string>;
|
|
44
43
|
readonly fontSizeTitle: import("@angular/core").Signal<string>;
|
|
45
44
|
readonly fontSizeHint: import("@angular/core").Signal<string>;
|
|
46
|
-
readonly
|
|
47
|
-
readonly
|
|
48
|
-
readonly fontSizePickerProps: import("@angular/core").Signal<
|
|
45
|
+
readonly themePickerProps: import("@angular/core").Signal<PickerV2Metadata>;
|
|
46
|
+
readonly languagePickerProps: import("@angular/core").Signal<PickerV2Metadata>;
|
|
47
|
+
readonly fontSizePickerProps: import("@angular/core").Signal<PickerV2Metadata>;
|
|
49
48
|
constructor();
|
|
50
49
|
onThemeChange(value: string | string[]): Promise<void>;
|
|
51
50
|
onFontSizeChange(value: string | string[]): Promise<void>;
|
|
@@ -53,6 +52,7 @@ export declare class PreferencesViewComponent {
|
|
|
53
52
|
private dispatch;
|
|
54
53
|
/** Lee del namespace configurado. */
|
|
55
54
|
protected t(key: string): string;
|
|
55
|
+
private languageName;
|
|
56
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<PreferencesViewComponent, never>;
|
|
57
57
|
static ɵcmp: i0.ɵɵComponentDeclaration<PreferencesViewComponent, "val-preferences-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
|
|
58
58
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { PricingBillingCycle, PricingPlanCard, PricingTableMetadata } from './types';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class PricingTableComponent {
|
|
5
|
+
props: PricingTableMetadata;
|
|
6
|
+
onSelect: EventEmitter<string>;
|
|
7
|
+
cycle(): PricingBillingCycle;
|
|
8
|
+
featuredLabel(): string;
|
|
9
|
+
currentLabel(): string;
|
|
10
|
+
customPriceLabel(): string;
|
|
11
|
+
defaultCtaLabel(): string;
|
|
12
|
+
periodLabel(): string;
|
|
13
|
+
priceLabel(plan: PricingPlanCard): string;
|
|
14
|
+
select(plan: PricingPlanCard): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PricingTableComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PricingTableComponent, "val-pricing-table", never, { "props": { "alias": "props"; "required": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export type PricingBillingCycle = 'monthly' | 'annual';
|
|
2
|
+
export type PricingPlanFeature = {
|
|
3
|
+
label: string;
|
|
4
|
+
included?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export type PricingPlanLimit = {
|
|
7
|
+
label: string;
|
|
8
|
+
value: string;
|
|
9
|
+
};
|
|
10
|
+
export type PricingPlanCard = {
|
|
11
|
+
tier: string;
|
|
12
|
+
name: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
priceMonthly?: number;
|
|
15
|
+
priceAnnual?: number;
|
|
16
|
+
currency?: string;
|
|
17
|
+
highlighted?: boolean;
|
|
18
|
+
custom?: boolean;
|
|
19
|
+
current?: boolean;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
badge?: string;
|
|
22
|
+
ctaLabel?: string;
|
|
23
|
+
summaryTitle?: string;
|
|
24
|
+
summary?: string[];
|
|
25
|
+
featuresTitle?: string;
|
|
26
|
+
features?: PricingPlanFeature[];
|
|
27
|
+
limits?: PricingPlanLimit[];
|
|
28
|
+
};
|
|
29
|
+
export type PricingTableMetadata = {
|
|
30
|
+
plans: PricingPlanCard[];
|
|
31
|
+
billingCycle?: PricingBillingCycle;
|
|
32
|
+
locale?: string;
|
|
33
|
+
emptyLabel?: string;
|
|
34
|
+
featuredLabel?: string;
|
|
35
|
+
currentLabel?: string;
|
|
36
|
+
customPriceLabel?: string;
|
|
37
|
+
monthlyPeriodLabel?: string;
|
|
38
|
+
annualPeriodLabel?: string;
|
|
39
|
+
defaultCtaLabel?: string;
|
|
40
|
+
};
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -118,6 +118,7 @@ export * from './lib/components/molecules/action-header/action-header.component'
|
|
|
118
118
|
export * from './lib/components/molecules/action-header/types';
|
|
119
119
|
export * from './lib/components/molecules/pill/pill.component';
|
|
120
120
|
export * from './lib/components/molecules/pill/types';
|
|
121
|
+
export * from './lib/components/molecules/picker-v2/picker-v2.component';
|
|
121
122
|
export * from './lib/components/molecules/command-display/command-display.component';
|
|
122
123
|
export * from './lib/components/molecules/command-display/types';
|
|
123
124
|
export * from './lib/components/molecules/info/info.component';
|
|
@@ -343,6 +344,8 @@ export * from './lib/components/organisms/skeleton-layout/skeleton-layout.compon
|
|
|
343
344
|
export * from './lib/components/organisms/skeleton-layout/types';
|
|
344
345
|
export * from './lib/components/organisms/faq/faq.component';
|
|
345
346
|
export * from './lib/components/organisms/faq/types';
|
|
347
|
+
export * from './lib/components/organisms/pricing-table/pricing-table.component';
|
|
348
|
+
export * from './lib/components/organisms/pricing-table/types';
|
|
346
349
|
export * from './lib/components/templates/simple/simple.component';
|
|
347
350
|
export * from './lib/components/templates/simple/types';
|
|
348
351
|
export * from './lib/components/templates/page-template/page-template.component';
|