@vonage/vivid 4.24.0 → 4.25.0

package/lib/checkbox/checkbox.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { CheckableFormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _Checkbox extends VividElement {
-}
-interface _Checkbox extends CheckableFormAssociated {
-}
-declare const FormAssociatedCheckbox_base: typeof _Checkbox;
-export declare class FormAssociatedCheckbox extends FormAssociatedCheckbox_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/file-picker/file-picker.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _FilePicker extends VividElement {
-}
-interface _FilePicker extends FormAssociated {
-}
-declare const FormAssociatedFilePicker_base: typeof _FilePicker;
-export declare class FormAssociatedFilePicker extends FormAssociatedFilePicker_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/number-field/number-field.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _NumberField extends VividElement {
-}
-interface _NumberField extends FormAssociated {
-}
-declare const FormAssociatedNumberField_base: typeof _NumberField;
-export declare class FormAssociatedNumberField extends FormAssociatedNumberField_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/radio/radio.form-associated.d.ts

@@ -1,13 +0,0 @@
-import { CheckableFormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _Radio extends VividElement {
-}
-interface _Radio extends CheckableFormAssociated {
-}
-declare const FormAssociatedRadio_base: typeof _Radio;
-export declare class FormAssociatedRadio extends FormAssociatedRadio_base {
-    #private;
-    proxy: HTMLInputElement;
-    validate: (anchor?: HTMLElement) => void;
-}
-export {};

package/lib/range-slider/range-slider.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _RangeSlider extends VividElement {
-}
-interface _RangeSlider extends FormAssociated {
-}
-declare const FormAssociatedRangeSlider_base: typeof _RangeSlider;
-export declare class FormAssociatedRangeSlider extends FormAssociatedRangeSlider_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/searchable-select/searchable-select.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _SearchableSelect extends VividElement {
-}
-interface _SearchableSelect extends FormAssociated {
-}
-declare const FormAssociatedSearchableSelect_base: typeof _SearchableSelect;
-export declare class FormAssociatedSearchableSelect extends FormAssociatedSearchableSelect_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/select/select.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { Listbox } from '../../shared/foundation/listbox/listbox';
-declare class _Select extends Listbox {
-}
-interface _Select extends FormAssociated {
-}
-declare const FormAssociatedSelect_base: typeof _Select;
-export declare class FormAssociatedSelect extends FormAssociatedSelect_base {
-    proxy: HTMLSelectElement;
-}
-export {};

package/lib/slider/slider.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _Slider extends VividElement {
-}
-interface _Slider extends FormAssociated {
-}
-declare const FormAssociatedSlider_base: typeof _Slider;
-export declare class FormAssociatedSlider extends FormAssociatedSlider_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/switch/switch.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { CheckableFormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _Switch extends VividElement {
-}
-interface _Switch extends CheckableFormAssociated {
-}
-declare const FormAssociatedSwitch_base: typeof _Switch;
-export declare class FormAssociatedSwitch extends FormAssociatedSwitch_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/lib/text-anchor/definition.d.ts

@@ -1,2 +0,0 @@
-export type { TextAnchorConnotation, TextAnchorAppearance, } from './text-anchor';
-export declare const registerTextAnchor: (prefix?: string) => void;

package/lib/text-anchor/text-anchor.template.d.ts

@@ -1,3 +0,0 @@
-import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
-import type { TextAnchor } from './text-anchor';
-export declare const textAnchorTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<TextAnchor, any>;

package/lib/text-area/text-area.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _TextArea extends VividElement {
-}
-interface _TextArea extends FormAssociated {
-}
-declare const FormAssociatedTextArea_base: typeof _TextArea;
-export declare class FormAssociatedTextArea extends FormAssociatedTextArea_base {
-    proxy: HTMLTextAreaElement;
-}
-export {};

package/lib/text-field/text-field.form-associated.d.ts

@@ -1,11 +0,0 @@
-import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
-import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-declare class _TextField extends VividElement {
-}
-interface _TextField extends FormAssociated {
-}
-declare const FormAssociatedTextField_base: typeof _TextField;
-export declare class FormAssociatedTextField extends FormAssociatedTextField_base {
-    proxy: HTMLInputElement;
-}
-export {};

package/shared/anchor.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-const vividElement = require('./vivid-element.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 Anchor {
-}
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "download");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "href");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "hreflang");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "ping");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "referrerpolicy");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "rel");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "target");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  vividElement.attr
-], Anchor.prototype, "type");
-
-exports.Anchor = Anchor;

package/shared/anchor.js

@@ -1,47 +0,0 @@
-import { a as attr } 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;
-};
-class Anchor {
-}
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "download");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "href");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "hreflang");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "ping");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "referrerpolicy");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "rel");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "target");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr
-], Anchor.prototype, "type");
-
-export { Anchor as A };

package/shared/apply-mixins.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-const vividElement = require('./vivid-element.cjs');
-
-function applyMixins(derivedCtor, ...baseCtors) {
-  const derivedAttributes = vividElement.AttributeConfiguration.locate(derivedCtor);
-  baseCtors.forEach((baseCtor) => {
-    Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
-      if (name !== "constructor") {
-        Object.defineProperty(
-          derivedCtor.prototype,
-          name,
-          /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-          Object.getOwnPropertyDescriptor(baseCtor.prototype, name)
-        );
-      }
-    });
-    const baseAttributes = vividElement.AttributeConfiguration.locate(baseCtor);
-    baseAttributes.forEach((x) => derivedAttributes.push(x));
-  });
-}
-
-exports.applyMixins = applyMixins;

package/shared/apply-mixins.js

@@ -1,21 +0,0 @@
-import { c as AttributeConfiguration } from './vivid-element.js';
-
-function applyMixins(derivedCtor, ...baseCtors) {
-  const derivedAttributes = AttributeConfiguration.locate(derivedCtor);
-  baseCtors.forEach((baseCtor) => {
-    Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
-      if (name !== "constructor") {
-        Object.defineProperty(
-          derivedCtor.prototype,
-          name,
-          /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
-          Object.getOwnPropertyDescriptor(baseCtor.prototype, name)
-        );
-      }
-    });
-    const baseAttributes = AttributeConfiguration.locate(baseCtor);
-    baseAttributes.forEach((x) => derivedAttributes.push(x));
-  });
-}
-
-export { applyMixins as a };

package/shared/applyMixinsWithObservables.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-const applyMixins = require('./apply-mixins.cjs');
-const vividElement = require('./vivid-element.cjs');
-
-function applyMixinsWithObservables(derivedCtor, ...baseCtors) {
-  applyMixins.applyMixins(derivedCtor, ...baseCtors);
-  baseCtors.forEach((baseCtor) => {
-    vividElement.Observable.getAccessors(baseCtor.prototype).forEach((accessor) => {
-      vividElement.Observable.defineProperty(derivedCtor.prototype, accessor.name);
-    });
-  });
-}
-
-exports.applyMixinsWithObservables = applyMixinsWithObservables;

package/shared/applyMixinsWithObservables.js

@@ -1,13 +0,0 @@
-import { a as applyMixins } from './apply-mixins.js';
-import { O as Observable } from './vivid-element.js';
-
-function applyMixinsWithObservables(derivedCtor, ...baseCtors) {
-  applyMixins(derivedCtor, ...baseCtors);
-  baseCtors.forEach((baseCtor) => {
-    Observable.getAccessors(baseCtor.prototype).forEach((accessor) => {
-      Observable.defineProperty(derivedCtor.prototype, accessor.name);
-    });
-  });
-}
-
-export { applyMixinsWithObservables as a };

package/shared/direction.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-/**
- * Expose ltr and rtl strings
- */
-exports.Direction = void 0;
-(function (Direction) {
-    Direction["ltr"] = "ltr";
-    Direction["rtl"] = "rtl";
-})(exports.Direction || (exports.Direction = {}));
-
-const getDirection = (rootNode) => {
-  const dirNode = rootNode.closest("[dir]");
-  return dirNode !== null && dirNode.dir === "rtl" ? exports.Direction.rtl : exports.Direction.ltr;
-};
-
-exports.getDirection = getDirection;

package/shared/direction.js

@@ -1,15 +0,0 @@
-/**
- * Expose ltr and rtl strings
- */
-var Direction;
-(function (Direction) {
-    Direction["ltr"] = "ltr";
-    Direction["rtl"] = "rtl";
-})(Direction || (Direction = {}));
-
-const getDirection = (rootNode) => {
-  const dirNode = rootNode.closest("[dir]");
-  return dirNode !== null && dirNode.dir === "rtl" ? Direction.rtl : Direction.ltr;
-};
-
-export { Direction as D, getDirection as g };

package/shared/form-elements.cjs

@@ -1,209 +0,0 @@
-'use strict';
-
-const definition = require('./definition28.cjs');
-const vividElement = require('./vivid-element.cjs');
-const slotted = require('./slotted.cjs');
-const classNames = require('./class-names.cjs');
-const when = require('./when.cjs');
-
-const messageStyles = ".sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}";
-
-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 FormElementHelperText {
-}
-__decorateClass([
-  vividElement.attr({ attribute: "helper-text" })
-], FormElementHelperText.prototype, "helperText");
-__decorateClass([
-  vividElement.observable
-], FormElementHelperText.prototype, "_helperTextSlottedContent");
-class FormElementSuccessText {
-}
-__decorateClass([
-  vividElement.attr({ attribute: "success-text" })
-], FormElementSuccessText.prototype, "successText");
-class FormElementCharCount {
-  constructor() {
-    this.charCount = false;
-  }
-}
-__decorateClass([
-  vividElement.attr({
-    attribute: "char-count",
-    mode: "boolean"
-  })
-], FormElementCharCount.prototype, "charCount");
-function formElements(constructor) {
-  class FormElement extends constructor {
-    constructor(...args) {
-      super(...args);
-      this.errorValidationMessage = "";
-      this.#forceErrorDisplay = false;
-      this.#hasBeenTouched = false;
-      this.#handleInvalidEvent = () => {
-        this.#forceErrorDisplay = true;
-        this.validate();
-      };
-      this.validate = () => {
-        super.validate();
-        const shouldShowValidationError = this.#forceErrorDisplay || this.#hasBeenTouched && this.dirtyValue;
-        this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
-      };
-      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"));
-      });
-    }
-    #forceErrorDisplay;
-    #hasBeenTouched;
-    connectedCallback() {
-      super.connectedCallback();
-      this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
-    }
-    #handleInvalidEvent;
-    disconnectedCallback() {
-      super.disconnectedCallback();
-      this.proxy.removeEventListener("invalid", this.#handleInvalidEvent);
-    }
-    formResetCallback() {
-      this.#forceErrorDisplay = false;
-      super.formResetCallback();
-      this.validate();
-    }
-  }
-  __decorateClass([
-    vividElement.attr
-  ], FormElement.prototype, "label");
-  __decorateClass([
-    vividElement.observable
-  ], FormElement.prototype, "errorValidationMessage");
-  return FormElement;
-}
-const feedback = {
-  helper: {
-    messageProperty: "helperText",
-    className: "helper",
-    slot: {
-      name: "helper-text",
-      slottedContentProperty: "_helperTextSlottedContent"
-    },
-    role: "none"
-  },
-  error: {
-    messageProperty: "errorValidationMessage",
-    className: "error",
-    iconType: "info-line",
-    role: "status"
-  },
-  success: {
-    messageProperty: "successText",
-    className: "success",
-    iconType: "check-circle-line",
-    role: "none"
-  }
-};
-const isFeedbackAvailable = (config, x) => Boolean(
-  x[config.messageProperty] || config.slot && x[config.slot.slottedContentProperty]?.length
-);
-function getFeedbackTemplate(context) {
-  return vividElement.html`
-		<style>
-			${messageStyles}
-		</style>
-		${getFeedbackTypeTemplate(
-    context,
-    feedback.helper,
-    (x) => isFeedbackAvailable(feedback.helper, x) && !isFeedbackAvailable(feedback.error, x) && !isFeedbackAvailable(feedback.success, x)
-  )}
-		${getFeedbackTypeTemplate(
-    context,
-    feedback.error,
-    (x) => isFeedbackAvailable(feedback.error, x) && !isFeedbackAvailable(feedback.success, x)
-  )}
-		${getFeedbackTypeTemplate(
-    context,
-    feedback.success,
-    (x) => isFeedbackAvailable(feedback.success, x)
-  )}
-	`;
-}
-function getFeedbackTypeTemplate(context, config, shouldShow) {
-  const iconTag = context.tagFor(definition.Icon);
-  const messageTemplate = vividElement.html`${(x) => x[config.messageProperty]}`;
-  const innerTemplate = config.slot ? vividElement.html`<slot
-				name="${config.slot.name}"
-				${slotted.slotted(config.slot.slottedContentProperty)}
-				>${messageTemplate}</slot
-		  >` : messageTemplate;
-  return vividElement.html`<div
-		class="${(x) => classNames.classNames(
-    "message",
-    `${config.className}-message`,
-    ["message--visible", config.role === "status" || shouldShow(x)],
-    ["sr-only", !shouldShow(x)]
-  )}"
-		role="${config.role}"
-		aria-atomic="false"
-	>
-		${when.when(
-    (x) => shouldShow(x) && config.iconType,
-    vividElement.html`<${iconTag} class="message-icon" name="${config.iconType}"></${iconTag}>`
-  )}
-		<span class="message-text">${innerTemplate}</span>
-	</div>`;
-}
-function errorText(constructor) {
-  class ErrorText extends constructor {
-    #blockValidateCalls = false;
-    constructor(...args) {
-      super(...args);
-      this._validate = this.validate;
-      this.validate = () => {
-        if (!this.#blockValidateCalls) this._validate();
-      };
-    }
-    errorTextChanged(_, newErrorText) {
-      if (newErrorText) {
-        this.#forceCustomError(newErrorText);
-      } else {
-        this.#clearCustomErrorAndRevalidate();
-      }
-    }
-    #forceCustomError(errorMessage) {
-      this.setValidity({ customError: true }, errorMessage, this.control);
-      this.errorValidationMessage = errorMessage;
-      this.#blockValidateCalls = true;
-    }
-    #clearCustomErrorAndRevalidate() {
-      this.setValidity({}, "", this.control);
-      this.#blockValidateCalls = false;
-      this.validate();
-    }
-  }
-  __decorateClass([
-    vividElement.attr({ attribute: "error-text" })
-  ], ErrorText.prototype, "errorText");
-  return ErrorText;
-}
-
-exports.FormElementCharCount = FormElementCharCount;
-exports.FormElementHelperText = FormElementHelperText;
-exports.FormElementSuccessText = FormElementSuccessText;
-exports.errorText = errorText;
-exports.formElements = formElements;
-exports.getFeedbackTemplate = getFeedbackTemplate;