@vonage/vivid 4.10.0 → 4.12.0

package/lib/badge/badge.d.ts

@@ -2,7 +2,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 import type { Appearance, Connotation, Shape } from '../enums.js';
 export type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
-export type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
+export type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle | Appearance.SubtleLight>;
 export type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export declare class Badge extends FoundationElement {
     connotation?: BadgeConnotation;

package/lib/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,5 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { Anchor } from '../../shared/patterns/anchor';
+import { Anchor } from '../../shared/foundation/anchor/anchor';
 export declare class BreadcrumbItem extends FoundationElement {
     text?: string;
 }

package/lib/button/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
-export type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
+export type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.Announcement | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost | Appearance.GhostLight | Appearance.OutlinedLight>;
 export type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type ButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;

package/lib/checkbox/checkbox.d.ts

@@ -1,15 +1,17 @@
-import { Checkbox as FoundationCheckbox } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums.js';
 import { type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
+import { FormAssociatedCheckbox } from './checkbox.form-associated';
 export declare const keySpace: ' ';
 export type CheckboxConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type AriaCheckedStates = 'false' | 'true' | 'mixed' | 'undefined';
-export declare class Checkbox extends FoundationCheckbox {
+export declare class Checkbox extends FormAssociatedCheckbox {
     ariaLabel: string | null;
     tabindex: string | null;
     connotation?: CheckboxConnotation;
     ariaChecked: AriaCheckedStates | null;
-    indeterminateChanged(_: boolean, next: boolean): void;
+    readOnly: boolean;
+    indeterminate: boolean;
+    constructor();
     ariaCheckedChanged(): void;
 }
 export interface Checkbox extends FormElement, FormElementHelperText, ErrorText, FormElementSuccessText {

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

@@ -0,0 +1,10 @@
+import { CheckableFormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+declare class _Checkbox extends FoundationElement {
+}
+interface _Checkbox extends CheckableFormAssociated {
+}
+declare const FormAssociatedCheckbox_base: typeof _Checkbox;
+export declare class FormAssociatedCheckbox extends FormAssociatedCheckbox_base {
+    proxy: HTMLInputElement;
+}
+export {};

package/lib/enums.d.ts

@@ -22,6 +22,7 @@ export declare enum Appearance {
     Duotone = "duotone",
     Fieldset = "fieldset",
     Subtle = "subtle",
+    SubtleLight = "subtle-light",
     Ghost = "ghost",
     GhostLight = "ghost-light",
     OutlinedLight = "outlined-light",

package/lib/fab/fab.d.ts

@@ -1,9 +1,9 @@
-import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import { VividFoundationButton } from '../../shared/foundation/button';
 import type { Connotation, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 export type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent | Connotation.Announcement>;
 export type FABSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
-export declare class Fab extends FoundationButton {
+export declare class Fab extends VividFoundationButton {
     connotation?: FabConnotation;
     size?: FABSize;
     label?: string;

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

@@ -5,6 +5,8 @@ export type FilePickerSize = Extract<Size, Size.Normal | Size.Expanded>;
 export declare class FilePicker extends FormAssociatedFilePicker {
     #private;
     get files(): File[];
+    singleFile: boolean;
+    singleFileChanged(): void;
     maxFiles?: number;
     maxFilesChanged(_oldValue: number, newValue: number): void;
     maxFileSize: number;
@@ -20,6 +22,7 @@ export declare class FilePicker extends FormAssociatedFilePicker {
     setFormValue: (value: File | string | FormData | null, state?: File | string | FormData | null) => void;
     validate(): void;
     formResetCallback(): void;
+    removeAllFiles(): void;
 }
 export interface FilePicker extends FormElementHelperText, Localized, ErrorText, FormElement, FormElementHelperText {
 }

package/lib/slider/slider.d.ts

@@ -1,18 +1,42 @@
-import { Slider as FastSlider } from '@microsoft/fast-foundation';
+import { Orientation } from '@microsoft/fast-web-utilities';
 import type { Connotation } from '../enums';
 import { Localized } from '../../shared/patterns';
+import { FormAssociatedSlider } from './slider.form-associated';
 export type SliderConnotation = Connotation.Accent | Connotation.CTA;
-export declare class Slider extends FastSlider {
+export declare const SliderMode: {
+    readonly singleValue: "single-value";
+};
+export type SliderMode = typeof SliderMode[keyof typeof SliderMode];
+export declare class Slider extends FormAssociatedSlider {
     #private;
+    readOnly: boolean;
+    get valueAsNumber(): number;
+    set valueAsNumber(next: number);
+    valueTextFormatter: (value: string) => string;
+    min: number;
+    max: number;
+    step: number;
+    orientation: Orientation;
+    mode: SliderMode;
+    increment(): void;
+    decrement(): void;
+    protected keypressHandler: (e: KeyboardEvent) => void;
+    private setThumbPositionForOrientation;
+    private updateStepMultiplier;
+    private setupTrackConstraints;
+    private setupListeners;
+    private get midpoint();
+    private setupDefaultValue;
+    private handleThumbMouseDown;
+    private handleMouseMove;
+    private handleWindowMouseUp;
+    private stopDragging;
+    private handleMouseDown;
     ariaLabel: string | null;
     ariaValuetext: string | null;
     markers: boolean;
     pin: boolean;
     connotation?: SliderConnotation;
-    valueTextFormatter: (value: string) => string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
 }
 export interface Slider extends Localized {
 }

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

@@ -0,0 +1,10 @@
+import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+declare class _Slider extends FoundationElement {
+}
+interface _Slider extends FormAssociated {
+}
+declare const FormAssociatedSlider_base: typeof _Slider;
+export declare class FormAssociatedSlider extends FormAssociatedSlider_base {
+    proxy: HTMLInputElement;
+}
+export {};

package/lib/split-button/split-button.d.ts

@@ -2,7 +2,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIcon } from '../../shared/patterns/affix';
 import { Localized } from '../../shared/patterns';
-export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
+export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.Announcement | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export type SplitButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
 export type SplitButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type SplitButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;

package/lib/tabs/tabs.d.ts

@@ -17,4 +17,5 @@ export declare class Tabs extends FoundationTabs {
     patchIndicatorStyleTransition(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    constructor();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vonage/vivid",
-	"version": "4.10.0",
+	"version": "4.12.0",
 	"type": "module",
 	"module": "./index.js",
 	"main": "./index.cjs",

package/shared/aria-global2.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+const index = require('./index.cjs');
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+class ARIAGlobalStatesAndProperties {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-atomic" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-busy" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-controls" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-current" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-describedby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-details" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-disabled" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-errormessage" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-flowto" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-haspopup" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-hidden" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-invalid" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-keyshortcuts" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-label" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-labelledby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-live" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-owns" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-relevant" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  index.attr({ attribute: "aria-roledescription" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
+
+exports.ARIAGlobalStatesAndProperties = ARIAGlobalStatesAndProperties;

package/shared/aria-global2.js

@@ -0,0 +1,91 @@
+import { a as attr } from './index.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+class ARIAGlobalStatesAndProperties {
+}
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-atomic" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-busy" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-controls" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-current" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-describedby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-details" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-disabled" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-errormessage" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-flowto" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-haspopup" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-hidden" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-invalid" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-keyshortcuts" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-label" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-labelledby" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-live" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-owns" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-relevant" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
+// @ts-expect-error Type is incorrectly non-optional
+__decorateClass([
+  attr({ attribute: "aria-roledescription" })
+], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
+
+export { ARIAGlobalStatesAndProperties as A };

package/shared/breadcrumb-item.cjs

@@ -1,96 +1,9 @@
 'use strict';
 
+const ariaGlobal = require('./aria-global2.cjs');
 const index = require('./index.cjs');
 const applyMixins = require('./apply-mixins.cjs');
 
-var __defProp$2 = Object.defineProperty;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$2(target, key, result);
-  return result;
-};
-class ARIAGlobalStatesAndProperties {
-}
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-atomic" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-busy" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-controls" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-current" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-describedby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-details" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-disabled" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-errormessage" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-flowto" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-haspopup" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-hidden" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-invalid" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-keyshortcuts" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-label" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-labelledby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-live" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-owns" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-relevant" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  index.attr({ attribute: "aria-roledescription" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
-
 var __defProp$1 = Object.defineProperty;
 var __decorateClass$1 = (decorators, target, key, kind) => {
   var result = void 0 ;
@@ -140,7 +53,7 @@ class DelegatesARIALink {
 __decorateClass$1([
   index.attr({ attribute: "aria-expanded" })
 ], DelegatesARIALink.prototype, "ariaExpanded");
-applyMixins.applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
+applyMixins.applyMixins(DelegatesARIALink, ariaGlobal.ARIAGlobalStatesAndProperties);
 applyMixins.applyMixins(Anchor, DelegatesARIALink);
 
 var __defProp = Object.defineProperty;

package/shared/breadcrumb-item.js

@@ -1,94 +1,7 @@
+import { A as ARIAGlobalStatesAndProperties } from './aria-global2.js';
 import { a as attr, F as FoundationElement, o as observable } from './index.js';
 import { a as applyMixins } from './apply-mixins.js';
 
-var __defProp$2 = Object.defineProperty;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$2(target, key, result);
-  return result;
-};
-class ARIAGlobalStatesAndProperties {
-}
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-atomic" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-busy" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-controls" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-current" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-describedby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-details" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-disabled" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-errormessage" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-flowto" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-haspopup" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-hidden" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-invalid" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-keyshortcuts" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-label" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-labelledby" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-live" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-owns" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-relevant" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
-// @ts-expect-error Type is incorrectly non-optional
-__decorateClass$2([
-  attr({ attribute: "aria-roledescription" })
-], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
-
 var __defProp$1 = Object.defineProperty;
 var __decorateClass$1 = (decorators, target, key, kind) => {
   var result = void 0 ;