@vonage/vivid 5.15.0 → 5.16.0

package/unbundled/delegates-aria.cjs

@@ -1,134 +1,93 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const attributeBindingBehaviour = require('./attribute-binding-behaviour.cjs');
-const vividElement = require('./vivid-element.cjs');
-
-class DelegateAriaBehavior {
-  constructor(target, params) {
-    this.target = null;
-    // unbind() {
-    // 	if (this.source === null) {
-    // 		return;
-    // 	}
-    // 	this.releasePropertyBindings(this.source);
-    // 	this.stopForwardingPropertiesToTarget(this.source);
-    // 	this.source = null;
-    // }
-    this.bindingBehaviours = [];
-    // private stopForwardingPropertiesToTarget(source: DelegatesAriaElement) {
-    // 	unsubscribeFromAriaPropertyChanges(
-    // 		source as AriaMixinElement,
-    // 		this.onSourceAriaPropertyChanged
-    // 	);
-    // }
-    this.onSourceAriaPropertyChanged = (source, property) => {
-      if (!this.forwardedProperties.has(property) || property in this.boundProperties) {
-        return;
-      }
-      this.forwardPropertyToTarget(this.target, property, source[property]);
-    };
-    this.target = target;
-    this.boundProperties = params.boundProperties;
-    this.forwardedProperties = params.forwardedProperties;
-  }
-  // private source: DelegatesAriaElement | null = null;
-  bind(controller) {
-    const source = controller.source;
-    this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-    this.startForwardingPropertiesToTarget(
-      source,
-      this.forwardedProperties,
-      this.target
-    );
-  }
-  bindPropertiesToTarget(source, boundProperties, target) {
-    for (const [property, binding] of Object.entries(boundProperties)) {
-      const bindingFn = binding instanceof Function ? binding : () => binding;
-      this.bindingBehaviours.push(
-        new attributeBindingBehaviour.AttributeBindingBehavior(
-          target,
-          fastElement.oneWay(bindingFn),
-          fastElement.Observable.isVolatileBinding(bindingFn),
-          vividElement.ariaAttributeName(property)
-        )
-      );
-    }
-    for (const behavior of this.bindingBehaviours) {
-      behavior.bind({
-        source,
-        context: source.$fastController.context
-      });
-    }
-  }
-  // private releasePropertyBindings(source: DelegatesAriaElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind(); // TODO: fix type
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-  startForwardingPropertiesToTarget(source, delegatedProperties, target) {
-    for (const key of delegatedProperties) {
-      /* v8 ignore else -- @preserve */
-      if (!(key in this.boundProperties)) {
-        this.forwardPropertyToTarget(target, key, source[key]);
-      }
-    }
-    vividElement.subscribeToAriaPropertyChanges(
-      source,
-      this.onSourceAriaPropertyChanged
-    );
-  }
-  forwardPropertyToTarget(target, property, value) {
-    if (value === null || value === void 0 || value === false) {
-      target.removeAttribute(vividElement.ariaAttributeName(property));
-    } else {
-      target.setAttribute(vividElement.ariaAttributeName(property), String(value));
-    }
-  }
-}
-
-class DelegateAriaDirective extends fastElement.StatelessAttachedAttributeDirective {
-  constructor(boundProperties, forwardedProperties) {
-    super("vvd-delegate-aria");
-    this.boundProperties = boundProperties;
-    this.forwardedProperties = forwardedProperties;
-    /**
-     * 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 DelegateAriaBehavior(
-      targetElement,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: this.forwardedProperties
-      }
-    );
-    behavior.bind(controller);
-  }
-}
-fastElement.HTMLDirective.define(DelegateAriaDirective);
+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/delegate-aria-behavior.ts
+var DelegateAriaBehavior = class {
+	constructor(target, params) {
+		this.target = null;
+		this.bindingBehaviours = [];
+		this.onSourceAriaPropertyChanged = (source, property) => {
+			if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
+			this.forwardPropertyToTarget(this.target, property, source[property]);
+		};
+		this.target = target;
+		this.boundProperties = params.boundProperties;
+		this.forwardedProperties = params.forwardedProperties;
+	}
+	bind(controller) {
+		const source = controller.source;
+		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
+		this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
+	}
+	bindPropertiesToTarget(source, boundProperties, target) {
+		for (const [property, binding] of Object.entries(boundProperties)) {
+			const bindingFn = binding instanceof Function ? binding : () => binding;
+			this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), _microsoft_fast_element.Observable.isVolatileBinding(bindingFn), require_vivid_element.ariaAttributeName(property)));
+		}
+		for (const behavior of this.bindingBehaviours) behavior.bind({
+			source,
+			context: source.$fastController.context
+		});
+	}
+	startForwardingPropertiesToTarget(source, delegatedProperties, target) {
+		for (const key of delegatedProperties)
+ /* v8 ignore else -- @preserve */
+		if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
+		require_vivid_element.subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
+	}
+	forwardPropertyToTarget(target, property, value) {
+		if (value === null || value === void 0 || value === false) target.removeAttribute(require_vivid_element.ariaAttributeName(property));
+		else target.setAttribute(require_vivid_element.ariaAttributeName(property), String(value));
+	}
+};
+//#endregion
+//#region src/shared/aria/delegates-aria.ts
+var DelegateAriaDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
+	constructor(boundProperties, forwardedProperties) {
+		super("vvd-delegate-aria");
+		this.boundProperties = boundProperties;
+		this.forwardedProperties = forwardedProperties;
+		this.targetNodeId = "";
+	}
+	bind(controller) {
+		const targetElement = controller.targets[this.targetNodeId];
+		new DelegateAriaBehavior(targetElement, {
+			boundProperties: this.boundProperties,
+			forwardedProperties: this.forwardedProperties
+		}).bind(controller);
+	}
+};
+_microsoft_fast_element.HTMLDirective.define(DelegateAriaDirective);
+/**
+* Directive to delegate ARIA properties to the target element.
+*/
 function delegateAria(boundProperties = {}, options = {}) {
-  const forwardedProperties = new Set(
-    (options.onlySpecified ? [] : vividElement.ariaMixinProperties).filter(
-      (p) => !(p in boundProperties)
-    )
-  );
-  return new DelegateAriaDirective(boundProperties, forwardedProperties);
+	return new DelegateAriaDirective(boundProperties, new Set((options.onlySpecified ? [] : require_vivid_element.ariaMixinProperties).filter((p) => !(p in boundProperties))));
 }
-const DelegatesAria = (Base) => {
-  class DelegatesAriaElement extends Base {
-    constructor() {
-      super(...arguments);
-      this._vividAriaBehaviour = "delegate";
-    }
-  }
-  return DelegatesAriaElement;
+/**
+* Mixin for components that delegate ARIA properties to an element inside the
+* shadow root.
+*/
+var DelegatesAria = (Base) => {
+	class DelegatesAriaElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._vividAriaBehaviour = "delegate";
+		}
+	}
+	return DelegatesAriaElement;
 };
-
-exports.DelegatesAria = DelegatesAria;
-exports.delegateAria = delegateAria;
+//#endregion
+Object.defineProperty(exports, "DelegatesAria", {
+	enumerable: true,
+	get: function() {
+		return DelegatesAria;
+	}
+});
+Object.defineProperty(exports, "delegateAria", {
+	enumerable: true,
+	get: function() {
+		return delegateAria;
+	}
+});

package/unbundled/delegates-aria.js

@@ -1,131 +1,81 @@
-import { oneWay, Observable, StatelessAttachedAttributeDirective, HTMLDirective } from '@microsoft/fast-element';
-import { A as AttributeBindingBehavior } from './attribute-binding-behaviour.js';
-import { a as ariaAttributeName, s as subscribeToAriaPropertyChanges, b as ariaMixinProperties } from './vivid-element.js';
-
-class DelegateAriaBehavior {
-  constructor(target, params) {
-    this.target = null;
-    // unbind() {
-    // 	if (this.source === null) {
-    // 		return;
-    // 	}
-    // 	this.releasePropertyBindings(this.source);
-    // 	this.stopForwardingPropertiesToTarget(this.source);
-    // 	this.source = null;
-    // }
-    this.bindingBehaviours = [];
-    // private stopForwardingPropertiesToTarget(source: DelegatesAriaElement) {
-    // 	unsubscribeFromAriaPropertyChanges(
-    // 		source as AriaMixinElement,
-    // 		this.onSourceAriaPropertyChanged
-    // 	);
-    // }
-    this.onSourceAriaPropertyChanged = (source, property) => {
-      if (!this.forwardedProperties.has(property) || property in this.boundProperties) {
-        return;
-      }
-      this.forwardPropertyToTarget(this.target, property, source[property]);
-    };
-    this.target = target;
-    this.boundProperties = params.boundProperties;
-    this.forwardedProperties = params.forwardedProperties;
-  }
-  // private source: DelegatesAriaElement | null = null;
-  bind(controller) {
-    const source = controller.source;
-    this.bindPropertiesToTarget(source, this.boundProperties, this.target);
-    this.startForwardingPropertiesToTarget(
-      source,
-      this.forwardedProperties,
-      this.target
-    );
-  }
-  bindPropertiesToTarget(source, boundProperties, target) {
-    for (const [property, binding] of Object.entries(boundProperties)) {
-      const bindingFn = binding instanceof Function ? binding : () => binding;
-      this.bindingBehaviours.push(
-        new AttributeBindingBehavior(
-          target,
-          oneWay(bindingFn),
-          Observable.isVolatileBinding(bindingFn),
-          ariaAttributeName(property)
-        )
-      );
-    }
-    for (const behavior of this.bindingBehaviours) {
-      behavior.bind({
-        source,
-        context: source.$fastController.context
-      });
-    }
-  }
-  // private releasePropertyBindings(source: DelegatesAriaElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind(); // TODO: fix type
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-  startForwardingPropertiesToTarget(source, delegatedProperties, target) {
-    for (const key of delegatedProperties) {
-      /* v8 ignore else -- @preserve */
-      if (!(key in this.boundProperties)) {
-        this.forwardPropertyToTarget(target, key, source[key]);
-      }
-    }
-    subscribeToAriaPropertyChanges(
-      source,
-      this.onSourceAriaPropertyChanged
-    );
-  }
-  forwardPropertyToTarget(target, property, value) {
-    if (value === null || value === void 0 || value === false) {
-      target.removeAttribute(ariaAttributeName(property));
-    } else {
-      target.setAttribute(ariaAttributeName(property), String(value));
-    }
-  }
-}
-
-class DelegateAriaDirective extends StatelessAttachedAttributeDirective {
-  constructor(boundProperties, forwardedProperties) {
-    super("vvd-delegate-aria");
-    this.boundProperties = boundProperties;
-    this.forwardedProperties = forwardedProperties;
-    /**
-     * 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 DelegateAriaBehavior(
-      targetElement,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: this.forwardedProperties
-      }
-    );
-    behavior.bind(controller);
-  }
-}
+import { a as subscribeToAriaPropertyChanges, i as ariaMixinProperties, r as ariaAttributeName } from "./vivid-element.js";
+import { t as AttributeBindingBehavior } from "./attribute-binding-behaviour.js";
+import { HTMLDirective, Observable, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
+//#region src/shared/aria/delegate-aria-behavior.ts
+var DelegateAriaBehavior = class {
+	constructor(target, params) {
+		this.target = null;
+		this.bindingBehaviours = [];
+		this.onSourceAriaPropertyChanged = (source, property) => {
+			if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
+			this.forwardPropertyToTarget(this.target, property, source[property]);
+		};
+		this.target = target;
+		this.boundProperties = params.boundProperties;
+		this.forwardedProperties = params.forwardedProperties;
+	}
+	bind(controller) {
+		const source = controller.source;
+		this.bindPropertiesToTarget(source, this.boundProperties, this.target);
+		this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
+	}
+	bindPropertiesToTarget(source, boundProperties, target) {
+		for (const [property, binding] of Object.entries(boundProperties)) {
+			const bindingFn = binding instanceof Function ? binding : () => binding;
+			this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), Observable.isVolatileBinding(bindingFn), ariaAttributeName(property)));
+		}
+		for (const behavior of this.bindingBehaviours) behavior.bind({
+			source,
+			context: source.$fastController.context
+		});
+	}
+	startForwardingPropertiesToTarget(source, delegatedProperties, target) {
+		for (const key of delegatedProperties)
+ /* v8 ignore else -- @preserve */
+		if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
+		subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
+	}
+	forwardPropertyToTarget(target, property, value) {
+		if (value === null || value === void 0 || value === false) target.removeAttribute(ariaAttributeName(property));
+		else target.setAttribute(ariaAttributeName(property), String(value));
+	}
+};
+//#endregion
+//#region src/shared/aria/delegates-aria.ts
+var DelegateAriaDirective = class extends StatelessAttachedAttributeDirective {
+	constructor(boundProperties, forwardedProperties) {
+		super("vvd-delegate-aria");
+		this.boundProperties = boundProperties;
+		this.forwardedProperties = forwardedProperties;
+		this.targetNodeId = "";
+	}
+	bind(controller) {
+		const targetElement = controller.targets[this.targetNodeId];
+		new DelegateAriaBehavior(targetElement, {
+			boundProperties: this.boundProperties,
+			forwardedProperties: this.forwardedProperties
+		}).bind(controller);
+	}
+};
 HTMLDirective.define(DelegateAriaDirective);
+/**
+* Directive to delegate ARIA properties to the target element.
+*/
 function delegateAria(boundProperties = {}, options = {}) {
-  const forwardedProperties = new Set(
-    (options.onlySpecified ? [] : ariaMixinProperties).filter(
-      (p) => !(p in boundProperties)
-    )
-  );
-  return new DelegateAriaDirective(boundProperties, forwardedProperties);
+	return new DelegateAriaDirective(boundProperties, new Set((options.onlySpecified ? [] : ariaMixinProperties).filter((p) => !(p in boundProperties))));
 }
-const DelegatesAria = (Base) => {
-  class DelegatesAriaElement extends Base {
-    constructor() {
-      super(...arguments);
-      this._vividAriaBehaviour = "delegate";
-    }
-  }
-  return DelegatesAriaElement;
+/**
+* Mixin for components that delegate ARIA properties to an element inside the
+* shadow root.
+*/
+var DelegatesAria = (Base) => {
+	class DelegatesAriaElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._vividAriaBehaviour = "delegate";
+		}
+	}
+	return DelegatesAriaElement;
 };
-
-export { DelegatesAria as D, delegateAria as d };
+//#endregion
+export { delegateAria as n, DelegatesAria as t };

package/unbundled/dialog.cjs

@@ -0,0 +1,15 @@
+//#region src/shared/dialog/index.ts
+function handleEscapeKeyAndStopPropogation(event) {
+	if (event.key === "Escape") {
+		event.stopPropagation();
+		return true;
+	}
+	return false;
+}
+//#endregion
+Object.defineProperty(exports, "handleEscapeKeyAndStopPropogation", {
+	enumerable: true,
+	get: function() {
+		return handleEscapeKeyAndStopPropogation;
+	}
+});

package/unbundled/dialog.js

@@ -0,0 +1,10 @@
+//#region src/shared/dialog/index.ts
+function handleEscapeKeyAndStopPropogation(event) {
+	if (event.key === "Escape") {
+		event.stopPropagation();
+		return true;
+	}
+	return false;
+}
+//#endregion
+export { handleEscapeKeyAndStopPropogation as t };

package/unbundled/divider.cjs

@@ -1,52 +1,44 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const fastWebUtilities = require('@microsoft/fast-web-utilities');
-const enums = require('./enums.cjs');
-const vividElement = require('./vivid-element.cjs');
-const hostSemantics = require('./host-semantics.cjs');
-
-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_vivid_element = require("./vivid-element.cjs");
+const require_decorate = require("./decorate.cjs");
+const require_enums = require("./enums.cjs");
+const require_host_semantics = require("./host-semantics.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
+//#region src/lib/divider/divider.ts
+/**
+* @deprecated This will be removed along with the divider's role attribute
+* Divider roles
+* @public
+*/
+var DividerRole = {
+	separator: "separator",
+	presentation: "presentation"
 };
-const DividerRole = {
-  /**
-   * The divider semantically separates content
-   */
-  separator: "separator",
-  /**
-   * The divider has no semantic value and is for visual presentation only.
-   */
-  presentation: "presentation"
+/**
+* @public
+* @component divider
+*/
+var Divider = class extends require_host_semantics.HostSemantics(require_vivid_element.VividElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.role = DividerRole.separator;
+		this.orientation = _microsoft_fast_web_utilities.Orientation.horizontal;
+		this.appearance = require_enums.Appearance.Ghost;
+	}
 };
-class Divider extends hostSemantics.HostSemantics(vividElement.VividElement) {
-  constructor() {
-    super(...arguments);
-    /**
-     * The role of the element. This property will be removed
-     *
-     * @deprecated This property will be deprecated, as divider shouldn't be announced by screen readers. Please update your usages.
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    this.role = DividerRole.separator;
-    this.orientation = fastWebUtilities.Orientation.horizontal;
-    this.appearance = enums.Appearance.Ghost;
-  }
-}
-__decorateClass([
-  fastElement.attr
-], Divider.prototype, "orientation");
-__decorateClass([
-  fastElement.attr
-], Divider.prototype, "appearance");
-
-exports.Divider = Divider;
-exports.DividerRole = DividerRole;
+require_decorate.__decorate([_microsoft_fast_element.attr], Divider.prototype, "orientation", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], Divider.prototype, "appearance", void 0);
+//#endregion
+Object.defineProperty(exports, "Divider", {
+	enumerable: true,
+	get: function() {
+		return Divider;
+	}
+});
+Object.defineProperty(exports, "DividerRole", {
+	enumerable: true,
+	get: function() {
+		return DividerRole;
+	}
+});

package/unbundled/divider.js

@@ -1,49 +1,32 @@
-import { attr } from '@microsoft/fast-element';
-import { Orientation } from '@microsoft/fast-web-utilities';
-import { A as Appearance } from './enums.js';
-import { V as VividElement } from './vivid-element.js';
-import { H as HostSemantics } from './host-semantics.js';
-
-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 VividElement } from "./vivid-element.js";
+import { t as __decorate } from "./decorate.js";
+import { t as Appearance } from "./enums.js";
+import { t as HostSemantics } from "./host-semantics.js";
+import { attr } from "@microsoft/fast-element";
+import { Orientation } from "@microsoft/fast-web-utilities";
+//#region src/lib/divider/divider.ts
+/**
+* @deprecated This will be removed along with the divider's role attribute
+* Divider roles
+* @public
+*/
+var DividerRole = {
+	separator: "separator",
+	presentation: "presentation"
 };
-const DividerRole = {
-  /**
-   * The divider semantically separates content
-   */
-  separator: "separator",
-  /**
-   * The divider has no semantic value and is for visual presentation only.
-   */
-  presentation: "presentation"
+/**
+* @public
+* @component divider
+*/
+var Divider = class extends HostSemantics(VividElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.role = DividerRole.separator;
+		this.orientation = Orientation.horizontal;
+		this.appearance = Appearance.Ghost;
+	}
 };
-class Divider extends HostSemantics(VividElement) {
-  constructor() {
-    super(...arguments);
-    /**
-     * The role of the element. This property will be removed
-     *
-     * @deprecated This property will be deprecated, as divider shouldn't be announced by screen readers. Please update your usages.
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    this.role = DividerRole.separator;
-    this.orientation = Orientation.horizontal;
-    this.appearance = Appearance.Ghost;
-  }
-}
-__decorateClass([
-  attr
-], Divider.prototype, "orientation");
-__decorateClass([
-  attr
-], Divider.prototype, "appearance");
-
-export { Divider as D, DividerRole as a };
+__decorate([attr], Divider.prototype, "orientation", void 0);
+__decorate([attr], Divider.prototype, "appearance", void 0);
+//#endregion
+export { DividerRole as n, Divider as t };