@momentum-ui/web-components 2.23.15 → 2.23.17

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 (88) hide show
  1. package/dist/4288.js +1 -0
  2. package/dist/5830.js +1 -1
  3. package/dist/comp/md-accordion-item-entry.js +1 -1
  4. package/dist/comp/md-accordion-item.js +1 -1
  5. package/dist/comp/md-activity-button-entry.js +1 -1
  6. package/dist/comp/md-activity-button.js +1 -1
  7. package/dist/comp/md-alert-banner-entry.js +1 -1
  8. package/dist/comp/md-alert-banner.js +1 -1
  9. package/dist/comp/md-alert-entry.js +1 -1
  10. package/dist/comp/md-alert.js +1 -1
  11. package/dist/comp/md-audio-player-entry.js +1 -1
  12. package/dist/comp/md-audio-player.js +1 -1
  13. package/dist/comp/md-avatar-entry.js +1 -1
  14. package/dist/comp/md-avatar.js +1 -1
  15. package/dist/comp/md-card-ai-entry.js +1 -1
  16. package/dist/comp/md-card-ai.js +1 -1
  17. package/dist/comp/md-card-entry.js +1 -1
  18. package/dist/comp/md-card-v2-entry.js +9 -9
  19. package/dist/comp/md-card-v2.js +1 -1
  20. package/dist/comp/md-card.js +1 -1
  21. package/dist/comp/md-chat-message-entry.js +1 -1
  22. package/dist/comp/md-chat-message.js +1 -1
  23. package/dist/comp/md-coachmark-popover-entry.js +1 -1
  24. package/dist/comp/md-coachmark-popover.js +1 -1
  25. package/dist/comp/md-combobox-entry.js +1 -1
  26. package/dist/comp/md-combobox.js +1 -1
  27. package/dist/comp/md-country-code-picker-entry.js +1 -1
  28. package/dist/comp/md-country-code-picker.js +1 -1
  29. package/dist/comp/md-date-range-picker-entry.js +1 -1
  30. package/dist/comp/md-date-range-picker.js +1 -1
  31. package/dist/comp/md-date-time-picker-entry.js +5 -2
  32. package/dist/comp/md-date-time-picker.js +1 -1
  33. package/dist/comp/md-datepicker-calendar-entry.js +1 -1
  34. package/dist/comp/md-datepicker-calendar.js +1 -1
  35. package/dist/comp/md-datepicker-entry.js +1 -1
  36. package/dist/comp/md-datepicker.js +1 -1
  37. package/dist/comp/md-dropdown-entry.js +1 -1
  38. package/dist/comp/md-dropdown.js +1 -1
  39. package/dist/comp/md-editable-field-entry.js +1 -1
  40. package/dist/comp/md-editable-field.js +1 -1
  41. package/dist/comp/md-favorite-entry.js +1 -1
  42. package/dist/comp/md-favorite.js +1 -1
  43. package/dist/comp/md-floating-minimize-entry.js +1 -1
  44. package/dist/comp/md-floating-minimize.js +1 -1
  45. package/dist/comp/md-floating-modal-entry.js +1 -1
  46. package/dist/comp/md-floating-modal.js +1 -1
  47. package/dist/comp/md-grabber-entry.js +1 -1
  48. package/dist/comp/md-grabber.js +1 -1
  49. package/dist/comp/md-icon-entry.js +1 -1
  50. package/dist/comp/md-icon.js +1 -1
  51. package/dist/comp/md-input-entry.js +1 -1
  52. package/dist/comp/md-input.js +1 -1
  53. package/dist/comp/md-meeting-alert-entry.js +1 -1
  54. package/dist/comp/md-meeting-alert.js +1 -1
  55. package/dist/comp/md-modal-entry.js +1 -1
  56. package/dist/comp/md-modal.js +1 -1
  57. package/dist/comp/md-pagination-entry.js +1 -1
  58. package/dist/comp/md-pagination.js +1 -1
  59. package/dist/comp/md-phone-input-entry.js +1 -1
  60. package/dist/comp/md-phone-input.js +1 -1
  61. package/dist/comp/md-popover-entry.js +1 -1
  62. package/dist/comp/md-popover.js +1 -1
  63. package/dist/comp/md-presence-entry.js +1 -1
  64. package/dist/comp/md-presence.js +1 -1
  65. package/dist/comp/md-table-advanced-entry.js +1 -1
  66. package/dist/comp/md-table-advanced.js +1 -1
  67. package/dist/comp/md-table-entry.js +1 -1
  68. package/dist/comp/md-table.js +1 -1
  69. package/dist/comp/md-tabs-entry.js +10 -10
  70. package/dist/comp/md-tabs.js +1 -1
  71. package/dist/comp/md-task-item-entry.js +1 -1
  72. package/dist/comp/md-task-item.js +1 -1
  73. package/dist/comp/md-timepicker-entry.js +1 -1
  74. package/dist/comp/md-timepicker.js +1 -1
  75. package/dist/index-entry.js +48 -45
  76. package/dist/index.js +1 -1
  77. package/dist/types/components/alert-banner/AlertBanner.d.ts +12 -0
  78. package/dist/types/components/card-v2/CardV2.d.ts +10 -2
  79. package/dist/types/components/date-time-picker/DateTimePicker.d.ts +3 -0
  80. package/dist/types/components/floating-button-bar/FloatingButtonBar.d.ts +7 -0
  81. package/dist/types/components/form/Form.types.d.ts +10 -0
  82. package/dist/types/components/form/FormArray.d.ts +13 -0
  83. package/dist/types/components/form/FormControl.d.ts +12 -0
  84. package/dist/types/components/form/FormGroup.d.ts +13 -0
  85. package/dist/types/components/form/validators.d.ts +6 -0
  86. package/dist/types/components/tabs/Tabs.d.ts +34 -2
  87. package/package.json +2 -2
  88. package/dist/600.js +0 -1
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- require("./600"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
1
+ require("./4288"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
@@ -41,4 +41,16 @@ declare global {
41
41
  interface HTMLElementTagNameMap {
42
42
  "md-alert-banner": AlertBanner.ELEMENT;
43
43
  }
44
+ interface HTMLElementEventMap {
45
+ /**
46
+ * Fired when the alert banner is closed (hidden).
47
+ * @event alertBanner-hide
48
+ */
49
+ "alertBanner-hide": CustomEvent<void>;
50
+ /**
51
+ * Fired when the refresh button is clicked.
52
+ * @event alertBanner-refresh-button-click
53
+ */
54
+ "alertBanner-refresh-button-click": CustomEvent<void>;
55
+ }
44
56
  }
@@ -8,7 +8,7 @@
8
8
  import "@/components/button/Button";
9
9
  import "@/components/icon/Icon";
10
10
  import "@/components/tooltip/Tooltip";
11
- import { LitElement } from "lit-element";
11
+ import { LitElement, PropertyValues } from "lit-element";
12
12
  export declare enum CardState {
13
13
  DEFAULT = "default",
14
14
  ACTIVE = "active",
@@ -21,10 +21,17 @@ export declare namespace CardV2 {
21
21
  header?: string;
22
22
  info?: string;
23
23
  data?: string;
24
+ createdTime: number;
25
+ active: boolean;
24
26
  expandable: boolean;
27
+ private interval;
28
+ private renderedData;
25
29
  connectedCallback(): void;
30
+ disconnectedCallback(): void;
31
+ private clearInterval;
26
32
  static get styles(): import("lit-element").CSSResult[];
27
- private get isActive();
33
+ private get isCardActive();
34
+ protected update(changedProperties: PropertyValues): void;
28
35
  expandCardToggled(): void;
29
36
  private get cardClassMap();
30
37
  private get contentClassMap();
@@ -32,6 +39,7 @@ export declare namespace CardV2 {
32
39
  private get expandCardHandler();
33
40
  private renderHeader;
34
41
  private renderFooter;
42
+ private calculateRenderedData;
35
43
  render(): import("lit-element").TemplateResult;
36
44
  }
37
45
  }
@@ -2,6 +2,7 @@ import "@/components/input/Input";
2
2
  import "@/components/menu-overlay/MenuOverlay";
3
3
  import { LitElement, PropertyValues } from "lit-element";
4
4
  import { DatePicker, type DatePickerControlButtons } from "../datepicker/DatePicker";
5
+ import { StrategyType } from "../popover/Popover.types";
5
6
  import { TimePicker } from "../timepicker/TimePicker";
6
7
  export declare namespace DateTimePicker {
7
8
  const weekStartDays: string[];
@@ -20,6 +21,8 @@ export declare namespace DateTimePicker {
20
21
  locale: string | undefined;
21
22
  useISOFormat: boolean;
22
23
  disabled: boolean;
24
+ positioningStrategy?: StrategyType;
25
+ showDefaultNowDate: boolean;
23
26
  controlButtons?: DatePickerControlButtons;
24
27
  private fullDateTime;
25
28
  private selectedTimeObject;
@@ -37,4 +37,11 @@ declare global {
37
37
  interface HTMLElementTagNameMap {
38
38
  "md-floating-button-bar": FloatingButtonBar;
39
39
  }
40
+ interface HTMLElementEventMap {
41
+ /**
42
+ * Fired when the close/cancel button is clicked.
43
+ * @event cancel-button-action
44
+ */
45
+ "cancel-button-action": CustomEvent<void>;
46
+ }
40
47
  }
@@ -0,0 +1,10 @@
1
+ export type ValidationError = {
2
+ type: string;
3
+ count?: number;
4
+ };
5
+ export type ValidatorFn<FieldValue = unknown> = (value: FieldValue) => ValidationError | null;
6
+ export interface AbstractControl<ControlValue = unknown> {
7
+ readonly value: ControlValue;
8
+ readonly valid: boolean;
9
+ validate(): void;
10
+ }
@@ -0,0 +1,13 @@
1
+ import { AbstractControl } from "./Form.types";
2
+ export declare class FormArray<ItemType> implements AbstractControl<ItemType[]> {
3
+ private readonly controls;
4
+ constructor(controls: AbstractControl<ItemType>[]);
5
+ at(index: number): AbstractControl<ItemType>;
6
+ push(control: AbstractControl<ItemType>): void;
7
+ removeAt(index: number): void;
8
+ get value(): ItemType[];
9
+ get valid(): boolean;
10
+ get length(): number;
11
+ getControls(): AbstractControl<ItemType>[];
12
+ validate(): void;
13
+ }
@@ -0,0 +1,12 @@
1
+ import { AbstractControl, ValidationError, ValidatorFn } from "./Form.types";
2
+ export declare class FormControl<ValueType> implements AbstractControl<ValueType> {
3
+ private currentValue;
4
+ private validationErrors;
5
+ private readonly validators;
6
+ constructor(initialValue: ValueType, validators?: ValidatorFn<ValueType>[]);
7
+ get value(): ValueType;
8
+ get valid(): boolean;
9
+ get errors(): ValidationError[];
10
+ setValue(value: ValueType): void;
11
+ validate(): void;
12
+ }
@@ -0,0 +1,13 @@
1
+ import { AbstractControl } from "./Form.types";
2
+ import { FormArray } from "./FormArray";
3
+ import { FormControl } from "./FormControl";
4
+ export declare class FormGroup<FormValues extends Record<string, unknown>> implements AbstractControl<FormValues> {
5
+ private readonly controls;
6
+ constructor(controls: {
7
+ [Field in keyof FormValues]: AbstractControl<FormValues[Field]>;
8
+ });
9
+ get<Field extends keyof FormValues>(fieldName: Field): FormValues[Field] extends Array<infer ElementType> ? FormArray<ElementType> : FormValues[Field] extends Record<string, unknown> ? FormGroup<FormValues[Field]> : FormControl<FormValues[Field]>;
10
+ get value(): FormValues;
11
+ get valid(): boolean;
12
+ validate(): void;
13
+ }
@@ -0,0 +1,6 @@
1
+ import { ValidatorFn } from "./Form.types";
2
+ export declare const Validators: {
3
+ required: <FieldValue>() => ValidatorFn<FieldValue>;
4
+ minLength: (min: number) => ValidatorFn<string>;
5
+ maxLength: (max: number) => ValidatorFn<string>;
6
+ };
@@ -104,14 +104,14 @@ export declare namespace Tabs {
104
104
  handleOnDragEnd: (event: Sortable.SortableEvent) => Promise<void>;
105
105
  private makeTabCopyFocus;
106
106
  handleTabClick(event: CustomEvent<TabClickEvent>): void;
107
- handleNewSelectedTab(id: string): void;
107
+ handleNewSelectedTab(id: string, setFocus?: boolean): void;
108
108
  handleTabCrossClick(event: CustomEvent<TabClickEvent>): void;
109
109
  handleTabCloseClick(event: CustomEvent<TabCloseClickEvent>): void;
110
110
  handleTabCloseEvent(id: string): void;
111
111
  handleUpdatedSeletedTabAfterCross(crossTabIndex: number): void;
112
112
  private setSelectedAttribute;
113
113
  private isTabInMoreMenu;
114
- updateSelectedTab(newSelectedIndex: number): void;
114
+ updateSelectedTab(newSelectedIndex: number, setFocus?: boolean): void;
115
115
  private dispatchSelectedChangedEvent;
116
116
  private changeSelectedTabIdx;
117
117
  storeSelectedTabIndex(index: number): void;
@@ -149,4 +149,36 @@ declare global {
149
149
  interface HTMLElementTagNameMap {
150
150
  "md-tabs": Tabs.ELEMENT;
151
151
  }
152
+ interface HTMLElementEventMap {
153
+ /**
154
+ * Fired when the selected tab changes.
155
+ * @event selected-changed
156
+ * @type {CustomEvent<{ value: number; tabsOrder: string[] }>}
157
+ */
158
+ "selected-changed": CustomEvent<{
159
+ value: number;
160
+ tabsOrder: string[];
161
+ }>;
162
+ /**
163
+ * Fired when a keydown event occurs on a tab.
164
+ * @event tab-keydown
165
+ * @type {CustomEvent<{ id: string; key: string; ctrlKey: boolean; shiftKey: boolean; altKey: boolean; srcEvent: KeyboardEvent }>}
166
+ */
167
+ "tab-keydown": CustomEvent<{
168
+ id: string;
169
+ key: string;
170
+ ctrlKey: boolean;
171
+ shiftKey: boolean;
172
+ altKey: boolean;
173
+ srcEvent: KeyboardEvent;
174
+ }>;
175
+ /**
176
+ * Fired to clear tab order preferences.
177
+ * @event clear-tab-order-prefs
178
+ * @type {CustomEvent<{ compUniqueId: string }>}
179
+ */
180
+ "clear-tab-order-prefs": CustomEvent<{
181
+ compUniqueId: string;
182
+ }>;
183
+ }
152
184
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.23.15",
3
+ "version": "2.23.17",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -13,7 +13,7 @@
13
13
  "@interactjs/interact": "1.10.3",
14
14
  "@interactjs/modifiers": "1.10.3",
15
15
  "@interactjs/utils": "1.10.3",
16
- "@momentum-design/icons": "0.22.2",
16
+ "@momentum-design/icons": "0.23.0",
17
17
  "@popperjs/core": "^2.11.8",
18
18
  "@floating-ui/dom": "^1.7.0",
19
19
  "country-codes-list": "1.6.8",