@vonage/vivid 5.2.0 → 5.4.0

package/bundled/option.cjs

@@ -1 +0,0 @@
-"use strict";const d=require("./affix.cjs"),i=require("./vivid-element.cjs"),c=require("./host-semantics.cjs"),p=require("./dom.cjs");var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(r,e,o,l)=>{for(var a=l>1?void 0:l?u(e,o):e,n=r.length-1,h;n>=0;n--)(h=r[n])&&(a=(l?h(e,o,a):h(a))||a);return l&&a&&f(e,o,a),a};function x(r){return p.isHTMLElement(r)&&(r.getAttribute("role")==="option"||r instanceof HTMLOptionElement||r instanceof t)}class t extends c.HostSemantics(d.AffixIconWithTrailing(i.VividElement)){constructor(e,o,l,a){super(),this.defaultSelected=!1,this.dirtySelected=!1,this.value="",this._highlighted=!1,this._displayCheckmark=!1,this._vvdSearchText="",this._isNotMatching=!1,e&&(this.text=e),o&&(this.value=o),l&&(this.defaultSelected=l),a&&(this.selected=a),this.proxy=new Option(this.text,this.value,this.defaultSelected,this.selected),this.proxy.disabled=this.disabled}defaultSelectedChanged(){this.dirtySelected||(this.selected=this.defaultSelected,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.defaultSelected)),this.proxy instanceof HTMLOptionElement&&(this.proxy.defaultSelected=this.defaultSelected)}disabledChanged(){this.proxy instanceof HTMLOptionElement&&(this.proxy.disabled=this.disabled)}get selectedAttribute(){return this.defaultSelected}set selectedAttribute(e){this.defaultSelected=e}selectedChanged(){this.dirtySelected||(this.dirtySelected=!0),this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.selected)}valueChanged(){if(typeof this.value!="string"){this.value="";return}this.proxy instanceof HTMLOptionElement&&(this.proxy.value=this.value)}get label(){return this._label??this.text}set label(e){this._label=e}set text(e){this._text=e}get text(){return this._text??""}_getAccessibleName(){return this.ariaLabel||`${this.text}${this.textSecondary?` ${this.textSecondary}`:""}`}get form(){return null}get _hasMatchedText(){return!!(this.matchedText??this._vvdSearchText)}get _matchedRange(){const e=this.matchedText??this._vvdSearchText;if(e){const o=this.text.toLowerCase().indexOf(e.toLowerCase());return o===-1?{from:0,to:0}:{from:o,to:o+e.length}}return{from:0,to:0}}connectedCallback(){super.connectedCallback(),this.dirtySelected||(this.selected=this.defaultSelected,this.dirtySelected=!1)}}s([i.attr({converter:{fromView:r=>{if(r===!0||r==="true")return!0;if(r===!1||r==="false")return!1},toView:r=>r}})],t.prototype,"checked",2);s([i.attr({attribute:"selected",mode:"boolean"})],t.prototype,"defaultSelected",2);s([i.attr({mode:"boolean"})],t.prototype,"disabled",2);s([i.attr({attribute:"current-selected",mode:"boolean"})],t.prototype,"selected",2);s([i.attr({attribute:"value"})],t.prototype,"value",2);s([i.attr({attribute:"label"})],t.prototype,"_label",2);s([i.attr({attribute:"text"})],t.prototype,"_text",2);s([i.attr({attribute:"text-secondary"})],t.prototype,"textSecondary",2);s([i.observable],t.prototype,"_highlighted",2);s([i.observable],t.prototype,"_displayCheckmark",2);s([i.attr({attribute:"matched-text"})],t.prototype,"matchedText",2);s([i.observable],t.prototype,"_vvdSearchText",2);s([i.volatile],t.prototype,"_hasMatchedText",1);s([i.observable],t.prototype,"_isNotMatching",2);s([i.volatile],t.prototype,"_matchedRange",1);s([i.attr({attribute:"tag-connotation"})],t.prototype,"tagConnotation",2);exports.ListboxOption=t;exports.isListboxOption=x;

package/bundled/option.js

@@ -1,158 +0,0 @@
-import { A as p } from "./affix.js";
-import { V as f, a, o as h, v as c } from "./vivid-element.js";
-import { H as u } from "./host-semantics.js";
-import { i as x } from "./dom.js";
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (s, t, o, l) => {
-  for (var r = l > 1 ? void 0 : l ? b(t, o) : t, d = s.length - 1, n; d >= 0; d--)
-    (n = s[d]) && (r = (l ? n(t, o, r) : n(r)) || r);
-  return l && r && y(t, o, r), r;
-};
-function S(s) {
-  return x(s) && (s.getAttribute("role") === "option" || s instanceof HTMLOptionElement || s instanceof e);
-}
-class e extends u(
-  p(f)
-) {
-  constructor(t, o, l, r) {
-    super(), this.defaultSelected = !1, this.dirtySelected = !1, this.value = "", this._highlighted = !1, this._displayCheckmark = !1, this._vvdSearchText = "", this._isNotMatching = !1, t && (this.text = t), o && (this.value = o), l && (this.defaultSelected = l), r && (this.selected = r), this.proxy = new Option(
-      this.text,
-      this.value,
-      this.defaultSelected,
-      this.selected
-    ), this.proxy.disabled = this.disabled;
-  }
-  defaultSelectedChanged() {
-    this.dirtySelected || (this.selected = this.defaultSelected, this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.defaultSelected)), this.proxy instanceof HTMLOptionElement && (this.proxy.defaultSelected = this.defaultSelected);
-  }
-  disabledChanged() {
-    this.proxy instanceof HTMLOptionElement && (this.proxy.disabled = this.disabled);
-  }
-  /**
-   * @deprecated Use `defaultSelected` instead.
-   */
-  get selectedAttribute() {
-    return this.defaultSelected;
-  }
-  set selectedAttribute(t) {
-    this.defaultSelected = t;
-  }
-  selectedChanged() {
-    this.dirtySelected || (this.dirtySelected = !0), this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.selected);
-  }
-  valueChanged() {
-    if (typeof this.value != "string") {
-      this.value = "";
-      return;
-    }
-    this.proxy instanceof HTMLOptionElement && (this.proxy.value = this.value);
-  }
-  get label() {
-    return this._label ?? this.text;
-  }
-  set label(t) {
-    this._label = t;
-  }
-  set text(t) {
-    this._text = t;
-  }
-  get text() {
-    return this._text ?? "";
-  }
-  /**
-   * Provides an accessible name for use by parent components.
-   * Note: Does not implement full accessible name computation, e.g. slotted content is missed.
-   * @internal
-   */
-  _getAccessibleName() {
-    return this.ariaLabel || `${this.text}${this.textSecondary ? ` ${this.textSecondary}` : ""}`;
-  }
-  get form() {
-    return null;
-  }
-  get _hasMatchedText() {
-    return !!(this.matchedText ?? this._vvdSearchText);
-  }
-  get _matchedRange() {
-    const t = this.matchedText ?? this._vvdSearchText;
-    if (t) {
-      const o = this.text.toLowerCase().indexOf(t.toLowerCase());
-      return o === -1 ? { from: 0, to: 0 } : {
-        from: o,
-        to: o + t.length
-      };
-    }
-    return { from: 0, to: 0 };
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.dirtySelected || (this.selected = this.defaultSelected, this.dirtySelected = !1);
-  }
-}
-i([
-  a({
-    converter: {
-      fromView: (s) => {
-        if (s === !0 || s === "true")
-          return !0;
-        if (s === !1 || s === "false")
-          return !1;
-      },
-      toView: (s) => s
-    }
-  })
-], e.prototype, "checked", 2);
-i([
-  a({ attribute: "selected", mode: "boolean" })
-], e.prototype, "defaultSelected", 2);
-i([
-  a({ mode: "boolean" })
-], e.prototype, "disabled", 2);
-i([
-  a({ attribute: "current-selected", mode: "boolean" })
-], e.prototype, "selected", 2);
-i([
-  a({ attribute: "value" })
-], e.prototype, "value", 2);
-i([
-  a({
-    attribute: "label"
-  })
-], e.prototype, "_label", 2);
-i([
-  a({
-    attribute: "text"
-  })
-], e.prototype, "_text", 2);
-i([
-  a({ attribute: "text-secondary" })
-], e.prototype, "textSecondary", 2);
-i([
-  h
-], e.prototype, "_highlighted", 2);
-i([
-  h
-], e.prototype, "_displayCheckmark", 2);
-i([
-  a({ attribute: "matched-text" })
-], e.prototype, "matchedText", 2);
-i([
-  h
-], e.prototype, "_vvdSearchText", 2);
-i([
-  c
-], e.prototype, "_hasMatchedText", 1);
-i([
-  h
-], e.prototype, "_isNotMatching", 2);
-i([
-  c
-], e.prototype, "_matchedRange", 1);
-i([
-  a({ attribute: "tag-connotation" })
-], e.prototype, "tagConnotation", 2);
-export {
-  e as L,
-  S as i
-};

package/unbundled/option.cjs

@@ -1,217 +0,0 @@
-'use strict';
-
-const fastElement = require('@microsoft/fast-element');
-const fastWebUtilities = require('@microsoft/fast-web-utilities');
-const affix = require('./affix.cjs');
-const vividElement = require('./vivid-element.cjs');
-const hostSemantics = require('./host-semantics.cjs');
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-function isListboxOption(el) {
-  return fastWebUtilities.isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement || el instanceof ListboxOption);
-}
-class ListboxOption extends hostSemantics.HostSemantics(
-  affix.AffixIconWithTrailing(vividElement.VividElement)
-) {
-  constructor(text, value, defaultSelected, selected) {
-    super();
-    this.defaultSelected = false;
-    /**
-     * Tracks whether the "selected" property has been changed.
-     * @internal
-     */
-    this.dirtySelected = false;
-    // eslint-disable-next-line @repo/repo/no-attribute-default-value
-    this.value = "";
-    this._highlighted = false;
-    this._displayCheckmark = false;
-    this._vvdSearchText = "";
-    this._isNotMatching = false;
-    if (text) {
-      this.text = text;
-    }
-    if (value) {
-      this.value = value;
-    }
-    if (defaultSelected) {
-      this.defaultSelected = defaultSelected;
-    }
-    if (selected) {
-      this.selected = selected;
-    }
-    this.proxy = new Option(
-      this.text,
-      this.value,
-      this.defaultSelected,
-      this.selected
-    );
-    this.proxy.disabled = this.disabled;
-  }
-  defaultSelectedChanged() {
-    if (!this.dirtySelected) {
-      this.selected = this.defaultSelected;
-      if (this.proxy instanceof HTMLOptionElement) {
-        this.proxy.selected = this.defaultSelected;
-      }
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.defaultSelected = this.defaultSelected;
-    }
-  }
-  disabledChanged() {
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.disabled = this.disabled;
-    }
-  }
-  /**
-   * @deprecated Use `defaultSelected` instead.
-   */
-  get selectedAttribute() {
-    return this.defaultSelected;
-  }
-  set selectedAttribute(value) {
-    this.defaultSelected = value;
-  }
-  selectedChanged() {
-    if (!this.dirtySelected) {
-      this.dirtySelected = true;
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.selected = this.selected;
-    }
-  }
-  valueChanged() {
-    if (typeof this.value !== "string") {
-      this.value = "";
-      return;
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.value = this.value;
-    }
-  }
-  get label() {
-    return this._label ?? this.text;
-  }
-  set label(value) {
-    this._label = value;
-  }
-  set text(value) {
-    this._text = value;
-  }
-  get text() {
-    return this._text ?? "";
-  }
-  /**
-   * Provides an accessible name for use by parent components.
-   * Note: Does not implement full accessible name computation, e.g. slotted content is missed.
-   * @internal
-   */
-  _getAccessibleName() {
-    return this.ariaLabel || `${this.text}${this.textSecondary ? ` ${this.textSecondary}` : ""}`;
-  }
-  get form() {
-    return null;
-  }
-  get _hasMatchedText() {
-    return Boolean(this.matchedText ?? this._vvdSearchText);
-  }
-  get _matchedRange() {
-    const matchedText = this.matchedText ?? this._vvdSearchText;
-    if (matchedText) {
-      const matchIndex = this.text.toLowerCase().indexOf(matchedText.toLowerCase());
-      return matchIndex === -1 ? { from: 0, to: 0 } : {
-        from: matchIndex,
-        to: matchIndex + matchedText.length
-      };
-    }
-    return { from: 0, to: 0 };
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.dirtySelected) {
-      this.selected = this.defaultSelected;
-      this.dirtySelected = false;
-    }
-  }
-}
-__decorateClass([
-  fastElement.attr({
-    converter: {
-      fromView: (value) => {
-        if (value === true || value === "true") {
-          return true;
-        }
-        if (value === false || value === "false") {
-          return false;
-        }
-        return void 0;
-      },
-      toView: (value) => value
-    }
-  })
-], ListboxOption.prototype, "checked", 2);
-__decorateClass([
-  fastElement.attr({ attribute: "selected", mode: "boolean" })
-], ListboxOption.prototype, "defaultSelected", 2);
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], ListboxOption.prototype, "disabled", 2);
-__decorateClass([
-  fastElement.attr({ attribute: "current-selected", mode: "boolean" })
-], ListboxOption.prototype, "selected", 2);
-__decorateClass([
-  fastElement.attr({ attribute: "value" })
-], ListboxOption.prototype, "value", 2);
-__decorateClass([
-  fastElement.attr({
-    attribute: "label"
-  })
-], ListboxOption.prototype, "_label", 2);
-__decorateClass([
-  fastElement.attr({
-    attribute: "text"
-  })
-], ListboxOption.prototype, "_text", 2);
-__decorateClass([
-  fastElement.attr({ attribute: "text-secondary" })
-], ListboxOption.prototype, "textSecondary", 2);
-__decorateClass([
-  fastElement.observable
-], ListboxOption.prototype, "_highlighted", 2);
-__decorateClass([
-  fastElement.observable
-], ListboxOption.prototype, "_displayCheckmark", 2);
-__decorateClass([
-  fastElement.attr({ attribute: "matched-text" })
-], ListboxOption.prototype, "matchedText", 2);
-__decorateClass([
-  fastElement.observable
-], ListboxOption.prototype, "_vvdSearchText", 2);
-__decorateClass([
-  fastElement.volatile
-], ListboxOption.prototype, "_hasMatchedText", 1);
-__decorateClass([
-  fastElement.observable
-], ListboxOption.prototype, "_isNotMatching", 2);
-__decorateClass([
-  fastElement.volatile
-], ListboxOption.prototype, "_matchedRange", 1);
-__decorateClass([
-  fastElement.attr({ attribute: "tag-connotation" })
-], ListboxOption.prototype, "tagConnotation", 2);
-
-exports.ListboxOption = ListboxOption;
-exports.isListboxOption = isListboxOption;

package/unbundled/option.js

@@ -1,214 +0,0 @@
-import { attr, observable, volatile } from '@microsoft/fast-element';
-import { isHTMLElement } from '@microsoft/fast-web-utilities';
-import { A as AffixIconWithTrailing } from './affix.js';
-import { V as VividElement } from './vivid-element.js';
-import { H as HostSemantics } from './host-semantics.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-function isListboxOption(el) {
-  return isHTMLElement(el) && (el.getAttribute("role") === "option" || el instanceof HTMLOptionElement || el instanceof ListboxOption);
-}
-class ListboxOption extends HostSemantics(
-  AffixIconWithTrailing(VividElement)
-) {
-  constructor(text, value, defaultSelected, selected) {
-    super();
-    this.defaultSelected = false;
-    /**
-     * Tracks whether the "selected" property has been changed.
-     * @internal
-     */
-    this.dirtySelected = false;
-    // eslint-disable-next-line @repo/repo/no-attribute-default-value
-    this.value = "";
-    this._highlighted = false;
-    this._displayCheckmark = false;
-    this._vvdSearchText = "";
-    this._isNotMatching = false;
-    if (text) {
-      this.text = text;
-    }
-    if (value) {
-      this.value = value;
-    }
-    if (defaultSelected) {
-      this.defaultSelected = defaultSelected;
-    }
-    if (selected) {
-      this.selected = selected;
-    }
-    this.proxy = new Option(
-      this.text,
-      this.value,
-      this.defaultSelected,
-      this.selected
-    );
-    this.proxy.disabled = this.disabled;
-  }
-  defaultSelectedChanged() {
-    if (!this.dirtySelected) {
-      this.selected = this.defaultSelected;
-      if (this.proxy instanceof HTMLOptionElement) {
-        this.proxy.selected = this.defaultSelected;
-      }
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.defaultSelected = this.defaultSelected;
-    }
-  }
-  disabledChanged() {
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.disabled = this.disabled;
-    }
-  }
-  /**
-   * @deprecated Use `defaultSelected` instead.
-   */
-  get selectedAttribute() {
-    return this.defaultSelected;
-  }
-  set selectedAttribute(value) {
-    this.defaultSelected = value;
-  }
-  selectedChanged() {
-    if (!this.dirtySelected) {
-      this.dirtySelected = true;
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.selected = this.selected;
-    }
-  }
-  valueChanged() {
-    if (typeof this.value !== "string") {
-      this.value = "";
-      return;
-    }
-    if (this.proxy instanceof HTMLOptionElement) {
-      this.proxy.value = this.value;
-    }
-  }
-  get label() {
-    return this._label ?? this.text;
-  }
-  set label(value) {
-    this._label = value;
-  }
-  set text(value) {
-    this._text = value;
-  }
-  get text() {
-    return this._text ?? "";
-  }
-  /**
-   * Provides an accessible name for use by parent components.
-   * Note: Does not implement full accessible name computation, e.g. slotted content is missed.
-   * @internal
-   */
-  _getAccessibleName() {
-    return this.ariaLabel || `${this.text}${this.textSecondary ? ` ${this.textSecondary}` : ""}`;
-  }
-  get form() {
-    return null;
-  }
-  get _hasMatchedText() {
-    return Boolean(this.matchedText ?? this._vvdSearchText);
-  }
-  get _matchedRange() {
-    const matchedText = this.matchedText ?? this._vvdSearchText;
-    if (matchedText) {
-      const matchIndex = this.text.toLowerCase().indexOf(matchedText.toLowerCase());
-      return matchIndex === -1 ? { from: 0, to: 0 } : {
-        from: matchIndex,
-        to: matchIndex + matchedText.length
-      };
-    }
-    return { from: 0, to: 0 };
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.dirtySelected) {
-      this.selected = this.defaultSelected;
-      this.dirtySelected = false;
-    }
-  }
-}
-__decorateClass([
-  attr({
-    converter: {
-      fromView: (value) => {
-        if (value === true || value === "true") {
-          return true;
-        }
-        if (value === false || value === "false") {
-          return false;
-        }
-        return void 0;
-      },
-      toView: (value) => value
-    }
-  })
-], ListboxOption.prototype, "checked", 2);
-__decorateClass([
-  attr({ attribute: "selected", mode: "boolean" })
-], ListboxOption.prototype, "defaultSelected", 2);
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass([
-  attr({ mode: "boolean" })
-], ListboxOption.prototype, "disabled", 2);
-__decorateClass([
-  attr({ attribute: "current-selected", mode: "boolean" })
-], ListboxOption.prototype, "selected", 2);
-__decorateClass([
-  attr({ attribute: "value" })
-], ListboxOption.prototype, "value", 2);
-__decorateClass([
-  attr({
-    attribute: "label"
-  })
-], ListboxOption.prototype, "_label", 2);
-__decorateClass([
-  attr({
-    attribute: "text"
-  })
-], ListboxOption.prototype, "_text", 2);
-__decorateClass([
-  attr({ attribute: "text-secondary" })
-], ListboxOption.prototype, "textSecondary", 2);
-__decorateClass([
-  observable
-], ListboxOption.prototype, "_highlighted", 2);
-__decorateClass([
-  observable
-], ListboxOption.prototype, "_displayCheckmark", 2);
-__decorateClass([
-  attr({ attribute: "matched-text" })
-], ListboxOption.prototype, "matchedText", 2);
-__decorateClass([
-  observable
-], ListboxOption.prototype, "_vvdSearchText", 2);
-__decorateClass([
-  volatile
-], ListboxOption.prototype, "_hasMatchedText", 1);
-__decorateClass([
-  observable
-], ListboxOption.prototype, "_isNotMatching", 2);
-__decorateClass([
-  volatile
-], ListboxOption.prototype, "_matchedRange", 1);
-__decorateClass([
-  attr({ attribute: "tag-connotation" })
-], ListboxOption.prototype, "tagConnotation", 2);
-
-export { ListboxOption as L, isListboxOption as i };