@vonage/vivid 4.30.1 → 5.0.0

package/lib/tree-view/tree-view.d.ts

@@ -5,7 +5,6 @@ declare const TreeView_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -330,6 +329,48 @@ declare const TreeView_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/lib/video-player/video-player.d.ts

@@ -7,7 +7,6 @@ declare const VideoPlayer_base: {
     new (...args: any[]): {
         readonly locale: import("../../shared/localization/Locale").Locale;
         connectedCallback(): void;
-        specialHandling: boolean;
         _vividAriaBehaviour: import("../../shared/aria/aria-mixin").VividAriaBehaviour;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
@@ -333,6 +332,48 @@ declare const VideoPlayer_base: {
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/locales/de-DE.cjs

@@ -312,7 +312,8 @@ const deDE = {
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",
     fileTooBigError: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
     removeFileLabel: "Datei entfernen",
-    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch.",
+    uploadFilesLabel: "Dateien hochladen"
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -454,6 +455,12 @@ const deDE = {
       /* istanbul ignore next */
       (label) => `Entfernen ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Weitere Informationen zu ${ariaLabel} anzeigen` : `Weitere Informationen anzeigen`
+    )
   }
 };
 

package/locales/de-DE.js

@@ -310,7 +310,8 @@ const deDE = {
     maxFilesExceededError: "Sie können keine weiteren Dateien auswählen.",
     fileTooBigError: "Die Datei ist zu groß ({{filesize}}MiB). Maximale Dateigröße: {{maxFilesize}}MiB.",
     removeFileLabel: "Datei entfernen",
-    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch."
+    invalidFilesError: "Eine oder mehrere ausgewählte Dateien sind ungültig. Bitte laden Sie nur gültige Dateitypen innerhalb der Größenbeschränkung hoch.",
+    uploadFilesLabel: "Dateien hochladen"
   },
   audioPlayer: {
     playButtonLabel: "Abspielen",
@@ -452,6 +453,12 @@ const deDE = {
       /* istanbul ignore next */
       (label) => `Entfernen ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Weitere Informationen zu ${ariaLabel} anzeigen` : `Weitere Informationen anzeigen`
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -144,7 +144,8 @@ const enGB = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -286,6 +287,12 @@ const enGB = {
       /* istanbul ignore next */
       (label) => `Remove ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
+    )
   }
 };
 

package/locales/en-GB.js

@@ -142,7 +142,8 @@ const enGB = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -284,6 +285,12 @@ const enGB = {
       /* istanbul ignore next */
       (label) => `Remove ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
+    )
   }
 };
 

package/locales/en-US.cjs

@@ -312,7 +312,8 @@ const enUS = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -454,6 +455,12 @@ const enUS = {
       /* istanbul ignore next */
       (label) => `Remove ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
+    )
   }
 };
 

package/locales/en-US.js

@@ -310,7 +310,8 @@ const enUS = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file",
-    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit."
+    invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit.",
+    uploadFilesLabel: "Upload files"
   },
   audioPlayer: {
     playButtonLabel: "Play",
@@ -452,6 +453,12 @@ const enUS = {
       /* istanbul ignore next */
       (label) => `Remove ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information`
+    )
   }
 };
 

package/locales/ja-JP.cjs

@@ -311,7 +311,8 @@ const jaJP = {
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除",
-    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。",
+    uploadFilesLabel: "ファイルをアップロード"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -453,6 +454,12 @@ const jaJP = {
       /* istanbul ignore next */
       (label) => `削除する ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `さらに情報を表示 ${ariaLabel}` : `さらに情報を表示`
+    )
   }
 };
 

package/locales/ja-JP.js

@@ -309,7 +309,8 @@ const jaJP = {
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除",
-    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。"
+    invalidFilesError: "選択したファイルの1つ以上が無効です。サイズ制限以下の有効なファイル形式のみをアップロードしてください。",
+    uploadFilesLabel: "ファイルをアップロード"
   },
   audioPlayer: {
     playButtonLabel: "開始",
@@ -451,6 +452,12 @@ const jaJP = {
       /* istanbul ignore next */
       (label) => `削除する ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `さらに情報を表示 ${ariaLabel}` : `さらに情報を表示`
+    )
   }
 };
 

package/locales/zh-CN.cjs

@@ -313,7 +313,8 @@ const zhCN = {
     maxFilesExceededError: "您不能再选择任何文件。",
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件",
-    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。"
+    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。",
+    uploadFilesLabel: "上传文件"
   },
   audioPlayer: {
     playButtonLabel: "草創",
@@ -455,6 +456,12 @@ const zhCN = {
       /* istanbul ignore next */
       (label) => `移除 ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息`
+    )
   }
 };
 

package/locales/zh-CN.js

@@ -311,7 +311,8 @@ const zhCN = {
     maxFilesExceededError: "您不能再选择任何文件。",
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件",
-    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。"
+    invalidFilesError: "所选的一个或多个文件无效。请仅上传大小限制内的有效文件类型。",
+    uploadFilesLabel: "上传文件"
   },
   audioPlayer: {
     playButtonLabel: "草創",
@@ -453,6 +454,12 @@ const zhCN = {
       /* istanbul ignore next */
       (label) => `移除 ${label}`
     )
+  },
+  toggletip: {
+    anchorLabel: (
+      /* istanbul ignore next */
+      (ariaLabel) => ariaLabel ? `关于 ${ariaLabel} 的更多信息` : `显示更多信息`
+    )
   }
 };
 

package/package.json

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

package/shared/anchored.js

@@ -1,4 +1,4 @@
-import { h as html, D as DOM, a as attr, o as observable } from './vivid-element.js';
+import { a as attr, o as observable, h as html, D as DOM } from './vivid-element.js';
 import { s as slotted } from './slotted.js';
 
 var __defProp = Object.defineProperty;

package/shared/aria/aria-mixin.d.ts

@@ -6,11 +6,10 @@ export declare const ariaAttributeName: (ariaPropertyName: AriaPropertyName) =>
 export type VividAriaBehaviour = 'default' | 'delegate' | 'host';
 export declare const AriaMixin: <T extends Constructor<FASTElement & HTMLElement>>(Base: T) => {
     new (...args: any[]): {
-        specialHandling: boolean;
         _vividAriaBehaviour: VividAriaBehaviour;
+        connectedCallback(): void;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
-        connectedCallback(): void;
         disconnectedCallback(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         accessKey: string;
@@ -333,6 +332,48 @@ export declare const AriaMixin: <T extends Constructor<FASTElement & HTMLElement
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
     };
 } & T;
 export type AriaMixinElement = MixinType<typeof AriaMixin>;

package/shared/aria/attribute-removal.d.ts

@@ -0,0 +1,3 @@
+import { type AriaMixinElement, type AriaPropertyName } from './aria-mixin';
+export declare const handleAriaPropertyChange: (element: AriaMixinElement, ariaProperty: AriaPropertyName) => void;
+export declare const handleElementConnectedCallback: (element: AriaMixinElement) => void;

package/shared/aria/delegate-aria-behavior.d.ts

@@ -10,11 +10,9 @@ export declare class DelegateAriaBehavior<T> implements Behavior {
     private target;
     private readonly boundProperties;
     private readonly forwardedProperties;
-    private readonly isMitigationDisabled;
     constructor(target: HTMLElement, params: {
         boundProperties: BoundAriaProperties<T>;
         forwardedProperties: Set<AriaPropertyName>;
-        disableAccessibilityMitigation: boolean;
     });
     private source;
     bind(source: DelegatesAriaElement): void;
@@ -26,6 +24,5 @@ export declare class DelegateAriaBehavior<T> implements Behavior {
     private stopForwardingPropertiesToTarget;
     private onSourceAriaPropertyChanged;
     private forwardPropertyToTarget;
-    private mitigateAccessibilityIssues;
 }
 export {};

package/shared/aria/delegates-aria.d.ts

@@ -10,7 +10,6 @@ export declare const DelegatesAria: <T extends Constructor<VividElement>>(Base:
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -335,6 +334,48 @@ export declare const DelegatesAria: <T extends Constructor<VividElement>>(Base:
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/shared/aria/host-semantics.d.ts

@@ -7,7 +7,6 @@ export declare const HostSemantics: <T extends Constructor<VividElement>>(Base:
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
-        specialHandling: boolean;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
         disconnectedCallback(): void;
@@ -332,6 +331,48 @@ export declare const HostSemantics: <T extends Constructor<VividElement>>(Base:
         ariaDescription: string | null;
         ariaRowIndexText: string | null;
         ariaRelevant: string | null;
+        roleChanged(prev: string | null, next: string | null): void;
+        ariaAtomicChanged(prev: string | null, next: string | null): void;
+        ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
+        ariaBusyChanged(prev: string | null, next: string | null): void;
+        ariaCheckedChanged(prev: string | null, next: string | null): void;
+        ariaColCountChanged(prev: string | null, next: string | null): void;
+        ariaColIndexChanged(prev: string | null, next: string | null): void;
+        ariaColIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaColSpanChanged(prev: string | null, next: string | null): void;
+        ariaCurrentChanged(prev: string | null, next: string | null): void;
+        ariaDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaDisabledChanged(prev: string | null, next: string | null): void;
+        ariaExpandedChanged(prev: string | null, next: string | null): void;
+        ariaHasPopupChanged(prev: string | null, next: string | null): void;
+        ariaHiddenChanged(prev: string | null, next: string | null): void;
+        ariaInvalidChanged(prev: string | null, next: string | null): void;
+        ariaKeyShortcutsChanged(prev: string | null, next: string | null): void;
+        ariaLabelChanged(prev: string | null, next: string | null): void;
+        ariaLevelChanged(prev: string | null, next: string | null): void;
+        ariaLiveChanged(prev: string | null, next: string | null): void;
+        ariaModalChanged(prev: string | null, next: string | null): void;
+        ariaMultiLineChanged(prev: string | null, next: string | null): void;
+        ariaMultiSelectableChanged(prev: string | null, next: string | null): void;
+        ariaOrientationChanged(prev: string | null, next: string | null): void;
+        ariaPlaceholderChanged(prev: string | null, next: string | null): void;
+        ariaPosInSetChanged(prev: string | null, next: string | null): void;
+        ariaPressedChanged(prev: string | null, next: string | null): void;
+        ariaReadOnlyChanged(prev: string | null, next: string | null): void;
+        ariaRequiredChanged(prev: string | null, next: string | null): void;
+        ariaRoleDescriptionChanged(prev: string | null, next: string | null): void;
+        ariaRowCountChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexChanged(prev: string | null, next: string | null): void;
+        ariaRowIndexTextChanged(prev: string | null, next: string | null): void;
+        ariaRowSpanChanged(prev: string | null, next: string | null): void;
+        ariaSelectedChanged(prev: string | null, next: string | null): void;
+        ariaSetSizeChanged(prev: string | null, next: string | null): void;
+        ariaSortChanged(prev: string | null, next: string | null): void;
+        ariaValueMaxChanged(prev: string | null, next: string | null): void;
+        ariaValueMinChanged(prev: string | null, next: string | null): void;
+        ariaValueNowChanged(prev: string | null, next: string | null): void;
+        ariaValueTextChanged(prev: string | null, next: string | null): void;
+        ariaRelevantChanged(prev: string | null, next: string | null): void;
         "__#1@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;

package/shared/definition13.cjs

@@ -539,7 +539,7 @@ class Calendar extends vividElement.VividElement {
   constructor() {
     super(...arguments);
     this.hour12 = false;
-    this.stickyMode = enums.Sticky.None;
+    this.stickyMode = enums.Sticky.All;
     /**
      * @internal
      */

package/shared/definition13.js

@@ -537,7 +537,7 @@ class Calendar extends VividElement {
   constructor() {
     super(...arguments);
     this.hour12 = false;
-    this.stickyMode = Sticky.None;
+    this.stickyMode = Sticky.All;
     /**
      * @internal
      */

package/shared/definition15.cjs

@@ -92,7 +92,11 @@ class Checkbox extends delegatesAria.DelegatesAria(
       this.proxy.readOnly = this.readOnly;
     }
   }
-  ariaCheckedChanged() {
+  /**
+   * @internal
+   */
+  ariaCheckedChanged(oldValue, newValue) {
+    super.ariaCheckedChanged(oldValue, newValue);
     if (this.ariaChecked === "mixed") {
       this.indeterminate = true;
     } else {
@@ -169,7 +173,7 @@ const CheckboxTemplate = (context) => {
 		>
 			<div class="control">
 				${when.when(
-    (x) => x.checked,
+    (x) => x.checked && !x.indeterminate,
     vividElement.html`<${iconTag} name="check-solid" class="icon"></${iconTag}>`
   )}
 				${when.when(

package/shared/definition15.js

@@ -90,7 +90,11 @@ class Checkbox extends DelegatesAria(
       this.proxy.readOnly = this.readOnly;
     }
   }
-  ariaCheckedChanged() {
+  /**
+   * @internal
+   */
+  ariaCheckedChanged(oldValue, newValue) {
+    super.ariaCheckedChanged(oldValue, newValue);
     if (this.ariaChecked === "mixed") {
       this.indeterminate = true;
     } else {
@@ -167,7 +171,7 @@ const CheckboxTemplate = (context) => {
 		>
 			<div class="control">
 				${when(
-    (x) => x.checked,
+    (x) => x.checked && !x.indeterminate,
     html`<${iconTag} name="check-solid" class="icon"></${iconTag}>`
   )}
 				${when(