@momentum-ui/web-components 3.0.0-beta.10 → 3.0.0-beta.12

package/dist/index.js

@@ -1 +1 @@
-require("./750"),require("./7103"),require("./4765"),require("./1873"),require("./1890"),require("./4313"),require("./510"),require("./5087"),require("./6865"),require("./8889"),require("./8210"),require("./5630"),require("./3135"),require("./1013"),require("./3739"),require("./7819"),require("./2848"),require("./4363"),require("./2243"),require("./7919"),require("./7292"),require("./6188"),require("./15"),require("./8345"),require("./9270"),require("./8923"),require("./4548"),require("./2669"),require("./1729"),require("./9164"),require("./9480"),require("./1625"),require("./836"),require("./3625"),require("./2056"),require("./9409"),require("./4889"),require("./9654"),require("./4659"),require("./5838"),require("./6765"),require("./1626"),require("./3852"),require("./8161"),require("./6273"),require("./8391"),require("./679"),require("./8033"),require("./1564"),require("./4462"),require("./4744"),require("./8576"),require("./1092"),require("./8171"),require("./2201"),require("./2186"),require("./9425"),require("./8588"),require("./3212"),require("./622"),require("./5809"),require("./9455"),require("./759"),require("./2093"),require("./8148"),require("./5799"),require("./9312"),require("./7833"),require("./2714"),require("./9238"),require("./2924"),require("./5524"),require("./674"),require("./2314"),module.exports=require("./index-entry");
+require("./750"),require("./7103"),require("./4765"),require("./1873"),require("./1890"),require("./4313"),require("./510"),require("./5087"),require("./6865"),require("./8889"),require("./8210"),require("./5630"),require("./3135"),require("./1013"),require("./3739"),require("./7819"),require("./2848"),require("./4363"),require("./2243"),require("./7919"),require("./7292"),require("./6188"),require("./15"),require("./8345"),require("./9270"),require("./8923"),require("./4548"),require("./2669"),require("./1729"),require("./9164"),require("./9480"),require("./1625"),require("./836"),require("./3625"),require("./2056"),require("./9409"),require("./4889"),require("./9654"),require("./4659"),require("./5838"),require("./6765"),require("./1626"),require("./3852"),require("./8161"),require("./6273"),require("./8391"),require("./679"),require("./8033"),require("./1564"),require("./4462"),require("./4744"),require("./8576"),require("./1092"),require("./2186"),require("./8171"),require("./2201"),require("./9425"),require("./8588"),require("./3212"),require("./622"),require("./5809"),require("./9455"),require("./759"),require("./2093"),require("./8148"),require("./5799"),require("./9312"),require("./7833"),require("./2714"),require("./9238"),require("./2924"),require("./5524"),require("./674"),require("./2314"),module.exports=require("./index-entry");

package/dist/types/components/avatar/Avatar.constants.d.ts

@@ -1,6 +1,6 @@
 declare const AvatarState: readonly ["active", "rest"];
 declare const AvatarStyle: readonly ["default", "table"];
-declare const AvatarChannelType: readonly ["channel-chat", "channel-chat-outbound", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-call-inbound", "channel-social", "channel-callback", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-facebook", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-monitoring", "channel-we-chat", "channel-spam", "channel-custom"];
+declare const AvatarChannelType: readonly ["channel-chat", "channel-chat-outbound", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-call-inbound", "channel-social", "channel-callback", "channel-callback-v2", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-facebook", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-monitoring", "channel-we-chat", "channel-spam", "channel-custom"];
 declare const AvatarType: readonly ["bot", "group", "self", "typing", ""];
 declare const AvatarSize: number[];
 export { AvatarChannelType, AvatarSize, AvatarState, AvatarStyle, AvatarType };

package/dist/types/components/chip/Chip.d.ts

@@ -40,11 +40,9 @@ export declare namespace Chip {
         private renderedText;
         connectedCallback(): void;
         updated(changedProperties: PropertyValues): void;
-        MAX_LENGTH: number;
-        PRE_TRUNC_CHARS: number;
-        POST_TRUNC_CHARS: number;
-        DOT_COUNT: number;
-        truncStringPortion(str: string, firstCharCount?: number, endCharCount?: number, dotCount?: number): void;
+        getTextWidth(text: string, font?: string): number;
+        MAXWIDTH: number;
+        truncStringPortion(text: string): void;
         protected selectionChange: (newState: boolean) => void;
         handleClear: (chipId: string) => void;
         handleSelect: () => void;

package/dist/types/components/combobox/ComboBox.d.ts

@@ -203,7 +203,7 @@ export declare namespace ComboBox {
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): TemplateResult<1> | DocumentFragment;
+        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult<1>;
         renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult<1>;
         renderWithoutVirtualScroll(): unknown;
         highlightingSearchedText(option: OptionMember | string): TemplateResult<1>[];

package/dist/types/components/datepicker/DatePicker.d.ts

@@ -53,9 +53,13 @@ export declare namespace DatePicker {
         usePopover: boolean;
         triggerID: string;
         animationFrame: boolean;
+        isDatePickerMonthLoading: boolean;
+        isDatePickerMonthError: boolean;
+        errorMessages: Record<string, string>;
         selectedDate: DateTime;
         focusedDate: DateTime;
         filterDate: Function | undefined;
+        onRetry: (() => void) | undefined;
         maxDateData: DateTime | undefined;
         minDateData: DateTime | undefined;
         private popoverController;

package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts

@@ -7,6 +7,7 @@
  */
 import "@/components/datepicker/datepicker-month/DatePickerMonth";
 import "@/components/icon/Icon";
+import "@/components/spinner/Spinner";
 import { LitElement, PropertyValues, TemplateResult } from "lit";
 import { DateTime } from "luxon";
 import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
@@ -15,8 +16,12 @@ export declare namespace DatePickerCalendar {
         monthFormat: string;
         filterParams: DayFilters | undefined;
         handleMonthChange: Function | undefined;
+        onRetry: (() => void) | undefined;
         datePickerProps: DatePickerProps | undefined;
+        errorMessages: Record<string, string>;
         shortDay: boolean;
+        isDatePickerMonthLoading: boolean;
+        isDatePickerMonthError: boolean;
         viewAnchorDate: DateTime;
         private localeMonth;
         connectedCallback(): void;
@@ -24,12 +29,16 @@ export declare namespace DatePickerCalendar {
         setDate: (date: DateTime, cb?: Function) => void;
         increaseMonth: (event: MouseEvent) => void;
         decreaseMonth: (event: MouseEvent) => void;
+        handleRetryClick: () => void;
         renderMonthName: () => TemplateResult<1>;
         renderPreviousMonthButton: () => TemplateResult<1>;
         renderNextMonthButton: () => TemplateResult<1>;
         private getWeekDayName;
         header: () => TemplateResult[];
-        renderMonth: () => TemplateResult<1>;
+        private renderLoader;
+        private renderDateError;
+        private renderMonthContent;
+        private renderMonth;
         static get styles(): import("lit").CSSResult[];
         render(): TemplateResult<1>;
     }

package/dist/types/components/icon/Icon.d.ts

@@ -163,7 +163,7 @@ export declare namespace Icon {
         get buttonClassMap(): {
             [x: string]: boolean;
         };
-        consoleHandler: (message: string, data: string) => void;
+        consoleHandler: (message: string, data: string | string[]) => void;
         get iconFontSize(): string | 16;
         get iconColor(): any;
         get iconClassMap(): {

package/dist/types/components/input/Input.d.ts

@@ -81,7 +81,7 @@ export declare namespace Input {
         helpText: string;
         hideMessage: boolean;
         htmlId: string;
-        role: string;
+        ariaRole: string | undefined;
         messageArr: Input.Message[];
         min: number | undefined;
         max: number | undefined;

package/dist/types/components/list/ListItem.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 export declare namespace ListItem {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
-        role: "listitem" | "option";
+        role: "listitem" | "option" | "menuitem";
         tabIndex: number;
         shape: "pill" | "rounded";
         private _disabled;

package/dist/types/components/menu-overlay/MenuOverlay.d.ts

@@ -42,6 +42,7 @@ export declare namespace MenuOverlay {
         trigger?: NodeListOf<HTMLElement>;
         private popperInstance;
         private triggerElement;
+        private _componentAddedAriaExpanded;
         static get styles(): import("lit").CSSResult[];
         private updateCSSProperties;
         updateActiveMenuOverlayOpened: (event: Event) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.12",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",