@vonage/vivid 3.35.0 → 3.37.0

package/accordion/index.js

@@ -9,13 +9,12 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/key-codes.js';
 import '../shared/numbers.js';
-import '../shared/node-observation.js';
-import '../shared/slotted.js';
 
 registerAccordion();

package/accordion-item/index.js

@@ -8,6 +8,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';

package/alert/index.js

@@ -11,6 +11,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/badge/index.js

@@ -6,6 +6,7 @@ import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 
 registerBadge();

package/banner/index.js

@@ -11,6 +11,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/breadcrumb/index.js

@@ -1,6 +1,5 @@
 import { r as registerBreadcrumb } from '../shared/definition9.js';
 import '../shared/index.js';
-import '../shared/node-observation.js';
 import '../shared/slotted.js';
 import '../shared/breadcrumb-item.js';
 import '../shared/anchor.js';

package/breadcrumb-item/index.js

@@ -15,6 +15,7 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/text-anchor.template.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/focus2.js';
 
 registerBreadcrumbItem();

package/button/index.js

@@ -10,6 +10,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/card/index.js

@@ -7,6 +7,5 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition56.js';
 import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerCard();

package/checkbox/index.js

@@ -8,13 +8,12 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerCheckbox();

package/combobox/index.js

@@ -12,6 +12,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';
@@ -30,7 +31,5 @@ import '../shared/listbox.js';
 import '../shared/strings.js';
 import '../shared/numbers.js';
 import '../shared/select.options.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerCombobox();

package/custom-elements.json

@@ -3600,6 +3600,54 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/date-picker/date-picker.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A form-associated base class for the @microsoft/fast-foundation#(TextField:class) component.",
+          "name": "FormAssociatedDatePicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'date'"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_DatePicker",
+            "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedDatePicker",
+          "declaration": {
+            "name": "FormAssociatedDatePicker",
+            "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/date-picker/date-picker.ts",
@@ -3633,59 +3681,40 @@
           "members": [
             {
               "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The label text of the date-picker.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "helperText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The helper-text text of the date-picker.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "errorText",
+              "name": "min",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The error-text text of the date-picker.",
-              "privacy": "public"
+              "description": "The earliest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "max",
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "The earliest accepted date of the date-picker.",
-              "privacy": "public"
+              "description": "The latest accepted date of the date-picker.",
+              "privacy": "public",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "initialValue",
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "The latest accepted date of the date-picker.",
+              "description": "The initial value of the date-picker.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "currentValue",
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "The currently selected date of the date-picker.",
+              "description": "The current value of the date-picker.",
               "privacy": "public"
             },
             {
@@ -3695,21 +3724,11 @@
                 {
                   "name": "newValue",
                   "type": {
-                    "text": "DateStr | null"
+                    "text": "DateStr"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the date-picker is disabled.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "readOnly",
@@ -3720,6 +3739,16 @@
               "description": "Whether the date-picker is readonly.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "readOnlyChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "#getFocusableEls"
@@ -3748,6 +3777,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "validate"
+            },
             {
               "kind": "field",
               "name": "#dismissOnClickOutside",
@@ -3775,64 +3808,79 @@
                   "default": "true"
                 }
               ]
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "label",
+              "kind": "method",
+              "name": "_presentationValueChanged"
+            },
+            {
+              "kind": "method",
+              "name": "#isPresentationValueInvalid"
+            },
+            {
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The label text of the date-picker.",
-              "fieldName": "label"
+              "default": "''"
             },
             {
-              "name": "helper-text",
+              "kind": "field",
+              "name": "proxy",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLInputElement"
               },
-              "description": "The helper-text text of the date-picker.",
-              "fieldName": "helperText"
+              "inheritedFrom": {
+                "name": "FormAssociatedDatePicker",
+                "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+              }
             },
             {
-              "name": "error-text",
+              "kind": "field",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The error-text text of the date-picker.",
-              "fieldName": "errorText"
-            },
+              "default": "'date'",
+              "inheritedFrom": {
+                "name": "FormAssociatedDatePicker",
+                "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
               "description": "The earliest accepted date of the date-picker.",
+              "default": "''",
               "fieldName": "min"
             },
             {
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
               "description": "The latest accepted date of the date-picker.",
+              "default": "''",
               "fieldName": "max"
             },
             {
+              "name": "value",
               "type": {
-                "text": "DateStr | null"
+                "text": "string"
               },
-              "default": "null",
-              "description": "The currently selected date of the date-picker.",
-              "fieldName": "value"
+              "description": "The initial value of the date-picker.",
+              "fieldName": "initialValue"
             },
             {
+              "name": "current-value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the date-picker is disabled.",
-              "fieldName": "disabled"
+              "description": "The current value of the date-picker.",
+              "fieldName": "currentValue"
             },
             {
               "name": "readonly",
@@ -3845,8 +3893,8 @@
             }
           ],
           "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedDatePicker",
+            "module": "/libs/components/src/lib/date-picker/date-picker.form-associated"
           }
         }
       ],
@@ -4627,6 +4675,12 @@
               "default": "var(--vvd-color-cta-600)"
             }
           ],
+          "slots": [
+            {
+              "description": "Slot to add an icon to fab.",
+              "name": "icon"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6156,6 +6210,10 @@
             {
               "description": "Assign nodes to the `meta` slot to set a badge or an additional icon.",
               "name": "meta"
+            },
+            {
+              "description": "Assign a Menu to the `submenu` slot to add a submenu.",
+              "name": "submenu"
             }
           ],
           "members": [
@@ -6176,6 +6234,31 @@
               },
               "description": "Indicates the menu item's secondary text.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#submenuArray",
+              "privacy": "private",
+              "type": {
+                "text": "Menu[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "#updateSubmenu"
+            },
+            {
+              "kind": "method",
+              "name": "#collapseExpandedItem"
+            },
+            {
+              "kind": "method",
+              "name": "#expandedChange"
+            },
+            {
+              "kind": "field",
+              "name": "updateSubmenu"
             }
           ],
           "attributes": [
@@ -6938,6 +7021,37 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "kind": "method",
+              "name": "stepChanged",
+              "parameters": [
+                {
+                  "name": "_previous",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "stepUp"
+            },
+            {
+              "kind": "method",
+              "name": "stepDown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             }
           ],
           "attributes": [
@@ -9429,6 +9543,12 @@
               "default": "var(--vvd-color-neutral-300)"
             }
           ],
+          "slots": [
+            {
+              "description": "Slot to add an icon to tab.",
+              "name": "icon"
+            }
+          ],
           "members": [
             {
               "kind": "field",

package/data-grid/index.js

@@ -7,9 +7,8 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/key-codes.js';
 import '../shared/repeat.js';
-import '../shared/node-observation.js';
-import '../shared/children.js';
 import '../shared/slotted.js';
+import '../shared/children.js';
 import '../shared/focus2.js';
 import '../shared/focus.js';
 

package/date-picker/index.js

@@ -12,6 +12,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';
@@ -26,8 +27,6 @@ import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/text-field2.js';
 import '../shared/text-field.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 import '../shared/definition19.js';
 import '../shared/aria.js';
 import '../shared/repeat.js';

package/dialog/index.js

@@ -11,6 +11,7 @@ import '../shared/focus.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';
@@ -20,7 +21,5 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/definition56.js';
-import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerDialog();

package/empty-state/index.js

@@ -6,6 +6,5 @@ import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/slotted.js';
-import '../shared/node-observation.js';
 
 registerEmptyState();

package/fab/index.js

@@ -8,6 +8,7 @@ import '../shared/when.js';
 import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/apply-mixins.js';
 import '../shared/button.js';
 import '../shared/form-associated.js';

package/file-picker/index.js

@@ -11,6 +11,7 @@ import '../shared/definition10.js';
 import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
+import '../shared/slotted.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/form-associated.js';

package/index.js

@@ -59,6 +59,7 @@ import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
 import './shared/_has.js';
+import './shared/slotted.js';
 import './shared/apply-mixins.js';
 import './shared/start-end.js';
 import './shared/ref.js';
@@ -66,8 +67,6 @@ import './shared/focus2.js';
 import './shared/when.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
-import './shared/node-observation.js';
-import './shared/slotted.js';
 import './shared/class-names.js';
 import './shared/definition56.js';
 import './shared/button.js';

package/lib/date-picker/date-picker.d.ts

@@ -1,18 +1,18 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import { Localized } from '../../shared/patterns';
-import { type DateStr } from './calendar/dateStr';
-export declare class DatePicker extends FoundationElement {
+import { type ErrorText, type FormElement, FormElementHelperText, Localized } from '../../shared/patterns';
+import { FormAssociatedDatePicker } from './date-picker.form-associated';
+export declare class DatePicker extends FormAssociatedDatePicker {
     #private;
-    label?: string;
-    helperText?: string;
-    errorText?: string;
-    min: DateStr | null;
-    max: DateStr | null;
-    value: DateStr | null;
-    disabled: boolean;
+    min: string;
+    max: string;
+    initialValue: string;
+    currentValue: string;
     readOnly: boolean;
+    protected readOnlyChanged(): void;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    validate(): void;
+    _presentationValueChanged(): void;
 }
-export interface DatePicker extends Localized {
+export interface DatePicker extends Localized, ErrorText, FormElement, FormElementHelperText {
 }

package/lib/date-picker/date-picker.form-associated.d.ts

@@ -0,0 +1,11 @@
+import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+declare class _DatePicker extends FoundationElement {
+}
+interface _DatePicker extends FormAssociated {
+}
+declare const FormAssociatedDatePicker_base: typeof _DatePicker;
+export declare class FormAssociatedDatePicker extends FormAssociatedDatePicker_base {
+    proxy: HTMLInputElement;
+    constructor();
+}
+export {};