@vonage/vivid 5.15.1 → 5.16.0

package/unbundled/form-element.cjs

@@ -1,84 +1,75 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
+require("./chunk.cjs");
+const require_decorate = require("./decorate.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/shared/patterns/form-elements/form-element.ts
+/**
+* Determines when to show the error message for form associated elements.
+*/
+var FormElement = (Base) => {
+	/**
+	* @testSelector byLabel byLabel
+	* @testQuery visibleError visibleError
+	*/
+	class FormElementElement extends Base {
+		constructor(...args) {
+			super(...args);
+			this.errorValidationMessage = "";
+			this.forceErrorDisplay = false;
+			this.hasBeenTouched = false;
+			this.addEventListener("blur", () => {
+				this.hasBeenTouched = true;
+				this.forceErrorDisplay = false;
+				this.validate();
+			});
+			this.addEventListener("focus", () => {
+				this.hasBeenTouched = false;
+			});
+			this.addEventListener("invalid", () => {
+				this.proxy.dispatchEvent(new Event("invalid"));
+			});
+		}
+		/**
+		* @internal
+		*/
+		connectedCallback() {
+			super.connectedCallback();
+			this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
+		}
+		#handleInvalidEvent = () => {
+			this.forceErrorDisplay = true;
+			this.validate();
+		};
+		/**
+		* @internal
+		*/
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this.proxy.removeEventListener("invalid", this.#handleInvalidEvent);
+		}
+		/**
+		* @internal
+		*/
+		formResetCallback() {
+			this.forceErrorDisplay = false;
+			super.formResetCallback();
+			this.validate();
+		}
+		/**
+		* @internal
+		*/
+		validate() {
+			super.validate();
+			this.errorValidationMessage = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue ? this.validationMessage : "";
+		}
+	}
+	require_decorate.__decorate([_microsoft_fast_element.attr], FormElementElement.prototype, "label", void 0);
+	require_decorate.__decorate([_microsoft_fast_element.observable], FormElementElement.prototype, "errorValidationMessage", void 0);
+	return FormElementElement;
 };
-const FormElement = (Base) => {
-  class FormElementElement extends Base {
-    constructor(...args) {
-      super(...args);
-      this.errorValidationMessage = "";
-      /**
-       * @internal
-       */
-      this.forceErrorDisplay = false;
-      /**
-       * @internal
-       */
-      this.hasBeenTouched = false;
-      this.#handleInvalidEvent = () => {
-        this.forceErrorDisplay = true;
-        this.validate();
-      };
-      this.addEventListener("blur", () => {
-        this.hasBeenTouched = true;
-        this.forceErrorDisplay = false;
-        this.validate();
-      });
-      this.addEventListener("focus", () => {
-        this.hasBeenTouched = false;
-      });
-      this.addEventListener("invalid", () => {
-        this.proxy.dispatchEvent(new Event("invalid"));
-      });
-    }
-    /**
-     * @internal
-     */
-    connectedCallback() {
-      super.connectedCallback();
-      this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
-    }
-    #handleInvalidEvent;
-    /**
-     * @internal
-     */
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      this.proxy.removeEventListener("invalid", this.#handleInvalidEvent);
-    }
-    /**
-     * @internal
-     */
-    formResetCallback() {
-      this.forceErrorDisplay = false;
-      super.formResetCallback();
-      this.validate();
-    }
-    /**
-     * @internal
-     */
-    validate() {
-      super.validate();
-      const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
-      this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
-    }
-  }
-  __decorateClass([
-    fastElement.attr
-  ], FormElementElement.prototype, "label");
-  __decorateClass([
-    fastElement.observable
-  ], FormElementElement.prototype, "errorValidationMessage");
-  return FormElementElement;
-};
-
-exports.FormElement = FormElement;
+//#endregion
+Object.defineProperty(exports, "FormElement", {
+	enumerable: true,
+	get: function() {
+		return FormElement;
+	}
+});

package/unbundled/form-element.js

@@ -1,82 +1,69 @@
-import { attr, observable } from '@microsoft/fast-element';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
+import { t as __decorate } from "./decorate.js";
+import { attr, observable } from "@microsoft/fast-element";
+//#region src/shared/patterns/form-elements/form-element.ts
+/**
+* Determines when to show the error message for form associated elements.
+*/
+var FormElement = (Base) => {
+	/**
+	* @testSelector byLabel byLabel
+	* @testQuery visibleError visibleError
+	*/
+	class FormElementElement extends Base {
+		constructor(...args) {
+			super(...args);
+			this.errorValidationMessage = "";
+			this.forceErrorDisplay = false;
+			this.hasBeenTouched = false;
+			this.addEventListener("blur", () => {
+				this.hasBeenTouched = true;
+				this.forceErrorDisplay = false;
+				this.validate();
+			});
+			this.addEventListener("focus", () => {
+				this.hasBeenTouched = false;
+			});
+			this.addEventListener("invalid", () => {
+				this.proxy.dispatchEvent(new Event("invalid"));
+			});
+		}
+		/**
+		* @internal
+		*/
+		connectedCallback() {
+			super.connectedCallback();
+			this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
+		}
+		#handleInvalidEvent = () => {
+			this.forceErrorDisplay = true;
+			this.validate();
+		};
+		/**
+		* @internal
+		*/
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this.proxy.removeEventListener("invalid", this.#handleInvalidEvent);
+		}
+		/**
+		* @internal
+		*/
+		formResetCallback() {
+			this.forceErrorDisplay = false;
+			super.formResetCallback();
+			this.validate();
+		}
+		/**
+		* @internal
+		*/
+		validate() {
+			super.validate();
+			this.errorValidationMessage = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue ? this.validationMessage : "";
+		}
+	}
+	__decorate([attr], FormElementElement.prototype, "label", void 0);
+	__decorate([observable], FormElementElement.prototype, "errorValidationMessage", void 0);
+	return FormElementElement;
 };
-const FormElement = (Base) => {
-  class FormElementElement extends Base {
-    constructor(...args) {
-      super(...args);
-      this.errorValidationMessage = "";
-      /**
-       * @internal
-       */
-      this.forceErrorDisplay = false;
-      /**
-       * @internal
-       */
-      this.hasBeenTouched = false;
-      this.#handleInvalidEvent = () => {
-        this.forceErrorDisplay = true;
-        this.validate();
-      };
-      this.addEventListener("blur", () => {
-        this.hasBeenTouched = true;
-        this.forceErrorDisplay = false;
-        this.validate();
-      });
-      this.addEventListener("focus", () => {
-        this.hasBeenTouched = false;
-      });
-      this.addEventListener("invalid", () => {
-        this.proxy.dispatchEvent(new Event("invalid"));
-      });
-    }
-    /**
-     * @internal
-     */
-    connectedCallback() {
-      super.connectedCallback();
-      this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
-    }
-    #handleInvalidEvent;
-    /**
-     * @internal
-     */
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      this.proxy.removeEventListener("invalid", this.#handleInvalidEvent);
-    }
-    /**
-     * @internal
-     */
-    formResetCallback() {
-      this.forceErrorDisplay = false;
-      super.formResetCallback();
-      this.validate();
-    }
-    /**
-     * @internal
-     */
-    validate() {
-      super.validate();
-      const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
-      this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
-    }
-  }
-  __decorateClass([
-    attr
-  ], FormElementElement.prototype, "label");
-  __decorateClass([
-    observable
-  ], FormElementElement.prototype, "errorValidationMessage");
-  return FormElementElement;
-};
-
-export { FormElement as F };
+//#endregion
+export { FormElement as t };

package/unbundled/host-semantics.cjs

@@ -1,92 +1,73 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const vividElement = require('./vivid-element.cjs');
-const attributeBindingBehaviour = require('./attribute-binding-behaviour.cjs');
-
-class HostSemanticsBehavior {
-  constructor(target, params) {
-    this.target = null;
-    // unbind(controller: ViewController) {
-    // 	const source = controller.source as HostSemanticsElement;
-    // 	this.releasePropertyBindings(source);
-    // }
-    this.bindingBehaviours = [];
-    this.target = target;
-    this.boundProperties = params.boundProperties;
-  }
-  bind(controller) {
-    const source = controller.source;
-    if (this.target !== source) {
-      throw new Error("Target element must be the same as the source element");
-    }
-    this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-  }
-  bindPropertiesToTarget(source, boundProperties, target) {
-    for (const [property, binding] of Object.entries(boundProperties)) {
-      const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
-      this.bindingBehaviours.push(
-        new attributeBindingBehaviour.AttributeBindingBehavior(
-          target,
-          fastElement.oneWay(bindingFn),
-          true,
-          vividElement.ariaAttributeName(property)
-        )
-      );
-    }
-    for (const behavior of this.bindingBehaviours) {
-      behavior.bind({
-        source,
-        context: source.$fastController.context
-      });
-    }
-  }
-  // private releasePropertyBindings(source: HostSemanticsElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind();
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-}
-
-class HostSemanticsDirective extends fastElement.StatelessAttachedAttributeDirective {
-  constructor(boundProperties) {
-    super("vvd-host-semantics");
-    this.boundProperties = boundProperties;
-    /**
-     * The structural id of the DOM node to which the created behavior will apply.
-     */
-    this.targetNodeId = "";
-  }
-  bind(controller) {
-    const targetElement = controller.targets[this.targetNodeId];
-    const behavior = new HostSemanticsBehavior(
-      targetElement,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: new Set(
-          vividElement.ariaMixinProperties.filter((p) => !(p in this.boundProperties))
-        )
-      }
-    );
-    behavior.bind(controller);
-  }
-}
-fastElement.HTMLDirective.define(HostSemanticsDirective);
+require("./chunk.cjs");
+const require_vivid_element = require("./vivid-element.cjs");
+const require_attribute_binding_behaviour = require("./attribute-binding-behaviour.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/shared/aria/host-semantics-behavior.ts
+var HostSemanticsBehavior = class {
+	constructor(target, params) {
+		this.target = null;
+		this.bindingBehaviours = [];
+		this.target = target;
+		this.boundProperties = params.boundProperties;
+	}
+	bind(controller) {
+		const source = controller.source;
+		if (this.target !== source) throw new Error("Target element must be the same as the source element");
+		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
+	}
+	bindPropertiesToTarget(source, boundProperties, target) {
+		for (const [property, binding] of Object.entries(boundProperties)) {
+			const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
+			this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), true, require_vivid_element.ariaAttributeName(property)));
+		}
+		for (const behavior of this.bindingBehaviours) behavior.bind({
+			source,
+			context: source.$fastController.context
+		});
+	}
+};
+//#endregion
+//#region src/shared/aria/host-semantics.ts
+var HostSemanticsDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
+	constructor(boundProperties) {
+		super("vvd-host-semantics");
+		this.boundProperties = boundProperties;
+		this.targetNodeId = "";
+	}
+	bind(controller) {
+		const targetElement = controller.targets[this.targetNodeId];
+		new HostSemanticsBehavior(targetElement, {
+			boundProperties: this.boundProperties,
+			forwardedProperties: new Set(require_vivid_element.ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
+		}).bind(controller);
+	}
+};
+_microsoft_fast_element.HTMLDirective.define(HostSemanticsDirective);
 function applyHostSemantics(boundProperties = {}) {
-  return new HostSemanticsDirective(boundProperties);
+	return new HostSemanticsDirective(boundProperties);
 }
-const HostSemantics = (Base) => {
-  class HostSemanticsElement extends Base {
-    constructor() {
-      super(...arguments);
-      /** @internal */
-      this._vividAriaBehaviour = "host";
-    }
-  }
-  return HostSemanticsElement;
+/**
+* Mixin for components that place semantics on the host element.
+*/
+var HostSemantics = (Base) => {
+	class HostSemanticsElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._vividAriaBehaviour = "host";
+		}
+	}
+	return HostSemanticsElement;
 };
-
-exports.HostSemantics = HostSemantics;
-exports.applyHostSemantics = applyHostSemantics;
+//#endregion
+Object.defineProperty(exports, "HostSemantics", {
+	enumerable: true,
+	get: function() {
+		return HostSemantics;
+	}
+});
+Object.defineProperty(exports, "applyHostSemantics", {
+	enumerable: true,
+	get: function() {
+		return applyHostSemantics;
+	}
+});

package/unbundled/host-semantics.js

@@ -1,89 +1,61 @@
-import { oneWay, HTMLDirective, StatelessAttachedAttributeDirective } from '@microsoft/fast-element';
-import { a as ariaAttributeName, b as ariaMixinProperties } from './vivid-element.js';
-import { A as AttributeBindingBehavior } from './attribute-binding-behaviour.js';
-
-class HostSemanticsBehavior {
-  constructor(target, params) {
-    this.target = null;
-    // unbind(controller: ViewController) {
-    // 	const source = controller.source as HostSemanticsElement;
-    // 	this.releasePropertyBindings(source);
-    // }
-    this.bindingBehaviours = [];
-    this.target = target;
-    this.boundProperties = params.boundProperties;
-  }
-  bind(controller) {
-    const source = controller.source;
-    if (this.target !== source) {
-      throw new Error("Target element must be the same as the source element");
-    }
-    this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-  }
-  bindPropertiesToTarget(source, boundProperties, target) {
-    for (const [property, binding] of Object.entries(boundProperties)) {
-      const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
-      this.bindingBehaviours.push(
-        new AttributeBindingBehavior(
-          target,
-          oneWay(bindingFn),
-          true,
-          ariaAttributeName(property)
-        )
-      );
-    }
-    for (const behavior of this.bindingBehaviours) {
-      behavior.bind({
-        source,
-        context: source.$fastController.context
-      });
-    }
-  }
-  // private releasePropertyBindings(source: HostSemanticsElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind();
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-}
-
-class HostSemanticsDirective extends StatelessAttachedAttributeDirective {
-  constructor(boundProperties) {
-    super("vvd-host-semantics");
-    this.boundProperties = boundProperties;
-    /**
-     * The structural id of the DOM node to which the created behavior will apply.
-     */
-    this.targetNodeId = "";
-  }
-  bind(controller) {
-    const targetElement = controller.targets[this.targetNodeId];
-    const behavior = new HostSemanticsBehavior(
-      targetElement,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: new Set(
-          ariaMixinProperties.filter((p) => !(p in this.boundProperties))
-        )
-      }
-    );
-    behavior.bind(controller);
-  }
-}
+import { i as ariaMixinProperties, r as ariaAttributeName } from "./vivid-element.js";
+import { t as AttributeBindingBehavior } from "./attribute-binding-behaviour.js";
+import { HTMLDirective, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
+//#region src/shared/aria/host-semantics-behavior.ts
+var HostSemanticsBehavior = class {
+	constructor(target, params) {
+		this.target = null;
+		this.bindingBehaviours = [];
+		this.target = target;
+		this.boundProperties = params.boundProperties;
+	}
+	bind(controller) {
+		const source = controller.source;
+		if (this.target !== source) throw new Error("Target element must be the same as the source element");
+		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
+	}
+	bindPropertiesToTarget(source, boundProperties, target) {
+		for (const [property, binding] of Object.entries(boundProperties)) {
+			const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
+			this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), true, ariaAttributeName(property)));
+		}
+		for (const behavior of this.bindingBehaviours) behavior.bind({
+			source,
+			context: source.$fastController.context
+		});
+	}
+};
+//#endregion
+//#region src/shared/aria/host-semantics.ts
+var HostSemanticsDirective = class extends StatelessAttachedAttributeDirective {
+	constructor(boundProperties) {
+		super("vvd-host-semantics");
+		this.boundProperties = boundProperties;
+		this.targetNodeId = "";
+	}
+	bind(controller) {
+		const targetElement = controller.targets[this.targetNodeId];
+		new HostSemanticsBehavior(targetElement, {
+			boundProperties: this.boundProperties,
+			forwardedProperties: new Set(ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
+		}).bind(controller);
+	}
+};
 HTMLDirective.define(HostSemanticsDirective);
 function applyHostSemantics(boundProperties = {}) {
-  return new HostSemanticsDirective(boundProperties);
+	return new HostSemanticsDirective(boundProperties);
 }
-const HostSemantics = (Base) => {
-  class HostSemanticsElement extends Base {
-    constructor() {
-      super(...arguments);
-      /** @internal */
-      this._vividAriaBehaviour = "host";
-    }
-  }
-  return HostSemanticsElement;
+/**
+* Mixin for components that place semantics on the host element.
+*/
+var HostSemantics = (Base) => {
+	class HostSemanticsElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._vividAriaBehaviour = "host";
+		}
+	}
+	return HostSemanticsElement;
 };
-
-export { HostSemantics as H, applyHostSemantics as a };
+//#endregion
+export { applyHostSemantics as n, HostSemantics as t };

package/unbundled/key-codes.cjs

@@ -1,10 +1,16 @@
-'use strict';
-
-/**
- * String values for use with KeyboardEvent.key
- */
-const keyArrowLeft = "ArrowLeft";
-const keyArrowRight = "ArrowRight";
-
-exports.keyArrowLeft = keyArrowLeft;
-exports.keyArrowRight = keyArrowRight;
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/key-codes.js
+var keyArrowLeft = "ArrowLeft";
+var keyArrowRight = "ArrowRight";
+//#endregion
+Object.defineProperty(exports, "keyArrowLeft", {
+	enumerable: true,
+	get: function() {
+		return keyArrowLeft;
+	}
+});
+Object.defineProperty(exports, "keyArrowRight", {
+	enumerable: true,
+	get: function() {
+		return keyArrowRight;
+	}
+});

package/unbundled/key-codes.js

@@ -1,7 +1,5 @@
-/**
- * String values for use with KeyboardEvent.key
- */
-const keyArrowLeft = "ArrowLeft";
-const keyArrowRight = "ArrowRight";
-
-export { keyArrowRight as a, keyArrowLeft as k };
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/key-codes.js
+var keyArrowLeft = "ArrowLeft";
+var keyArrowRight = "ArrowRight";
+//#endregion
+export { keyArrowRight as n, keyArrowLeft as t };