@vonage/vivid 4.31.0 → 5.1.0

package/index.js

@@ -1,71 +1,72 @@
-export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, d as Sticky } from './shared/enums.js';
-export { s as setLocale } from './shared/localized.js';
-export { A as VwcAccordionItemElement, a as accordionItemDefinition, r as registerAccordionItem } from './shared/definition.js';
-export { A as AccordionExpandMode, b as VwcAccordionElement, a as accordionDefinition, r as registerAccordion } from './shared/definition2.js';
-export { A as VwcActionGroupElement, a as actionGroupDefinition, r as registerActionGroup } from './shared/definition3.js';
-export { A as VwcAlertElement, a as alertDefinition, r as registerAlert } from './shared/definition4.js';
-export { A as VwcAudioPlayerElement, a as audioPlayerDefinition, r as registerAudioPlayer } from './shared/definition5.js';
-export { A as VwcAvatarElement, a as avatarDefinition, r as registerAvatar } from './shared/definition6.js';
-export { B as VwcBadgeElement, b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
-export { B as VwcBannerElement, b as bannerDefinition, r as registerBanner } from './shared/definition8.js';
-export { b as breadcrumbItemDefinition, r as registerBreadcrumbItem } from './shared/definition9.js';
-export { B as VwcBreadcrumbItemElement } from './shared/breadcrumb-item.js';
-export { B as VwcBreadcrumbElement, b as breadcrumbDefinition, r as registerBreadcrumb } from './shared/definition10.js';
-export { B as VwcButtonElement, b as buttonDefinition, r as registerButton } from './shared/definition11.js';
-export { c as calendarEventDefinition, r as registerCalendarEvent } from './shared/definition12.js';
-export { C as VwcCalendarEventElement } from './shared/calendar-event.js';
-export { C as VwcCalendarElement, c as calendarDefinition, r as registerCalendar } from './shared/definition13.js';
-export { C as VwcCardElement, c as cardDefinition, r as registerCard } from './shared/definition14.js';
-export { C as VwcCheckboxElement, c as checkboxDefinition, r as registerCheckbox } from './shared/definition15.js';
-export { C as VwcComboboxElement, c as comboboxDefinition, r as registerCombobox } from './shared/definition16.js';
-export { e as VwcDataGridCellElement, D as VwcDataGridElement, c as VwcDataGridRowElement, d as dataGridCellDefinition, b as dataGridDefinition, a as dataGridRowDefinition, r as registerDataGrid } from './shared/definition17.js';
-export { D as VwcDatePickerElement, d as datePickerDefinition, r as registerDatePicker } from './shared/definition18.js';
-export { D as VwcDateRangePickerElement, d as dateRangePickerDefinition, r as registerDateRangePicker } from './shared/definition19.js';
-export { D as VwcDateTimePickerElement, d as dateTimePickerDefinition, r as registerDateTimePicker } from './shared/definition20.js';
-export { D as VwcDialPadElement, d as dialPadDefinition, r as registerDialPad } from './shared/definition21.js';
-export { D as VwcDialogElement, d as dialogDefinition, r as registerDialog } from './shared/definition22.js';
-export { d as dividerDefinition, r as registerDivider } from './shared/definition23.js';
-export { D as VwcDividerElement } from './shared/divider.js';
-export { E as VwcEmptyStateElement, e as emptyStateDefinition, r as registerEmptyState } from './shared/definition24.js';
-export { F as VwcFabElement, f as fabDefinition, r as registerFab } from './shared/definition25.js';
-export { F as VwcFilePickerElement, f as filePickerDefinition, r as registerFilePicker } from './shared/definition26.js';
-export { H as VwcHeaderElement, h as headerDefinition, r as registerHeader } from './shared/definition27.js';
-export { I as VwcIconElement, i as iconDefinition, r as registerIcon } from './shared/definition28.js';
-export { L as VwcLayoutElement, l as layoutDefinition, r as registerLayout } from './shared/definition29.js';
-export { a as MenuItemRole, M as VwcMenuItemElement, m as menuItemDefinition, r as registerMenuItem } from './shared/definition30.js';
-export { M as VwcMenuElement, m as menuDefinition, r as registerMenu } from './shared/definition31.js';
-export { N as VwcNavDisclosureElement, n as navDisclosureDefinition, r as registerNavDisclosure } from './shared/definition32.js';
-export { N as VwcNavItemElement, n as navItemDefinition, r as registerNavItem } from './shared/definition33.js';
-export { N as VwcNavElement, n as navDefinition, r as registerNav } from './shared/definition34.js';
-export { N as VwcNoteElement, n as noteDefinition, r as registerNote } from './shared/definition35.js';
-export { N as VwcNumberFieldElement, n as numberFieldDefinition, r as registerNumberField } from './shared/definition36.js';
-export { l as listboxOptionDefinition, r as registerOption } from './shared/definition37.js';
-export { L as VwcOptionElement } from './shared/option.js';
-export { P as VwcPaginationElement, p as paginationDefinition, r as registerPagination } from './shared/definition38.js';
-export { P as VwcProgressRingElement, p as progressRingDefinition, r as registerProgressRing } from './shared/definition39.js';
-export { P as VwcProgressElement, p as progressDefinition, r as registerProgress } from './shared/definition40.js';
-export { R as VwcRadioGroupElement, r as radioGroupDefinition, a as registerRadioGroup } from './shared/definition41.js';
-export { R as VwcRadioElement, r as radioDefinition, a as registerRadio } from './shared/definition42.js';
-export { R as VwcRangeSliderElement, r as rangeSliderDefinition, a as registerRangeSlider } from './shared/definition43.js';
-export { R as VwcRichTextEditorElement, a as registerRichTextEditor, r as richTextEditorDefinition } from './shared/definition44.js';
-export { S as VwcSearchableSelectElement, r as registerSearchableSelect } from './shared/definition45.js';
-export { S as VwcSelectElement, r as registerSelect, s as selectDefinition } from './shared/definition46.js';
-export { S as VwcSelectableBoxElement, r as registerSelectableBox, s as selectableBoxDefinition } from './shared/definition47.js';
-export { S as VwcSideDrawerElement, r as registerSideDrawer, s as sideDrawerDefinition } from './shared/definition48.js';
-export { S as VwcSliderElement, r as registerSlider, s as sliderDefinition } from './shared/definition49.js';
-export { S as VwcSplitButtonElement, r as registerSplitButton, s as splitButtonDefinition } from './shared/definition50.js';
-export { S as VwcSwitchElement, r as registerSwitch, s as switchDefinition } from './shared/definition51.js';
-export { T as VwcTabPanelElement, r as registerTabPanel, t as tabPanelDefinition } from './shared/definition52.js';
-export { T as VwcTabElement, r as registerTab, t as tabDefinition } from './shared/definition53.js';
-export { a as TabsGutters, T as VwcTabsElement, r as registerTabs, t as tabsDefinition } from './shared/definition54.js';
-export { T as VwcTagGroupElement, r as registerTagGroup, t as tagGroupDefinition } from './shared/definition55.js';
-export { T as VwcTagElement, r as registerTag, t as tagDefinition } from './shared/definition56.js';
-export { T as VwcTextAreaElement, r as registerTextArea, t as textAreaDefinition } from './shared/definition57.js';
-export { T as VwcTextFieldElement, r as registerTextField, t as textFieldDefinition } from './shared/definition58.js';
-export { r as registerTimePicker, t as timePickerDefinition } from './shared/definition59.js';
-export { T as VwcTimePickerElement } from './shared/time-selection-picker.template.js';
-export { T as VwcToggletipElement, r as registerToggletip, t as toggletipDefinition } from './shared/definition60.js';
-export { T as VwcTooltipElement, r as registerTooltip, t as tooltipDefinition } from './shared/definition61.js';
-export { T as VwcTreeItemElement, r as registerTreeItem, t as treeItemDefinition } from './shared/definition62.js';
-export { T as VwcTreeViewElement, r as registerTreeView, t as treeViewDefinition } from './shared/definition63.js';
-export { V as VwcVideoPlayerElement, r as registerVideoPlayer, v as videoPlayerDefinition } from './shared/definition64.js';
+export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, d as Sticky } from './unbundled/enums.js';
+export { s as setLocale } from './unbundled/localized.js';
+export { VwcAccordionItemElement, accordionItemDefinition, registerAccordionItem } from './accordion-item/definition.js';
+export { AccordionExpandMode, VwcAccordionElement, accordionDefinition, registerAccordion } from './accordion/definition.js';
+export { VwcActionGroupElement, actionGroupDefinition, registerActionGroup } from './action-group/definition.js';
+export { VwcAlertElement, alertDefinition, registerAlert } from './alert/definition.js';
+export { VwcAudioPlayerElement, audioPlayerDefinition, registerAudioPlayer } from './audio-player/definition.js';
+export { VwcAvatarElement, avatarDefinition, registerAvatar } from './avatar/definition.js';
+export { VwcBadgeElement, badgeDefinition, registerBadge } from './badge/definition.js';
+export { VwcBannerElement, bannerDefinition, registerBanner } from './banner/definition.js';
+export { breadcrumbItemDefinition, registerBreadcrumbItem } from './breadcrumb-item/definition.js';
+export { B as VwcBreadcrumbItemElement } from './unbundled/breadcrumb-item.js';
+export { VwcBreadcrumbElement, breadcrumbDefinition, registerBreadcrumb } from './breadcrumb/definition.js';
+export { B as VwcButtonElement, b as buttonDefinition, r as registerButton } from './unbundled/definition.js';
+export { calendarEventDefinition, registerCalendarEvent } from './calendar-event/definition.js';
+export { C as VwcCalendarEventElement } from './unbundled/calendar-event.js';
+export { VwcCalendarElement, calendarDefinition, registerCalendar } from './calendar/definition.js';
+export { VwcCardElement, cardDefinition, registerCard } from './card/definition.js';
+export { VwcCheckboxElement, checkboxDefinition, registerCheckbox } from './checkbox/definition.js';
+export { VwcComboboxElement, comboboxDefinition, registerCombobox } from './combobox/definition.js';
+export { VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, dataGridCellDefinition, dataGridDefinition, dataGridRowDefinition, registerDataGrid } from './data-grid/definition.js';
+export { VwcDatePickerElement, datePickerDefinition, registerDatePicker } from './date-picker/definition.js';
+export { VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker } from './date-range-picker/definition.js';
+export { VwcDateTimePickerElement, dateTimePickerDefinition, registerDateTimePicker } from './date-time-picker/definition.js';
+export { VwcDialPadElement, dialPadDefinition, registerDialPad } from './dial-pad/definition.js';
+export { VwcDialogElement, dialogDefinition, registerDialog } from './dialog/definition.js';
+export { dividerDefinition, registerDivider } from './divider/definition.js';
+export { D as VwcDividerElement } from './unbundled/divider.js';
+export { VwcEmptyStateElement, emptyStateDefinition, registerEmptyState } from './empty-state/definition.js';
+export { VwcFabElement, fabDefinition, registerFab } from './fab/definition.js';
+export { VwcFilePickerElement, filePickerDefinition, registerFilePicker } from './file-picker/definition.js';
+export { VwcHeaderElement, headerDefinition, registerHeader } from './header/definition.js';
+export { VwcIconElement, iconDefinition, registerIcon } from './icon/definition.js';
+export { VwcLayoutElement, layoutDefinition, registerLayout } from './layout/definition.js';
+export { a as MenuItemRole, M as VwcMenuItemElement, m as menuItemDefinition, r as registerMenuItem } from './unbundled/definition2.js';
+export { VwcMenuElement, menuDefinition, registerMenu } from './menu/definition.js';
+export { VwcNavDisclosureElement, navDisclosureDefinition, registerNavDisclosure } from './nav-disclosure/definition.js';
+export { VwcNavItemElement, navItemDefinition, registerNavItem } from './nav-item/definition.js';
+export { VwcNavElement, navDefinition, registerNav } from './nav/definition.js';
+export { VwcNoteElement, noteDefinition, registerNote } from './note/definition.js';
+export { VwcNumberFieldElement, numberFieldDefinition, registerNumberField } from './number-field/definition.js';
+export { listboxOptionDefinition, registerOption } from './option/definition.js';
+export { L as VwcOptionElement } from './unbundled/option.js';
+export { VwcPaginationElement, paginationDefinition, registerPagination } from './pagination/definition.js';
+export { VwcProgressRingElement, progressRingDefinition, registerProgressRing } from './progress-ring/definition.js';
+export { VwcProgressElement, progressDefinition, registerProgress } from './progress/definition.js';
+export { VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup } from './radio-group/definition.js';
+export { VwcRadioElement, radioDefinition, registerRadio } from './radio/definition.js';
+export { VwcRangeSliderElement, rangeSliderDefinition, registerRangeSlider } from './range-slider/definition.js';
+export { VwcRichTextEditorElement, registerRichTextEditor, richTextEditorDefinition } from './rich-text-editor/definition.js';
+export { VwcSearchableSelectElement, registerSearchableSelect } from './searchable-select/definition.js';
+export { VwcSelectElement, registerSelect, selectDefinition } from './select/definition.js';
+export { VwcSelectableBoxElement, registerSelectableBox, selectableBoxDefinition } from './selectable-box/definition.js';
+export { VwcSideDrawerElement, registerSideDrawer, sideDrawerDefinition } from './side-drawer/definition.js';
+export { VwcSimpleColorPickerElement, registerSimpleColorPicker, simpleColorPickerDefinition } from './simple-color-picker/definition.js';
+export { VwcSliderElement, registerSlider, sliderDefinition } from './slider/definition.js';
+export { VwcSplitButtonElement, registerSplitButton, splitButtonDefinition } from './split-button/definition.js';
+export { VwcSwitchElement, registerSwitch, switchDefinition } from './switch/definition.js';
+export { VwcTabPanelElement, registerTabPanel, tabPanelDefinition } from './tab-panel/definition.js';
+export { VwcTabElement, registerTab, tabDefinition } from './tab/definition.js';
+export { TabsGutters, VwcTabsElement, registerTabs, tabsDefinition } from './tabs/definition.js';
+export { VwcTagGroupElement, registerTagGroup, tagGroupDefinition } from './tag-group/definition.js';
+export { VwcTagElement, registerTag, tagDefinition } from './tag/definition.js';
+export { VwcTextAreaElement, registerTextArea, textAreaDefinition } from './text-area/definition.js';
+export { VwcTextFieldElement, registerTextField, textFieldDefinition } from './text-field/definition.js';
+export { registerTimePicker, timePickerDefinition } from './time-picker/definition.js';
+export { T as VwcTimePickerElement } from './unbundled/time-selection-picker.template.js';
+export { VwcToggletipElement, registerToggletip, toggletipDefinition } from './toggletip/definition.js';
+export { VwcTooltipElement, registerTooltip, tooltipDefinition } from './tooltip/definition.js';
+export { T as VwcTreeItemElement, r as registerTreeItem, t as treeItemDefinition } from './unbundled/definition3.js';
+export { VwcTreeViewElement, registerTreeView, treeViewDefinition } from './tree-view/definition.js';
+export { VwcVideoPlayerElement, registerVideoPlayer, videoPlayerDefinition } from './video-player/definition.js';

package/{shared/definition29.cjs → layout/definition.cjs}

@@ -1,7 +1,10 @@
 'use strict';
 
-const vividElement = require('./vivid-element.cjs');
-const classNames = require('./class-names.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const vividElement = require('../unbundled/vivid-element.cjs');
+const fastElement = require('@microsoft/fast-element');
+const fastWebUtilities = require('@microsoft/fast-web-utilities');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -15,19 +18,19 @@ var __decorateClass = (decorators, target, key, kind) => {
 class Layout extends vividElement.VividElement {
 }
 __decorateClass([
-  vividElement.attr
+  fastElement.attr
 ], Layout.prototype, "gutters");
 __decorateClass([
-  vividElement.attr({ attribute: "column-basis" })
+  fastElement.attr({ attribute: "column-basis" })
 ], Layout.prototype, "columnBasis");
 __decorateClass([
-  vividElement.attr({ attribute: "column-spacing" })
+  fastElement.attr({ attribute: "column-spacing" })
 ], Layout.prototype, "columnSpacing");
 __decorateClass([
-  vividElement.attr({ attribute: "row-spacing" })
+  fastElement.attr({ attribute: "row-spacing" })
 ], Layout.prototype, "rowSpacing");
 __decorateClass([
-  vividElement.attr({ attribute: "auto-sizing" })
+  fastElement.attr({ attribute: "auto-sizing" })
 ], Layout.prototype, "autoSizing");
 
 const styles = ".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@media not all and (width >= 600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width >= 600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.auto-sizing-fill{--_auto-sizing: auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing: auto-fit}";
@@ -38,7 +41,7 @@ const getClasses = ({
   columnSpacing,
   autoSizing,
   rowSpacing
-}) => classNames.classNames(
+}) => fastWebUtilities.classNames(
   "control",
   [`column-basis-${columnBasis}`, Boolean(columnBasis)],
   [`gutters-${gutters}`, Boolean(gutters)],
@@ -49,7 +52,7 @@ const getClasses = ({
   ],
   [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]
 );
-const layoutTemplate = vividElement.html` <div class="${getClasses}">
+const layoutTemplate = fastElement.html` <div class="${getClasses}">
 	<slot></slot>
 </div>`;
 
@@ -64,6 +67,6 @@ const layoutDefinition = vividElement.defineVividComponent(
 );
 const registerLayout = vividElement.createRegisterFunction(layoutDefinition);
 
-exports.Layout = Layout;
+exports.VwcLayoutElement = Layout;
 exports.layoutDefinition = layoutDefinition;
 exports.registerLayout = registerLayout;

package/{shared/definition29.js → layout/definition.js}

@@ -1,5 +1,6 @@
-import { V as VividElement, a as attr, h as html, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
-import { c as classNames } from './class-names.js';
+import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { attr, html } from '@microsoft/fast-element';
+import { classNames } from '@microsoft/fast-web-utilities';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -62,4 +63,4 @@ const layoutDefinition = defineVividComponent(
 );
 const registerLayout = createRegisterFunction(layoutDefinition);
 
-export { Layout as L, layoutDefinition as l, registerLayout as r };
+export { Layout as VwcLayoutElement, layoutDefinition, registerLayout };

package/layout/index.cjs

@@ -1,5 +1,3 @@
-'use strict';
-
-const definition = require('../shared/definition29.cjs');
-
-definition.registerLayout();
+"use strict";const l=require("../bundled/vivid-element.cjs"),m=require("../bundled/class-names.cjs");var p=Object.defineProperty,c=(n,t,o,r)=>{for(var a=void 0,s=n.length-1,e;s>=0;s--)(e=n[s])&&(a=e(t,o,a)||a);return a&&p(t,o,a),a};class i extends l.VividElement{}c([l.attr],i.prototype,"gutters");c([l.attr({attribute:"column-basis"})],i.prototype,"columnBasis");c([l.attr({attribute:"column-spacing"})],i.prototype,"columnSpacing");c([l.attr({attribute:"row-spacing"})],i.prototype,"rowSpacing");c([l.attr({attribute:"auto-sizing"})],i.prototype,"autoSizing");const v=".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@media not all and (width >= 600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width >= 600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.auto-sizing-fill{--_auto-sizing: auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing: auto-fit}",u=({columnBasis:n,gutters:t,columnSpacing:o,autoSizing:r,rowSpacing:a})=>m.classNames("control",[`column-basis-${n}`,!!n],[`gutters-${t}`,!!t],[`column-spacing-${o}`,!!o],[`row-spacing-${a||o}`,!!a||!!o],[`auto-sizing-${r}`,!!r]),g=l.html` <div class="${u}">
+	<slot></slot>
+</div>`,d=l.defineVividComponent("layout",i,g,[],{styles:v}),y=l.createRegisterFunction(d);y();

package/layout/index.js

@@ -1,3 +1,52 @@
-import { r as registerLayout } from '../shared/definition29.js';
-
-registerLayout();
+import { V as m, a as i, h as p, c as v, d as g } from "../bundled/vivid-element.js";
+import { c as u } from "../bundled/class-names.js";
+var d = Object.defineProperty, t = (o, c, l, r) => {
+  for (var a = void 0, s = o.length - 1, e; s >= 0; s--)
+    (e = o[s]) && (a = e(c, l, a) || a);
+  return a && d(c, l, a), a;
+};
+class n extends m {
+}
+t([
+  i
+], n.prototype, "gutters");
+t([
+  i({ attribute: "column-basis" })
+], n.prototype, "columnBasis");
+t([
+  i({ attribute: "column-spacing" })
+], n.prototype, "columnSpacing");
+t([
+  i({ attribute: "row-spacing" })
+], n.prototype, "rowSpacing");
+t([
+  i({ attribute: "auto-sizing" })
+], n.prototype, "autoSizing");
+const y = ".control{display:grid;grid-auto-rows:var(--layout-grid-template-rows, min-content)}@media not all and (width >= 600px){.control.column-basis-medium,.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(100%, 1fr)))}}@media (width >= 600px){.control.column-basis-small{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(160px, 1fr)))}.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block),.control.column-basis-medium{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(320px, 1fr)))}.control.column-basis-large{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(380px, 1fr)))}.control.column-basis-block{grid-template-columns:var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)))}}.control.column-spacing-small{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.column-spacing-small-block{column-gap:var(--layout-column-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block),.control.column-spacing-medium{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-medium-block{column-gap:var(--layout-column-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.column-spacing-large{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-inline{column-gap:var(--layout-column-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.column-spacing-large-block{column-gap:var(--layout-column-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-small{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) )}.control.row-spacing-small-block{row-gap:var(--layout-row-gap, calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2)) - (1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2)))) 0)}.control:not(.row-spacing-small):not(.row-spacing-small-inline):not(.row-spacing-small-block):not(.row-spacing-medium):not(.row-spacing-medium-inline):not(.row-spacing-medium-block):not(.row-spacing-large):not(.row-spacing-large-inline):not(.row-spacing-large-block),.control.row-spacing-medium{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-medium-block{row-gap:var(--layout-row-gap, calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.row-spacing-large{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-inline{row-gap:var(--layout-row-gap, 0 calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) )}.control.row-spacing-large-block{row-gap:var(--layout-row-gap, calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) 0)}.control.gutters-small{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-inline{margin:0 calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.control.gutters-small-block{margin:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))) 0}.control.gutters-medium{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-inline{margin:0 calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-medium-block{margin:calc(1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.gutters-large{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-inline{margin:0 calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.control.gutters-large-block{margin:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2))) 0}.control.auto-sizing-fill{--_auto-sizing: auto-fill}.control:not(.auto-sizing-fill):not(.auto-sizing-fit),.control.auto-sizing-fit{--_auto-sizing: auto-fit}", z = ({
+  columnBasis: o,
+  gutters: c,
+  columnSpacing: l,
+  autoSizing: r,
+  rowSpacing: a
+}) => u(
+  "control",
+  [`column-basis-${o}`, !!o],
+  [`gutters-${c}`, !!c],
+  [`column-spacing-${l}`, !!l],
+  [
+    `row-spacing-${a || l}`,
+    !!a || !!l
+  ],
+  [`auto-sizing-${r}`, !!r]
+), x = p` <div class="${z}">
+	<slot></slot>
+</div>`, w = g(
+  "layout",
+  n,
+  x,
+  [],
+  {
+    styles: y
+  }
+), b = v(w);
+b();

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

@@ -9,7 +9,6 @@ declare const AccordionItem_base: {
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         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;
@@ -39,7 +38,6 @@ declare const AccordionItem_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -335,6 +333,48 @@ declare const AccordionItem_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/action-group/action-group.d.ts

@@ -7,7 +7,6 @@ declare const ActionGroup_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;
@@ -36,7 +35,6 @@ declare const ActionGroup_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -332,6 +330,48 @@ declare const ActionGroup_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/alert/alert.d.ts

@@ -16,7 +16,6 @@ declare const Alert_base: {
         icon?: string | undefined;
         iconSlottedContent?: HTMLElement[] | undefined;
         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;
@@ -46,7 +45,6 @@ declare const Alert_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -342,6 +340,48 @@ declare const Alert_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;
@@ -353,7 +393,6 @@ declare const Alert_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;
@@ -383,7 +422,6 @@ declare const Alert_base: {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        dropzone: import("dropzone");
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -679,6 +717,48 @@ declare const Alert_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;