@breadstone/mosaik-elements-vue 0.0.231 → 0.0.232

package/Cdk/Overlays/Dialog/useDialog.d.ts

@@ -8,7 +8,7 @@ export interface IUseDialogReturn {
     /**
      * Opens a dialog with the specified wrapper component.
      */
-    open: <T extends HTMLElement, TData, TResult>(dialogId: string, wrapperClass: new (args?: TData) => T, data?: TData, options?: IDialogOptions) => Promise<TResult>;
+    open: <T extends HTMLElement, TData, TResult>(dialogId: string, wrapperClass: new (args?: TData) => T, options?: IDialogOptions, data?: TData) => Promise<TResult>;
     /**
      * Closes a dialog by its identifier.
      */

package/Cdk/Overlays/Dialog/useDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,IAAI,CAAC,EAAE,KAAK,EACZ,OAAO,CAAC,EAAE,cAAc,KACvB,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAEzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,SAAS,IAAI,gBAAgB,CAwB5C"}
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,cAAc,EACxB,IAAI,CAAC,EAAE,KAAK,KACX,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAEzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,SAAS,IAAI,gBAAgB,CAoB5C"}

package/Cdk/Overlays/Dialog/useDialog.js

@@ -33,11 +33,8 @@ import { DialogService } from '@breadstone/mosaik-elements-foundation';
  */
 export function useDialog() {
     // #region Methods
-    const open = (dialogId, wrapperClass, data, options) => {
-        if (data !== undefined) {
-            return DialogService.instance.open(dialogId, wrapperClass, data, options);
-        }
-        return DialogService.instance.open(dialogId, wrapperClass, options);
+    const open = (dialogId, wrapperClass, options, data) => {
+        return DialogService.instance.open(dialogId, wrapperClass, options, data);
     };
     const close = (dialogId, result) => DialogService.instance.close(dialogId, result);
     // #endregion

package/Cdk/Overlays/Dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAuB,MAAM,wCAAwC,CAAC;AA4B5F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,SAAS;IACrB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,QAAgB,EAChB,YAAqC,EACrC,IAAY,EACZ,OAAwB,EACR,EAAE;QAClB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAoB,QAAQ,EAAE,YAAsC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAC3H,CAAC;QAED,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAa,QAAQ,EAAE,YAA2B,EAAE,OAAO,CAAC,CAAC;IACnG,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAU,QAAgB,EAAE,MAAgB,EAAiB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE7H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}
+{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../../src/Cdk/Overlays/Dialog/useDialog.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAuB,MAAM,wCAAwC,CAAC;AA4B5F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,SAAS;IACrB,kBAAkB;IAElB,MAAM,IAAI,GAAG,CACT,QAAgB,EAChB,YAAqC,EACrC,OAAwB,EACxB,IAAY,EACI,EAAE;QAClB,OAAO,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAqB,CAAC;IAClG,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,CAAU,QAAgB,EAAE,MAAgB,EAAiB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE7H,aAAa;IAEb,OAAO;QACH,IAAI;QACJ,KAAK;KACR,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Anchor/AnchorComponent.d.ts

@@ -4,31 +4,31 @@
  * @public
  */
 export declare const AnchorComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    label?: any;
+    disabled?: any;
+    underline?: any;
     download?: any;
     href?: any;
     rel?: any;
     target?: any;
-    themeName?: any;
-    label?: any;
     variant?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
-    underline?: 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;
+    dir?: any;
+    lang?: any;
+    label?: any;
+    disabled?: any;
+    underline?: any;
     download?: any;
     href?: any;
     rel?: any;
     target?: any;
-    themeName?: any;
-    label?: any;
     variant?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
-    underline?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/Button/ButtonComponent.d.ts

@@ -4,59 +4,59 @@
  * @public
  */
 export declare const ButtonComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
     download?: any;
     href?: any;
     rel?: any;
     target?: any;
-    themeName?: any;
-    reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
-    fit?: any;
+    variant?: any;
     isBusy?: any;
-    label?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
-    variant?: any;
-    appearance?: any;
-    size?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: 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;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
     download?: any;
     href?: any;
     rel?: any;
     target?: any;
-    themeName?: any;
-    reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
-    fit?: any;
+    variant?: any;
     isBusy?: any;
-    label?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
-    variant?: any;
-    appearance?: any;
-    size?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/Button/ButtonComponent.js

@@ -14,7 +14,7 @@ export const ButtonComponent = defineComponent({
     name: 'ButtonComponent',
     props: ['download', 'href', 'rel', 'target', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'ripple', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['label', 'icon', 'overlay', 'style']
+    // slots: ['icon', 'label', 'overlay', 'style']
     // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-button', {

package/Controls/Components/Buttons/Button/ButtonGroupComponent.d.ts

@@ -5,22 +5,22 @@
  */
 export declare const ButtonGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     orientation?: any;
+    disabled?: any;
     variant?: any;
     appearance?: any;
-    disabled?: 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;
+    dir?: any;
+    lang?: any;
     orientation?: any;
+    disabled?: any;
     variant?: any;
     appearance?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.d.ts

@@ -5,54 +5,54 @@
  */
 export declare const CompoundButtonComponent: import("vue").DefineComponent<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
+    label?: any;
     fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
+    variant?: any;
     isBusy?: any;
-    label?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
-    variant?: any;
-    appearance?: any;
-    size?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
-    subLabel?: any;
     isNavigation?: any;
+    subLabel?: 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;
+    dir?: any;
+    lang?: any;
     reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
+    label?: any;
     fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
+    variant?: any;
     isBusy?: any;
-    label?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
     icon?: any;
-    iconPosition?: any;
     iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
     type?: any;
     ripple?: any;
-    variant?: any;
-    appearance?: any;
-    size?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
-    subLabel?: any;
     isNavigation?: any;
+    subLabel?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.js

@@ -14,7 +14,7 @@ export const CompoundButtonComponent = defineComponent({
     name: 'CompoundButtonComponent',
     props: ['subLabel', 'isNavigation', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'ripple', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'icon', 'label', 'subLabel', 'suffix', 'overlay', 'style']
+    // slots: ['label', 'overlay', 'prefix', 'subLabel', 'suffix', 'style']
     // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-compound-button', {

package/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.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,uBAAuB,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACtS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,+EAA+E;IAC/E,+EAA+E;IAC/E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;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":"CompoundButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonComponent.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,uBAAuB,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACtS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,uEAAuE;IACvE,+EAA+E;IAC/E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;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"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonComponent.d.ts

@@ -5,26 +5,16 @@
  */
 export declare const DropdownButtonComponent: import("vue").DefineComponent<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
-    fit?: any;
-    isBusy?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
-    type?: any;
-    ripple?: any;
-    variant?: any;
-    appearance?: any;
+    fit?: any;
     size?: any;
-    value?: any;
+    orientation?: any;
     disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
+    variant?: any;
+    isBusy?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -35,31 +25,31 @@ export declare const DropdownButtonComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    icon?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: any;
     caretVisible?: 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;
+    dir?: any;
+    lang?: any;
     reverse?: any;
-    orientation?: any;
-    horizontalContentAlignment?: any;
-    verticalContentAlignment?: any;
-    fit?: any;
-    isBusy?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
-    type?: any;
-    ripple?: any;
-    variant?: any;
-    appearance?: any;
+    fit?: any;
     size?: any;
-    value?: any;
+    orientation?: any;
     disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
+    variant?: any;
+    isBusy?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -70,6 +60,16 @@ export declare const DropdownButtonComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    icon?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: any;
     caretVisible?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/DropDownButton/DropDownButtonComponent.js

@@ -14,7 +14,7 @@ export const DropdownButtonComponent = defineComponent({
     name: 'DropdownButtonComponent',
     props: ['caretVisible', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'ripple', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['icon', 'label', 'overlay', '', 'style']
+    // slots: ['', 'icon', 'label', 'overlay', 'style']
     // methods: { open, close, toggle, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-dropdown-button', {

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonComponent.d.ts

@@ -5,40 +5,40 @@
  */
 export declare const FabComponent: import("vue").DefineComponent<{
     themeName?: any;
-    isBusy?: any;
+    dir?: any;
+    lang?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
-    type?: any;
-    ripple?: any;
+    size?: any;
+    disabled?: any;
     variant?: any;
+    isBusy?: any;
     appearance?: any;
-    size?: any;
     value?: any;
-    disabled?: any;
     isFocused?: any;
-    dir?: any;
-    lang?: any;
+    icon?: any;
+    iconSize?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: 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;
-    isBusy?: any;
+    dir?: any;
+    lang?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
-    type?: any;
-    ripple?: any;
+    size?: any;
+    disabled?: any;
     variant?: any;
+    isBusy?: any;
     appearance?: any;
-    size?: any;
     value?: any;
-    disabled?: any;
     isFocused?: any;
-    dir?: any;
-    lang?: any;
+    icon?: any;
+    iconSize?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupComponent.d.ts

@@ -5,33 +5,33 @@
  */
 export declare const FabGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
+    disabled?: any;
     variant?: any;
     appearance?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
+    icon?: any;
+    iconSize?: any;
     isOpen?: any;
     closeable?: any;
+    iconPosition?: any;
     direction?: any;
 }, () => 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<{
     themeName?: any;
+    dir?: any;
+    lang?: any;
     label?: any;
-    icon?: any;
-    iconPosition?: any;
-    iconSize?: any;
+    disabled?: any;
     variant?: any;
     appearance?: any;
-    disabled?: any;
-    dir?: any;
-    lang?: any;
+    icon?: any;
+    iconSize?: any;
     isOpen?: any;
     closeable?: any;
+    iconPosition?: any;
     direction?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupComponent.js

@@ -14,7 +14,7 @@ export const FabGroupComponent = defineComponent({
     name: 'FabGroupComponent',
     props: ['isOpen', 'direction', 'themeName', 'closeable', 'disabled', 'appearance', 'variant', 'label', 'icon', 'iconPosition', 'iconSize', 'dir', 'lang'],
     emits: ['opened', 'closed', 'connected', 'disconnected', 'changed'],
-    // slots: ['trigger', '', 'overlay', 'style']
+    // slots: ['', 'overlay', 'trigger', 'style']
     // methods: { onSlotChanges, open, close, toggle, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-fab-group', {

package/Controls/Components/Buttons/PressButton/PressButtonComponent.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Vue 3 component wrapper for the mosaik-press-button web component.
+ *
+ * @public
+ */
+export declare const PressButtonComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
+    variant?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    icon?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: any;
+    duration?: any;
+    isPressing?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "pressed")[], "connected" | "disconnected" | "changed" | "pressed", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    reverse?: any;
+    label?: any;
+    fit?: any;
+    size?: any;
+    orientation?: any;
+    disabled?: any;
+    variant?: any;
+    isBusy?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    icon?: any;
+    iconSize?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    iconPosition?: any;
+    type?: any;
+    ripple?: any;
+    duration?: any;
+    isPressing?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onPressed?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikPressButton: typeof PressButtonComponent;
+    }
+}
+//# sourceMappingURL=PressButtonComponent.d.ts.map

package/Controls/Components/Buttons/PressButton/PressButtonComponent.d.ts.map

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

package/Controls/Components/Buttons/PressButton/PressButtonComponent.js

@@ -0,0 +1,30 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+import { defineComponent, h } from 'vue';
+/**
+ * Vue 3 component wrapper for the mosaik-press-button web component.
+ *
+ * @public
+ */
+export const PressButtonComponent = defineComponent({
+    name: 'PressButtonComponent',
+    props: ['isPressing', 'duration', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'ripple', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
+    emits: ['pressed', 'connected', 'disconnected', 'changed'],
+    // slots: ['icon', 'label', 'overlay', 'style']
+    // methods: { hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-press-button', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onPressed: (event) => emit('pressed', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=PressButtonComponent.js.map

package/Controls/Components/Buttons/PressButton/PressButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressButtonComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/PressButton/PressButtonComponent.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,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACpS,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,+CAA+C;IAC/C,+EAA+E;IAC/E,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,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"}