@vonage/vivid 5.15.0 → 5.15.1

package/unbundled/definition3.js

@@ -67,7 +67,6 @@ class ListboxOption extends HostSemantics(
     }
   }
   disabledChanged() {
-    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLOptionElement) {
       this.proxy.disabled = this.disabled;
     }
@@ -269,7 +268,7 @@ const ListboxOptionTemplate = (context) => {
 	`;
 };
 
-const styles = ":host([disabled]){cursor:not-allowed}.base{--_connotation-color-primary: var(--vvd-option-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-option-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-option-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-option-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-option-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-option-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-pale: var(--vvd-option-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-dim: var(--vvd-option-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media (hover: hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base{display:flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_option-appearance-color-text, var(--_appearance-color-text));font:var(--vvd-typography-base);gap:var(--_option-gap);hyphens:auto;inline-size:100%;min-block-size:var(--_option-min-block-size);padding-inline:var(--_option-padding-inline);vertical-align:middle;word-break:break-word}.base{--_option-min-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_option-padding-inline: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_option-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) }.base:not(.two-lines){--_option-gap: calc( calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 3);padding-block:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))/4)}.base.two-lines{gap:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.4);padding-block:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2)}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}:host([scale=condensed]) .base{--_option-min-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_option-padding-inline: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_option-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) }:host([scale=condensed]) .base:not(.two-lines){--_option-gap: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/5) ;padding-block:calc(calc(1px*(36 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 6)}:host([scale=condensed]) .base.two-lines{gap:calc(calc(1px*(36 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 3);padding-block:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))/4)}.base.active{--focus-stroke-color: var(--vvd-color-cta-500);--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.base.hidden{display:none}.text{display:flex;flex-direction:column;font:var(--vvd-typography-base);gap:4px;margin-inline-end:auto}.text-primary,.text-secondary{display:block;font:var(--vvd-typography-base)}.text-primary{font:var(--vvd-typography-base)}.base:not(.disabled) .text-primary{color:var(--vvd-color-canvas-text)}.base.disabled .text-primary{color:var(--_appearance-color-text)}.base.two-lines .text-primary{font:var(--vvd-typography-base-bold)}.text-secondary{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.base.two-lines .text-secondary{color:var(--vvd-color-neutral-600)}.base.disabled .text-secondary{color:var(--_appearance-color-text)}.base.selected:not(.disabled) .text-secondary{color:var(--vvd-color-neutral-800)}.match{color:var(--vvd-color-cta-600);font:var(--vvd-typography-base-bold)}slot[name=icon]{font-size:var(--_option-icon-size);line-height:1}.base:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}.checkmark{font-size:var(--_option-icon-size)}";
+const styles = ":host([disabled]){cursor:not-allowed}.base{--_connotation-color-primary: var(--vvd-option-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-option-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-option-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-option-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-option-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-option-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-pale: var(--vvd-option-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-dim: var(--vvd-option-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media(hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base{display:flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_option-appearance-color-text, var(--_appearance-color-text));font:var(--vvd-typography-base);gap:var(--_option-gap);hyphens:auto;inline-size:100%;min-block-size:var(--_option-min-block-size);padding-inline:var(--_option-padding-inline);vertical-align:middle;word-break:break-word}.base{--_option-min-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_option-padding-inline: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_option-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) }.base:not(.two-lines){--_option-gap: calc( calc(1px*(36 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 3);padding-block:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))/4)}.base.two-lines{gap:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.4);padding-block:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))/2)}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}:host([scale=condensed]) .base{--_option-min-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_option-padding-inline: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_option-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) }:host([scale=condensed]) .base:not(.two-lines){--_option-gap: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/5) ;padding-block:calc(calc(1px*(36 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 6)}:host([scale=condensed]) .base.two-lines{gap:calc(calc(1px*(36 + 4*clamp(-1,var(--vvd-size-density, 0),2))) / 3);padding-block:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))/4)}.base.active{--focus-stroke-color: var(--vvd-color-cta-500);--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.base.hidden{display:none}.text{display:flex;flex-direction:column;font:var(--vvd-typography-base);gap:4px;margin-inline-end:auto}.text-primary,.text-secondary{display:block;font:var(--vvd-typography-base)}.text-primary{font:var(--vvd-typography-base)}.base:not(.disabled) .text-primary{color:var(--vvd-color-canvas-text)}.base.disabled .text-primary{color:var(--_appearance-color-text)}.base.two-lines .text-primary{font:var(--vvd-typography-base-bold)}.text-secondary{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.base.two-lines .text-secondary{color:var(--vvd-color-neutral-600)}.base.disabled .text-secondary{color:var(--_appearance-color-text)}.base.selected:not(.disabled) .text-secondary{color:var(--vvd-color-neutral-800)}.match{color:var(--vvd-color-cta-600);font:var(--vvd-typography-base-bold)}slot[name=icon]{font-size:var(--_option-icon-size);line-height:1}.base:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}.checkmark{font-size:var(--_option-icon-size)}";
 
 const listboxOptionDefinition = defineVividComponent(
   "option",

package/unbundled/definition4.cjs

@@ -7,7 +7,7 @@ const fastElement = require('@microsoft/fast-element');
 const affix = require('./affix.cjs');
 const hostSemantics = require('./host-semantics.cjs');
 
-const styles = ":host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media (hover: hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-tree-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tree-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-tree-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-faint: var(--vvd-tree-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-tree-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-tree-item-accent-firm, var(--vvd-color-canvas-text))}.control{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:12px;hyphens:auto;inline-size:100%;min-block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-inline:16px;text-decoration:none;vertical-align:middle;word-break:break-word}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color: transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{display:flex;align-items:center;border-radius:8px;font-size:20px}.expandCollapseButton .expandCollapseIcon{margin:4px}@media (hover: hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{display:flex;flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}";
+const styles = ":host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media(hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-tree-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tree-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-tree-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-faint: var(--vvd-tree-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-tree-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-tree-item-accent-firm, var(--vvd-color-canvas-text))}.control{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:12px;hyphens:auto;inline-size:100%;min-block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-inline:16px;text-decoration:none;vertical-align:middle;word-break:break-word}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color: transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{display:flex;align-items:center;border-radius:8px;font-size:20px}.expandCollapseButton .expandCollapseIcon{margin:4px}@media(hover:hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{display:flex;flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -76,7 +76,6 @@ class TreeItem extends hostSemantics.HostSemantics(affix.AffixIcon(vividElement.
   itemsChanged() {
     if (this.$fastController.isConnected) {
       this.items.forEach((node) => {
-        /* v8 ignore else -- @preserve */
         if (isTreeItemElement(node)) {
           node.nested = true;
         }

package/unbundled/definition4.js

@@ -1,11 +1,11 @@
 import { VwcIconElement as Icon, iconDefinition } from '../icon/definition.js';
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from './vivid-element.js';
+import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from './vivid-element.js';
 import { isHTMLElement, classNames } from '@microsoft/fast-web-utilities';
-import { attr, observable, children, when, elements, slotted, html, ref } from '@microsoft/fast-element';
+import { attr, observable, children, elements, when, slotted, html, ref } from '@microsoft/fast-element';
 import { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
 import { H as HostSemantics, a as applyHostSemantics } from './host-semantics.js';
 
-const styles = ":host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media (hover: hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-tree-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tree-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-tree-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-faint: var(--vvd-tree-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-tree-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-tree-item-accent-firm, var(--vvd-color-canvas-text))}.control{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:12px;hyphens:auto;inline-size:100%;min-block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-inline:16px;text-decoration:none;vertical-align:middle;word-break:break-word}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color: transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{display:flex;align-items:center;border-radius:8px;font-size:20px}.expandCollapseButton .expandCollapseIcon{margin:4px}@media (hover: hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{display:flex;flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}";
+const styles = ":host(:focus-visible){outline:none}:host([disabled]){cursor:not-allowed}.control{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.control.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media(hover:hover){.control.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.control.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-tree-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-tree-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-tree-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-faint: var(--vvd-tree-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-tree-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-tree-item-accent-firm, var(--vvd-color-canvas-text))}.control{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;border-radius:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:12px;hyphens:auto;inline-size:100%;min-block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-inline:16px;text-decoration:none;vertical-align:middle;word-break:break-word}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}:host(:focus-visible) .control{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(:focus-visible) .control:not(.selected){--focus-stroke-gap-color: transparent}.control .text{font:var(--vvd-typography-base)}.expandCollapseButton{display:flex;align-items:center;border-radius:8px;font-size:20px}.expandCollapseButton .expandCollapseIcon{margin:4px}@media(hover:hover){.expandCollapseButton:hover{background-color:var(--vvd-color-neutral-100)}.selected .expandCollapseButton:hover{background-color:var(--vvd-color-neutral-700)}}.items{display:flex;flex-direction:column;gap:4px;margin-block-start:4px;padding-inline-start:48px}slot[name=icon]{font-size:20px;line-height:1}.control:not(.disabled,.selected) slot[name=icon]{color:var(--vvd-color-neutral-600)}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -74,7 +74,6 @@ class TreeItem extends HostSemantics(AffixIcon(VividElement)) {
   itemsChanged() {
     if (this.$fastController.isConnected) {
       this.items.forEach((node) => {
-        /* v8 ignore else -- @preserve */
         if (isTreeItemElement(node)) {
           node.nested = true;
         }

package/unbundled/definition5.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const button_definition = require('./definition.cjs');
+const button_definition = require('./definition2.cjs');
 const elevation_definition = require('./definition6.cjs');
 const vividElement = require('./vivid-element.cjs');
 const fastElement = require('@microsoft/fast-element');

package/unbundled/definition5.js

@@ -1,8 +1,8 @@
-import { B as Button, b as buttonDefinition } from './definition.js';
+import { B as Button, b as buttonDefinition } from './definition2.js';
 import { E as Elevation, e as elevationDefinition } from './definition6.js';
 import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from './vivid-element.js';
 import { attr, nullableNumberConverter, observable, ref, when, html } from '@microsoft/fast-element';
-import { inline, autoPlacement, flip, hide, size, shift, arrow, offset, autoUpdate, computePosition } from '@floating-ui/dom';
+import { autoPlacement, flip, inline, hide, size, shift, arrow, offset, autoUpdate, computePosition } from '@floating-ui/dom';
 import { classNames } from '@microsoft/fast-web-utilities';
 
 var __defProp = Object.defineProperty;

package/unbundled/delegates-aria.cjs

@@ -69,7 +69,6 @@ class DelegateAriaBehavior {
   // }
   startForwardingPropertiesToTarget(source, delegatedProperties, target) {
     for (const key of delegatedProperties) {
-      /* v8 ignore else -- @preserve */
       if (!(key in this.boundProperties)) {
         this.forwardPropertyToTarget(target, key, source[key]);
       }
@@ -124,6 +123,7 @@ const DelegatesAria = (Base) => {
   class DelegatesAriaElement extends Base {
     constructor() {
       super(...arguments);
+      /** @internal */
       this._vividAriaBehaviour = "delegate";
     }
   }

package/unbundled/delegates-aria.js

@@ -67,7 +67,6 @@ class DelegateAriaBehavior {
   // }
   startForwardingPropertiesToTarget(source, delegatedProperties, target) {
     for (const key of delegatedProperties) {
-      /* v8 ignore else -- @preserve */
       if (!(key in this.boundProperties)) {
         this.forwardPropertyToTarget(target, key, source[key]);
       }
@@ -122,6 +121,7 @@ const DelegatesAria = (Base) => {
   class DelegatesAriaElement extends Base {
     constructor() {
       super(...arguments);
+      /** @internal */
       this._vividAriaBehaviour = "delegate";
     }
   }

package/unbundled/enums.js

@@ -91,4 +91,4 @@ var Sticky = /* @__PURE__ */ ((Sticky2) => {
   return Sticky2;
 })(Sticky || {});
 
-export { Appearance as A, Connotation as C, IconDecoration as I, LayoutSize as L, MediaSkipBy as M, Position as P, Role as R, Shape as S, ConnotationDecorative as a, Size as b, AriaLive as c, Sticky as d };
+export { Appearance as A, Connotation as C, IconDecoration as I, LayoutSize as L, MediaSkipBy as M, Position as P, Role as R, Shape as S, AriaLive as a, ConnotationDecorative as b, Size as c, Sticky as d };

package/unbundled/form-associated.cjs

@@ -109,6 +109,7 @@ const FormAssociated = (Base) => {
       this.validate();
     }
     /**
+     * @internal
      * @deprecated Use `value` instead.
      */
     get currentValue() {
@@ -139,7 +140,6 @@ const FormAssociated = (Base) => {
      * @internal
      */
     nameChanged(_previous, _next) {
-      /* v8 ignore if -- @preserve */
       if (this.proxy instanceof HTMLElement) {
         this.proxy.name = this.name;
       }
@@ -224,10 +224,9 @@ const FormAssociated = (Base) => {
      */
     setValidity(flags, message, anchor) {
       if ("valid" in flags && this.disabled) {
-        const { valid, ...cleanFlags } = flags;
+        const { valid: _valid, ...cleanFlags } = flags;
         flags = cleanFlags;
       }
-      /* v8 ignore else -- @preserve */
       if (this.elementInternals) {
         this.elementInternals.setValidity(flags, message, anchor);
       } else if (typeof message === "string") {
@@ -266,7 +265,6 @@ const FormAssociated = (Base) => {
         if (typeof this.name === "string") {
           this.proxy.name = this.name;
         }
-        /* v8 ignore else -- @preserve */
         if (typeof this.value === "string") {
           this.proxy.value = this.value;
         }
@@ -388,7 +386,6 @@ const CheckableFormAssociated = (Base) => {
      * @internal
      */
     defaultCheckedChanged() {
-      /* v8 ignore else -- @preserve */
       if (!this.dirtyChecked) {
         this.checked = this.defaultChecked;
         this.dirtyChecked = false;
@@ -411,6 +408,7 @@ const CheckableFormAssociated = (Base) => {
       this.validate();
     }
     /**
+     * @internal
      * @deprecated Use `defaultChecked` instead.
      */
     get checkedAttribute() {
@@ -420,6 +418,7 @@ const CheckableFormAssociated = (Base) => {
       this.defaultChecked = value;
     }
     /**
+     * @internal
      * @deprecated Use `checked` instead.
      */
     get currentChecked() {

package/unbundled/form-associated.js

@@ -107,6 +107,7 @@ const FormAssociated = (Base) => {
       this.validate();
     }
     /**
+     * @internal
      * @deprecated Use `value` instead.
      */
     get currentValue() {
@@ -137,7 +138,6 @@ const FormAssociated = (Base) => {
      * @internal
      */
     nameChanged(_previous, _next) {
-      /* v8 ignore if -- @preserve */
       if (this.proxy instanceof HTMLElement) {
         this.proxy.name = this.name;
       }
@@ -222,10 +222,9 @@ const FormAssociated = (Base) => {
      */
     setValidity(flags, message, anchor) {
       if ("valid" in flags && this.disabled) {
-        const { valid, ...cleanFlags } = flags;
+        const { valid: _valid, ...cleanFlags } = flags;
         flags = cleanFlags;
       }
-      /* v8 ignore else -- @preserve */
       if (this.elementInternals) {
         this.elementInternals.setValidity(flags, message, anchor);
       } else if (typeof message === "string") {
@@ -264,7 +263,6 @@ const FormAssociated = (Base) => {
         if (typeof this.name === "string") {
           this.proxy.name = this.name;
         }
-        /* v8 ignore else -- @preserve */
         if (typeof this.value === "string") {
           this.proxy.value = this.value;
         }
@@ -386,7 +384,6 @@ const CheckableFormAssociated = (Base) => {
      * @internal
      */
     defaultCheckedChanged() {
-      /* v8 ignore else -- @preserve */
       if (!this.dirtyChecked) {
         this.checked = this.defaultChecked;
         this.dirtyChecked = false;
@@ -409,6 +406,7 @@ const CheckableFormAssociated = (Base) => {
       this.validate();
     }
     /**
+     * @internal
      * @deprecated Use `defaultChecked` instead.
      */
     get checkedAttribute() {
@@ -418,6 +416,7 @@ const CheckableFormAssociated = (Base) => {
       this.defaultChecked = value;
     }
     /**
+     * @internal
      * @deprecated Use `checked` instead.
      */
     get currentChecked() {

package/unbundled/host-semantics.cjs

@@ -81,6 +81,7 @@ const HostSemantics = (Base) => {
   class HostSemanticsElement extends Base {
     constructor() {
       super(...arguments);
+      /** @internal */
       this._vividAriaBehaviour = "host";
     }
   }

package/unbundled/host-semantics.js

@@ -1,4 +1,4 @@
-import { oneWay, StatelessAttachedAttributeDirective, HTMLDirective } from '@microsoft/fast-element';
+import { oneWay, HTMLDirective, StatelessAttachedAttributeDirective } from '@microsoft/fast-element';
 import { a as ariaAttributeName, b as ariaMixinProperties } from './vivid-element.js';
 import { A as AttributeBindingBehavior } from './attribute-binding-behaviour.js';
 
@@ -79,6 +79,7 @@ const HostSemantics = (Base) => {
   class HostSemanticsElement extends Base {
     constructor() {
       super(...arguments);
+      /** @internal */
       this._vividAriaBehaviour = "host";
     }
   }

package/unbundled/key-codes.js

@@ -4,4 +4,4 @@
 const keyArrowLeft = "ArrowLeft";
 const keyArrowRight = "ArrowRight";
 
-export { keyArrowLeft as a, keyArrowRight as k };
+export { keyArrowRight as a, keyArrowLeft as k };

package/unbundled/listbox.cjs

@@ -198,7 +198,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
   handleChange(source, propertyName) {
     switch (propertyName) {
       case "selected": {
-        /* v8 ignore else -- @preserve */
         if (_Listbox.slottedOptionFilter(source)) {
           this.selectedIndex = this.options.indexOf(source);
         }
@@ -218,7 +217,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    * @internal
    */
   handleTypeAhead(key) {
-    /* v8 ignore else -- @preserve */
     if (this.typeaheadTimeout) {
       window.clearTimeout(this.typeaheadTimeout);
     }
@@ -240,30 +238,31 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
     this.shouldSkipFocus = false;
     const key = e.key;
     switch (key) {
+      // Select the first available option
       case fastWebUtilities.keyHome: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectFirstOption();
         }
         break;
       }
+      // Select the next selectable option
       case fastWebUtilities.keyArrowDown: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectNextOption();
         }
         break;
       }
+      // Select the previous selectable option
       case fastWebUtilities.keyArrowUp: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectPreviousOption();
         }
         break;
       }
+      // Select the last available option
       case fastWebUtilities.keyEnd: {
         e.preventDefault();
         this.selectLastOption();
@@ -276,14 +275,14 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
       case fastWebUtilities.keyEnter:
       case fastWebUtilities.keyEscape:
         return true;
+      // @ts-expect-error - fallthrough case
       case fastWebUtilities.keySpace: {
-        /* v8 ignore else -- @preserve */
         if (this.typeaheadExpired) {
           return true;
         }
       }
+      // fallthrough:
       default: {
-        /* v8 ignore else -- @preserve */
         if (key.length === 1) {
           this.handleTypeAhead(`${key}`);
         }
@@ -341,7 +340,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    * @public
    */
   selectFirstOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled) {
       this.selectedIndex = this.options.findIndex((o) => !o.disabled);
     }
@@ -352,7 +350,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    * @internal
    */
   selectLastOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled) {
       this.selectedIndex = fastWebUtilities.findLastIndex(this.options, (o) => !o.disabled);
     }
@@ -363,7 +360,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    * @internal
    */
   selectNextOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled && this.selectedIndex < this.options.length - 1) {
       const nextIndex = this.getNextSelectableIndex(this.selectedIndex + 1);
       if (nextIndex !== -1) {
@@ -377,7 +373,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    * @internal
    */
   selectPreviousOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled && this.selectedIndex > 0) {
       const prevIndex = this.getPreviousSelectableIndex(this.selectedIndex - 1);
       if (prevIndex !== -1) {
@@ -415,7 +410,6 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
    */
   slottedOptionsChanged(_, next) {
     this.options = next.reduce((options, item) => {
-      /* v8 ignore else -- @preserve */
       if (option_definition.isListboxOption(item)) {
         options.push(item);
       }
@@ -438,10 +432,8 @@ const _Listbox = class _Listbox extends vividElement.VividElement {
   typeaheadBufferChanged(_prev, _next) {
     if (this.$fastController.isConnected) {
       const typeaheadMatches = this.getTypeaheadMatches();
-      /* v8 ignore else -- @preserve */
       if (typeaheadMatches.length) {
         const selectedIndex = this.options.indexOf(typeaheadMatches[0]);
-        /* v8 ignore else -- @preserve */
         if (selectedIndex > -1) {
           this.selectedIndex = selectedIndex;
         }

package/unbundled/listbox.js

@@ -196,7 +196,6 @@ const _Listbox = class _Listbox extends VividElement {
   handleChange(source, propertyName) {
     switch (propertyName) {
       case "selected": {
-        /* v8 ignore else -- @preserve */
         if (_Listbox.slottedOptionFilter(source)) {
           this.selectedIndex = this.options.indexOf(source);
         }
@@ -216,7 +215,6 @@ const _Listbox = class _Listbox extends VividElement {
    * @internal
    */
   handleTypeAhead(key) {
-    /* v8 ignore else -- @preserve */
     if (this.typeaheadTimeout) {
       window.clearTimeout(this.typeaheadTimeout);
     }
@@ -238,30 +236,31 @@ const _Listbox = class _Listbox extends VividElement {
     this.shouldSkipFocus = false;
     const key = e.key;
     switch (key) {
+      // Select the first available option
       case keyHome: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectFirstOption();
         }
         break;
       }
+      // Select the next selectable option
       case keyArrowDown: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectNextOption();
         }
         break;
       }
+      // Select the previous selectable option
       case keyArrowUp: {
-        /* v8 ignore else -- @preserve */
         if (!e.shiftKey) {
           e.preventDefault();
           this.selectPreviousOption();
         }
         break;
       }
+      // Select the last available option
       case keyEnd: {
         e.preventDefault();
         this.selectLastOption();
@@ -274,14 +273,14 @@ const _Listbox = class _Listbox extends VividElement {
       case keyEnter:
       case keyEscape:
         return true;
+      // @ts-expect-error - fallthrough case
       case keySpace: {
-        /* v8 ignore else -- @preserve */
         if (this.typeaheadExpired) {
           return true;
         }
       }
+      // fallthrough:
       default: {
-        /* v8 ignore else -- @preserve */
         if (key.length === 1) {
           this.handleTypeAhead(`${key}`);
         }
@@ -339,7 +338,6 @@ const _Listbox = class _Listbox extends VividElement {
    * @public
    */
   selectFirstOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled) {
       this.selectedIndex = this.options.findIndex((o) => !o.disabled);
     }
@@ -350,7 +348,6 @@ const _Listbox = class _Listbox extends VividElement {
    * @internal
    */
   selectLastOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled) {
       this.selectedIndex = findLastIndex(this.options, (o) => !o.disabled);
     }
@@ -361,7 +358,6 @@ const _Listbox = class _Listbox extends VividElement {
    * @internal
    */
   selectNextOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled && this.selectedIndex < this.options.length - 1) {
       const nextIndex = this.getNextSelectableIndex(this.selectedIndex + 1);
       if (nextIndex !== -1) {
@@ -375,7 +371,6 @@ const _Listbox = class _Listbox extends VividElement {
    * @internal
    */
   selectPreviousOption() {
-    /* v8 ignore else -- @preserve */
     if (!this.disabled && this.selectedIndex > 0) {
       const prevIndex = this.getPreviousSelectableIndex(this.selectedIndex - 1);
       if (prevIndex !== -1) {
@@ -413,7 +408,6 @@ const _Listbox = class _Listbox extends VividElement {
    */
   slottedOptionsChanged(_, next) {
     this.options = next.reduce((options, item) => {
-      /* v8 ignore else -- @preserve */
       if (isListboxOption(item)) {
         options.push(item);
       }
@@ -436,10 +430,8 @@ const _Listbox = class _Listbox extends VividElement {
   typeaheadBufferChanged(_prev, _next) {
     if (this.$fastController.isConnected) {
       const typeaheadMatches = this.getTypeaheadMatches();
-      /* v8 ignore else -- @preserve */
       if (typeaheadMatches.length) {
         const selectedIndex = this.options.indexOf(typeaheadMatches[0]);
-        /* v8 ignore else -- @preserve */
         if (selectedIndex > -1) {
           this.selectedIndex = selectedIndex;
         }

package/unbundled/mixins.cjs

@@ -93,7 +93,6 @@ class RenderInLightDomBehaviour {
    * Handles change of the template itself.
    */
   handleChange(source, args) {
-    /* v8 ignore else -- @preserve */
     if (args === this.templateBindingObserver) {
       const template = this.templateBindingObserver.bind(this.controller);
       this.instantiateTemplate(template);
@@ -213,7 +212,6 @@ const WithLightDOMFeedback = (Base) => {
      */
     _helperTextSlottedContentChanged(_, newContent) {
       for (const el of newContent) {
-        /* v8 ignore else -- @preserve */
         if (!el.id) {
           el.id = randomSlottedContentId();
         }

package/unbundled/mixins.js

@@ -1,8 +1,8 @@
-import { html, when, attr, normalizeBinding, Markup, HTMLDirective, observable, slotted } from '@microsoft/fast-element';
+import { attr, html, when, normalizeBinding, Markup, HTMLDirective, observable, slotted } from '@microsoft/fast-element';
 import { v4 } from 'uuid';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { iconDefinition, VwcIconElement as Icon } from '../icon/definition.js';
-import { d as defineVividComponent, V as VividElement } from './vivid-element.js';
+import { V as VividElement, d as defineVividComponent } from './vivid-element.js';
 import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';
 import { L as Localized } from './localized.js';
 
@@ -91,7 +91,6 @@ class RenderInLightDomBehaviour {
    * Handles change of the template itself.
    */
   handleChange(source, args) {
-    /* v8 ignore else -- @preserve */
     if (args === this.templateBindingObserver) {
       const template = this.templateBindingObserver.bind(this.controller);
       this.instantiateTemplate(template);
@@ -211,7 +210,6 @@ const WithLightDOMFeedback = (Base) => {
      */
     _helperTextSlottedContentChanged(_, newContent) {
       for (const el of newContent) {
-        /* v8 ignore else -- @preserve */
         if (!el.id) {
           el.id = randomSlottedContentId();
         }

package/unbundled/picker-field.template.cjs

@@ -13,7 +13,7 @@ const localized = require('./localized.cjs');
 const fastWebUtilities = require('@microsoft/fast-web-utilities');
 const popup_definition = require('./definition5.cjs');
 const textField_definition = require('../text-field/definition.cjs');
-const button_definition = require('./definition.cjs');
+const button_definition = require('./definition2.cjs');
 
 const pickerFieldStyles = ":host{display:inline-block}.base{display:inline-block;inline-size:100%}.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog--padded{padding:12px;gap:12px}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;gap:8px}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}";
 
@@ -121,7 +121,6 @@ class PickerField extends withContextualHelp.WithContextualHelp(
   }
   #dismissOnClickOutside;
   #openPopupIfPossible() {
-    /* v8 ignore else -- @preserve */
     if (!this.readOnly) {
       this._popupOpen = true;
     }

package/unbundled/picker-field.template.js

@@ -11,7 +11,7 @@ import { L as Localized } from './localized.js';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { P as Popup } from './definition5.js';
 import { VwcTextFieldElement as TextField } from '../text-field/definition.js';
-import { B as Button } from './definition.js';
+import { B as Button } from './definition2.js';
 
 const pickerFieldStyles = ":host{display:inline-block}.base{display:inline-block;inline-size:100%}.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog--padded{padding:12px;gap:12px}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;gap:8px}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}";
 
@@ -119,7 +119,6 @@ class PickerField extends WithContextualHelp(
   }
   #dismissOnClickOutside;
   #openPopupIfPossible() {
-    /* v8 ignore else -- @preserve */
     if (!this.readOnly) {
       this._popupOpen = true;
     }

package/unbundled/scrollIntoView.cjs

@@ -43,7 +43,6 @@ function flatTreeOffsetParent(element) {
     if (style.position !== "static" || style.filter !== "none") {
       return ancestor;
     }
-    /* v8 ignore else -- @preserve */
     if (ancestor.tagName === "BODY") return ancestor;
   }
   return null;