@vonage/vivid 5.15.1 → 5.17.0

package/unbundled/char-count.cjs

@@ -1,91 +1,61 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const visuallyHidden_definition = require('../visually-hidden/definition.cjs');
-const localized = require('./localized.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;
-};
-const WithCharCount = (Base) => {
-  class ElementWithCharCount extends localized.Localized(Base) {
-    constructor() {
-      super(...arguments);
-      this.charCount = false;
-      /**
-       * Timeout of the character count update,
-       * used to debounce screen reader announcements
-       * @internal
-       */
-      this.#charCountTimeout = null;
-      /**
-       * ID of the character count limit description
-       * @internal
-       */
-      this._charCountDescribedBy = "char-count-description";
-      /**
-       * @internal
-       */
-      this._renderCharCountRemaining = () => {
-        if (!this.charCount || !this.maxlength) {
-          return;
-        }
-        this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(
-          this.maxlength - this.value.length
-        );
-      };
-      /**
-       * @internal
-       */
-      this._updateCharCountRemaining = () => {
-        const delay = 1e3;
-        if (this.#charCountTimeout !== null) {
-          clearTimeout(this.#charCountTimeout);
-        }
-        this.#charCountTimeout = setTimeout(
-          () => this._renderCharCountRemaining(),
-          delay
-        );
-      };
-      /**
-       * @internal
-       */
-      this._getCharCountTemplate = (context) => {
-        const visuallyHiddenTag = context.tagFor(visuallyHidden_definition.VwcVisuallyHiddenElement);
-        return fastElement.html`
+require("./chunk.cjs");
+const require_definition = require("./definition.cjs");
+const require_decorate = require("./decorate.cjs");
+const require_localized = require("./localized.cjs");
+let _microsoft_fast_element = require("@microsoft/fast-element");
+//#region src/shared/patterns/char-count/char-count.ts
+/**
+* Mixin for elements that can display a character count
+*/
+var WithCharCount = (Base) => {
+	class ElementWithCharCount extends require_localized.Localized(Base) {
+		constructor(..._args) {
+			super(..._args);
+			this.charCount = false;
+			this._charCountDescribedBy = "char-count-description";
+			this._renderCharCountRemaining = () => {
+				if (!this.charCount || !this.maxlength) return;
+				this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(this.maxlength - this.value.length);
+			};
+			this._updateCharCountRemaining = () => {
+				const delay = 1e3;
+				if (this.#charCountTimeout !== null) clearTimeout(this.#charCountTimeout);
+				this.#charCountTimeout = setTimeout(() => this._renderCharCountRemaining(), delay);
+			};
+			this._getCharCountTemplate = (context) => {
+				const visuallyHiddenTag = context.tagFor(require_definition.VisuallyHidden);
+				return _microsoft_fast_element.html`
 				<div class="char-count">
 					<span aria-hidden="true"
 						> ${(x) => x.value ? x.value.length : 0} / ${(x) => x.maxlength}</span
 					>
 					<${visuallyHiddenTag} id="${(x) => x._charCountDescribedBy}"
-						>${(x) => x.locale.charCount.charactersLimitMessage(
-          x.maxlength
-        )}</${visuallyHiddenTag}
+						>${(x) => x.locale.charCount.charactersLimitMessage(x.maxlength)}</${visuallyHiddenTag}
 					>
-					<${visuallyHiddenTag} id="char-count-remaining" aria-live="polite" ${fastElement.ref(
-          "charCountRemaining"
-        )}
+					<${visuallyHiddenTag} id="char-count-remaining" aria-live="polite" ${(0, _microsoft_fast_element.ref)("charCountRemaining")}
 						></${visuallyHiddenTag}
 					>
 				</div>
 			`;
-      };
-    }
-    #charCountTimeout;
-  }
-  __decorateClass([
-    fastElement.attr({
-      attribute: "char-count",
-      mode: "boolean"
-    })
-  ], ElementWithCharCount.prototype, "charCount");
-  return ElementWithCharCount;
+			};
+		}
+		/**
+		* Timeout of the character count update,
+		* used to debounce screen reader announcements
+		* @internal
+		*/
+		#charCountTimeout = null;
+	}
+	require_decorate.__decorate([(0, _microsoft_fast_element.attr)({
+		attribute: "char-count",
+		mode: "boolean"
+	})], ElementWithCharCount.prototype, "charCount", void 0);
+	return ElementWithCharCount;
 };
-
-exports.WithCharCount = WithCharCount;
+//#endregion
+Object.defineProperty(exports, "WithCharCount", {
+	enumerable: true,
+	get: function() {
+		return WithCharCount;
+	}
+});

package/unbundled/char-count.js

@@ -1,89 +1,55 @@
-import { attr, ref, html } from '@microsoft/fast-element';
-import { VwcVisuallyHiddenElement as VisuallyHidden } from '../visually-hidden/definition.js';
-import { L as Localized } from './localized.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;
-};
-const WithCharCount = (Base) => {
-  class ElementWithCharCount extends Localized(Base) {
-    constructor() {
-      super(...arguments);
-      this.charCount = false;
-      /**
-       * Timeout of the character count update,
-       * used to debounce screen reader announcements
-       * @internal
-       */
-      this.#charCountTimeout = null;
-      /**
-       * ID of the character count limit description
-       * @internal
-       */
-      this._charCountDescribedBy = "char-count-description";
-      /**
-       * @internal
-       */
-      this._renderCharCountRemaining = () => {
-        if (!this.charCount || !this.maxlength) {
-          return;
-        }
-        this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(
-          this.maxlength - this.value.length
-        );
-      };
-      /**
-       * @internal
-       */
-      this._updateCharCountRemaining = () => {
-        const delay = 1e3;
-        if (this.#charCountTimeout !== null) {
-          clearTimeout(this.#charCountTimeout);
-        }
-        this.#charCountTimeout = setTimeout(
-          () => this._renderCharCountRemaining(),
-          delay
-        );
-      };
-      /**
-       * @internal
-       */
-      this._getCharCountTemplate = (context) => {
-        const visuallyHiddenTag = context.tagFor(VisuallyHidden);
-        return html`
+import { r as VisuallyHidden } from "./definition.js";
+import { t as __decorate } from "./decorate.js";
+import { t as Localized } from "./localized.js";
+import { attr, html, ref } from "@microsoft/fast-element";
+//#region src/shared/patterns/char-count/char-count.ts
+/**
+* Mixin for elements that can display a character count
+*/
+var WithCharCount = (Base) => {
+	class ElementWithCharCount extends Localized(Base) {
+		constructor(..._args) {
+			super(..._args);
+			this.charCount = false;
+			this._charCountDescribedBy = "char-count-description";
+			this._renderCharCountRemaining = () => {
+				if (!this.charCount || !this.maxlength) return;
+				this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(this.maxlength - this.value.length);
+			};
+			this._updateCharCountRemaining = () => {
+				const delay = 1e3;
+				if (this.#charCountTimeout !== null) clearTimeout(this.#charCountTimeout);
+				this.#charCountTimeout = setTimeout(() => this._renderCharCountRemaining(), delay);
+			};
+			this._getCharCountTemplate = (context) => {
+				const visuallyHiddenTag = context.tagFor(VisuallyHidden);
+				return html`
 				<div class="char-count">
 					<span aria-hidden="true"
 						> ${(x) => x.value ? x.value.length : 0} / ${(x) => x.maxlength}</span
 					>
 					<${visuallyHiddenTag} id="${(x) => x._charCountDescribedBy}"
-						>${(x) => x.locale.charCount.charactersLimitMessage(
-          x.maxlength
-        )}</${visuallyHiddenTag}
+						>${(x) => x.locale.charCount.charactersLimitMessage(x.maxlength)}</${visuallyHiddenTag}
 					>
-					<${visuallyHiddenTag} id="char-count-remaining" aria-live="polite" ${ref(
-          "charCountRemaining"
-        )}
+					<${visuallyHiddenTag} id="char-count-remaining" aria-live="polite" ${ref("charCountRemaining")}
 						></${visuallyHiddenTag}
 					>
 				</div>
 			`;
-      };
-    }
-    #charCountTimeout;
-  }
-  __decorateClass([
-    attr({
-      attribute: "char-count",
-      mode: "boolean"
-    })
-  ], ElementWithCharCount.prototype, "charCount");
-  return ElementWithCharCount;
+			};
+		}
+		/**
+		* Timeout of the character count update,
+		* used to debounce screen reader announcements
+		* @internal
+		*/
+		#charCountTimeout = null;
+	}
+	__decorate([attr({
+		attribute: "char-count",
+		mode: "boolean"
+	})], ElementWithCharCount.prototype, "charCount", void 0);
+	return ElementWithCharCount;
 };
-
-export { WithCharCount as W };
+//#endregion
+export { WithCharCount as t };

package/unbundled/chunk.cjs

@@ -0,0 +1,28 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/unbundled/data-grid.options.cjs

@@ -1,34 +1,85 @@
-'use strict';
-
-const DataGridCellSortStates = {
-  none: "none",
-  ascending: "ascending",
-  descending: "descending",
-  other: "other"
+//#region src/lib/data-grid/data-grid.options.ts
+/**
+* Enumerates the data grid auto generated header options
+* default option generates a non-sticky header row
+*
+* @public
+*/
+var DataGridCellSortStates = {
+	none: "none",
+	ascending: "ascending",
+	descending: "descending",
+	other: "other"
 };
-const GenerateHeaderOptions = {
-  none: "none",
-  default: "default",
-  sticky: "sticky"
+/**
+* Enumerates the data grid auto generated header options
+* default option generates a non-sticky header row
+*
+* @public
+*/
+var GenerateHeaderOptions = {
+	none: "none",
+	default: "default",
+	sticky: "sticky"
 };
-const DataGridCellTypes = {
-  default: "default",
-  columnHeader: "columnheader",
-  rowHeader: "rowheader"
+/**
+* Enumerates possible data grid cell types.
+*
+* @public
+*/
+var DataGridCellTypes = {
+	default: "default",
+	columnHeader: "columnheader",
+	rowHeader: "rowheader"
 };
-const DataGridRowTypes = {
-  default: "default",
-  header: "header",
-  stickyHeader: "sticky-header"
+/**
+* Enumerates possible data grid row types
+*
+* @public
+*/
+var DataGridRowTypes = {
+	default: "default",
+	header: "header",
+	stickyHeader: "sticky-header"
 };
-const DataGridCellRole = {
-  columnheader: "columnheader",
-  rowheader: "rowheader",
-  default: "gridcell"
+/**
+* Roles for the data grid cell
+*
+* @public
+*/
+var DataGridCellRole = {
+	columnheader: "columnheader",
+	rowheader: "rowheader",
+	default: "gridcell"
 };
-
-exports.DataGridCellRole = DataGridCellRole;
-exports.DataGridCellSortStates = DataGridCellSortStates;
-exports.DataGridCellTypes = DataGridCellTypes;
-exports.DataGridRowTypes = DataGridRowTypes;
-exports.GenerateHeaderOptions = GenerateHeaderOptions;
+//#endregion
+Object.defineProperty(exports, "DataGridCellRole", {
+	enumerable: true,
+	get: function() {
+		return DataGridCellRole;
+	}
+});
+Object.defineProperty(exports, "DataGridCellSortStates", {
+	enumerable: true,
+	get: function() {
+		return DataGridCellSortStates;
+	}
+});
+Object.defineProperty(exports, "DataGridCellTypes", {
+	enumerable: true,
+	get: function() {
+		return DataGridCellTypes;
+	}
+});
+Object.defineProperty(exports, "DataGridRowTypes", {
+	enumerable: true,
+	get: function() {
+		return DataGridRowTypes;
+	}
+});
+Object.defineProperty(exports, "GenerateHeaderOptions", {
+	enumerable: true,
+	get: function() {
+		return GenerateHeaderOptions;
+	}
+});

package/unbundled/data-grid.options.js

@@ -1,28 +1,56 @@
-const DataGridCellSortStates = {
-  none: "none",
-  ascending: "ascending",
-  descending: "descending",
-  other: "other"
+//#region src/lib/data-grid/data-grid.options.ts
+/**
+* Enumerates the data grid auto generated header options
+* default option generates a non-sticky header row
+*
+* @public
+*/
+var DataGridCellSortStates = {
+	none: "none",
+	ascending: "ascending",
+	descending: "descending",
+	other: "other"
 };
-const GenerateHeaderOptions = {
-  none: "none",
-  default: "default",
-  sticky: "sticky"
+/**
+* Enumerates the data grid auto generated header options
+* default option generates a non-sticky header row
+*
+* @public
+*/
+var GenerateHeaderOptions = {
+	none: "none",
+	default: "default",
+	sticky: "sticky"
 };
-const DataGridCellTypes = {
-  default: "default",
-  columnHeader: "columnheader",
-  rowHeader: "rowheader"
+/**
+* Enumerates possible data grid cell types.
+*
+* @public
+*/
+var DataGridCellTypes = {
+	default: "default",
+	columnHeader: "columnheader",
+	rowHeader: "rowheader"
 };
-const DataGridRowTypes = {
-  default: "default",
-  header: "header",
-  stickyHeader: "sticky-header"
+/**
+* Enumerates possible data grid row types
+*
+* @public
+*/
+var DataGridRowTypes = {
+	default: "default",
+	header: "header",
+	stickyHeader: "sticky-header"
 };
-const DataGridCellRole = {
-  columnheader: "columnheader",
-  rowheader: "rowheader",
-  default: "gridcell"
+/**
+* Roles for the data grid cell
+*
+* @public
+*/
+var DataGridCellRole = {
+	columnheader: "columnheader",
+	rowheader: "rowheader",
+	default: "gridcell"
 };
-
-export { DataGridCellRole as D, GenerateHeaderOptions as G, DataGridCellTypes as a, DataGridCellSortStates as b, DataGridRowTypes as c };
+//#endregion
+export { GenerateHeaderOptions as a, DataGridRowTypes as i, DataGridCellSortStates as n, DataGridCellTypes as r, DataGridCellRole as t };

package/unbundled/decorate.cjs

@@ -0,0 +1,14 @@
+//#region \0@oxc-project+runtime@0.120.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+Object.defineProperty(exports, "__decorate", {
+	enumerable: true,
+	get: function() {
+		return __decorate;
+	}
+});

package/unbundled/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.120.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+export { __decorate as t };