@momentum-ui/web-components 2.23.0 → 2.23.1

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 (40) hide show
  1. package/dist/6953.js +1 -0
  2. package/dist/7833.js +1 -1
  3. package/dist/7997.js +1 -1
  4. package/dist/9130.js +1 -1
  5. package/dist/9217.js +1 -1
  6. package/dist/comp/md-card-v2-entry.js +8 -8
  7. package/dist/comp/md-coachmark-entry.js +1 -1
  8. package/dist/comp/md-coachmark-popover-entry.js +4 -4
  9. package/dist/comp/md-coachmark.js +1 -1
  10. package/dist/comp/md-country-code-picker-entry.js +50 -0
  11. package/dist/comp/md-country-code-picker.js +1 -0
  12. package/dist/comp/md-date-range-picker-entry.js +1 -1
  13. package/dist/comp/md-date-range-picker.js +1 -1
  14. package/dist/comp/md-date-time-picker-entry.js +1 -1
  15. package/dist/comp/md-date-time-picker.js +1 -1
  16. package/dist/comp/md-datepicker-entry.js +1 -1
  17. package/dist/comp/md-datepicker.js +1 -1
  18. package/dist/comp/md-editable-field-entry.js +1 -1
  19. package/dist/comp/md-editable-field.js +1 -1
  20. package/dist/comp/md-input-entry.js +1 -1
  21. package/dist/comp/md-input.js +1 -1
  22. package/dist/comp/md-modal-entry.js +1 -1
  23. package/dist/comp/md-modal.js +1 -1
  24. package/dist/comp/md-phone-input-entry.js +14 -47
  25. package/dist/comp/md-phone-input.js +1 -1
  26. package/dist/comp/md-popover-entry.js +6 -6
  27. package/dist/comp/md-theme-entry.js +2 -2
  28. package/dist/comp/md-timepicker-entry.js +1 -1
  29. package/dist/comp/md-timepicker.js +1 -1
  30. package/dist/index-entry.js +87 -71
  31. package/dist/index.js +1 -1
  32. package/dist/types/components/card-v2/CardV2.d.ts +1 -0
  33. package/dist/types/components/combobox/ComboBox.d.ts +1 -1
  34. package/dist/types/components/country-code-picker/CountryCodePicker.d.ts +54 -0
  35. package/dist/types/components/grabber/Grabber.d.ts +1 -1
  36. package/dist/types/components/phone-input/PhoneInput.d.ts +1 -19
  37. package/dist/types/components/popover/Popover.d.ts +8 -2
  38. package/dist/types/components/theme/Theme.d.ts +1 -0
  39. package/dist/types/index.d.ts +1 -0
  40. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- require("./7678"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./3135"),require("./1598"),require("./4977"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6700"),require("./528"),require("./4548"),require("./6795"),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("./8612"),require("./9618"),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("./7833"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./7875"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
1
+ require("./7678"),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("./6700"),require("./6795"),require("./528"),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("./8612"),require("./9618"),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");
@@ -29,6 +29,7 @@ export declare namespace CardV2 {
29
29
  private get cardClassMap();
30
30
  private get contentClassMap();
31
31
  private get footerClassMap();
32
+ private get expandCardHandler();
32
33
  private renderHeader;
33
34
  private renderFooter;
34
35
  render(): import("lit-element").TemplateResult;
@@ -204,7 +204,7 @@ export declare namespace ComboBox {
204
204
  checkForVirtualScroll(): boolean;
205
205
  rangeChanged(): void;
206
206
  getCustomErrorContent(): DocumentFragment;
207
- getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
207
+ getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
208
208
  renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
209
209
  renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
210
210
  highlightingSearchedText(option: OptionMember | string): TemplateResult[];
@@ -0,0 +1,54 @@
1
+ import "@/components/combobox/ComboBox";
2
+ import { LitElement } from "lit-element";
3
+ export declare namespace CountryCodePicker {
4
+ interface Country {
5
+ name: string;
6
+ value: string;
7
+ code: string;
8
+ }
9
+ type Attributes = {
10
+ codePlaceholder: string;
11
+ countryCallingCode: string;
12
+ pill: boolean;
13
+ flagClass: string;
14
+ };
15
+ type CountryCalling = {
16
+ id: string;
17
+ value: string;
18
+ };
19
+ class ELEMENT extends LitElement {
20
+ codePlaceholder: string;
21
+ countryCallingCode: string;
22
+ showFlags: boolean;
23
+ pill: boolean;
24
+ disabled: boolean;
25
+ clearIconHeight: string;
26
+ ariaLabel: string;
27
+ clearAriaLabel: string;
28
+ id: string;
29
+ newMomentum: boolean;
30
+ isDropdownArrow: boolean;
31
+ private countryCode;
32
+ private codeList;
33
+ combobox: HTMLElement;
34
+ connectedCallback(): void;
35
+ getCountryFlag(code: string): import("lit-element").TemplateResult;
36
+ countryCodeOptionTemplate(country: CountryCodePicker.Country, index: number): import("lit-element").TemplateResult;
37
+ handleCountryChange(event: CustomEvent): void;
38
+ get flagClassMap(): {
39
+ "new-momentum": boolean;
40
+ };
41
+ getFormatedCountryCallingCode(): {
42
+ id: string;
43
+ value: string;
44
+ };
45
+ getModStyle(): import("lit-element").TemplateResult;
46
+ static get styles(): import("lit-element").CSSResult[];
47
+ render(): import("lit-element").TemplateResult;
48
+ }
49
+ }
50
+ declare global {
51
+ interface HTMLElementTagNameMap {
52
+ "md-country-code-picker": CountryCodePicker.ELEMENT;
53
+ }
54
+ }
@@ -81,7 +81,7 @@ export declare namespace Grabber {
81
81
  visible: boolean;
82
82
  };
83
83
  private get grabberContainerClassMap();
84
- get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
84
+ get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
85
85
  get iconSize(): "10" | "12";
86
86
  render(): import("lit-element").TemplateResult;
87
87
  }
@@ -2,11 +2,6 @@ import "@/components/combobox/ComboBox";
2
2
  import "@/components/input/Input";
3
3
  import { LitElement } from "lit-element";
4
4
  export declare namespace PhoneInput {
5
- interface Country {
6
- name: string;
7
- value: string;
8
- code: string;
9
- }
10
5
  type Attributes = {
11
6
  codePlaceholder: string;
12
7
  numberPlaceholder: string;
@@ -17,10 +12,6 @@ export declare namespace PhoneInput {
17
12
  flagClass: string;
18
13
  showErrorMessage: string;
19
14
  };
20
- type CountryCalling = {
21
- id: string;
22
- value: string;
23
- };
24
15
  class ELEMENT extends LitElement {
25
16
  codePlaceholder: string;
26
17
  numberPlaceholder: string;
@@ -39,15 +30,11 @@ export declare namespace PhoneInput {
39
30
  id: string;
40
31
  newMomentum: boolean;
41
32
  private countryCode;
42
- private codeList;
43
33
  private formattedValue;
44
34
  private isValid;
45
- combobox: HTMLElement;
46
35
  connectedCallback(): void;
47
- getCountryFlag(code: string): import("lit-element").TemplateResult;
48
- countryCodeOptionTemplate(country: PhoneInput.Country, index: number): import("lit-element").TemplateResult;
49
36
  validateNumber(): void;
50
- handleCountryChange(event: CustomEvent): void;
37
+ handleCountryChange(e: CustomEvent): void;
51
38
  handlePhoneChange(event: CustomEvent): void;
52
39
  handleKeydown(event: Event): void;
53
40
  handleBlur(event: Event): void;
@@ -56,11 +43,6 @@ export declare namespace PhoneInput {
56
43
  get flagClassMap(): {
57
44
  "new-momentum": boolean;
58
45
  };
59
- getFormatedCountryCallingCode(): {
60
- id: string;
61
- value: string;
62
- };
63
- getModStyle(): import("lit-element").TemplateResult;
64
46
  static get styles(): import("lit-element").CSSResult[];
65
47
  render(): import("lit-element").TemplateResult;
66
48
  }
@@ -270,8 +270,12 @@ export declare class Popover extends Popover_base {
270
270
  readonly cancelCloseDelay: () => void;
271
271
  /**
272
272
  * Shows the popover.
273
+ * By default (`useOpenDelay = false`), or if `openDelay` is 0 or less, the popover opens immediately.
274
+ * If `useOpenDelay` is true and `openDelay` is greater than 0, the `openDelay` will be applied before showing the popover.
275
+ * This allows programmatic calls (e.g., for `trigger="manual"`) to optionally use the `openDelay`.
276
+ * @param {boolean} [useOpenDelay=false] - Indicates if the `openDelay` should be applied.
273
277
  */
274
- showPopover: () => void;
278
+ showPopover: (useOpenDelay?: boolean) => void;
275
279
  /**
276
280
  * Hides the popover.
277
281
  */
@@ -280,7 +284,9 @@ export declare class Popover extends Popover_base {
280
284
  * Toggles the popover visibility.
281
285
  */
282
286
  togglePopoverVisible: () => void;
283
- private onTriggerClick;
287
+ private readonly onMouseEnterTrigger;
288
+ private readonly onFocusInTrigger;
289
+ private readonly onTriggerClick;
284
290
  private isMouseOverTrigger;
285
291
  /**
286
292
  * Sets the focusable elements inside the popover.
@@ -49,6 +49,7 @@ export declare namespace Theme {
49
49
  virtualReference: HTMLDivElement;
50
50
  private placement;
51
51
  private popperInstance;
52
+ private activeTooltipTrigger;
52
53
  private setTheme;
53
54
  getStyleElement(): HTMLStyleElement;
54
55
  applyStyle(): void;
@@ -30,6 +30,7 @@ export { CoachmarkPopover } from "./components/coachmark-popover/CoachmarkPopove
30
30
  export { Coachmark } from "./components/coachmark/Coachmark";
31
31
  export { CodeEditor } from "./components/code-editor/CodeEditor";
32
32
  export { ComboBox } from "./components/combobox/ComboBox";
33
+ export { CountryCodePicker } from "./components/country-code-picker/CountryCodePicker";
33
34
  export { DateRangePicker } from "./components/date-range-picker/DateRangePicker";
34
35
  export { DateTimePicker } from "./components/date-time-picker/DateTimePicker";
35
36
  export { DatePicker } from "./components/datepicker/DatePicker";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.23.0",
3
+ "version": "2.23.1",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",