@breadstone/mosaik-elements-vue 0.1.36 → 0.1.38

package/Controls/Components/Media/Chip/ChipComponent.d.ts

@@ -5,15 +5,15 @@
  */
 export declare const ChipComponent: import("vue").DefineComponent<{
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    label?: any;
-    value?: any;
     variant?: any;
     appearance?: any;
+    value?: any;
     size?: any;
-    isChecked?: any;
+    dir?: any;
+    lang?: any;
+    label?: any;
     isFocused?: any;
     closeable?: any;
     icon?: any;
@@ -21,30 +21,30 @@ export declare const ChipComponent: import("vue").DefineComponent<{
     isCheckable?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggled" | "checked" | "unchecked" | "connected" | "disconnected" | "changed" | "closed")[], "toggled" | "checked" | "unchecked" | "connected" | "disconnected" | "changed" | "closed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    label?: any;
-    value?: any;
     variant?: any;
     appearance?: any;
+    value?: any;
     size?: any;
-    isChecked?: any;
+    dir?: any;
+    lang?: any;
+    label?: any;
     isFocused?: any;
     closeable?: any;
     icon?: any;
     ripple?: any;
     isCheckable?: any;
 }> & Readonly<{
+    onToggled?: ((...args: any[]) => any) | undefined;
+    onChecked?: ((...args: any[]) => any) | undefined;
+    onUnchecked?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onChecked?: ((...args: any[]) => any) | undefined;
-    onUnchecked?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
-    onToggled?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Media/Chip/ChipGroupComponent.d.ts

@@ -4,32 +4,32 @@
  * @public
  */
 export declare const ChipGroupComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    name?: any;
-    invalid?: any;
-    value?: any;
     variant?: any;
     appearance?: any;
+    value?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
+    invalid?: any;
     selectionMode?: any;
     required?: any;
     wrap?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "chipChanged")[], "connected" | "disconnected" | "changed" | "chipChanged", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    name?: any;
-    invalid?: any;
-    value?: any;
     variant?: any;
     appearance?: any;
+    value?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
+    invalid?: any;
     selectionMode?: any;
     required?: any;
     wrap?: any;

package/Controls/Components/Media/ColorEditor/ColorEditorAreaComponent.d.ts

@@ -6,9 +6,9 @@
 export declare const ColorEditorAreaComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     isFocused?: any;
     hue?: any;
     saturation?: any;
@@ -17,9 +17,9 @@ export declare const ColorEditorAreaComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorAreaChanged")[], "connected" | "disconnected" | "changed" | "colorAreaChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     isFocused?: any;
     hue?: any;
     saturation?: any;

package/Controls/Components/Media/ColorEditor/ColorEditorComponent.d.ts

@@ -6,9 +6,9 @@
 export declare const ColorEditorComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     isFocused?: any;
     format?: any;
     showAlpha?: any;
@@ -27,9 +27,9 @@ export declare const ColorEditorComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     isFocused?: any;
     format?: any;
     showAlpha?: any;

package/Controls/Components/Media/ColorEditor/ColorEditorInputsComponent.d.ts

@@ -6,9 +6,9 @@
 export declare const ColorEditorInputsComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    size?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     isFocused?: any;
     format?: any;
     showAlpha?: any;
@@ -18,9 +18,9 @@ export declare const ColorEditorInputsComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    size?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     isFocused?: any;
     format?: any;
     showAlpha?: any;

package/Controls/Components/Media/ColorPicker/ColorPickerComponent.d.ts

@@ -4,6 +4,11 @@
  * @public
  */
 export declare const ColorPickerComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    disabled?: any;
+    value?: any;
+    dir?: any;
+    lang?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -11,14 +16,9 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dropDownStaysOpen?: any;
     dropDownMaxHeight?: any;
     dropDownHeight?: any;
-    dropDownMaxWidth?: any;
     dropDownWidth?: any;
+    dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    themeName?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
-    value?: any;
     format?: any;
     showAlpha?: any;
     showInputs?: any;
@@ -30,6 +30,11 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged")[], "connected" | "disconnected" | "changed" | "colorChanged", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    disabled?: any;
+    value?: any;
+    dir?: any;
+    lang?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -37,14 +42,9 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dropDownStaysOpen?: any;
     dropDownMaxHeight?: any;
     dropDownHeight?: any;
-    dropDownMaxWidth?: any;
     dropDownWidth?: any;
+    dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    themeName?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
-    value?: any;
     format?: any;
     showAlpha?: any;
     showInputs?: any;

package/Controls/Components/Media/ColorSlider/ColorSliderComponent.d.ts

@@ -6,20 +6,20 @@
 export declare const ColorSliderComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    value?: any;
     color?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "change")[], "connected" | "disconnected" | "changed" | "input" | "change", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    value?: any;
     color?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.d.ts

@@ -4,24 +4,35 @@
  * @public
  */
 export declare const ColorSwatchComponent: import("vue").DefineComponent<{
-    themeName?: any;
-    dir?: any;
-    lang?: any;
     name?: any;
-    value?: any;
-    size?: any;
     hasBackground?: any;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    isChecked?: any;
+    disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
+    size?: any;
     dir?: any;
     lang?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggled" | "checked" | "unchecked" | "connected" | "disconnected" | "changed")[], "toggled" | "checked" | "unchecked" | "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     name?: any;
+    hasBackground?: any;
+    themeName?: any;
+    isChecked?: any;
+    disabled?: any;
+    variant?: any;
+    appearance?: any;
     value?: any;
     size?: any;
-    hasBackground?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
+    onToggled?: ((...args: any[]) => any) | undefined;
+    onChecked?: ((...args: any[]) => any) | undefined;
+    onUnchecked?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;iFAoB/B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,iBAAiB,EAAE,OAAO,oBAAoB,CAAC;KAClD;CACJ"}
+{"version":3,"file":"ColorSwatchComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuB/B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,iBAAiB,EAAE,OAAO,oBAAoB,CAAC;KAClD;CACJ"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.js

@@ -12,14 +12,17 @@ import { defineComponent, h } from 'vue';
  */
 export const ColorSwatchComponent = defineComponent({
     name: 'ColorSwatchComponent',
-    props: ['name', 'hasBackground', 'themeName', 'value', 'size', 'dir', 'lang'],
-    emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['style']
-    // methods: { adoptStyle, on, off, emit, requestUpdate }
+    props: ['name', 'hasBackground', 'themeName', 'isChecked', 'disabled', 'variant', 'appearance', 'value', 'size', 'dir', 'lang'],
+    emits: ['toggled', 'checked', 'unchecked', 'connected', 'disconnected', 'changed'],
+    // slots: ['checkmark', 'style']
+    // methods: { check, uncheck, toggle, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-color-swatch', {
             ...props,
             // Vue 3 event handlers (onEventName format)
+            onToggled: (event) => emit('toggled', event),
+            onChecked: (event) => emit('checked', event),
+            onUnchecked: (event) => emit('unchecked', event),
             onConnected: (event) => emit('connected', event),
             onDisconnected: (event) => emit('disconnected', event),
             onChanged: (event) => emit('changed', event)

package/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatchComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7E,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,mBAAmB;IACnB,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"ColorSwatchComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorSwatch/ColorSwatchComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;IAC/H,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAClF,gCAAgC;IAChC,gFAAgF;IAChF,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupComponent.d.ts

@@ -6,21 +6,21 @@
 export declare const ColorSwatchGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Emoji/EmojiComponent.d.ts

@@ -5,18 +5,18 @@
  */
 export declare const EmojiComponent: import("vue").DefineComponent<{
     themeName?: any;
+    size?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     emoji?: any;
     unicode?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    size?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     emoji?: any;
     unicode?: any;
 }> & Readonly<{

package/Controls/Components/Media/Icon/IconComponent.d.ts

@@ -6,12 +6,12 @@
 export declare const IconComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    data?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
+    data?: any;
     readonly?: any;
     angle?: any;
     inline?: any;
@@ -21,12 +21,12 @@ export declare const IconComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
-    data?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
+    data?: any;
     readonly?: any;
     angle?: any;
     inline?: any;

package/Controls/Components/Media/Image/ImageComponent.d.ts

@@ -4,19 +4,19 @@
  * @public
  */
 export declare const ImageComponent: import("vue").DefineComponent<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
     dir?: any;
     lang?: any;
     legend?: any;
     fit?: any;
-    variant?: any;
     state?: any;
     src?: any;
     legendPosition?: any;
     ratio?: any;
+    width?: any;
+    height?: any;
     alt?: any;
     srcset?: any;
     thumbnailSrc?: any;
@@ -26,19 +26,19 @@ export declare const ImageComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "imageLoaded" | "imageFailed")[], "connected" | "disconnected" | "changed" | "imageLoaded" | "imageFailed", import("vue").PublicProps, Readonly<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
     dir?: any;
     lang?: any;
     legend?: any;
     fit?: any;
-    variant?: any;
     state?: any;
     src?: any;
     legendPosition?: any;
     ratio?: any;
+    width?: any;
+    height?: any;
     alt?: any;
     srcset?: any;
     thumbnailSrc?: any;

package/Controls/Components/Media/Map/MapComponent.d.ts

@@ -4,13 +4,13 @@
  * @public
  */
 export declare const MapComponent: import("vue").DefineComponent<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    width?: any;
+    height?: any;
     latitude?: any;
     longitude?: any;
     zoom?: any;
@@ -18,13 +18,13 @@ export declare const MapComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    width?: any;
+    height?: any;
     latitude?: any;
     longitude?: any;
     zoom?: any;

package/Controls/Components/Media/Persona/PersonaComponent.d.ts

@@ -6,13 +6,13 @@
 export declare const PersonaComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    size?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    variant?: any;
-    appearance?: any;
     src?: any;
-    size?: any;
     text?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
@@ -30,13 +30,13 @@ export declare const PersonaComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    size?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    variant?: any;
-    appearance?: any;
     src?: any;
-    size?: any;
     text?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;

package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts

@@ -6,11 +6,11 @@
 export declare const TimelineMarkerComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
     text?: any;
     isBusy?: any;
     icon?: any;
@@ -20,11 +20,11 @@ export declare const TimelineMarkerComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
-    dir?: any;
-    lang?: any;
     variant?: any;
     appearance?: any;
     size?: any;
+    dir?: any;
+    lang?: any;
     text?: any;
     isBusy?: any;
     icon?: any;

package/Controls/Components/Media/Video/VideoComponent.d.ts

@@ -4,8 +4,6 @@
  * @public
  */
 export declare const VideoComponent: import("vue").DefineComponent<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
     dir?: any;
@@ -22,11 +20,11 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
+    width?: any;
+    height?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    height?: any;
-    width?: any;
     themeName?: any;
     disabled?: any;
     dir?: any;
@@ -43,6 +41,8 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
+    width?: any;
+    height?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Misc/CookieConsent/CookiesConsentComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    dir?: any;
-    lang?: any;
     elevation?: any;
     intl?: any;
     accepted?: any;
@@ -21,11 +21,11 @@ export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cookiesAccepted" | "cookiesDismissed")[], "connected" | "disconnected" | "changed" | "cookiesAccepted" | "cookiesDismissed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    dir?: any;
-    lang?: any;
     elevation?: any;
     intl?: any;
     accepted?: any;

package/Controls/Components/Overlays/Dialog/DialogComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const DialogComponent: import("vue").DefineComponent<{
-    height?: any;
-    width?: any;
     themeName?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
     dragging?: any;
-    appearance?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    width?: any;
+    height?: any;
     isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
@@ -27,16 +27,16 @@ export declare const DialogComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
-    height?: any;
-    width?: any;
     themeName?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
+    appearance?: any;
     dir?: any;
     lang?: any;
     dragging?: any;
-    appearance?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    width?: any;
+    height?: any;
     isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;