@momentum-ui/web-components 2.23.17 → 2.23.18

package/dist/types/components/card-v2/CardV2.d.ts

@@ -24,6 +24,7 @@ export declare namespace CardV2 {
         createdTime: number;
         active: boolean;
         expandable: boolean;
+        expandAriaLabel: string;
         private interval;
         private renderedData;
         connectedCallback(): void;

package/dist/types/components/form/Form.types.d.ts

@@ -1,3 +1,6 @@
+export interface Subscription {
+    unsubscribe(): void;
+}
 export type ValidationError = {
     type: string;
     count?: number;
@@ -7,4 +10,7 @@ export interface AbstractControl<ControlValue = unknown> {
     readonly value: ControlValue;
     readonly valid: boolean;
     validate(): void;
+    onChange?: (listener: (control: AbstractControl<ControlValue>) => void) => Subscription;
+    markAsTouched?(): void;
+    markAllAsTouched?(): void;
 }

package/dist/types/components/form/FormArray.d.ts

@@ -1,5 +1,6 @@
 import { AbstractControl } from "./Form.types";
-export declare class FormArray<ItemType> implements AbstractControl<ItemType[]> {
+import { ObservableControl } from "./ObservableControl";
+export declare class FormArray<ItemType> extends ObservableControl<ItemType[]> implements AbstractControl<ItemType[]> {
     private readonly controls;
     constructor(controls: AbstractControl<ItemType>[]);
     at(index: number): AbstractControl<ItemType>;
@@ -10,4 +11,5 @@ export declare class FormArray<ItemType> implements AbstractControl<ItemType[]>
     get length(): number;
     getControls(): AbstractControl<ItemType>[];
     validate(): void;
+    markAllAsTouched(): void;
 }

package/dist/types/components/form/FormControl.d.ts

@@ -1,10 +1,14 @@
 import { AbstractControl, ValidationError, ValidatorFn } from "./Form.types";
-export declare class FormControl<ValueType> implements AbstractControl<ValueType> {
+import { ObservableControl } from "./ObservableControl";
+export type ControlListener<ValueType> = (control: AbstractControl<ValueType>) => void;
+export declare class FormControl<ValueType> extends ObservableControl<ValueType> implements AbstractControl<ValueType> {
     private currentValue;
     private validationErrors;
+    private touched;
     private readonly validators;
     constructor(initialValue: ValueType, validators?: ValidatorFn<ValueType>[]);
     get value(): ValueType;
+    markAsTouched(): void;
     get valid(): boolean;
     get errors(): ValidationError[];
     setValue(value: ValueType): void;

package/dist/types/components/form/FormGroup.d.ts

@@ -1,7 +1,8 @@
 import { AbstractControl } from "./Form.types";
 import { FormArray } from "./FormArray";
 import { FormControl } from "./FormControl";
-export declare class FormGroup<FormValues extends Record<string, unknown>> implements AbstractControl<FormValues> {
+import { ObservableControl } from "./ObservableControl";
+export declare class FormGroup<FormValues extends Record<string, unknown>> extends ObservableControl<FormValues> implements AbstractControl<FormValues> {
     private readonly controls;
     constructor(controls: {
         [Field in keyof FormValues]: AbstractControl<FormValues[Field]>;
@@ -10,4 +11,5 @@ export declare class FormGroup<FormValues extends Record<string, unknown>> imple
     get value(): FormValues;
     get valid(): boolean;
     validate(): void;
+    markAllAsTouched(): void;
 }

package/dist/types/components/form/ObservableControl.d.ts

@@ -0,0 +1,11 @@
+import { AbstractControl } from "./Form.types";
+export declare abstract class ObservableControl<Value> implements AbstractControl<Value> {
+    private listeners;
+    onChange(listener: (control: AbstractControl<Value>) => void): {
+        unsubscribe: () => void;
+    };
+    protected emitChange(): void;
+    abstract get value(): Value;
+    abstract get valid(): boolean;
+    abstract validate(): void;
+}

package/dist/types/components/form/index.d.ts

@@ -0,0 +1,6 @@
+export { FormControl } from './FormControl';
+export { FormGroup } from './FormGroup';
+export { FormArray } from './FormArray';
+export { Validators } from './validators';
+export { AbstractControl } from './Form.types';
+export { ValidationError } from './Form.types';

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

@@ -10,6 +10,7 @@ import "@/components/icon/Icon";
 import "@/components/label/Label";
 import "@/components/spinner/Spinner";
 import { LitElement } from "lit-element";
+import { FormControl } from "../form";
 export declare const containerSize: string[];
 export declare const inputSize: string[];
 export declare const inputType: string[];
@@ -77,6 +78,7 @@ export declare namespace Input {
         ariaControls: string;
         ariaExpanded: string;
         newMomentum: boolean;
+        control?: FormControl<unknown>;
         input: HTMLInputElement;
         private isEditing;
         private readonly inputSectionRightSlot;

package/dist/types/index.d.ts

@@ -84,4 +84,5 @@ export { ToggleSwitch } from "./components/toggle-switch/ToggleSwitch";
 export { Tooltip } from "./components/tooltip/Tooltip";
 export { iconUrlManager } from "./managers/IconUrlManager";
 export { ThemeManager, themeManager } from "./managers/ThemeManager";
+export { FormGroup, FormArray, FormControl, Validators, AbstractControl, ValidationError } from "./components/form";
 export type { Events, IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./components/popover/Popover.types";

package/package.json

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