@vonage/vivid 5.15.1 → 5.16.0

package/unbundled/button.js

@@ -1,165 +1,110 @@
-import { Updates, attr } from '@microsoft/fast-element';
-import { D as DelegatesAria } from './delegates-aria.js';
-import { V as VividElement } from './vivid-element.js';
-import { F as FormAssociated } from './form-associated.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 DelegatesAria } from "./delegates-aria.js";
+import { n as FormAssociated } from "./form-associated.js";
+import { Updates, attr } from "@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 DelegatesAria(FormAssociated(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) 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(
-  FormAssociated(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) {
-      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([
-  attr({ mode: "boolean" })
-], VividFoundationButton.prototype, "autofocus");
-__decorateClass([
-  attr({ attribute: "form" })
-], VividFoundationButton.prototype, "formId");
-__decorateClass([
-  attr
-], VividFoundationButton.prototype, "formaction");
-__decorateClass([
-  attr
-], VividFoundationButton.prototype, "formenctype");
-__decorateClass([
-  attr
-], VividFoundationButton.prototype, "formmethod");
-__decorateClass([
-  attr({ mode: "boolean" })
-], VividFoundationButton.prototype, "formnovalidate");
-__decorateClass([
-  attr
-], VividFoundationButton.prototype, "formtarget");
-__decorateClass([
-  attr
-], VividFoundationButton.prototype, "type");
-
-export { VividFoundationButton as V };
+__decorate([attr({ mode: "boolean" })], VividFoundationButton.prototype, "autofocus", void 0);
+__decorate([attr({ attribute: "form" })], VividFoundationButton.prototype, "formId", void 0);
+__decorate([attr], VividFoundationButton.prototype, "formaction", void 0);
+__decorate([attr], VividFoundationButton.prototype, "formenctype", void 0);
+__decorate([attr], VividFoundationButton.prototype, "formmethod", void 0);
+__decorate([attr({ mode: "boolean" })], VividFoundationButton.prototype, "formnovalidate", void 0);
+__decorate([attr], VividFoundationButton.prototype, "formtarget", void 0);
+__decorate([attr], VividFoundationButton.prototype, "type", void 0);
+//#endregion
+export { VividFoundationButton as t };

package/unbundled/calendar-event.cjs

@@ -1,41 +1,28 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const vividElement = require('./vivid-element.cjs');
-const delegatesAria = require('./delegates-aria.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;
-};
-class CalendarEvent extends delegatesAria.DelegatesAria(vividElement.VividElement) {
-  // TODO should be converted to allowed range
-}
-__decorateClass([
-  fastElement.attr
-], CalendarEvent.prototype, "heading");
-__decorateClass([
-  fastElement.attr
-], CalendarEvent.prototype, "description");
-__decorateClass([
-  fastElement.attr
-], CalendarEvent.prototype, "connotation");
-__decorateClass([
-  fastElement.attr
-], CalendarEvent.prototype, "appearance");
-__decorateClass([
-  fastElement.attr({ converter: fastElement.nullableNumberConverter, attribute: "overlap-count" })
-], CalendarEvent.prototype, "overlapCount");
-__decorateClass([
-  fastElement.attr({ converter: fastElement.nullableNumberConverter })
-], CalendarEvent.prototype, "start");
-__decorateClass([
-  fastElement.attr({ converter: fastElement.nullableNumberConverter })
-], CalendarEvent.prototype, "duration");
-
-exports.CalendarEvent = CalendarEvent;
+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");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/lib/calendar-event/calendar-event.ts
+/**
+* @public
+* @component calendar-event
+*/
+var CalendarEvent = class extends require_delegates_aria.DelegatesAria(require_vivid_element.VividElement) {};
+require_decorate.__decorate([_microsoft_fast_element.attr], CalendarEvent.prototype, "heading", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], CalendarEvent.prototype, "description", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], CalendarEvent.prototype, "connotation", void 0);
+require_decorate.__decorate([_microsoft_fast_element.attr], CalendarEvent.prototype, "appearance", void 0);
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({
+	converter: _microsoft_fast_element.nullableNumberConverter,
+	attribute: "overlap-count"
+})], CalendarEvent.prototype, "overlapCount", void 0);
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ converter: _microsoft_fast_element.nullableNumberConverter })], CalendarEvent.prototype, "start", void 0);
+require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ converter: _microsoft_fast_element.nullableNumberConverter })], CalendarEvent.prototype, "duration", void 0);
+//#endregion
+Object.defineProperty(exports, "CalendarEvent", {
+	enumerable: true,
+	get: function() {
+		return CalendarEvent;
+	}
+});

package/unbundled/calendar-event.js

@@ -1,39 +1,22 @@
-import { attr, nullableNumberConverter } from '@microsoft/fast-element';
-import { V as VividElement } from './vivid-element.js';
-import { D as DelegatesAria } from './delegates-aria.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;
-};
-class CalendarEvent extends DelegatesAria(VividElement) {
-  // TODO should be converted to allowed range
-}
-__decorateClass([
-  attr
-], CalendarEvent.prototype, "heading");
-__decorateClass([
-  attr
-], CalendarEvent.prototype, "description");
-__decorateClass([
-  attr
-], CalendarEvent.prototype, "connotation");
-__decorateClass([
-  attr
-], CalendarEvent.prototype, "appearance");
-__decorateClass([
-  attr({ converter: nullableNumberConverter, attribute: "overlap-count" })
-], CalendarEvent.prototype, "overlapCount");
-__decorateClass([
-  attr({ converter: nullableNumberConverter })
-], CalendarEvent.prototype, "start");
-__decorateClass([
-  attr({ converter: nullableNumberConverter })
-], CalendarEvent.prototype, "duration");
-
-export { CalendarEvent as C };
+import { t as VividElement } from "./vivid-element.js";
+import { t as __decorate } from "./decorate.js";
+import { t as DelegatesAria } from "./delegates-aria.js";
+import { attr, nullableNumberConverter } from "@microsoft/fast-element";
+//#region src/lib/calendar-event/calendar-event.ts
+/**
+* @public
+* @component calendar-event
+*/
+var CalendarEvent = class extends DelegatesAria(VividElement) {};
+__decorate([attr], CalendarEvent.prototype, "heading", void 0);
+__decorate([attr], CalendarEvent.prototype, "description", void 0);
+__decorate([attr], CalendarEvent.prototype, "connotation", void 0);
+__decorate([attr], CalendarEvent.prototype, "appearance", void 0);
+__decorate([attr({
+	converter: nullableNumberConverter,
+	attribute: "overlap-count"
+})], CalendarEvent.prototype, "overlapCount", void 0);
+__decorate([attr({ converter: nullableNumberConverter })], CalendarEvent.prototype, "start", void 0);
+__decorate([attr({ converter: nullableNumberConverter })], CalendarEvent.prototype, "duration", void 0);
+//#endregion
+export { CalendarEvent as t };