@updevs/components 1.0.0-alpha.47 → 1.0.0-alpha.49
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/README.md +1 -13
- package/calendar/calendar.component.d.ts +58 -122
- package/calendar/models/calendar-date.model.d.ts +10 -0
- package/calendar/models/calendar-month.model.d.ts +7 -0
- package/calendar/models/calendar-selected.model.d.ts +5 -0
- package/calendar/models/calendar-year.model.d.ts +6 -0
- package/calendar/models/date-range.model.d.ts +0 -4
- package/calendar/models/enums/calendar-view.enum.d.ts +5 -0
- package/calendar/models/public-api.d.ts +5 -0
- package/calendar/upd-calendar.module.d.ts +6 -11
- package/card/public-api.d.ts +1 -0
- package/card/types/public-api.d.ts +5 -0
- package/dropdown/dropdown.component.d.ts +3 -0
- package/esm2022/calendar/calendar.component.mjs +288 -217
- package/esm2022/calendar/models/calendar-date.model.mjs +2 -0
- package/esm2022/calendar/models/calendar-month.model.mjs +2 -0
- package/esm2022/calendar/models/calendar-selected.model.mjs +2 -0
- package/esm2022/calendar/models/calendar-year.model.mjs +2 -0
- package/esm2022/calendar/models/date-range.model.mjs +1 -1
- package/esm2022/calendar/models/enums/calendar-view.enum.mjs +7 -0
- package/esm2022/calendar/models/public-api.mjs +6 -1
- package/esm2022/calendar/upd-calendar.module.mjs +2 -20
- package/esm2022/card/public-api.mjs +2 -1
- package/esm2022/card/types/public-api.mjs +6 -0
- package/esm2022/dropdown/dropdown.component.mjs +23 -7
- package/esm2022/form-controls/date-picker/date-picker.component.mjs +45 -60
- package/esm2022/form-controls/input/input.component.mjs +3 -3
- package/esm2022/lib/models/row-column-size.mjs +1 -1
- package/esm2022/lib/tools/column-size.helper.mjs +2 -2
- package/esm2022/popover/popover.directive.mjs +10 -26
- package/esm2022/pricing-cards/index.mjs +2 -0
- package/esm2022/pricing-cards/models/price-item-feature.model.mjs +2 -0
- package/esm2022/pricing-cards/models/price-item-features-group.model.mjs +2 -0
- package/esm2022/pricing-cards/models/price-item.model.mjs +2 -0
- package/esm2022/pricing-cards/models/public-api.mjs +4 -0
- package/esm2022/pricing-cards/pricing-cards.component.mjs +24 -0
- package/esm2022/pricing-cards/public-api.mjs +4 -0
- package/esm2022/pricing-cards/upd-pricing-cards.module.mjs +36 -0
- package/esm2022/pricing-cards/updevs-components-pricing-cards.mjs +5 -0
- package/esm2022/table/abstractions/base.column.mjs +30 -44
- package/esm2022/table/table.component.mjs +9 -12
- package/fesm2022/updevs-components-calendar.mjs +319 -1449
- package/fesm2022/updevs-components-calendar.mjs.map +1 -1
- package/fesm2022/updevs-components-dropdown.mjs +22 -6
- package/fesm2022/updevs-components-dropdown.mjs.map +1 -1
- package/fesm2022/updevs-components-form-controls-date-picker.mjs +44 -59
- package/fesm2022/updevs-components-form-controls-date-picker.mjs.map +1 -1
- package/fesm2022/updevs-components-form-controls-input.mjs +2 -2
- package/fesm2022/updevs-components-form-controls-input.mjs.map +1 -1
- package/fesm2022/updevs-components-popover.mjs +9 -25
- package/fesm2022/updevs-components-popover.mjs.map +1 -1
- package/fesm2022/updevs-components-pricing-cards.mjs +64 -0
- package/fesm2022/updevs-components-pricing-cards.mjs.map +1 -0
- package/fesm2022/updevs-components-table.mjs +38 -55
- package/fesm2022/updevs-components-table.mjs.map +1 -1
- package/fesm2022/updevs-components.mjs +1 -1
- package/fesm2022/updevs-components.mjs.map +1 -1
- package/form-controls/date-picker/date-picker.component.d.ts +10 -31
- package/lib/models/row-column-size.d.ts +5 -9
- package/package.json +36 -30
- package/pricing-cards/index.d.ts +1 -0
- package/pricing-cards/models/price-item-feature.model.d.ts +5 -0
- package/pricing-cards/models/price-item-features-group.model.d.ts +5 -0
- package/pricing-cards/models/price-item.model.d.ts +19 -0
- package/pricing-cards/models/public-api.d.ts +3 -0
- package/pricing-cards/pricing-cards.component.d.ts +11 -0
- package/pricing-cards/public-api.d.ts +3 -0
- package/pricing-cards/upd-pricing-cards.module.d.ts +11 -0
- package/table/abstractions/base.column.d.ts +4 -0
- package/calendar/components/calendar-body/calendar-body.component.d.ts +0 -263
- package/calendar/components/calendar-header/calendar-header.component.d.ts +0 -57
- package/calendar/components/calendar-month-view/calendar-month-view.component.d.ts +0 -151
- package/calendar/components/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +0 -10
- package/calendar/components/calendar-year-view/calendar-year-view.component.d.ts +0 -9
- package/calendar/models/calendar-cell.model.d.ts +0 -16
- package/calendar/services/calendar.service.d.ts +0 -15
- package/calendar/tools/events-options.d.ts +0 -12
- package/calendar/tools/keyboard-tools.d.ts +0 -9
- package/calendar/tools/passive-listeners.d.ts +0 -16
- package/calendar/types/calendar-cell-class-function.type.d.ts +0 -3
- package/calendar/types/calendar-cell-css-classes.type.d.ts +0 -3
- package/calendar/types/modifier-key.type.d.ts +0 -1
- package/esm2022/calendar/components/calendar-body/calendar-body.component.mjs +0 -515
- package/esm2022/calendar/components/calendar-header/calendar-header.component.mjs +0 -144
- package/esm2022/calendar/components/calendar-month-view/calendar-month-view.component.mjs +0 -423
- package/esm2022/calendar/components/calendar-multi-year-view/calendar-multi-year-view.component.mjs +0 -18
- package/esm2022/calendar/components/calendar-year-view/calendar-year-view.component.mjs +0 -17
- package/esm2022/calendar/models/calendar-cell.model.mjs +0 -18
- package/esm2022/calendar/services/calendar.service.mjs +0 -40
- package/esm2022/calendar/tools/events-options.mjs +0 -14
- package/esm2022/calendar/tools/keyboard-tools.mjs +0 -14
- package/esm2022/calendar/tools/passive-listeners.mjs +0 -29
- package/esm2022/calendar/types/calendar-cell-class-function.type.mjs +0 -2
- package/esm2022/calendar/types/calendar-cell-css-classes.type.mjs +0 -2
- package/esm2022/calendar/types/modifier-key.type.mjs +0 -2
|
@@ -6,7 +6,7 @@ class ColumnSizeHelper {
|
|
|
6
6
|
if (!colSize) {
|
|
7
7
|
return `col-${defaultIfEmpty || 12}`;
|
|
8
8
|
}
|
|
9
|
-
return this.getClasses(!!colSize.default ? `col-${colSize.default}` : '', !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '', !!colSize.large ? `col-lg-${colSize.large}` : '', !!colSize.medium ? `col-md-${colSize.medium}` : '', !!colSize.small ? `col-sm-${(colSize.small)}` : ''
|
|
9
|
+
return this.getClasses(!!colSize.default ? `col-${colSize.default}` : '', !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '', !!colSize.large ? `col-lg-${colSize.large}` : '', !!colSize.medium ? `col-md-${colSize.medium}` : '', !!colSize.small ? `col-sm-${(colSize.small)}` : '');
|
|
10
10
|
}
|
|
11
11
|
static getClasses(...classes) {
|
|
12
12
|
return classes.join(' ').trim();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"updevs-components.mjs","sources":["../../../../libs/components/src/lib/tools/column-size.helper.ts","../../../../libs/components/src/lib/upd-components.module.ts","../../../../libs/components/src/updevs-components.ts"],"sourcesContent":["import { RowColumnSize } from '../models/row-column-size';\n\nexport class ColumnSizeHelper {\n static getSizeClasses(colSize?: RowColumnSize, defaultIfEmpty?: number): string {\n if (!colSize) {\n return `col-${defaultIfEmpty || 12}`;\n }\n\n return this.getClasses(\n !!colSize.default ? `col-${colSize.default}` : '',\n !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '',\n !!colSize.large ? `col-lg-${colSize.large}` : '',\n !!colSize.medium ? `col-md-${colSize.medium}` : '',\n !!colSize.small ? `col-sm-${(colSize.small)}` : ''
|
|
1
|
+
{"version":3,"file":"updevs-components.mjs","sources":["../../../../libs/components/src/lib/tools/column-size.helper.ts","../../../../libs/components/src/lib/upd-components.module.ts","../../../../libs/components/src/updevs-components.ts"],"sourcesContent":["import { RowColumnSize } from '../models/row-column-size';\n\nexport class ColumnSizeHelper {\n static getSizeClasses(colSize?: RowColumnSize, defaultIfEmpty?: number): string {\n if (!colSize) {\n return `col-${defaultIfEmpty || 12}`;\n }\n\n return this.getClasses(\n !!colSize.default ? `col-${colSize.default}` : '',\n !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '',\n !!colSize.large ? `col-lg-${colSize.large}` : '',\n !!colSize.medium ? `col-md-${colSize.medium}` : '',\n !!colSize.small ? `col-sm-${(colSize.small)}` : ''\n );\n }\n\n static getClasses(...classes: string[]): string {\n return classes.join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\n\n@NgModule({\n imports: []\n})\nexport class UpdComponentsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAEa,gBAAgB,CAAA;AACzB,IAAA,OAAO,cAAc,CAAC,OAAuB,EAAE,cAAuB,EAAA;QAClE,IAAI,CAAC,OAAO,EAAE;AACV,YAAA,OAAO,CAAO,IAAA,EAAA,cAAc,IAAI,EAAE,EAAE;;QAGxC,OAAO,IAAI,CAAC,UAAU,CAClB,CAAC,CAAC,OAAO,CAAC,OAAO,GAAG,CAAA,IAAA,EAAO,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,EACjD,CAAC,CAAC,OAAO,CAAC,UAAU,GAAG,CAAU,OAAA,EAAA,OAAO,CAAC,UAAU,CAAA,CAAE,GAAG,EAAE,EAC1D,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,UAAU,OAAO,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE,EAChD,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,UAAU,OAAO,CAAC,MAAM,CAAA,CAAE,GAAG,EAAE,EAClD,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAA,OAAA,GAAW,OAAO,CAAC,KAAK,EAAC,CAAE,GAAG,EAAE,CACrD;;AAGL,IAAA,OAAO,UAAU,CAAC,GAAG,OAAiB,EAAA;QAClC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAEtC;;MCfY,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;AACZ,iBAAA;;;ACJD;;AAEG;;;;"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { BaseComponent } from '@updevs/sdk/layout';
|
|
3
3
|
import { OptionalType } from '@updevs/sdk/types';
|
|
4
|
-
import {
|
|
4
|
+
import { CalendarSelectedModel, CalendarComponent } from '@updevs/components/calendar';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class DatePickerComponent extends BaseComponent {
|
|
7
7
|
componentBox?: ElementRef;
|
|
8
|
-
|
|
8
|
+
calendarWrapper?: ElementRef;
|
|
9
|
+
calendarComponent: CalendarComponent;
|
|
9
10
|
shouldCloseOnOutsideClick: boolean;
|
|
11
|
+
shouldCloseOnSelectionFinished: boolean;
|
|
10
12
|
/**
|
|
11
13
|
* The minimum selectable date.
|
|
12
14
|
*/
|
|
@@ -20,10 +22,6 @@ export declare class DatePickerComponent extends BaseComponent {
|
|
|
20
22
|
*/
|
|
21
23
|
get startAt(): OptionalType<Date>;
|
|
22
24
|
set startAt(value: OptionalType<Date>);
|
|
23
|
-
/**
|
|
24
|
-
* The view that the calendar should start in.
|
|
25
|
-
*/
|
|
26
|
-
startView: CalendarViewType;
|
|
27
25
|
dateFilter?: (date: Date) => boolean;
|
|
28
26
|
/**
|
|
29
27
|
* Whether the user is currently selecting a range of dates.
|
|
@@ -33,16 +31,7 @@ export declare class DatePickerComponent extends BaseComponent {
|
|
|
33
31
|
* Emits the year chosen in multiyear view.
|
|
34
32
|
* This doesn't imply a change on the selected date.
|
|
35
33
|
*/
|
|
36
|
-
readonly
|
|
37
|
-
/**
|
|
38
|
-
* Emits the month chosen in year view.
|
|
39
|
-
* This doesn't imply a change on the selected date.
|
|
40
|
-
*/
|
|
41
|
-
readonly monthSelected: EventEmitter<Date>;
|
|
42
|
-
/**
|
|
43
|
-
* Emits when the current view changes.
|
|
44
|
-
*/
|
|
45
|
-
readonly viewChanged: EventEmitter<CalendarViewType>;
|
|
34
|
+
readonly selected: EventEmitter<OptionalType<CalendarSelectedModel>>;
|
|
46
35
|
/**
|
|
47
36
|
* Whether the dropdown is open.
|
|
48
37
|
*/
|
|
@@ -55,21 +44,13 @@ export declare class DatePickerComponent extends BaseComponent {
|
|
|
55
44
|
* End of the comparison range.
|
|
56
45
|
*/
|
|
57
46
|
comparisonEnd?: Date;
|
|
58
|
-
|
|
59
|
-
* ARIA Accessible name of the `<input matStartDate/>`
|
|
60
|
-
*/
|
|
61
|
-
startDateAccessibleName?: string;
|
|
62
|
-
/**
|
|
63
|
-
* ARIA Accessible name of the `<input matEndDate/>`
|
|
64
|
-
*/
|
|
65
|
-
endDateAccessibleName?: string;
|
|
66
|
-
selectedData: DateRangeModel;
|
|
47
|
+
selectedData: CalendarSelectedModel;
|
|
67
48
|
get hasSelectedData(): boolean;
|
|
49
|
+
get selectedDate(): string;
|
|
68
50
|
get startDate(): string;
|
|
69
51
|
get endDate(): string;
|
|
70
52
|
readonly id: string;
|
|
71
53
|
private _startAt?;
|
|
72
|
-
private readonly rangeSelectionStrategy;
|
|
73
54
|
private readonly dateService;
|
|
74
55
|
private readonly domEventsService;
|
|
75
56
|
private readonly positioningService;
|
|
@@ -77,11 +58,9 @@ export declare class DatePickerComponent extends BaseComponent {
|
|
|
77
58
|
private readonly renderer;
|
|
78
59
|
clearSelection(): void;
|
|
79
60
|
openDropdown(): void;
|
|
80
|
-
handleUserSelection(
|
|
81
|
-
|
|
82
|
-
updateStartDate(value: any): void;
|
|
83
|
-
updateEndDate(value: any): void;
|
|
61
|
+
handleUserSelection(selected: OptionalType<CalendarSelectedModel>): void;
|
|
62
|
+
updateSelectedDate(value: any): void;
|
|
84
63
|
private updatePosition;
|
|
85
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
|
86
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "upd-date-picker", never, { "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "upd-date-picker", never, { "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "shouldCloseOnSelectionFinished": { "alias": "shouldCloseOnSelectionFinished"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
|
|
87
66
|
}
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
/// <reference path="row-column-size.ngtypecheck.d.ts" />
|
|
2
2
|
export interface RowColumnSize {
|
|
3
3
|
/**
|
|
4
|
-
* Applies to all breakpoints.
|
|
4
|
+
* Applies to all breakpoints from 576px and up (col-X).
|
|
5
5
|
*/
|
|
6
6
|
default?: number;
|
|
7
7
|
/**
|
|
8
|
-
* For devices with 1200px and up.
|
|
8
|
+
* For devices with 1200px and up (col-xl-X).
|
|
9
9
|
*/
|
|
10
10
|
extraLarge?: number;
|
|
11
11
|
/**
|
|
12
|
-
* For devices with 992px and up.
|
|
12
|
+
* For devices with 992px and up (col-lg-X).
|
|
13
13
|
*/
|
|
14
14
|
large?: number;
|
|
15
15
|
/**
|
|
16
|
-
* For devices with 768px and up.
|
|
16
|
+
* For devices with 768px and up (col-md-X).
|
|
17
17
|
*/
|
|
18
18
|
medium?: number;
|
|
19
19
|
/**
|
|
20
|
-
* For devices with 576px and up.
|
|
20
|
+
* For devices with 576px and up (col-sm-X).
|
|
21
21
|
*/
|
|
22
22
|
small?: number;
|
|
23
|
-
/**
|
|
24
|
-
* For devices with less than 576px.
|
|
25
|
-
*/
|
|
26
|
-
extraSmall?: number;
|
|
27
23
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@updevs/components",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.49",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.0.1 || ^19.0.0",
|
|
6
6
|
"@angular/core": "^18.0.1 || ^19.0.0",
|
|
7
7
|
"@jsverse/transloco": "^7.4.2",
|
|
8
8
|
"@jsverse/transloco-messageformat": "^7.0.1",
|
|
9
9
|
"@updevs/icons": "^1.0.9",
|
|
10
|
-
"@updevs/sdk": "^1.0.0-alpha.
|
|
10
|
+
"@updevs/sdk": "^1.0.0-alpha.43"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"tslib": "^2.3.0"
|
|
@@ -40,17 +40,11 @@
|
|
|
40
40
|
"esm": "./esm2022/button/updevs-components-button.mjs",
|
|
41
41
|
"default": "./fesm2022/updevs-components-button.mjs"
|
|
42
42
|
},
|
|
43
|
-
"./
|
|
44
|
-
"types": "./
|
|
45
|
-
"esm2022": "./esm2022/
|
|
46
|
-
"esm": "./esm2022/
|
|
47
|
-
"default": "./fesm2022/updevs-components-
|
|
48
|
-
},
|
|
49
|
-
"./card": {
|
|
50
|
-
"types": "./card/index.d.ts",
|
|
51
|
-
"esm2022": "./esm2022/card/updevs-components-card.mjs",
|
|
52
|
-
"esm": "./esm2022/card/updevs-components-card.mjs",
|
|
53
|
-
"default": "./fesm2022/updevs-components-card.mjs"
|
|
43
|
+
"./drag-and-drop": {
|
|
44
|
+
"types": "./drag-and-drop/index.d.ts",
|
|
45
|
+
"esm2022": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
|
|
46
|
+
"esm": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
|
|
47
|
+
"default": "./fesm2022/updevs-components-drag-and-drop.mjs"
|
|
54
48
|
},
|
|
55
49
|
"./dropdown": {
|
|
56
50
|
"types": "./dropdown/index.d.ts",
|
|
@@ -64,11 +58,17 @@
|
|
|
64
58
|
"esm": "./esm2022/form/updevs-components-form.mjs",
|
|
65
59
|
"default": "./fesm2022/updevs-components-form.mjs"
|
|
66
60
|
},
|
|
67
|
-
"./
|
|
68
|
-
"types": "./
|
|
69
|
-
"esm2022": "./esm2022/
|
|
70
|
-
"esm": "./esm2022/
|
|
71
|
-
"default": "./fesm2022/updevs-components-
|
|
61
|
+
"./card": {
|
|
62
|
+
"types": "./card/index.d.ts",
|
|
63
|
+
"esm2022": "./esm2022/card/updevs-components-card.mjs",
|
|
64
|
+
"esm": "./esm2022/card/updevs-components-card.mjs",
|
|
65
|
+
"default": "./fesm2022/updevs-components-card.mjs"
|
|
66
|
+
},
|
|
67
|
+
"./calendar": {
|
|
68
|
+
"types": "./calendar/index.d.ts",
|
|
69
|
+
"esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
70
|
+
"esm": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
71
|
+
"default": "./fesm2022/updevs-components-calendar.mjs"
|
|
72
72
|
},
|
|
73
73
|
"./layout": {
|
|
74
74
|
"types": "./layout/index.d.ts",
|
|
@@ -76,12 +76,6 @@
|
|
|
76
76
|
"esm": "./esm2022/layout/updevs-components-layout.mjs",
|
|
77
77
|
"default": "./fesm2022/updevs-components-layout.mjs"
|
|
78
78
|
},
|
|
79
|
-
"./link": {
|
|
80
|
-
"types": "./link/index.d.ts",
|
|
81
|
-
"esm2022": "./esm2022/link/updevs-components-link.mjs",
|
|
82
|
-
"esm": "./esm2022/link/updevs-components-link.mjs",
|
|
83
|
-
"default": "./fesm2022/updevs-components-link.mjs"
|
|
84
|
-
},
|
|
85
79
|
"./list": {
|
|
86
80
|
"types": "./list/index.d.ts",
|
|
87
81
|
"esm2022": "./esm2022/list/updevs-components-list.mjs",
|
|
@@ -94,6 +88,12 @@
|
|
|
94
88
|
"esm": "./esm2022/modal/updevs-components-modal.mjs",
|
|
95
89
|
"default": "./fesm2022/updevs-components-modal.mjs"
|
|
96
90
|
},
|
|
91
|
+
"./link": {
|
|
92
|
+
"types": "./link/index.d.ts",
|
|
93
|
+
"esm2022": "./esm2022/link/updevs-components-link.mjs",
|
|
94
|
+
"esm": "./esm2022/link/updevs-components-link.mjs",
|
|
95
|
+
"default": "./fesm2022/updevs-components-link.mjs"
|
|
96
|
+
},
|
|
97
97
|
"./paginator": {
|
|
98
98
|
"types": "./paginator/index.d.ts",
|
|
99
99
|
"esm2022": "./esm2022/paginator/updevs-components-paginator.mjs",
|
|
@@ -106,6 +106,12 @@
|
|
|
106
106
|
"esm": "./esm2022/popover/updevs-components-popover.mjs",
|
|
107
107
|
"default": "./fesm2022/updevs-components-popover.mjs"
|
|
108
108
|
},
|
|
109
|
+
"./pricing-cards": {
|
|
110
|
+
"types": "./pricing-cards/index.d.ts",
|
|
111
|
+
"esm2022": "./esm2022/pricing-cards/updevs-components-pricing-cards.mjs",
|
|
112
|
+
"esm": "./esm2022/pricing-cards/updevs-components-pricing-cards.mjs",
|
|
113
|
+
"default": "./fesm2022/updevs-components-pricing-cards.mjs"
|
|
114
|
+
},
|
|
109
115
|
"./table": {
|
|
110
116
|
"types": "./table/index.d.ts",
|
|
111
117
|
"esm2022": "./esm2022/table/updevs-components-table.mjs",
|
|
@@ -124,18 +130,18 @@
|
|
|
124
130
|
"esm": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
|
|
125
131
|
"default": "./fesm2022/updevs-components-form-controls-checkbox.mjs"
|
|
126
132
|
},
|
|
127
|
-
"./form-controls/date-picker": {
|
|
128
|
-
"types": "./form-controls/date-picker/index.d.ts",
|
|
129
|
-
"esm2022": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
130
|
-
"esm": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
131
|
-
"default": "./fesm2022/updevs-components-form-controls-date-picker.mjs"
|
|
132
|
-
},
|
|
133
133
|
"./form-controls/file-upload": {
|
|
134
134
|
"types": "./form-controls/file-upload/index.d.ts",
|
|
135
135
|
"esm2022": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
136
136
|
"esm": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
137
137
|
"default": "./fesm2022/updevs-components-form-controls-file-upload.mjs"
|
|
138
138
|
},
|
|
139
|
+
"./form-controls/date-picker": {
|
|
140
|
+
"types": "./form-controls/date-picker/index.d.ts",
|
|
141
|
+
"esm2022": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
142
|
+
"esm": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
143
|
+
"default": "./fesm2022/updevs-components-form-controls-date-picker.mjs"
|
|
144
|
+
},
|
|
139
145
|
"./form-controls/input": {
|
|
140
146
|
"types": "./form-controls/input/index.d.ts",
|
|
141
147
|
"esm2022": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './public-api';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { IconModel } from '@updevs/icons';
|
|
2
|
+
import { TextModel } from '@updevs/sdk';
|
|
3
|
+
import { BaseEntityModel } from '@updevs/sdk/core';
|
|
4
|
+
import { BgColorStyleType } from '@updevs/sdk/types';
|
|
5
|
+
import { RibbonStyleType } from '@updevs/components/card';
|
|
6
|
+
import { PriceItemFeature } from './price-item-feature.model';
|
|
7
|
+
import { PriceItemFeaturesGroup } from './price-item-features-group.model';
|
|
8
|
+
export interface PriceItemModel extends BaseEntityModel {
|
|
9
|
+
title: string;
|
|
10
|
+
price: string;
|
|
11
|
+
isCurrent: boolean;
|
|
12
|
+
isHighlighted: boolean;
|
|
13
|
+
chooseThisText: TextModel;
|
|
14
|
+
ribbonBackground?: BgColorStyleType;
|
|
15
|
+
ribbonStyle?: RibbonStyleType;
|
|
16
|
+
ribbonIcon?: IconModel;
|
|
17
|
+
groupedFeatures?: PriceItemFeaturesGroup[];
|
|
18
|
+
features?: PriceItemFeature[];
|
|
19
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TextService } from '@updevs/sdk';
|
|
2
|
+
import { PriceItemModel } from './models/price-item.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class PricingCardsComponent {
|
|
5
|
+
readonly items: import("@angular/core").InputSignal<PriceItemModel[]>;
|
|
6
|
+
readonly selected: import("@angular/core").OutputEmitterRef<PriceItemModel>;
|
|
7
|
+
readonly textService: TextService;
|
|
8
|
+
selectOption(item: PriceItemModel): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PricingCardsComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PricingCardsComponent, "upd-pricing-cards", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./pricing-cards.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@updevs/components/card";
|
|
5
|
+
import * as i4 from "@updevs/icons";
|
|
6
|
+
import * as i5 from "@updevs/components/button";
|
|
7
|
+
export declare class UpdPricingCardsModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UpdPricingCardsModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<UpdPricingCardsModule, [typeof i1.PricingCardsComponent], [typeof i2.CommonModule, typeof i3.UpdCardModule, typeof i4.UpdIconsModule, typeof i5.UpdButtonModule], [typeof i1.PricingCardsComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<UpdPricingCardsModule>;
|
|
11
|
+
}
|
|
@@ -2,6 +2,10 @@ import { TextService } from '@updevs/sdk';
|
|
|
2
2
|
import { BaseColumnModel } from './base-column.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare abstract class BaseColumn<TConfig extends BaseColumnModel> {
|
|
5
|
+
private static readonly alignmentClassMap;
|
|
6
|
+
private static readonly overflowClassMap;
|
|
7
|
+
private static readonly decorationClassMap;
|
|
8
|
+
private static readonly weightClassMap;
|
|
5
9
|
record: any;
|
|
6
10
|
config: TConfig;
|
|
7
11
|
get value(): any;
|
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, SimpleChanges, OnChanges, AfterViewChecked, OnDestroy } from '@angular/core';
|
|
2
|
-
import { OptionalType } from '@updevs/sdk/types';
|
|
3
|
-
import { CalendarCellModel } from '../../models/calendar-cell.model';
|
|
4
|
-
import { CalendarUserEventModel } from '../../models/calendar-user-event.model';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class CalendarBodyComponent implements OnChanges, AfterViewChecked, OnDestroy {
|
|
7
|
-
/**
|
|
8
|
-
* The label for the table. (e.g. "Jan 2017").
|
|
9
|
-
*/
|
|
10
|
-
label: string;
|
|
11
|
-
/**
|
|
12
|
-
* The cells to display in the table.
|
|
13
|
-
*/
|
|
14
|
-
rows: CalendarCellModel[][];
|
|
15
|
-
/**
|
|
16
|
-
* The value in the table that corresponds to today.
|
|
17
|
-
*/
|
|
18
|
-
todayValue?: number;
|
|
19
|
-
/**
|
|
20
|
-
* Start value of the selected date range.
|
|
21
|
-
*/
|
|
22
|
-
startValue?: number;
|
|
23
|
-
/**
|
|
24
|
-
* End value of the selected date range.
|
|
25
|
-
*/
|
|
26
|
-
endValue?: number;
|
|
27
|
-
/**
|
|
28
|
-
* The minimum number of free cells needed to fit the label in the first row.
|
|
29
|
-
*/
|
|
30
|
-
labelMinRequiredCells: number;
|
|
31
|
-
/**
|
|
32
|
-
* The number of columns in the table.
|
|
33
|
-
*/
|
|
34
|
-
numCols: number;
|
|
35
|
-
/**
|
|
36
|
-
* The cell number of the active cell in the table.
|
|
37
|
-
*/
|
|
38
|
-
activeCell: number;
|
|
39
|
-
/**
|
|
40
|
-
* Whether a range is being selected.
|
|
41
|
-
*/
|
|
42
|
-
isRange: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
|
|
45
|
-
* maintained even as the table resizes.
|
|
46
|
-
*/
|
|
47
|
-
cellAspectRatio: number;
|
|
48
|
-
/**
|
|
49
|
-
* Start of the comparison range.
|
|
50
|
-
*/
|
|
51
|
-
comparisonStart?: number;
|
|
52
|
-
/**
|
|
53
|
-
* End of the comparison range.
|
|
54
|
-
*/
|
|
55
|
-
comparisonEnd?: number;
|
|
56
|
-
/**
|
|
57
|
-
* Start of the preview range.
|
|
58
|
-
*/
|
|
59
|
-
previewStart?: number;
|
|
60
|
-
/**
|
|
61
|
-
* End of the preview range.
|
|
62
|
-
*/
|
|
63
|
-
previewEnd?: number;
|
|
64
|
-
/**
|
|
65
|
-
* ARIA Accessible name of the `<input updStartDate/>`
|
|
66
|
-
*/
|
|
67
|
-
startDateAccessibleName?: string;
|
|
68
|
-
/**
|
|
69
|
-
* ARIA Accessible name of the `<input updEndDate/>`
|
|
70
|
-
*/
|
|
71
|
-
endDateAccessibleName?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Emits when a new value is selected.
|
|
74
|
-
*/
|
|
75
|
-
readonly selectedValueChange: EventEmitter<CalendarUserEventModel<number>>;
|
|
76
|
-
/**
|
|
77
|
-
* Emits when the preview has changed as a result of a user action.
|
|
78
|
-
*/
|
|
79
|
-
readonly previewChange: EventEmitter<CalendarUserEventModel<OptionalType<CalendarCellModel>>>;
|
|
80
|
-
/**
|
|
81
|
-
* Emits the date at the possible start of a drag event.
|
|
82
|
-
*/
|
|
83
|
-
readonly dragStarted: EventEmitter<CalendarUserEventModel<Date>>;
|
|
84
|
-
/**
|
|
85
|
-
* Emits the date at the conclusion of a drag, or null if mouse was not released on a date.
|
|
86
|
-
*/
|
|
87
|
-
readonly dragEnded: EventEmitter<CalendarUserEventModel<OptionalType<Date>>>;
|
|
88
|
-
/**
|
|
89
|
-
* The number of blank cells to put at the beginning for the first row.
|
|
90
|
-
*/
|
|
91
|
-
firstRowOffset: number;
|
|
92
|
-
/**
|
|
93
|
-
* Padding for the individual date cells.
|
|
94
|
-
*/
|
|
95
|
-
cellPadding: string;
|
|
96
|
-
/**
|
|
97
|
-
* Width of an individual cell.
|
|
98
|
-
*/
|
|
99
|
-
cellWidth: string;
|
|
100
|
-
hoveredDate?: string;
|
|
101
|
-
get startDateLabelId(): string;
|
|
102
|
-
get endDateLabelId(): string;
|
|
103
|
-
get colspanClass(): string;
|
|
104
|
-
private didDragSinceMouseDown;
|
|
105
|
-
private id;
|
|
106
|
-
/**
|
|
107
|
-
* Used to skip the next focus event when rendering the preview range.
|
|
108
|
-
* We need a flag like this, because some browsers fire focus events asynchronously.
|
|
109
|
-
*/
|
|
110
|
-
private skipNextFocus?;
|
|
111
|
-
/**
|
|
112
|
-
* Used to focus the active cell after change detection has run.
|
|
113
|
-
*/
|
|
114
|
-
private focusActiveCellAfterViewChecked;
|
|
115
|
-
private readonly injector;
|
|
116
|
-
private readonly elementRef;
|
|
117
|
-
private readonly ngZone;
|
|
118
|
-
private readonly calendarSignalsService;
|
|
119
|
-
private readonly dateService;
|
|
120
|
-
constructor();
|
|
121
|
-
ngAfterViewChecked(): void;
|
|
122
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
123
|
-
ngOnDestroy(): void;
|
|
124
|
-
getIndex(colIndex: number, rowIndex: number): string;
|
|
125
|
-
onDateEnter(index: string): void;
|
|
126
|
-
onDateLeave(): void;
|
|
127
|
-
/**
|
|
128
|
-
* Tracking function for rows based on their identity. Ideally we would use some sort of
|
|
129
|
-
* key on the row, but that would require a breaking change for the `rows` input. We don't
|
|
130
|
-
* use the built-in identity tracking, because it logs warnings.
|
|
131
|
-
*/
|
|
132
|
-
trackRow: (row: CalendarCellModel[]) => CalendarCellModel[];
|
|
133
|
-
/**
|
|
134
|
-
* Called when a cell is clicked.
|
|
135
|
-
* @param cell
|
|
136
|
-
* @param event
|
|
137
|
-
*/
|
|
138
|
-
cellClicked(cell: CalendarCellModel, event: MouseEvent): void;
|
|
139
|
-
emitActiveDateChange(cell: CalendarCellModel): void;
|
|
140
|
-
/**
|
|
141
|
-
* Returns whether a cell should be marked as selected.
|
|
142
|
-
* @param value
|
|
143
|
-
*/
|
|
144
|
-
isSelected(value: number): boolean;
|
|
145
|
-
/**
|
|
146
|
-
* Returns whether a cell is active.
|
|
147
|
-
* @param rowIndex
|
|
148
|
-
* @param colIndex
|
|
149
|
-
*/
|
|
150
|
-
isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
151
|
-
/**
|
|
152
|
-
* Focuses the active cell after the microtask queue is empty.
|
|
153
|
-
*
|
|
154
|
-
* Adding a 0ms setTimeout seems to fix Voiceover losing focus when pressing PageUp/PageDown
|
|
155
|
-
* (issue #24330).
|
|
156
|
-
*
|
|
157
|
-
* Determined a 0ms by gradually increasing duration from 0 and testing two use cases with screen
|
|
158
|
-
* reader enabled:
|
|
159
|
-
*
|
|
160
|
-
* 1. Pressing PageUp/PageDown repeatedly with pausing between each key press.
|
|
161
|
-
* 2. Pressing and holding the PageDown key with repeated keys enabled.
|
|
162
|
-
*
|
|
163
|
-
* Test 1 worked roughly 95-99% of the time with 0ms and got a little bit better as the duration
|
|
164
|
-
* increased. Test 2 got slightly better until the duration was long enough to interfere with
|
|
165
|
-
* repeated keys. If the repeated key speed was faster than the timeout duration, then pressing
|
|
166
|
-
* and holding pagedown caused the entire page to scroll.
|
|
167
|
-
*
|
|
168
|
-
* Since repeated key speed can verify across machines, determined that any duration could
|
|
169
|
-
* potentially interfere with repeated keys. 0ms would be best because it almost entirely
|
|
170
|
-
* eliminates the focus being lost in Voiceover (#24330) without causing unintended side effects.
|
|
171
|
-
* Adding delay also complicates writing tests.
|
|
172
|
-
*/
|
|
173
|
-
focusActiveCell(movePreview?: boolean): void;
|
|
174
|
-
/**
|
|
175
|
-
* Focuses the active cell after change detection has run and the microtask queue is empty.
|
|
176
|
-
*/
|
|
177
|
-
scheduleFocusActiveCellAfterViewChecked(): void;
|
|
178
|
-
/**
|
|
179
|
-
* Gets whether a value is the start of the main range.
|
|
180
|
-
* @param value
|
|
181
|
-
*/
|
|
182
|
-
isRangeStart(value: number): boolean;
|
|
183
|
-
/** Gets whether a value is the end of the main range. */
|
|
184
|
-
isRangeEnd(value: number): boolean;
|
|
185
|
-
/** Gets whether a value is within the currently-selected range. */
|
|
186
|
-
isInRange(value: number): boolean;
|
|
187
|
-
/** Gets whether a value is the start of the comparison range. */
|
|
188
|
-
isComparisonStart(value: number): boolean;
|
|
189
|
-
/** Whether the cell is a start bridge cell between the main and comparison ranges. */
|
|
190
|
-
isComparisonBridgeStart(value: number, rowIndex: number, colIndex: number): boolean;
|
|
191
|
-
/** Whether the cell is an end bridge cell between the main and comparison ranges. */
|
|
192
|
-
isComparisonBridgeEnd(value: number, rowIndex: number, colIndex: number): boolean;
|
|
193
|
-
/** Gets whether a value is the end of the comparison range. */
|
|
194
|
-
isComparisonEnd(value: number): boolean;
|
|
195
|
-
/** Gets whether a value is within the current comparison range. */
|
|
196
|
-
isInComparisonRange(value: number): boolean;
|
|
197
|
-
/**
|
|
198
|
-
* Gets whether a value is the same as the start and end of the comparison range.
|
|
199
|
-
* For context, the functions that we use to determine whether something is the start/end of
|
|
200
|
-
* a range don't allow for the start and end to be on the same day, because we'd have to use
|
|
201
|
-
* much more specific CSS selectors to style them correctly in all scenarios. This is fine for
|
|
202
|
-
* the regular range, because when it happens, the selected styles take over and still show where
|
|
203
|
-
* the range would've been, however we don't have these selected styles for a comparison range.
|
|
204
|
-
* This function is used to apply a class that serves the same purpose as the one for selected
|
|
205
|
-
* dates, but it only applies in the context of a comparison range.
|
|
206
|
-
*/
|
|
207
|
-
isComparisonIdentical(value: number): boolean;
|
|
208
|
-
/** Gets whether a value is the start of the preview range. */
|
|
209
|
-
isPreviewStart(value: number): boolean;
|
|
210
|
-
/** Gets whether a value is the end of the preview range. */
|
|
211
|
-
isPreviewEnd(value: number): boolean;
|
|
212
|
-
/** Gets whether a value is inside the preview range. */
|
|
213
|
-
isInPreview(value: number): boolean;
|
|
214
|
-
/** Gets ids of aria descriptions for the start and end of a date range. */
|
|
215
|
-
getDescribedby(value: number): OptionalType<string>;
|
|
216
|
-
/**
|
|
217
|
-
* Event handler for when the user enters an element
|
|
218
|
-
* inside the calendar body (e.g. by hovering in or focus).
|
|
219
|
-
*/
|
|
220
|
-
private enterHandler;
|
|
221
|
-
private touchmoveHandler;
|
|
222
|
-
/**
|
|
223
|
-
* Event handler for when the user's pointer leaves an element
|
|
224
|
-
* inside the calendar body (e.g. by hovering out or blurring).
|
|
225
|
-
*/
|
|
226
|
-
private leaveHandler;
|
|
227
|
-
/**
|
|
228
|
-
* Triggered on mousedown or touchstart on a date cell.
|
|
229
|
-
* Responsible for starting a drag sequence.
|
|
230
|
-
*/
|
|
231
|
-
private mousedownHandler;
|
|
232
|
-
/** Triggered on mouseup anywhere. Responsible for ending a drag sequence. */
|
|
233
|
-
private mouseupHandler;
|
|
234
|
-
/** Triggered on touchend anywhere. Respsonsible for ending a drag sequence. */
|
|
235
|
-
private touchendHandler;
|
|
236
|
-
/** Finds the CalendarCell that corresponds to a DOM node. */
|
|
237
|
-
private getCellFromElement;
|
|
238
|
-
/** Checks whether a node is a table cell element. */
|
|
239
|
-
private isTableCell;
|
|
240
|
-
/**
|
|
241
|
-
* Gets the date table cell element that is or contains the specified element.
|
|
242
|
-
* Or returns null if element is not part of a date cell.
|
|
243
|
-
*/
|
|
244
|
-
private getCellElement;
|
|
245
|
-
/** Checks whether a value is the start of a range. */
|
|
246
|
-
private isStart;
|
|
247
|
-
/** Checks whether a value is the end of a range. */
|
|
248
|
-
private isEnd;
|
|
249
|
-
/** Checks whether a value is inside of a range. */
|
|
250
|
-
private isInsideRange;
|
|
251
|
-
/**
|
|
252
|
-
* Extracts the element that actually corresponds to a touch event's location
|
|
253
|
-
* (rather than the element that initiated the sequence of touch events).
|
|
254
|
-
*/
|
|
255
|
-
private getActualTouchTarget;
|
|
256
|
-
/**
|
|
257
|
-
* Takes a day of the month and returns a new date in the same month and year as the currently
|
|
258
|
-
* active date. The returned date will have the same day of the month as the argument date.
|
|
259
|
-
*/
|
|
260
|
-
private getDateFromDayOfMonth;
|
|
261
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarBodyComponent, never>;
|
|
262
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarBodyComponent, "upd-calendar-body", never, { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "startValue": { "alias": "startValue"; "required": false; }; "endValue": { "alias": "endValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; "comparisonStart": { "alias": "comparisonStart"; "required": false; }; "comparisonEnd": { "alias": "comparisonEnd"; "required": false; }; "previewStart": { "alias": "previewStart"; "required": false; }; "previewEnd": { "alias": "previewEnd"; "required": false; }; "startDateAccessibleName": { "alias": "startDateAccessibleName"; "required": false; }; "endDateAccessibleName": { "alias": "endDateAccessibleName"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; "previewChange": "previewChange"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; }, never, never, false, never>;
|
|
263
|
-
}
|