@vonage/vivid 5.15.1 → 5.16.0

package/unbundled/base-progress.js

@@ -1,77 +1,58 @@
-import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
-import { V as VividElement } from './vivid-element.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 { attr, nullableNumberConverter, observable } from "@microsoft/fast-element";
+//#region src/shared/foundation/progress/base-progress.ts
+/**
+* An Progress HTML Element.
+* Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
+*
+* @public
+*/
+var BaseProgress = class extends VividElement {
+	constructor(..._args) {
+		super(..._args);
+		this.percentComplete = 0;
+	}
+	/**
+	* @internal
+	*/
+	valueChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.$fastController.isConnected) this.updatePercentComplete();
+	}
+	/**
+	* @internal
+	*/
+	minChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.$fastController.isConnected) this.updatePercentComplete();
+	}
+	/**
+	* @private
+	*/
+	maxChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.$fastController.isConnected) this.updatePercentComplete();
+	}
+	/**
+	* @internal
+	*/
+	connectedCallback() {
+		super.connectedCallback();
+		this.updatePercentComplete();
+	}
+	updatePercentComplete() {
+		const min = typeof this.min === "number" ? this.min : 0;
+		const max = typeof this.max === "number" ? this.max : 100;
+		const value = typeof this.value === "number" ? this.value : 0;
+		const range = max - min;
+		this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
+	}
 };
-class BaseProgress extends VividElement {
-  constructor() {
-    super(...arguments);
-    this.percentComplete = 0;
-  }
-  /**
-   * @internal
-   */
-  valueChanged() {
-    if (this.$fastController.isConnected) {
-      this.updatePercentComplete();
-    }
-  }
-  /**
-   * @internal
-   */
-  minChanged() {
-    if (this.$fastController.isConnected) {
-      this.updatePercentComplete();
-    }
-  }
-  /**
-   * @private
-   */
-  maxChanged() {
-    if (this.$fastController.isConnected) {
-      this.updatePercentComplete();
-    }
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this.updatePercentComplete();
-  }
-  updatePercentComplete() {
-    const min = typeof this.min === "number" ? this.min : 0;
-    const max = typeof this.max === "number" ? this.max : 100;
-    const value = typeof this.value === "number" ? this.value : 0;
-    const range = max - min;
-    this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
-  }
-}
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "value");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "min");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr({ converter: nullableNumberConverter })
-], BaseProgress.prototype, "max");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr({ mode: "boolean" })
-], BaseProgress.prototype, "paused");
-__decorateClass([
-  observable
-], BaseProgress.prototype, "percentComplete");
-
-export { BaseProgress as B };
+__decorate([attr({ converter: nullableNumberConverter })], BaseProgress.prototype, "value", void 0);
+__decorate([attr({ converter: nullableNumberConverter })], BaseProgress.prototype, "min", void 0);
+__decorate([attr({ converter: nullableNumberConverter })], BaseProgress.prototype, "max", void 0);
+__decorate([attr({ mode: "boolean" })], BaseProgress.prototype, "paused", void 0);
+__decorate([observable], BaseProgress.prototype, "percentComplete", void 0);
+//#endregion
+export { BaseProgress as t };

package/unbundled/breadcrumb-item.cjs

@@ -1,29 +1,25 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const vividElement = require('./vivid-element.cjs');
-const linkable = require('./linkable.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_linkable = require("./linkable.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/lib/breadcrumb-item/breadcrumb-item.ts
+/**
+* @public
+* @component breadcrumb-item
+*/
+var BreadcrumbItem = class extends require_linkable.Linkable(require_vivid_element.VividElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.separator = true;
+	}
 };
-class BreadcrumbItem extends linkable.Linkable(vividElement.VividElement) {
-  constructor() {
-    super(...arguments);
-    this.separator = true;
-  }
-}
-__decorateClass([
-  fastElement.attr
-], BreadcrumbItem.prototype, "text");
-__decorateClass([
-  fastElement.observable
-], BreadcrumbItem.prototype, "separator");
-
-exports.BreadcrumbItem = BreadcrumbItem;
+require_decorate.__decorate([_microsoft_fast_element.attr], BreadcrumbItem.prototype, "text", void 0);
+require_decorate.__decorate([_microsoft_fast_element.observable], BreadcrumbItem.prototype, "separator", void 0);
+//#endregion
+Object.defineProperty(exports, "BreadcrumbItem", {
+	enumerable: true,
+	get: function() {
+		return BreadcrumbItem;
+	}
+});

package/unbundled/breadcrumb-item.js

@@ -1,27 +1,19 @@
-import { attr, observable } from '@microsoft/fast-element';
-import { V as VividElement } from './vivid-element.js';
-import { L as Linkable } from './linkable.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 Linkable } from "./linkable.js";
+import { attr, observable } from "@microsoft/fast-element";
+//#region src/lib/breadcrumb-item/breadcrumb-item.ts
+/**
+* @public
+* @component breadcrumb-item
+*/
+var BreadcrumbItem = class extends Linkable(VividElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.separator = true;
+	}
 };
-class BreadcrumbItem extends Linkable(VividElement) {
-  constructor() {
-    super(...arguments);
-    this.separator = true;
-  }
-}
-__decorateClass([
-  attr
-], BreadcrumbItem.prototype, "text");
-__decorateClass([
-  observable
-], BreadcrumbItem.prototype, "separator");
-
-export { BreadcrumbItem as B };
+__decorate([attr], BreadcrumbItem.prototype, "text", void 0);
+__decorate([observable], BreadcrumbItem.prototype, "separator", void 0);
+//#endregion
+export { BreadcrumbItem as t };

package/unbundled/button.cjs

@@ -1,167 +1,116 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const delegatesAria = require('./delegates-aria.cjs');
-const vividElement = require('./vivid-element.cjs');
-const formAssociated = require('./form-associated.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_delegates_aria = require("./delegates-aria.cjs");
+const require_form_associated = require("./form-associated.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/shared/foundation/button/button.ts
+/**
+* A Button Custom HTML Element.
+* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element }.
+*
+* @csspart control - The button element
+* @csspart content - The element wrapping button content
+*
+* @public
+*/
+var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(require_form_associated.FormAssociated(require_vivid_element.VividElement)) {
+	constructor(..._args) {
+		super(..._args);
+		this.proxy = document.createElement("input");
+		this.handleClick = (e) => {
+			/* v8 ignore else -- @preserve */
+			if (this.disabled) e.stopPropagation();
+		};
+		this.handleSubmission = () => {
+			if (!this.form) return;
+			this.attachProxy();
+			this.form.requestSubmit(this.proxy);
+			this.detachProxy();
+		};
+		this.handleFormReset = () => {
+			this.form?.reset();
+		};
+		this.handleUnsupportedDelegatesFocus = () => {
+			/* v8 ignore else -- @preserve */
+			if (this.$fastController.definition.shadowOptions) {
+				if (window.ShadowRoot && !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && this.$fastController.definition.shadowOptions.delegatesFocus) Object.defineProperty(this, "focus", {
+					value: () => {
+						this.control.focus();
+					},
+					configurable: true
+				});
+			}
+		};
+	}
+	formactionChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.formAction = this.formaction;
+	}
+	formenctypeChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.formEnctype = this.formenctype;
+	}
+	formmethodChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.formMethod = this.formmethod;
+	}
+	formnovalidateChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.formNoValidate = this.formnovalidate;
+	}
+	formtargetChanged() {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.formTarget = this.formtarget;
+	}
+	typeChanged(previous, next) {
+		/* v8 ignore if -- @preserve */
+		if (this.proxy instanceof HTMLInputElement) this.proxy.type = this.type;
+		next === "submit" && this.addEventListener("click", this.handleSubmission);
+		previous === "submit" && this.removeEventListener("click", this.handleSubmission);
+		next === "reset" && this.addEventListener("click", this.handleFormReset);
+		previous === "reset" && this.removeEventListener("click", this.handleFormReset);
+	}
+	/** {@inheritDoc (FormAssociated:interface).validate} */
+	validate() {
+		super.validate(this.control);
+	}
+	/**
+	* @internal
+	*/
+	connectedCallback() {
+		super.connectedCallback();
+		this.proxy.setAttribute("type", this.type);
+		this.handleUnsupportedDelegatesFocus();
+		if (this.autofocus) _microsoft_fast_element.Updates.enqueue(() => {
+			this.focus();
+		});
+		Array.from(this.control.children).forEach((span) => {
+			span.addEventListener("click", this.handleClick);
+		});
+	}
+	/**
+	* @internal
+	*/
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		Array.from(this.control.children).forEach((span) => {
+			span.removeEventListener("click", this.handleClick);
+		});
+	}
 };
-class VividFoundationButton extends delegatesAria.DelegatesAria(
-  formAssociated.FormAssociated(vividElement.VividElement)
-) {
-  constructor() {
-    super(...arguments);
-    /**
-     * @internal
-     */
-    this.proxy = document.createElement("input");
-    /**
-     * Prevent events to propagate if disabled
-     * @internal
-     */
-    this.handleClick = (e) => {
-      if (this.disabled) {
-        e.stopPropagation();
-      }
-    };
-    /**
-     * Submits the parent form
-     */
-    this.handleSubmission = () => {
-      if (!this.form) {
-        return;
-      }
-      this.attachProxy();
-      this.form.requestSubmit(this.proxy);
-      this.detachProxy();
-    };
-    /**
-     * Resets the parent form
-     */
-    this.handleFormReset = () => {
-      this.form?.reset();
-    };
-    /**
-     * Overrides the focus call for where delegatesFocus is unsupported.
-     * This check works for Chrome, Edge Chromium, FireFox, and Safari
-     * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
-     */
-    this.handleUnsupportedDelegatesFocus = () => {
-      if (this.$fastController.definition.shadowOptions) {
-        if (window.ShadowRoot && !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && this.$fastController.definition.shadowOptions.delegatesFocus) {
-          Object.defineProperty(this, "focus", {
-            value: () => {
-              this.control.focus();
-            },
-            configurable: true
-          });
-        }
-      }
-    };
-  }
-  // @ts-expect-error Function is delcared but not used
-  formactionChanged() {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.formAction = this.formaction;
-    }
-  }
-  // @ts-expect-error Function is delcared but not used
-  formenctypeChanged() {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.formEnctype = this.formenctype;
-    }
-  }
-  // @ts-expect-error Function is delcared but not used
-  formmethodChanged() {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.formMethod = this.formmethod;
-    }
-  }
-  // @ts-expect-error Function is delcared but not used
-  formnovalidateChanged() {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.formNoValidate = this.formnovalidate;
-    }
-  }
-  // @ts-expect-error Function is delcared but not used
-  formtargetChanged() {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.formTarget = this.formtarget;
-    }
-  }
-  // @ts-expect-error Function is delcared but not used
-  typeChanged(previous, next) {
-    if (this.proxy instanceof HTMLInputElement) {
-      this.proxy.type = this.type;
-    }
-    next === "submit" && this.addEventListener("click", this.handleSubmission);
-    previous === "submit" && this.removeEventListener("click", this.handleSubmission);
-    next === "reset" && this.addEventListener("click", this.handleFormReset);
-    previous === "reset" && this.removeEventListener("click", this.handleFormReset);
-  }
-  /** {@inheritDoc (FormAssociated:interface).validate} */
-  validate() {
-    super.validate(this.control);
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this.proxy.setAttribute("type", this.type);
-    this.handleUnsupportedDelegatesFocus();
-    if (this.autofocus) {
-      fastElement.Updates.enqueue(() => {
-        this.focus();
-      });
-    }
-    const elements = Array.from(this.control.children);
-    elements.forEach((span) => {
-      span.addEventListener("click", this.handleClick);
-    });
-  }
-  /**
-   * @internal
-   */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    const elements = Array.from(this.control.children);
-    elements.forEach((span) => {
-      span.removeEventListener("click", this.handleClick);
-    });
-  }
-}
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], VividFoundationButton.prototype, "autofocus");
-__decorateClass([
-  fastElement.attr({ attribute: "form" })
-], VividFoundationButton.prototype, "formId");
-__decorateClass([
-  fastElement.attr
-], VividFoundationButton.prototype, "formaction");
-__decorateClass([
-  fastElement.attr
-], VividFoundationButton.prototype, "formenctype");
-__decorateClass([
-  fastElement.attr
-], VividFoundationButton.prototype, "formmethod");
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], VividFoundationButton.prototype, "formnovalidate");
-__decorateClass([
-  fastElement.attr
-], VividFoundationButton.prototype, "formtarget");
-__decorateClass([
-  fastElement.attr
-], VividFoundationButton.prototype, "type");
-
-exports.VividFoundationButton = VividFoundationButton;
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], VividFoundationButton.prototype, "autofocus", void 0);
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ attribute: "form" })], VividFoundationButton.prototype, "formId", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], VividFoundationButton.prototype, "formaction", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], VividFoundationButton.prototype, "formenctype", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], VividFoundationButton.prototype, "formmethod", void 0);
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], VividFoundationButton.prototype, "formnovalidate", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], VividFoundationButton.prototype, "formtarget", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], VividFoundationButton.prototype, "type", void 0);
+//#endregion
+Object.defineProperty(exports, "VividFoundationButton", {
+	enumerable: true,
+	get: function() {
+		return VividFoundationButton;
+	}
+});