@vonage/vivid 5.15.0 → 5.15.1

package/text-field/definition.js

@@ -1,5 +1,5 @@
 import { iconDefinition } from '../icon/definition.js';
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
 import { W as WithLightDOMFeedback, g as generateRandomId, r as renderInLightDOM, f as feedbackMessageDefinition } from '../unbundled/mixins.js';
 import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';
 import { contextualHelpDefinition } from '../contextual-help/definition.js';
@@ -69,7 +69,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   readOnlyChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.readOnly = this.readOnly;
       this.validate();
@@ -79,7 +78,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   autofocusChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.autofocus = this.autofocus;
       this.validate();
@@ -89,7 +87,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   placeholderChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.placeholder = this.placeholder;
     }
@@ -98,7 +95,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   typeChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.type = this.type;
       this.validate();
@@ -108,7 +104,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   listChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.setAttribute("list", this.list);
       this.validate();
@@ -118,7 +113,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   maxlengthChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.maxLength = this.maxlength;
       this.validate();
@@ -128,7 +122,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   minlengthChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.minLength = this.minlength;
       this.validate();
@@ -138,7 +131,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   patternChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.pattern = this.pattern;
       this.validate();
@@ -148,7 +140,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   sizeChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.size = this.size;
     }
@@ -157,7 +148,6 @@ class TextField extends WithContextualHelp(
    * @internal
    */
   spellcheckChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.spellcheck = this.spellcheck;
     }

package/time-picker/definition.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const textField_definition = require('../text-field/definition.cjs');
 const popup_definition = require('../unbundled/definition5.cjs');
-const button_definition = require('../unbundled/definition.cjs');
+const button_definition = require('../unbundled/definition2.cjs');
 const vividElement = require('../unbundled/vivid-element.cjs');
 const pickerField_template = require('../unbundled/picker-field.template.cjs');
 const timeSelectionPicker_template = require('../unbundled/time-selection-picker.template.cjs');

package/time-picker/definition.js

@@ -1,7 +1,7 @@
 import { textFieldDefinition } from '../text-field/definition.js';
 import { p as popupDefinition } from '../unbundled/definition5.js';
-import { b as buttonDefinition } from '../unbundled/definition.js';
-import { d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { b as buttonDefinition } from '../unbundled/definition2.js';
+import { c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
 import { P as PickerFieldTemplate, p as pickerFieldStyles } from '../unbundled/picker-field.template.js';
 import { a as TimeSelectionPickerTemplate, i as inlineTimePickerDefinition, T as TimePicker } from '../unbundled/time-selection-picker.template.js';
 import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';

package/toggletip/definition.cjs

@@ -37,7 +37,6 @@ class Toggletip extends localized.Localized(anchored.Anchored(vividElement.Vivid
       if (clickedOutside || clickedOnAnchor) this.open = false;
     };
     this.#closeOnEscape = (e) => {
-      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.open = false;
       }
@@ -85,7 +84,6 @@ class Toggletip extends localized.Localized(anchored.Anchored(vividElement.Vivid
     a.removeEventListener("click", this.#openIfClosed, true);
     a.removeAttribute("aria-expanded");
     a.removeAttribute("data-expanded");
-    /* v8 ignore else -- @preserve */
     if (a.ariaLabel) {
       a.ariaLabel = this.#originalAriaLabel;
     }

package/toggletip/definition.js

@@ -1,5 +1,5 @@
 import { P as Popup, p as popupDefinition } from '../unbundled/definition5.js';
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
 import { Updates, attr, when, html } from '@microsoft/fast-element';
 import { A as Anchored, a as anchorSlotTemplateFactory } from '../unbundled/anchored.js';
 import { L as Localized } from '../unbundled/localized.js';
@@ -33,7 +33,6 @@ class Toggletip extends Localized(Anchored(VividElement)) {
       if (clickedOutside || clickedOnAnchor) this.open = false;
     };
     this.#closeOnEscape = (e) => {
-      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.open = false;
       }
@@ -81,7 +80,6 @@ class Toggletip extends Localized(Anchored(VividElement)) {
     a.removeEventListener("click", this.#openIfClosed, true);
     a.removeAttribute("aria-expanded");
     a.removeAttribute("data-expanded");
-    /* v8 ignore else -- @preserve */
     if (a.ariaLabel) {
       a.ariaLabel = this.#originalAriaLabel;
     }

package/tooltip/definition.cjs

@@ -31,7 +31,6 @@ class Tooltip extends anchored.Anchored(vividElement.VividElement) {
       this.#updateAnchorExpanded();
     };
     this.#closeOnEscape = (e) => {
-      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.#hide();
       }

package/tooltip/definition.js

@@ -1,5 +1,5 @@
 import { P as Popup, p as popupDefinition } from '../unbundled/definition5.js';
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
 import { attr, html } from '@microsoft/fast-element';
 import { A as Anchored, a as anchorSlotTemplateFactory } from '../unbundled/anchored.js';
 import { classNames } from '@microsoft/fast-web-utilities';
@@ -27,7 +27,6 @@ class Tooltip extends Anchored(VividElement) {
       this.#updateAnchorExpanded();
     };
     this.#closeOnEscape = (e) => {
-      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.#hide();
       }

package/tree-view/definition.cjs

@@ -53,13 +53,11 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
     this.handleFocus = (e) => {
       if (this.slottedTreeItems.length > 0) {
         if (e.target === this) {
-          /* v8 ignore else -- @preserve */
           if (this.currentFocused !== null) {
             treeItem_definition.TreeItem.focusItem(this.currentFocused);
           }
           return;
         }
-        /* v8 ignore else -- @preserve */
         if (this.contains(e.target)) {
           this.setAttribute("tabindex", "-1");
           this.currentFocused = e.target;
@@ -85,29 +83,24 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
       if (this.slottedTreeItems.length < 1) {
         return true;
       }
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         const treeItems = this.getVisibleNodes();
         switch (e.key) {
           case fastWebUtilities.keyHome: {
-            /* v8 ignore else -- @preserve */
             if (treeItems.length) {
               treeItem_definition.TreeItem.focusItem(treeItems[0]);
             }
             return;
           }
           case fastWebUtilities.keyEnd: {
-            /* v8 ignore else -- @preserve */
             if (treeItems.length) {
               treeItem_definition.TreeItem.focusItem(treeItems[treeItems.length - 1]);
             }
             return;
           }
           case fastWebUtilities.keyArrowLeft: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const item = e.target;
-              /* v8 ignore else -- @preserve */
               if (item instanceof treeItem_definition.TreeItem && item.childItemLength() > 0 && item.expanded) {
                 item.expanded = false;
               } else if (item instanceof treeItem_definition.TreeItem && item.parentElement instanceof treeItem_definition.TreeItem) {
@@ -117,10 +110,8 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
             return false;
           }
           case fastWebUtilities.keyArrowRight: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const item = e.target;
-              /* v8 ignore else -- @preserve */
               if (item instanceof treeItem_definition.TreeItem && item.childItemLength() > 0 && !item.expanded) {
                 item.expanded = true;
               } else if (item instanceof treeItem_definition.TreeItem && item.childItemLength() > 0) {
@@ -130,14 +121,12 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
             return;
           }
           case fastWebUtilities.keyArrowDown: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               this.focusNextNode(1, e.target);
             }
             return;
           }
           case fastWebUtilities.keyArrowUp: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               this.focusNextNode(-1, e.target);
             }
@@ -157,13 +146,11 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
      *  @internal
      */
     this.handleSelectedChange = (e) => {
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         if (!(e.target instanceof Element) || !treeItem_definition.isTreeItemElement(e.target)) {
           return true;
         }
         const item = e.target;
-        /* v8 ignore else -- @preserve */
         if (item.selected) {
           if (this.currentSelected && this.currentSelected !== item) {
             this.currentSelected.selected = false;
@@ -187,7 +174,6 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
       this.nested = this.checkForNestedItems();
       const treeItems = this.getVisibleNodes();
       treeItems.forEach((node) => {
-        /* v8 ignore else -- @preserve */
         if (treeItem_definition.isTreeItemElement(node)) {
           node.nested = this.nested;
         }
@@ -237,10 +223,8 @@ class TreeView extends hostSemantics.HostSemantics(vividElement.VividElement) {
    */
   focusNextNode(delta, item) {
     const visibleNodes = this.getVisibleNodes();
-    /* v8 ignore else -- @preserve */
     if (visibleNodes) {
       const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
-      /* v8 ignore else -- @preserve */
       if (fastWebUtilities.isHTMLElement(focusItem)) {
         treeItem_definition.TreeItem.focusItem(focusItem);
       }

package/tree-view/definition.js

@@ -1,4 +1,4 @@
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
 import { T as TreeItem, i as isTreeItemElement, t as treeItemDefinition } from '../unbundled/definition4.js';
 import { Updates, attr, observable, ref, slotted, html } from '@microsoft/fast-element';
 import { keyEnter, keyArrowUp, keyArrowDown, keyArrowRight, keyArrowLeft, keyEnd, keyHome, isHTMLElement, classNames } from '@microsoft/fast-web-utilities';
@@ -49,13 +49,11 @@ class TreeView extends HostSemantics(VividElement) {
     this.handleFocus = (e) => {
       if (this.slottedTreeItems.length > 0) {
         if (e.target === this) {
-          /* v8 ignore else -- @preserve */
           if (this.currentFocused !== null) {
             TreeItem.focusItem(this.currentFocused);
           }
           return;
         }
-        /* v8 ignore else -- @preserve */
         if (this.contains(e.target)) {
           this.setAttribute("tabindex", "-1");
           this.currentFocused = e.target;
@@ -81,29 +79,24 @@ class TreeView extends HostSemantics(VividElement) {
       if (this.slottedTreeItems.length < 1) {
         return true;
       }
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         const treeItems = this.getVisibleNodes();
         switch (e.key) {
           case keyHome: {
-            /* v8 ignore else -- @preserve */
             if (treeItems.length) {
               TreeItem.focusItem(treeItems[0]);
             }
             return;
           }
           case keyEnd: {
-            /* v8 ignore else -- @preserve */
             if (treeItems.length) {
               TreeItem.focusItem(treeItems[treeItems.length - 1]);
             }
             return;
           }
           case keyArrowLeft: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const item = e.target;
-              /* v8 ignore else -- @preserve */
               if (item instanceof TreeItem && item.childItemLength() > 0 && item.expanded) {
                 item.expanded = false;
               } else if (item instanceof TreeItem && item.parentElement instanceof TreeItem) {
@@ -113,10 +106,8 @@ class TreeView extends HostSemantics(VividElement) {
             return false;
           }
           case keyArrowRight: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const item = e.target;
-              /* v8 ignore else -- @preserve */
               if (item instanceof TreeItem && item.childItemLength() > 0 && !item.expanded) {
                 item.expanded = true;
               } else if (item instanceof TreeItem && item.childItemLength() > 0) {
@@ -126,14 +117,12 @@ class TreeView extends HostSemantics(VividElement) {
             return;
           }
           case keyArrowDown: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               this.focusNextNode(1, e.target);
             }
             return;
           }
           case keyArrowUp: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               this.focusNextNode(-1, e.target);
             }
@@ -153,13 +142,11 @@ class TreeView extends HostSemantics(VividElement) {
      *  @internal
      */
     this.handleSelectedChange = (e) => {
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) {
           return true;
         }
         const item = e.target;
-        /* v8 ignore else -- @preserve */
         if (item.selected) {
           if (this.currentSelected && this.currentSelected !== item) {
             this.currentSelected.selected = false;
@@ -183,7 +170,6 @@ class TreeView extends HostSemantics(VividElement) {
       this.nested = this.checkForNestedItems();
       const treeItems = this.getVisibleNodes();
       treeItems.forEach((node) => {
-        /* v8 ignore else -- @preserve */
         if (isTreeItemElement(node)) {
           node.nested = this.nested;
         }
@@ -233,10 +219,8 @@ class TreeView extends HostSemantics(VividElement) {
    */
   focusNextNode(delta, item) {
     const visibleNodes = this.getVisibleNodes();
-    /* v8 ignore else -- @preserve */
     if (visibleNodes) {
       const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
-      /* v8 ignore else -- @preserve */
       if (isHTMLElement(focusItem)) {
         TreeItem.focusItem(focusItem);
       }

package/tree-view/index.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("../bundled/vivid-element.cjs"),n=require("../bundled/definition22.cjs"),m=require("../bundled/host-semantics.cjs"),c=require("../bundled/key-codes.cjs"),h=require("../bundled/dom.cjs"),f=require("../bundled/ref.cjs"),g=require("../bundled/slotted.cjs"),I=require("../bundled/class-names.cjs"),p=".control{position:relative;display:flex;flex-direction:column;gap:4px}";var b=Object.defineProperty,d=(r,e,t,s)=>{for(var i=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(i=u(e,t,i)||i);return i&&b(e,t,i),i};function T(r,e){return h.isHTMLElement(r)?Array.from(r.querySelectorAll(e)).filter(i=>{if(i.parentElement instanceof n.TreeItem){if(i.parentElement.expanded)return!0}else return!0;return!1}):[]}class o extends m.HostSemantics(l.VividElement){constructor(){super(...arguments),this.currentFocused=null,this.handleFocus=e=>{if(this.slottedTreeItems.length>0){if(e.target===this){/* v8 ignore else -- @preserve */this.currentFocused!==null&&n.TreeItem.focusItem(this.currentFocused);return}/* v8 ignore else -- @preserve */this.contains(e.target)&&(this.setAttribute("tabindex","-1"),this.currentFocused=e.target)}},this.handleBlur=e=>{e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute("tabindex","0")},this.handleKeyDown=e=>{if(this.slottedTreeItems.length<1)return!0;/* v8 ignore else -- @preserve */if(!e.defaultPrevented){const t=this.getVisibleNodes();switch(e.key){case c.keyHome:{/* v8 ignore else -- @preserve */t.length&&n.TreeItem.focusItem(t[0]);return}case c.keyEnd:{/* v8 ignore else -- @preserve */t.length&&n.TreeItem.focusItem(t[t.length-1]);return}case c.keyArrowLeft:{/* v8 ignore else -- @preserve */if(e.target&&this.isFocusableElement(e.target)){const s=e.target;/* v8 ignore else -- @preserve */s instanceof n.TreeItem&&s.childItemLength()>0&&s.expanded?s.expanded=!1:s instanceof n.TreeItem&&s.parentElement instanceof n.TreeItem&&n.TreeItem.focusItem(s.parentElement)}return!1}case c.keyArrowRight:{/* v8 ignore else -- @preserve */if(e.target&&this.isFocusableElement(e.target)){const s=e.target;/* v8 ignore else -- @preserve */s instanceof n.TreeItem&&s.childItemLength()>0&&!s.expanded?s.expanded=!0:s instanceof n.TreeItem&&s.childItemLength()>0&&this.focusNextNode(1,e.target)}return}case c.keyArrowDown:{/* v8 ignore else -- @preserve */e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(1,e.target);return}case c.keyArrowUp:{/* v8 ignore else -- @preserve */e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(-1,e.target);return}case c.keyEnter:this.handleClick(e);return}}return!0},this.handleSelectedChange=e=>{/* v8 ignore else -- @preserve */if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;/* v8 ignore else -- @preserve */t.selected?(this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null);return}},this.setItems=()=>{const e=this.treeView.querySelector("[selected]");this.currentSelected=e,(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem()),this.nested=this.checkForNestedItems(),this.getVisibleNodes().forEach(s=>{/* v8 ignore else -- @preserve */n.isTreeItemElement(s)&&(s.nested=this.nested)})},this.isFocusableElement=e=>n.isTreeItemElement(e),this.isSelectedElement=e=>e.selected}slottedTreeItemsChanged(){this.$fastController.isConnected&&this.setItems()}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),l.Updates.enqueue(()=>{this.setItems()})}handleClick(e){if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;t.disabled||(t.selected=!t.selected);return}}focusNextNode(e,t){const s=this.getVisibleNodes();/* v8 ignore else -- @preserve */if(s){const i=s[s.indexOf(t)+e];/* v8 ignore else -- @preserve */h.isHTMLElement(i)&&n.TreeItem.focusItem(i)}}getValidFocusableItem(){const e=this.getVisibleNodes();let t=e.findIndex(this.isSelectedElement);return t===-1&&(t=e.findIndex(this.isFocusableElement)),t!==-1?e[t]:null}checkForNestedItems(){return this.slottedTreeItems.some(e=>n.isTreeItemElement(e)&&e.querySelector("[data-vvd-component='tree-item']"))}getVisibleNodes(){return T(this,"[data-vvd-component='tree-item']")}}d([l.attr({attribute:"render-collapsed-nodes"})],o.prototype,"renderCollapsedNodes");d([l.observable],o.prototype,"currentSelected");d([l.observable],o.prototype,"slottedTreeItems");const v=r=>I.classNames("control"),E=l.html` <template
+"use strict";const l=require("../bundled/vivid-element.cjs"),n=require("../bundled/definition22.cjs"),m=require("../bundled/host-semantics.cjs"),c=require("../bundled/key-codes.cjs"),h=require("../bundled/dom.cjs"),f=require("../bundled/ref.cjs"),g=require("../bundled/slotted.cjs"),I=require("../bundled/class-names.cjs"),p=".control{position:relative;display:flex;flex-direction:column;gap:4px}";var b=Object.defineProperty,d=(r,e,t,s)=>{for(var i=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(i=u(e,t,i)||i);return i&&b(e,t,i),i};function T(r,e){return h.isHTMLElement(r)?Array.from(r.querySelectorAll(e)).filter(i=>{if(i.parentElement instanceof n.TreeItem){if(i.parentElement.expanded)return!0}else return!0;return!1}):[]}class o extends m.HostSemantics(l.VividElement){constructor(){super(...arguments),this.currentFocused=null,this.handleFocus=e=>{if(this.slottedTreeItems.length>0){if(e.target===this){this.currentFocused!==null&&n.TreeItem.focusItem(this.currentFocused);return}this.contains(e.target)&&(this.setAttribute("tabindex","-1"),this.currentFocused=e.target)}},this.handleBlur=e=>{e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute("tabindex","0")},this.handleKeyDown=e=>{if(this.slottedTreeItems.length<1)return!0;if(!e.defaultPrevented){const t=this.getVisibleNodes();switch(e.key){case c.keyHome:{t.length&&n.TreeItem.focusItem(t[0]);return}case c.keyEnd:{t.length&&n.TreeItem.focusItem(t[t.length-1]);return}case c.keyArrowLeft:{if(e.target&&this.isFocusableElement(e.target)){const s=e.target;s instanceof n.TreeItem&&s.childItemLength()>0&&s.expanded?s.expanded=!1:s instanceof n.TreeItem&&s.parentElement instanceof n.TreeItem&&n.TreeItem.focusItem(s.parentElement)}return!1}case c.keyArrowRight:{if(e.target&&this.isFocusableElement(e.target)){const s=e.target;s instanceof n.TreeItem&&s.childItemLength()>0&&!s.expanded?s.expanded=!0:s instanceof n.TreeItem&&s.childItemLength()>0&&this.focusNextNode(1,e.target)}return}case c.keyArrowDown:{e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(1,e.target);return}case c.keyArrowUp:{e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(-1,e.target);return}case c.keyEnter:this.handleClick(e);return}}return!0},this.handleSelectedChange=e=>{if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null);return}},this.setItems=()=>{const e=this.treeView.querySelector("[selected]");this.currentSelected=e,(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem()),this.nested=this.checkForNestedItems(),this.getVisibleNodes().forEach(s=>{n.isTreeItemElement(s)&&(s.nested=this.nested)})},this.isFocusableElement=e=>n.isTreeItemElement(e),this.isSelectedElement=e=>e.selected}slottedTreeItemsChanged(){this.$fastController.isConnected&&this.setItems()}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),l.Updates.enqueue(()=>{this.setItems()})}handleClick(e){if(!e.defaultPrevented){if(!(e.target instanceof Element)||!n.isTreeItemElement(e.target))return!0;const t=e.target;t.disabled||(t.selected=!t.selected);return}}focusNextNode(e,t){const s=this.getVisibleNodes();if(s){const i=s[s.indexOf(t)+e];h.isHTMLElement(i)&&n.TreeItem.focusItem(i)}}getValidFocusableItem(){const e=this.getVisibleNodes();let t=e.findIndex(this.isSelectedElement);return t===-1&&(t=e.findIndex(this.isFocusableElement)),t!==-1?e[t]:null}checkForNestedItems(){return this.slottedTreeItems.some(e=>n.isTreeItemElement(e)&&e.querySelector("[data-vvd-component='tree-item']"))}getVisibleNodes(){return T(this,"[data-vvd-component='tree-item']")}}d([l.attr({attribute:"render-collapsed-nodes"})],o.prototype,"renderCollapsedNodes");d([l.observable],o.prototype,"currentSelected");d([l.observable],o.prototype,"slottedTreeItems");const v=r=>I.classNames("control"),E=l.html` <template
 	${f.ref("treeView")}
 	${m.applyHostSemantics({role:"tree"})}
 	@keydown="${(r,e)=>r.handleKeyDown(e.event)}"

package/tree-view/index.js

@@ -28,11 +28,9 @@ class a extends y(h) {
     super(...arguments), this.currentFocused = null, this.handleFocus = (e) => {
       if (this.slottedTreeItems.length > 0) {
         if (e.target === this) {
-          /* v8 ignore else -- @preserve */
           this.currentFocused !== null && n.focusItem(this.currentFocused);
           return;
         }
-        /* v8 ignore else -- @preserve */
         this.contains(e.target) && (this.setAttribute("tabindex", "-1"), this.currentFocused = e.target);
       }
     }, this.handleBlur = (e) => {
@@ -40,45 +38,36 @@ class a extends y(h) {
     }, this.handleKeyDown = (e) => {
       if (this.slottedTreeItems.length < 1)
         return !0;
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         const t = this.getVisibleNodes();
         switch (e.key) {
           case w: {
-            /* v8 ignore else -- @preserve */
             t.length && n.focusItem(t[0]);
             return;
           }
           case T: {
-            /* v8 ignore else -- @preserve */
             t.length && n.focusItem(t[t.length - 1]);
             return;
           }
           case S: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const s = e.target;
-              /* v8 ignore else -- @preserve */
               s instanceof n && s.childItemLength() > 0 && s.expanded ? s.expanded = !1 : s instanceof n && s.parentElement instanceof n && n.focusItem(s.parentElement);
             }
             return !1;
           }
           case k: {
-            /* v8 ignore else -- @preserve */
             if (e.target && this.isFocusableElement(e.target)) {
               const s = e.target;
-              /* v8 ignore else -- @preserve */
               s instanceof n && s.childItemLength() > 0 && !s.expanded ? s.expanded = !0 : s instanceof n && s.childItemLength() > 0 && this.focusNextNode(1, e.target);
             }
             return;
           }
           case N: {
-            /* v8 ignore else -- @preserve */
             e.target && this.isFocusableElement(e.target) && this.focusNextNode(1, e.target);
             return;
           }
           case F: {
-            /* v8 ignore else -- @preserve */
             e.target && this.isFocusableElement(e.target) && this.focusNextNode(-1, e.target);
             return;
           }
@@ -89,19 +78,16 @@ class a extends y(h) {
       }
       return !0;
     }, this.handleSelectedChange = (e) => {
-      /* v8 ignore else -- @preserve */
       if (!e.defaultPrevented) {
         if (!(e.target instanceof Element) || !l(e.target))
           return !0;
         const t = e.target;
-        /* v8 ignore else -- @preserve */
         t.selected ? (this.currentSelected && this.currentSelected !== t && (this.currentSelected.selected = !1), this.currentSelected = t) : !t.selected && this.currentSelected === t && (this.currentSelected = null);
         return;
       }
     }, this.setItems = () => {
       const e = this.treeView.querySelector("[selected]");
       this.currentSelected = e, (this.currentFocused === null || !this.contains(this.currentFocused)) && (this.currentFocused = this.getValidFocusableItem()), this.nested = this.checkForNestedItems(), this.getVisibleNodes().forEach((s) => {
-        /* v8 ignore else -- @preserve */
         l(s) && (s.nested = this.nested);
       });
     }, this.isFocusableElement = (e) => l(e), this.isSelectedElement = (e) => e.selected;
@@ -133,10 +119,8 @@ class a extends y(h) {
    */
   focusNextNode(e, t) {
     const s = this.getVisibleNodes();
-    /* v8 ignore else -- @preserve */
     if (s) {
       const i = s[s.indexOf(t) + e];
-      /* v8 ignore else -- @preserve */
       f(i) && n.focusItem(i);
     }
   }

package/unbundled/_commonjsHelpers.cjs

@@ -7,11 +7,15 @@ function getDefaultExportFromCjs (x) {
 }
 
 function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
-			if (this instanceof a) {
+			var isInstance = false;
+      try {
+        isInstance = this instanceof a;
+      } catch {}
+			if (isInstance) {
         return Reflect.construct(f, arguments, this.constructor);
 			}
 			return f.apply(this, arguments);

package/unbundled/_commonjsHelpers.js

@@ -5,11 +5,15 @@ function getDefaultExportFromCjs (x) {
 }
 
 function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
-			if (this instanceof a) {
+			var isInstance = false;
+      try {
+        isInstance = this instanceof a;
+      } catch {}
+			if (isInstance) {
         return Reflect.construct(f, arguments, this.constructor);
 			}
 			return f.apply(this, arguments);

package/unbundled/anchored.js

@@ -1,4 +1,4 @@
-import { attr, observable, slotted, html, DOM } from '@microsoft/fast-element';
+import { attr, observable, DOM, slotted, html } from '@microsoft/fast-element';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/unbundled/attribute-binding-behaviour.cjs

@@ -14,7 +14,6 @@ class AttributeBindingBehavior {
   bind(controller) {
     this.source = controller.source;
     this.context = controller.context;
-    /* v8 ignore else -- @preserve */
     if (!this.bindingObserver) {
       this.bindingObserver = fastElement.Observable.binding(
         this.binding.evaluate,

package/unbundled/attribute-binding-behaviour.js

@@ -12,7 +12,6 @@ class AttributeBindingBehavior {
   bind(controller) {
     this.source = controller.source;
     this.context = controller.context;
-    /* v8 ignore else -- @preserve */
     if (!this.bindingObserver) {
       this.bindingObserver = Observable.binding(
         this.binding.evaluate,

package/unbundled/base-color-picker.cjs

@@ -159,7 +159,6 @@ const BaseColorPicker = (Base) => {
       const totalRows = Math.ceil(totalCells / rowLength);
       switch (event.key) {
         case "ArrowRight": {
-          /* v8 ignore else -- @preserve */
           if (currentCol < rowLength - 1 && index + 1 < totalCells) {
             this._focusSwatchByIndex(index + 1);
           }
@@ -171,7 +170,6 @@ const BaseColorPicker = (Base) => {
           }
           return false;
         case "ArrowDown": {
-          /* v8 ignore else -- @preserve */
           if (currentRow < totalRows - 1 && index + rowLength < totalCells) {
             this._focusSwatchByIndex(index + rowLength);
           }
@@ -188,7 +186,6 @@ const BaseColorPicker = (Base) => {
             lastRowStart + currentCol,
             totalCells - 1
           );
-          /* v8 ignore else -- @preserve */
           if (index !== targetIndex) {
             this._focusSwatchByIndex(targetIndex);
           }

package/unbundled/base-color-picker.js

@@ -157,7 +157,6 @@ const BaseColorPicker = (Base) => {
       const totalRows = Math.ceil(totalCells / rowLength);
       switch (event.key) {
         case "ArrowRight": {
-          /* v8 ignore else -- @preserve */
           if (currentCol < rowLength - 1 && index + 1 < totalCells) {
             this._focusSwatchByIndex(index + 1);
           }
@@ -169,7 +168,6 @@ const BaseColorPicker = (Base) => {
           }
           return false;
         case "ArrowDown": {
-          /* v8 ignore else -- @preserve */
           if (currentRow < totalRows - 1 && index + rowLength < totalCells) {
             this._focusSwatchByIndex(index + rowLength);
           }
@@ -186,7 +184,6 @@ const BaseColorPicker = (Base) => {
             lastRowStart + currentCol,
             totalCells - 1
           );
-          /* v8 ignore else -- @preserve */
           if (index !== targetIndex) {
             this._focusSwatchByIndex(targetIndex);
           }

package/unbundled/base-progress.cjs

@@ -21,7 +21,6 @@ class BaseProgress extends vividElement.VividElement {
    * @internal
    */
   valueChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }
@@ -30,7 +29,6 @@ class BaseProgress extends vividElement.VividElement {
    * @internal
    */
   minChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }
@@ -39,7 +37,6 @@ class BaseProgress extends vividElement.VividElement {
    * @private
    */
   maxChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }

package/unbundled/base-progress.js

@@ -19,7 +19,6 @@ class BaseProgress extends VividElement {
    * @internal
    */
   valueChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }
@@ -28,7 +27,6 @@ class BaseProgress extends VividElement {
    * @internal
    */
   minChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }
@@ -37,7 +35,6 @@ class BaseProgress extends VividElement {
    * @private
    */
   maxChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.$fastController.isConnected) {
       this.updatePercentComplete();
     }