@vonage/vivid 5.5.0 → 5.7.0

package/shared/picker-field/mixins/single-date-picker.d.ts

@@ -8,8 +8,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onPickerButtonClick(): void;
@@ -52,20 +52,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;
@@ -909,20 +909,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -1759,8 +1759,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     readonly _resolvedMinDate: string;
     readonly _resolvedMaxDate: string;
     _isDateInValidRange(date: string): boolean;
-    "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
-    "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
+    "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
     _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
     _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
     _onPickerButtonClick: (() => void) & (() => void);
@@ -1799,20 +1799,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
     readonly _dialogLabel: string;

package/shared/picker-field/mixins/single-value-picker.d.ts

@@ -19,20 +19,20 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;

package/shared/picker-field/mixins/time-selection-picker.d.ts

@@ -21,20 +21,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -868,12 +868,12 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
     readonly _displaySeconds: boolean;
     readonly _use12hClock: boolean;
     readonly _timePlaceholder: string;
-    "__#24@#clockChangeHandler": {
+    "__#25@#clockChangeHandler": {
         handleChange: () => void;
     };
-    "__#24@#clockChangeObserver": ExpressionNotifier;
-    "__#24@#startObservingClockChanges"(): void;
-    "__#24@#stopObservingClockChanges"(): void;
+    "__#25@#clockChangeObserver": ExpressionNotifier;
+    "__#25@#startObservingClockChanges"(): void;
+    "__#25@#stopObservingClockChanges"(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     _onPickerButtonClick(): void;
@@ -895,20 +895,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
     _textFieldEl: import("../../..").VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import("../../..").VwcButtonElement;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;

package/shared/picker-field/mixins/time-selection-picker.template.d.ts

@@ -12,12 +12,12 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
     readonly _displaySeconds: boolean;
     readonly _use12hClock: boolean;
     readonly _timePlaceholder: string;
-    "__#24@#clockChangeHandler": {
+    "__#25@#clockChangeHandler": {
         handleChange: () => void;
     };
-    "__#24@#clockChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#24@#startObservingClockChanges"(): void;
-    "__#24@#stopObservingClockChanges"(): void;
+    "__#25@#clockChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#25@#startObservingClockChanges"(): void;
+    "__#25@#stopObservingClockChanges"(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     _onPickerButtonClick(): void;
@@ -39,20 +39,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
     _textFieldEl: import("../../..").VwcTextFieldElement;
     _dialogEl: HTMLElement;
     _pickerButtonEl: import("../../..").VwcButtonElement;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -892,20 +892,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
     _pickerButtonEl: import("../../..").VwcButtonElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#21@#onFocusIn": () => void;
-    "__#21@#onFocusOut": () => void;
+    "__#22@#onFocusIn": () => void;
+    "__#22@#onFocusOut": () => void;
     proxy: HTMLInputElement;
     validate(): void;
     _getCustomValidationError(): string | null;
-    "__#21@#localeChangeHandler": {
+    "__#22@#localeChangeHandler": {
         handleChange: () => void;
     };
-    "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
-    "__#21@#startObservingLocaleChanges"(): void;
-    "__#21@#stopObservingLocaleChanges"(): void;
+    "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
+    "__#22@#startObservingLocaleChanges"(): void;
+    "__#22@#stopObservingLocaleChanges"(): void;
     _popupOpen: boolean;
-    "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
-    "__#21@#openPopupIfPossible"(): void;
+    "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
+    "__#22@#openPopupIfPossible"(): void;
     _closePopup(restoreFocusToTextField?: boolean): void;
     _onBaseKeyDown(event: KeyboardEvent): boolean;
     _focusableElsWithinDialog(): NodeListOf<HTMLElement>;

package/shared/utils/promise.d.ts

@@ -0,0 +1,7 @@
+export declare const resolvePromise: <T>(promise: Promise<T>) => Promise<{
+    type: 'ok';
+    result: T;
+} | {
+    type: 'error';
+    error: unknown;
+}>;

package/simple-color-picker/definition.cjs

@@ -12,7 +12,7 @@ const baseColorPicker = require('../unbundled/base-color-picker.cjs');
 const fastWebUtilities = require('@microsoft/fast-web-utilities');
 const index = require('../unbundled/index.cjs');
 
-const styles = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
+const styles = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -38,6 +38,7 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
      * @internal
      */
     this.#handleAnchorKeydown = (event) => {
+      /* v8 ignore next -- @preserve */
       if (event.key === "Enter" || event.key === " ") {
         if (!this.open) {
           fastElement.Updates.enqueue(() => this.open = true);
@@ -51,12 +52,14 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
     this._closeOnClickOutside = (e) => {
       const clickedOutside = !this.contains(e.target);
       const clickedOnAnchor = this._anchorEl?.contains(e.target);
+      /* v8 ignore else -- @preserve */
       if (clickedOutside || clickedOnAnchor) this.open = false;
     };
     /**
      * @internal
      */
     this._closeOnEscape = (e) => {
+      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.open = false;
       }

package/simple-color-picker/definition.js

@@ -8,7 +8,7 @@ import { B as BaseColorPicker } from '../unbundled/base-color-picker.js';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { h as handleEscapeKeyAndStopPropogation } from '../unbundled/index.js';
 
-const styles = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
+const styles = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -34,6 +34,7 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
      * @internal
      */
     this.#handleAnchorKeydown = (event) => {
+      /* v8 ignore next -- @preserve */
       if (event.key === "Enter" || event.key === " ") {
         if (!this.open) {
           Updates.enqueue(() => this.open = true);
@@ -47,12 +48,14 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
     this._closeOnClickOutside = (e) => {
       const clickedOutside = !this.contains(e.target);
       const clickedOnAnchor = this._anchorEl?.contains(e.target);
+      /* v8 ignore else -- @preserve */
       if (clickedOutside || clickedOnAnchor) this.open = false;
     };
     /**
      * @internal
      */
     this._closeOnEscape = (e) => {
+      /* v8 ignore else -- @preserve */
       if (e.key === "Escape") {
         this.open = false;
       }

package/simple-color-picker/index.cjs

@@ -1,5 +1,5 @@
-"use strict";const r=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var s=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(s=a(e,o,s)||s);return s&&_(e,o,s),s};class c extends h.Anchored(v.BaseColorPicker(r.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||r.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{(e.key==="Enter"||e.key===" ")&&(this.open||r.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target);(o||i)&&(this.open=!1)},this._closeOnEscape=e=>{e.key==="Escape"&&(this.open=!1)}}openChanged(e,o){this._updateListeners(),this._anchorEl&&this.#o(this._anchorEl),o&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor();const i=this.swatches.findIndex(t=>t.value===this.value),s=i>=0?i:0;this._focusSwatchByIndex(s)})}_getRowLength(){return this.swatchesPerRow}connectedCallback(){super.connectedCallback(),this._updateListeners()}disconnectedCallback(){super.disconnectedCallback(),this._updateListeners()}_updateListeners(){document.removeEventListener("click",this._closeOnClickOutside),document.removeEventListener("keydown",this._closeOnEscape),this.open&&this.isConnected&&(document.addEventListener("click",this._closeOnClickOutside),document.addEventListener("keydown",this._closeOnEscape))}_getFocusReturnEl(){return this._anchorEl??null}_anchorElChanged(e,o){e&&this.#r(e),o&&this.#s(o)}#o(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#s(e){this.#o(e),e.addEventListener("click",this.#e,!0),e.addEventListener("keydown",this.#t),e.setAttribute("aria-haspopup","true")}#r(e){e.removeEventListener("click",this.#e,!0),e.removeEventListener("keydown",this.#t),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded"),e.removeAttribute("aria-haspopup")}#e;#t}u([r.attr({mode:"fromView"})],c.prototype,"placement");u([r.attr({attribute:"swatches-per-row",mode:"fromView",converter:r.nullableNumberConverter})],c.prototype,"swatchesPerRow");const k=n=>g.classNames("control"),b=n=>{const e=n.tagFor(l.Popup),o=n.tagFor(p.Icon),i=n.tagFor(d.Tooltip),s=h.anchorSlotTemplateFactory();return r.html`
-		${s}
+"use strict";const s=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var r=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(r=a(e,o,r)||r);return r&&_(e,o,r),r};class c extends h.Anchored(v.BaseColorPicker(s.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||s.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{/* v8 ignore next -- @preserve */(e.key==="Enter"||e.key===" ")&&(this.open||s.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target);/* v8 ignore else -- @preserve */(o||i)&&(this.open=!1)},this._closeOnEscape=e=>{/* v8 ignore else -- @preserve */e.key==="Escape"&&(this.open=!1)}}openChanged(e,o){this._updateListeners(),this._anchorEl&&this.#o(this._anchorEl),o&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor();const i=this.swatches.findIndex(t=>t.value===this.value),r=i>=0?i:0;this._focusSwatchByIndex(r)})}_getRowLength(){return this.swatchesPerRow}connectedCallback(){super.connectedCallback(),this._updateListeners()}disconnectedCallback(){super.disconnectedCallback(),this._updateListeners()}_updateListeners(){document.removeEventListener("click",this._closeOnClickOutside),document.removeEventListener("keydown",this._closeOnEscape),this.open&&this.isConnected&&(document.addEventListener("click",this._closeOnClickOutside),document.addEventListener("keydown",this._closeOnEscape))}_getFocusReturnEl(){return this._anchorEl??null}_anchorElChanged(e,o){e&&this.#s(e),o&&this.#r(o)}#o(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#r(e){this.#o(e),e.addEventListener("click",this.#e,!0),e.addEventListener("keydown",this.#t),e.setAttribute("aria-haspopup","true")}#s(e){e.removeEventListener("click",this.#e,!0),e.removeEventListener("keydown",this.#t),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded"),e.removeAttribute("aria-haspopup")}#e;#t}u([s.attr({mode:"fromView"})],c.prototype,"placement");u([s.attr({attribute:"swatches-per-row",mode:"fromView",converter:s.nullableNumberConverter})],c.prototype,"swatchesPerRow");const k=n=>g.classNames("control"),b=n=>{const e=n.tagFor(l.Popup),o=n.tagFor(p.Icon),i=n.tagFor(d.Tooltip),r=h.anchorSlotTemplateFactory();return s.html`
+		${r}
 		<${e}
 			class="${k}"
 			:anchor="${t=>t._anchorEl}"
@@ -16,4 +16,4 @@
 				${f.repeat(t=>t.swatches,t=>t._renderColorSwatch(o,i),{positioning:!0})}
 			</div>
 		</${e}>
-	`},x=r.defineVividComponent("simple-color-picker",c,b,[l.popupDefinition,p.iconDefinition,d.tooltipDefinition],{styles:w}),C=r.createRegisterFunction(x);C();
+	`},x=s.defineVividComponent("simple-color-picker",c,b,[l.popupDefinition,p.iconDefinition,d.tooltipDefinition],{styles:w}),C=s.createRegisterFunction(x);C();

package/simple-color-picker/index.js

@@ -7,7 +7,7 @@ import { B as E } from "../bundled/base-color-picker.js";
 import { h as y } from "../bundled/index.js";
 import { r as L } from "../bundled/repeat.js";
 import { c as P } from "../bundled/class-names.js";
-const A = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
+const A = ".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;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));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";
 var z = Object.defineProperty, p = (r, e, o, i) => {
   for (var s = void 0, t = r.length - 1, n; t >= 0; t--)
     (n = r[t]) && (s = n(e, o, s) || s);
@@ -18,11 +18,14 @@ class a extends x(E(h)) {
     super(...arguments), this.placement = "top-start", this.swatchesPerRow = 7, this.#e = () => {
       this.open || c.enqueue(() => this.open = !0);
     }, this.#t = (e) => {
+      /* v8 ignore next -- @preserve */
       (e.key === "Enter" || e.key === " ") && (this.open || c.enqueue(() => this.open = !0), e.preventDefault());
     }, this._closeOnClickOutside = (e) => {
       const o = !this.contains(e.target), i = this._anchorEl?.contains(e.target);
+      /* v8 ignore else -- @preserve */
       (o || i) && (this.open = !1);
     }, this._closeOnEscape = (e) => {
+      /* v8 ignore else -- @preserve */
       e.key === "Escape" && (this.open = !1);
     };
   }

package/slider/definition.cjs

@@ -12,7 +12,7 @@ const delegatesAria = require('../unbundled/delegates-aria.cjs');
 const formAssociated = require('../unbundled/form-associated.cjs');
 const localized = require('../unbundled/localized.cjs');
 
-const styles = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary: var(--vvd-slider-cta-primary, var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary: var(--vvd-slider-accent-primary, var(--vvd-color-canvas-text))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{--_thumb-size: 12px;--_thumb-interaction-indicator-size: 36px;--_track-start-inset-inline-start: 0;--_track-start-inset-block-start: 0;cursor:pointer;outline:none;user-select:none}.control .positioning-region{position:relative}.control .track{position:absolute;border-radius:4px;background:var(--_track-background-color)}.control .track-start{position:absolute;border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));margin-inline-start:calc(var(--_thumb-size) / 2);min-inline-size:var(--_thumb-size)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);right:0;left:0;block-size:2px}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start: 1px;border-bottom-left-radius:0;border-top-left-radius:0}.control.horizontal .track .mark{position:absolute;block-size:6px;inline-size:100%;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{position:absolute;block-size:100%;inline-size:6px;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start: 1px;border-radius:0}.control.disabled{--_track-background-color: var(--vvd-color-neutral-100);--_track-start-background-color: var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color: var(--vvd-color-neutral-300);--_track-start-background-color: var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{position:absolute;border-radius:50%;block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);outline:none;touch-action:none}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--_thumb-interaction-indicator-alpha: .05;border-radius:50%}.control.horizontal .thumb-container{transform:translate(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover: hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha: .12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha: .25}.thumb-container:before{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:\"\";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha, 0);transition:opacity .2s ease-out 0s}.thumb-container:after{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:\"\";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2)}.popup{pointer-events:none}.tooltip{width:auto;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold)}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s ease}:host([internal-part]) .control.horizontal .track{top:16px;block-size:4px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover: hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}";
+const styles = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary: var(--vvd-slider-cta-primary, var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary: var(--vvd-slider-accent-primary, var(--vvd-color-canvas-text))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{--_thumb-size: 12px;--_thumb-interaction-indicator-size: 36px;--_track-start-inset-inline-start: 0;--_track-start-inset-block-start: 0;cursor:pointer;outline:none;user-select:none}.control .positioning-region{position:relative}.control .track{position:absolute;border-radius:4px;background:var(--_track-background-color)}.control .track-start{position:absolute;border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));margin-inline-start:calc(var(--_thumb-size) / 2);min-inline-size:var(--_thumb-size)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);right:0;left:0;block-size:2px}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start: 1px;border-bottom-left-radius:0;border-top-left-radius:0}.control.horizontal .track .mark{position:absolute;block-size:6px;inline-size:100%;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{position:absolute;block-size:100%;inline-size:6px;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start: 1px;border-radius:0}.control.disabled{--_track-background-color: var(--vvd-color-neutral-100);--_track-start-background-color: var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color: var(--vvd-color-neutral-300);--_track-start-background-color: var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{position:absolute;border-radius:50%;block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);outline:none;touch-action:none}.thumb-container.focus-visible{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));--focus-stroke-gap-color: transparent;--_thumb-interaction-indicator-alpha: .05;border-radius:50%}.control.horizontal .thumb-container{transform:translate(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover: hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha: .12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha: .25}.thumb-container:before{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:\"\";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha, 0);transition:opacity .2s ease-out 0s}.thumb-container:after{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:\"\";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2)}.popup{pointer-events:none}.tooltip{width:auto;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold)}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s ease}:host([internal-part]) .control.horizontal .track{top:16px;block-size:4px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover: hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}";
 
 const getDirection = (rootNode) => {
   const dirNode = rootNode.closest("[dir]");
@@ -69,7 +69,8 @@ class Slider extends localized.Localized(
       } else if (e.key === fastWebUtilities.keyEnd) {
         e.preventDefault();
         this.value = `${this.max}`;
-      } else if (!e.shiftKey) {
+      } else {
+        if (e.shiftKey) return;
         switch (e.key) {
           case keyCodes.keyArrowRight:
           case fastWebUtilities.keyArrowUp:
@@ -224,6 +225,7 @@ class Slider extends localized.Localized(
    * @internal
    */
   readOnlyChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.readOnly = this.readOnly;
     }
@@ -260,6 +262,7 @@ class Slider extends localized.Localized(
    * @internal
    */
   minChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.min = `${this.min}`;
     }
@@ -270,6 +273,7 @@ class Slider extends localized.Localized(
    * @internal
    */
   maxChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.max = `${this.max}`;
     }
@@ -280,6 +284,7 @@ class Slider extends localized.Localized(
    * @internal
    */
   stepChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.step = `${this.step}`;
     }
@@ -363,6 +368,7 @@ class Slider extends localized.Localized(
     return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
   }
   setupDefaultValue() {
+    /* v8 ignore else -- @preserve */
     if (typeof this.value === "string") {
       if (this.value.length === 0) {
         this.initialValue = this.midpoint;

package/slider/definition.js

@@ -8,7 +8,7 @@ import { D as DelegatesAria } from '../unbundled/delegates-aria.js';
 import { F as FormAssociated } from '../unbundled/form-associated.js';
 import { L as Localized } from '../unbundled/localized.js';
 
-const styles = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary: var(--vvd-slider-cta-primary, var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary: var(--vvd-slider-accent-primary, var(--vvd-color-canvas-text))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{--_thumb-size: 12px;--_thumb-interaction-indicator-size: 36px;--_track-start-inset-inline-start: 0;--_track-start-inset-block-start: 0;cursor:pointer;outline:none;user-select:none}.control .positioning-region{position:relative}.control .track{position:absolute;border-radius:4px;background:var(--_track-background-color)}.control .track-start{position:absolute;border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));margin-inline-start:calc(var(--_thumb-size) / 2);min-inline-size:var(--_thumb-size)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);right:0;left:0;block-size:2px}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start: 1px;border-bottom-left-radius:0;border-top-left-radius:0}.control.horizontal .track .mark{position:absolute;block-size:6px;inline-size:100%;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{position:absolute;block-size:100%;inline-size:6px;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start: 1px;border-radius:0}.control.disabled{--_track-background-color: var(--vvd-color-neutral-100);--_track-start-background-color: var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color: var(--vvd-color-neutral-300);--_track-start-background-color: var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{position:absolute;border-radius:50%;block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);outline:none;touch-action:none}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,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));--focus-stroke-gap-color: transparent;--_thumb-interaction-indicator-alpha: .05;border-radius:50%}.control.horizontal .thumb-container{transform:translate(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover: hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha: .12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha: .25}.thumb-container:before{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:\"\";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha, 0);transition:opacity .2s ease-out 0s}.thumb-container:after{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:\"\";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2)}.popup{pointer-events:none}.tooltip{width:auto;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold)}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s ease}:host([internal-part]) .control.horizontal .track{top:16px;block-size:4px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover: hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}";
+const styles = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary: var(--vvd-slider-cta-primary, var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary: var(--vvd-slider-accent-primary, var(--vvd-color-canvas-text))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control{--_thumb-size: 12px;--_thumb-interaction-indicator-size: 36px;--_track-start-inset-inline-start: 0;--_track-start-inset-block-start: 0;cursor:pointer;outline:none;user-select:none}.control .positioning-region{position:relative}.control .track{position:absolute;border-radius:4px;background:var(--_track-background-color)}.control .track-start{position:absolute;border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));margin-inline-start:calc(var(--_thumb-size) / 2);min-inline-size:var(--_thumb-size)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);right:0;left:0;block-size:2px}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start: 1px;border-bottom-left-radius:0;border-top-left-radius:0}.control.horizontal .track .mark{position:absolute;block-size:6px;inline-size:100%;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{position:absolute;block-size:100%;inline-size:6px;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start: 1px;border-radius:0}.control.disabled{--_track-background-color: var(--vvd-color-neutral-100);--_track-start-background-color: var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color: var(--vvd-color-neutral-300);--_track-start-background-color: var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{position:absolute;border-radius:50%;block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);outline:none;touch-action:none}.thumb-container.focus-visible{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));--focus-stroke-gap-color: transparent;--_thumb-interaction-indicator-alpha: .05;border-radius:50%}.control.horizontal .thumb-container{transform:translate(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover: hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha: .12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha: .25}.thumb-container:before{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:\"\";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha, 0);transition:opacity .2s ease-out 0s}.thumb-container:after{position:absolute;display:block;border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:\"\";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2)}.popup{pointer-events:none}.tooltip{width:auto;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold)}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s ease}:host([internal-part]) .control.horizontal .track{top:16px;block-size:4px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover: hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}";
 
 const getDirection = (rootNode) => {
   const dirNode = rootNode.closest("[dir]");
@@ -65,7 +65,8 @@ class Slider extends Localized(
       } else if (e.key === keyEnd) {
         e.preventDefault();
         this.value = `${this.max}`;
-      } else if (!e.shiftKey) {
+      } else {
+        if (e.shiftKey) return;
         switch (e.key) {
           case keyArrowRight:
           case keyArrowUp:
@@ -220,6 +221,7 @@ class Slider extends Localized(
    * @internal
    */
   readOnlyChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.readOnly = this.readOnly;
     }
@@ -256,6 +258,7 @@ class Slider extends Localized(
    * @internal
    */
   minChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.min = `${this.min}`;
     }
@@ -266,6 +269,7 @@ class Slider extends Localized(
    * @internal
    */
   maxChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.max = `${this.max}`;
     }
@@ -276,6 +280,7 @@ class Slider extends Localized(
    * @internal
    */
   stepChanged() {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.step = `${this.step}`;
     }
@@ -359,6 +364,7 @@ class Slider extends Localized(
     return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
   }
   setupDefaultValue() {
+    /* v8 ignore else -- @preserve */
     if (typeof this.value === "string") {
       if (this.value.length === 0) {
         this.initialValue = this.midpoint;