@vonage/vivid 5.2.0 → 5.3.0

package/unbundled/time-selection-picker.template.js

@@ -1,5 +1,5 @@
 import { V as VividElement, d as defineVividComponent } from './vivid-element.js';
-import { when, html, repeat, observable, attr, nullableNumberConverter, Observable, defaultExecutionContext, DOM, volatile, ref } from '@microsoft/fast-element';
+import { when, html, repeat, observable, attr, nullableNumberConverter, Observable, ExecutionContext, Updates, volatile, ref } from '@microsoft/fast-element';
 import { i as ignoreEventInFocusTraps, a as PickerField } from './picker-field.template.js';
 import { S as SingleValuePicker } from './single-value-picker.js';
 import { classNames } from '@microsoft/fast-web-utilities';
@@ -560,10 +560,10 @@ const TimeSelectionPicker = (Base) => {
         () => this._use12hClock,
         this.#clockChangeHandler
       );
-      this.#clockChangeObserver.observe(this, defaultExecutionContext);
+      this.#clockChangeObserver.observe(this, ExecutionContext.default);
     }
     #stopObservingClockChanges() {
-      this.#clockChangeObserver.disconnect();
+      this.#clockChangeObserver.dispose();
     }
     /**
      * @internal
@@ -586,7 +586,7 @@ const TimeSelectionPicker = (Base) => {
     _onPickerButtonClick() {
       super._onPickerButtonClick();
       if (this._popupOpen) {
-        DOM.processUpdates();
+        Updates.process();
         this._inlineTimePickerEl.scrollSelectedOptionsToTop();
       }
     }
@@ -746,7 +746,7 @@ class TimePicker extends TimeSelectionPicker(
   _onPickerButtonClick() {
     super._onPickerButtonClick();
     if (this._popupOpen) {
-      DOM.processUpdates();
+      Updates.process();
       this._focusableElsWithinDialog()[0]?.focus();
     }
   }

package/unbundled/vivid-element.cjs

@@ -34,20 +34,22 @@ const createRegisterFunction = (definition) => (prefix = "vwc") => {
         (dependency) => [dependency.type, prefixed(dependency.name)]
       )
     ]);
+    const tagFor = (type2, convertToString) => {
+      if (!tagByDependencyType.has(type2)) {
+        throw new Error(
+          `Could not get tag for ${type2.name} as it is not a dependency of ${componentDefinition.name}.`
+        );
+      }
+      const tagNameStr = tagByDependencyType.get(type2);
+      return convertToString ? tagNameStr : fastElement.html.partial(tagNameStr);
+    };
     const elementDefinitionContext = {
-      tagFor(type2) {
-        if (!tagByDependencyType.has(type2)) {
-          throw new Error(
-            `Could not get tag for ${type2.name} as it is not a dependency of ${componentDefinition.name}.`
-          );
-        }
-        return tagByDependencyType.get(type2);
-      },
+      tagFor,
       tagForNonDependency(name) {
         return prefixed(name);
       }
     };
-    new fastElement.FASTElementDefinition(type, {
+    fastElement.FASTElementDefinition.compose(type, {
       ...componentDefinition.options,
       template: resolve(
         componentDefinition.template,
@@ -79,9 +81,6 @@ const getSubscribers = (source) => {
 const subscribeToAriaPropertyChanges = (source, listener) => {
   getSubscribers(source).push(listener);
 };
-const unsubscribeFromAriaPropertyChanges = (source, listener) => {
-  getSubscribers(source).splice(getSubscribers(source).indexOf(listener), 1);
-};
 const publishAriaPropertyChange = (source, changedAriaProperty) => {
   getSubscribers(source).forEach((s) => s(source, changedAriaProperty));
 };
@@ -208,7 +207,16 @@ const AriaMixin = (Base) => {
   return AriaMixinElement;
 };
 
-const locateReplacedPropMetadata = fastElement.createMetadataLocator();
+function createMetadataLocator() {
+  const metadataMap = /* @__PURE__ */ new WeakMap();
+  return (target) => {
+    if (!metadataMap.has(target)) {
+      metadataMap.set(target, []);
+    }
+    return metadataMap.get(target);
+  };
+}
+const locateReplacedPropMetadata = createMetadataLocator();
 const replaces = (config) => ($target, $prop) => {
   locateReplacedPropMetadata($target.constructor).push({
     newPropertyName: $prop,
@@ -260,7 +268,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(fastElement.FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.2.0";
+    this.VIVID_VERSION = "5.3.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,
@@ -280,4 +288,3 @@ exports.createRegisterFunction = createRegisterFunction;
 exports.defineVividComponent = defineVividComponent;
 exports.replaces = replaces;
 exports.subscribeToAriaPropertyChanges = subscribeToAriaPropertyChanges;
-exports.unsubscribeFromAriaPropertyChanges = unsubscribeFromAriaPropertyChanges;

package/unbundled/vivid-element.js

@@ -1,4 +1,4 @@
-import { FASTElementDefinition, DOM, attr, createMetadataLocator, Observable, FASTElement } from '@microsoft/fast-element';
+import { FASTElementDefinition, html, DOM, attr, Observable, FASTElement } from '@microsoft/fast-element';
 
 function resolve(templateOrResolveFunction, ctx) {
   if (templateOrResolveFunction instanceof Function) {
@@ -32,20 +32,22 @@ const createRegisterFunction = (definition) => (prefix = "vwc") => {
         (dependency) => [dependency.type, prefixed(dependency.name)]
       )
     ]);
+    const tagFor = (type2, convertToString) => {
+      if (!tagByDependencyType.has(type2)) {
+        throw new Error(
+          `Could not get tag for ${type2.name} as it is not a dependency of ${componentDefinition.name}.`
+        );
+      }
+      const tagNameStr = tagByDependencyType.get(type2);
+      return convertToString ? tagNameStr : html.partial(tagNameStr);
+    };
     const elementDefinitionContext = {
-      tagFor(type2) {
-        if (!tagByDependencyType.has(type2)) {
-          throw new Error(
-            `Could not get tag for ${type2.name} as it is not a dependency of ${componentDefinition.name}.`
-          );
-        }
-        return tagByDependencyType.get(type2);
-      },
+      tagFor,
       tagForNonDependency(name) {
         return prefixed(name);
       }
     };
-    new FASTElementDefinition(type, {
+    FASTElementDefinition.compose(type, {
       ...componentDefinition.options,
       template: resolve(
         componentDefinition.template,
@@ -77,9 +79,6 @@ const getSubscribers = (source) => {
 const subscribeToAriaPropertyChanges = (source, listener) => {
   getSubscribers(source).push(listener);
 };
-const unsubscribeFromAriaPropertyChanges = (source, listener) => {
-  getSubscribers(source).splice(getSubscribers(source).indexOf(listener), 1);
-};
 const publishAriaPropertyChange = (source, changedAriaProperty) => {
   getSubscribers(source).forEach((s) => s(source, changedAriaProperty));
 };
@@ -206,6 +205,15 @@ const AriaMixin = (Base) => {
   return AriaMixinElement;
 };
 
+function createMetadataLocator() {
+  const metadataMap = /* @__PURE__ */ new WeakMap();
+  return (target) => {
+    if (!metadataMap.has(target)) {
+      metadataMap.set(target, []);
+    }
+    return metadataMap.get(target);
+  };
+}
 const locateReplacedPropMetadata = createMetadataLocator();
 const replaces = (config) => ($target, $prop) => {
   locateReplacedPropMetadata($target.constructor).push({
@@ -258,7 +266,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.2.0";
+    this.VIVID_VERSION = "5.3.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,
@@ -271,4 +279,4 @@ class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
   }
 }
 
-export { VividElement as V, ariaAttributeName as a, ariaMixinProperties as b, createRegisterFunction as c, defineVividComponent as d, replaces as r, subscribeToAriaPropertyChanges as s, unsubscribeFromAriaPropertyChanges as u };
+export { VividElement as V, ariaAttributeName as a, ariaMixinProperties as b, createRegisterFunction as c, defineVividComponent as d, replaces as r, subscribeToAriaPropertyChanges as s };