@momentum-ui/web-components 2.21.0-dev → 2.22.0

package/dist/index.js

@@ -1 +1 @@
-require("./4367"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./6248"),require("./8889"),require("./8210"),require("./3135"),require("./1598"),require("./4977"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./3553"),require("./4548"),require("./6700"),require("./6795"),require("./76"),require("./528"),require("./1392"),require("./9164"),require("./2019"),require("./3625"),require("./6067"),require("./1625"),require("./8841"),require("./4663"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./9618"),require("./6273"),require("./8521"),require("./4400"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./182"),require("./2984"),require("./7919"),require("./1869"),require("./2215"),require("./5467"),require("./4392"),require("./630"),require("./3604"),require("./7833"),require("./8227"),require("./8728"),require("./1250"),require("./1705"),require("./7997"),require("./7875"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
+require("./4367"),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("./3553"),require("./4548"),require("./6700"),require("./6795"),require("./76"),require("./528"),require("./1392"),require("./9164"),require("./2019"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./4663"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8521"),require("./4400"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./182"),require("./2984"),require("./7919"),require("./1869"),require("./2215"),require("./5467"),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");

package/dist/managers/thememanager-entry.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("mobx"));else if("function"==typeof define&&define.amd)define(["mobx"],t);else{var o="object"==typeof exports?t(require("mobx")):t(e.mobx);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(self,(e=>(()=>{"use strict";var t={85314:t=>{t.exports=e}},o={};function a(e){var r=o[e];if(void 0!==r)return r.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};a.r(r),a.d(r,{ThemeManager:()=>s,themeManager:()=>l});var n=a(85314),i=function(e,t,o,a){var r,n=arguments.length,i=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(i=(n<3?r(i):n>3?r(t,o,i):r(t,o))||i);return n>3&&i&&Object.defineProperty(t,o,i),i};class s{constructor(e){this.isDarkMode=!1,this.themeName="lumos",this.isVisualRebrandEnabled=!1,this.isMomentumAvatarEnabled=!1,e&&this.update(e)}update(e){void 0!==e.isDarkMode&&(this.isDarkMode=e.isDarkMode),void 0!==e.themeName&&(this.themeName=e.themeName),void 0!==e.isVisualRebrandEnabled&&(this.isVisualRebrandEnabled=e.isVisualRebrandEnabled),void 0!==e.isMomentumAvatarEnabled&&(this.isMomentumAvatarEnabled=e.isMomentumAvatarEnabled)}setDarkMode(e){this.isDarkMode=e}setThemeName(e){this.themeName=e}setVisualRebrandEnabled(e){this.isVisualRebrandEnabled=e}setMomentumAvatar(e){this.isMomentumAvatarEnabled=e}get isMomentumV2Enabled(){return"momentumV2"===this.themeName}}i([n.observable],s.prototype,"isDarkMode",void 0),i([n.observable],s.prototype,"themeName",void 0),i([n.observable],s.prototype,"isVisualRebrandEnabled",void 0),i([n.observable],s.prototype,"isMomentumAvatarEnabled",void 0),i([n.action],s.prototype,"update",null),i([n.action],s.prototype,"setDarkMode",null),i([n.action],s.prototype,"setThemeName",null),i([n.action],s.prototype,"setVisualRebrandEnabled",null),i([n.action],s.prototype,"setMomentumAvatar",null),i([n.computed],s.prototype,"isMomentumV2Enabled",null);const l=new s;return r})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("mobx"));else if("function"==typeof define&&define.amd)define(["mobx"],t);else{var a="object"==typeof exports?t(require("mobx")):t(e.mobx);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(self,(e=>(()=>{"use strict";var t={85314:t=>{t.exports=e}},a={};function o(e){var r=a[e];if(void 0!==r)return r.exports;var s=a[e]={exports:{}};return t[e](s,s.exports,o),s.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{ThemeManager:()=>i,themeManager:()=>n});var s=o(85314);class i{get isMomentumV2Enabled(){return"momentumV2"===this.themeName}constructor(e){this.isDarkMode=!1,this.themeName="lumos",this.isVisualRebrandEnabled=!1,this.isMomentumAvatarEnabled=!1,(0,s.makeObservable)(this,{isDarkMode:s.observable,themeName:s.observable,isVisualRebrandEnabled:s.observable,isMomentumAvatarEnabled:s.observable,isMomentumV2Enabled:s.computed,setDarkMode:s.action,setThemeName:s.action,setVisualRebrandEnabled:s.action,setMomentumAvatar:s.action,update:s.action}),e&&this.update(e)}update(e){void 0!==e.isDarkMode&&(this.isDarkMode=e.isDarkMode),void 0!==e.themeName&&(this.themeName=e.themeName),void 0!==e.isVisualRebrandEnabled&&(this.isVisualRebrandEnabled=e.isVisualRebrandEnabled),void 0!==e.isMomentumAvatarEnabled&&(this.isMomentumAvatarEnabled=e.isMomentumAvatarEnabled)}setDarkMode(e){this.isDarkMode=e}setThemeName(e){this.themeName=e}setVisualRebrandEnabled(e){this.isVisualRebrandEnabled=e}setMomentumAvatar(e){this.isMomentumAvatarEnabled=e}}const n=new i;return r})()));

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

@@ -204,7 +204,7 @@ export declare namespace ComboBox {
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
+        getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
         renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
         renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
         highlightingSearchedText(option: OptionMember | string): TemplateResult[];

package/dist/types/components/date-range-picker/DateRangePicker.d.ts

@@ -14,8 +14,9 @@ export declare namespace DateRangePicker {
         connectedCallback(): void;
         disconnectedCallback(): void;
         updateValue: () => void;
+        setSelected(): void;
         dateToSqlTranslate(date: DateTime): string | null;
-        sqlDateToSlashes(date: string): string;
+        onApplyClick(): void;
         handleDateSelection: (e: any) => void;
         emitDateRange(): void;
     }

package/dist/types/components/date-time-picker/DateTimePicker.d.ts

@@ -1,7 +1,7 @@
 import "@/components/input/Input";
 import "@/components/menu-overlay/MenuOverlay";
 import { LitElement, PropertyValues } from "lit-element";
-import { DatePicker } from "../datepicker/DatePicker";
+import { DatePicker, type DatePickerControlButtons } from "../datepicker/DatePicker";
 import { TimePicker } from "../timepicker/TimePicker";
 export declare namespace DateTimePicker {
     const weekStartDays: string[];
@@ -11,6 +11,7 @@ export declare namespace DateTimePicker {
         weekStart: (typeof weekStartDays)[number];
         ariaLabel: string;
         twoDigitAutoTab: boolean;
+        shouldCloseOnSelect: boolean;
         twentyFourHourFormat: boolean;
         timeSpecificity: TimePicker.TimeSpecificity;
         dateValue: string | undefined | null;
@@ -18,13 +19,14 @@ export declare namespace DateTimePicker {
         value: string | undefined;
         locale: string;
         disabled: boolean;
+        controlButtons?: DatePickerControlButtons;
         private fullDateTime;
         private selectedTimeObject;
         private selectedDateObject;
         firstCycle: boolean;
         datePicker: DatePicker.ELEMENT;
         timePicker: TimePicker.ELEMENT;
-        protected firstUpdated(changedProperties: PropertyValues): void;
+        protected firstUpdated(changedProperties: PropertyValues): Promise<void>;
         private addEventListeners;
         protected updated(changedProperties: PropertyValues): void;
         handleDateChange: (event: any) => void;

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

@@ -8,9 +8,18 @@
 import "@/components/datepicker/datepicker-calendar/DatePickerCalendar";
 import "@/components/input/Input";
 import "@/components/menu-overlay/MenuOverlay";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues, TemplateResult } from "lit-element";
 import { DateTime } from "luxon";
 import { MenuOverlay } from "../menu-overlay/MenuOverlay";
+export interface DatePickerControlButton {
+    value: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+}
+export interface DatePickerControlButtons {
+    apply?: DatePickerControlButton;
+    cancel?: DatePickerControlButton;
+}
 export declare namespace DatePicker {
     const weekStartDays: string[];
     class ELEMENT extends LitElement {
@@ -32,6 +41,7 @@ export declare namespace DatePicker {
         isMenuOverlayOpen: boolean;
         newMomentum?: boolean;
         compactInput?: boolean;
+        controlButtons?: DatePickerControlButtons;
         selectedDate: DateTime;
         focusedDate: DateTime;
         filterDate: Function | undefined;
@@ -39,15 +49,15 @@ export declare namespace DatePicker {
         minDateData: DateTime | undefined;
         menuOverlay: MenuOverlay.ELEMENT;
         get computedNewMomentum(): boolean;
+        static get styles(): import("lit-element").CSSResult;
         connectedCallback(): void;
         firstUpdated(changedProperties: PropertyValues): void;
         updated(changedProperties: PropertyValues): void;
         handleDateInputChange: (event: CustomEvent) => void;
         setOpen: (open: boolean) => void;
-        handleSelect: (e: CustomEvent) => void;
-        private getLocaleDateString;
+        handleSelect(e: CustomEvent): void;
         private getISODateTime;
-        setSelected: (date: DateTime, event: Event) => void;
+        protected setSelected(date: DateTime, event: Event): void;
         setPreSelection: (date: DateTime) => void;
         handleInputKeyDown: (event: KeyboardEvent) => void;
         handleKeyDown: (e: CustomEvent) => void;
@@ -55,7 +65,10 @@ export declare namespace DatePicker {
         private readonly getValidRegexString;
         isValueValid: () => boolean;
         private get messageArray();
-        render(): import("lit-element").TemplateResult;
+        private onCancelClick;
+        protected onApplyClick(): void;
+        private renderControlButtons;
+        render(): TemplateResult;
     }
 }
 declare global {

package/dist/types/components/editable-textfield/EditableTextfield.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { numInputTypes } from "../../utils/enums";
-import { CSSResultArray, LitElement, PropertyValues } from "lit-element";
 import "@/components/input/Input";
+import { CSSResultArray, LitElement, PropertyValues } from "lit-element";
+import { numInputTypes } from "../../utils/enums";
 import { Input } from "../input/Input";
 export declare const alignment: readonly ["left", "right", "center"];
 export declare namespace EditableTextfield {

package/dist/types/components/grabber/Grabber.d.ts

@@ -81,7 +81,7 @@ export declare namespace Grabber {
             visible: boolean;
         };
         private get grabberContainerClassMap();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
         get iconSize(): "10" | "12";
         render(): import("lit-element").TemplateResult;
     }

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

@@ -9,7 +9,7 @@ import "@/components/button/Button";
 import { LitElement, PropertyValues } from "lit-element";
 export declare const iconSize: readonly ["14", "16", "18", "20", "28", "36", "56", 14, 16, 18, 20, 28, 36, 56];
 export declare const iconType: readonly ["", "white"];
-export declare const iconSet: readonly ["momentumUI", "preferMomentumDesign", "momentumDesign", "momentumBrandVisuals"];
+export declare const iconSet: readonly ["momentumUI", "preferMomentumDesign", "momentumDesign", "momentumBrandVisuals", "svg"];
 export declare namespace Icon {
     type Size = (typeof iconSize)[number];
     type Type = (typeof iconType)[number];
@@ -147,19 +147,13 @@ export declare namespace Icon {
          * ```
          */
         iconSet: IconSet;
+        svgUrl?: string;
         private static readonly designLookup;
         private svgIcon;
-        isPath(importedIcon: string | object): boolean;
-        decodeIfBase64EncodedSvg(data: string): string;
-        getSvgContentFromFile(importedIcon: string): Promise<HTMLElement | null>;
-        getSvgContentFromInline(importedIcon: string | {
-            data: string;
-        }): HTMLElement | null;
-        parseSvgContent(svgContent: string): HTMLElement | null;
         isSvgAlreadyLoaded(iconName: string): boolean | undefined;
         loadSvgIcon(iconName: string): Promise<void>;
         setSvgIconAttributes(): void;
-        private getBrandVisualIcon;
+        private get computedSvgPath();
         private get svgIconName();
         updated(changedProperties: PropertyValues): void;
         _ariaLabel: string;

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

@@ -0,0 +1,8 @@
+declare const fetchSVG: (url: string, name: string, fileExtension?: string) => Promise<HTMLElement | null>;
+declare function isSVGPath(importedIcon: string | object): boolean;
+declare function getSvgContentFromFile(importedIcon: string): Promise<HTMLElement | null>;
+declare function getSvgContentFromInline(importedIcon: string | {
+    data: string;
+}): HTMLElement | null;
+declare function getMomentumDesignIconContent(iconName: string): Promise<HTMLElement | null | undefined>;
+export { fetchSVG, getMomentumDesignIconContent, getSvgContentFromFile, getSvgContentFromInline, isSVGPath };

package/dist/types/index.d.ts

@@ -20,8 +20,8 @@ export { Breadcrumb } from "./components/breadcrumb/Breadcrumb";
 export { ButtonGroup } from "./components/button-group/ButtonGroup";
 export { Button } from "./components/button/Button";
 export { CardAi } from "./components/card-ai/CardAi";
-export { Card } from "./components/card/Card";
 export { CardV2 } from "./components/card-v2/CardV2";
+export { Card } from "./components/card/Card";
 export { ChatMessage } from "./components/chat-message/ChatMessage";
 export { Checkbox } from "./components/checkbox/Checkbox";
 export { CheckboxGroup } from "./components/checkbox/CheckboxGroup";
@@ -78,4 +78,5 @@ export { Theme, ThemeName } from "./components/theme/Theme";
 export { TimePicker } from "./components/timepicker/TimePicker";
 export { ToggleSwitch } from "./components/toggle-switch/ToggleSwitch";
 export { Tooltip } from "./components/tooltip/Tooltip";
+export { iconUrlManager } from "./managers/IconUrlManager";
 export { ThemeManager, themeManager } from "./managers/ThemeManager";

package/dist/types/managers/IconUrlManager.d.ts

@@ -0,0 +1,8 @@
+declare class IconUrlManager {
+    svgIconUrl: string;
+    constructor(other?: Partial<IconUrlManager>);
+    update(other: Partial<IconUrlManager>): void;
+    setSvgIconUrl(value: string): void;
+}
+declare const iconUrlManager: IconUrlManager;
+export { IconUrlManager, iconUrlManager };

package/dist/types/managers/ThemeManager.d.ts

@@ -25,17 +25,38 @@ declare class ThemeManager {
      * correct momentum presence states
      */
     isMomentumAvatarEnabled: boolean;
+    /**
+     * Computed property to check if the current theme is Momentum V2.
+     * @returns {boolean} True if the current theme is Momentum V2, otherwise false
+     */
+    get isMomentumV2Enabled(): boolean;
     constructor(other?: Partial<ThemeManager>);
+    /**
+     * Action to update multiple properties of the ThemeManager.
+     * This method allows batch updates to the observable properties.
+     * @param {Partial<ThemeManager>} other - An object containing the properties to update.
+     */
     update(other: Partial<ThemeManager>): void;
+    /**
+     * Action to set the dark mode state.
+     * @param {boolean} value - The new value for dark mode.
+     */
     setDarkMode(value: boolean): void;
+    /**
+     * Action to set the theme name.
+     * @param {ThemeName} value - The new theme name.
+     */
     setThemeName(value: ThemeName): void;
+    /**
+     * Action to enable or disable the visual rebrand.
+     * @param {boolean} value - The new value for visual rebrand.
+     */
     setVisualRebrandEnabled(value: boolean): void;
-    setMomentumAvatar(value: boolean): void;
     /**
-     * Computed property to check if the current theme is Momentum V2.
-     * @returns {boolean} True if the current theme is Momentum V2, otherwise false
+     * Action to enable or disable the Momentum Avatar feature.
+     * @param {boolean} value - The new value for Momentum Avatar.
      */
-    get isMomentumV2Enabled(): boolean;
+    setMomentumAvatar(value: boolean): void;
 }
 declare const themeManager: ThemeManager;
 export { themeManager, ThemeManager };

package/dist/types/utils/dateUtils.d.ts

@@ -44,3 +44,5 @@ export declare function isSameMonth(date1: DateTime, date2: DateTime): boolean;
 export declare function isDayDisabled(day: DateTime, params: DayFilters): boolean;
 export declare function shouldPrevMonthDisable(day: DateTime, minDate: DateTime): boolean;
 export declare function shouldNextMonthDisable(day: DateTime, maxDate: DateTime): boolean;
+export declare function dateStringToDateTime(date: string): DateTime;
+export declare function reformatDateString(date: string | null | undefined): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.21.0-dev",
+  "version": "2.22.0",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -13,7 +13,6 @@
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
     "@interactjs/utils": "1.10.3",
-    "@momentum-design/brand-visuals": "0.5.1",
     "@momentum-design/icons": "0.13.0",
     "@popperjs/core": "^2.11.8",
     "country-codes-list": "1.6.8",
@@ -34,7 +33,7 @@
     "@momentum-ui/utils": "6.2.15",
     "lit-element": "2.3.1",
     "lit-html": "^1.2.1",
-    "mobx": "^5.0.0 || ^6.0.0"
+    "mobx": "^6.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/dist/4006.js

@@ -1 +0,0 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1625,4006],{81625:(e,t,m)=>{m.d(t,{tB:()=>o});var n=m(65796);function o(){return n.DateTime.local()}}}]);