@breadstone/mosaik-elements-vue 0.0.230 → 0.0.232

package/Controls/Components/Inputs/TextBox/TextBoxComponent.d.ts

@@ -12,32 +12,32 @@ export declare const TextboxComponent: import("vue").DefineComponent<{
     invalid?: any;
     resize?: any;
     disabled?: any;
-    value?: any;
-    state?: any;
     variant?: any;
-    appearance?: any;
-    isFocused?: any;
     isBusy?: any;
-    formatter?: any;
+    placeholder?: any;
     required?: any;
-    type?: any;
     readonly?: any;
-    autofocus?: any;
-    placeholder?: any;
-    autocomplete?: any;
     textAlign?: any;
+    appearance?: any;
     isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
     parser?: any;
-    multiline?: any;
-    multilineRows?: any;
-    multilineMaxRows?: any;
+    isFocused?: any;
+    type?: any;
+    autofocus?: any;
     pattern?: any;
+    autocomplete?: any;
     keyboard?: any;
     minlength?: any;
     maxlength?: any;
+    multilineRows?: any;
+    multiline?: any;
+    multilineMaxRows?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "cleared")[], "connected" | "changed" | "disconnected" | "cleared", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -46,33 +46,33 @@ export declare const TextboxComponent: import("vue").DefineComponent<{
     invalid?: any;
     resize?: any;
     disabled?: any;
-    value?: any;
-    state?: any;
     variant?: any;
-    appearance?: any;
-    isFocused?: any;
     isBusy?: any;
-    formatter?: any;
+    placeholder?: any;
     required?: any;
-    type?: any;
     readonly?: any;
-    autofocus?: any;
-    placeholder?: any;
-    autocomplete?: any;
     textAlign?: any;
+    appearance?: any;
     isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
     parser?: any;
-    multiline?: any;
-    multilineRows?: any;
-    multilineMaxRows?: any;
+    isFocused?: any;
+    type?: any;
+    autofocus?: any;
     pattern?: any;
+    autocomplete?: any;
     keyboard?: any;
     minlength?: any;
     maxlength?: any;
+    multilineRows?: any;
+    multiline?: any;
+    multilineMaxRows?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onCleared?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Inputs/TextBox/TextBoxComponent.js

@@ -14,7 +14,7 @@ export const TextboxComponent = defineComponent({
     name: 'TextboxComponent',
     props: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', 'appearance', 'variant', 'label', 'invalid', 'value', 'isBusy', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
     emits: ['cleared', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix', 'label', 'hint', 'style']
+    // slots: ['prefix', 'suffix', 'style']
     // methods: { focus, blur, reset, clear, checkValidity, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-textbox', {

package/Controls/Components/Inputs/TextBox/TextBoxComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/TextBox/TextBoxComponent.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,gBAAgB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACzX,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,wDAAwD;IACxD,yOAAyO;IACzO,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;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"}
+{"version":3,"file":"TextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/TextBox/TextBoxComponent.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,gBAAgB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACzX,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,uCAAuC;IACvC,yOAAyO;IACzO,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;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"}

package/Controls/Components/Inputs/TimeBox/TimeBoxComponent.d.ts

@@ -11,27 +11,11 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    value?: any;
-    state?: any;
-    interval?: any;
     variant?: any;
-    appearance?: any;
-    isFocused?: any;
-    formatter?: any;
+    placeholder?: any;
     required?: any;
     readonly?: any;
-    autofocus?: any;
-    placeholder?: any;
-    autocomplete?: any;
-    isEditable?: any;
-    blackoutTimes?: any;
-    specialTimes?: any;
-    minTime?: any;
-    maxTime?: any;
-    markerHandler?: any;
     textAlign?: any;
-    isClearable?: any;
-    locale?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -42,10 +26,26 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
     parser?: any;
+    isFocused?: any;
+    markerHandler?: any;
+    locale?: any;
+    autofocus?: any;
+    autocomplete?: any;
+    isEditable?: any;
+    interval?: any;
+    blackoutTimes?: any;
+    specialTimes?: any;
+    minTime?: any;
+    maxTime?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "cleared")[], "connected" | "changed" | "disconnected" | "cleared", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -53,27 +53,11 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    value?: any;
-    state?: any;
-    interval?: any;
     variant?: any;
-    appearance?: any;
-    isFocused?: any;
-    formatter?: any;
+    placeholder?: any;
     required?: any;
     readonly?: any;
-    autofocus?: any;
-    placeholder?: any;
-    autocomplete?: any;
-    isEditable?: any;
-    blackoutTimes?: any;
-    specialTimes?: any;
-    minTime?: any;
-    maxTime?: any;
-    markerHandler?: any;
     textAlign?: any;
-    isClearable?: any;
-    locale?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -84,11 +68,27 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
     parser?: any;
+    isFocused?: any;
+    markerHandler?: any;
+    locale?: any;
+    autofocus?: any;
+    autocomplete?: any;
+    isEditable?: any;
+    interval?: any;
+    blackoutTimes?: any;
+    specialTimes?: any;
+    minTime?: any;
+    maxTime?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onCleared?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchComponent.d.ts

@@ -11,18 +11,18 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
+    required?: any;
     appearance?: any;
-    isChecked?: any;
-    isFocused?: any;
+    value?: any;
     formatter?: any;
+    isFocused?: any;
     labelPosition?: any;
-    required?: any;
+    isChecked?: any;
     isThreeState?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "checked" | "unchecked" | "indeterminate")[], "connected" | "changed" | "disconnected" | "checked" | "unchecked" | "indeterminate", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -30,19 +30,19 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
+    required?: any;
     appearance?: any;
-    isChecked?: any;
-    isFocused?: any;
+    value?: any;
     formatter?: any;
+    isFocused?: any;
     labelPosition?: any;
-    required?: any;
+    isChecked?: any;
     isThreeState?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onChecked?: ((...args: any[]) => any) | undefined;
     onUnchecked?: ((...args: any[]) => any) | undefined;
     onIndeterminate?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchComponent.js

@@ -14,7 +14,7 @@ export const ToggleSwitchComponent = defineComponent({
     name: 'ToggleSwitchComponent',
     props: ['labelPosition', 'required', 'name', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'label', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
     emits: ['checked', 'unchecked', 'indeterminate', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix', 'checkmark', 'label', 'style']
+    // slots: ['checkmark', 'label', 'prefix', 'suffix', 'style']
     // methods: { checkValidity, reset, check, uncheck, toggle, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-toggle-switch', {

package/Controls/Components/Layouts/Absolute/AbsoluteComponent.d.ts

@@ -11,7 +11,7 @@ export declare const AbsoluteComponent: import("vue").DefineComponent<{
     items?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected")[], "connected" | "changed" | "disconnected", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -19,8 +19,8 @@ export declare const AbsoluteComponent: import("vue").DefineComponent<{
     items?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Layouts/Absolute/AbsoluteItemComponent.d.ts

@@ -4,27 +4,27 @@
  * @public
  */
 export declare const AbsoluteItemComponent: import("vue").DefineComponent<{
-    themeName?: any;
-    dir?: any;
-    lang?: any;
-    top?: any;
     left?: any;
+    top?: any;
     bottom?: any;
     right?: any;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected")[], "connected" | "changed" | "disconnected", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    top?: 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<{
     left?: any;
+    top?: any;
     bottom?: any;
     right?: any;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Vue 3 component wrapper for the mosaik-designer-canvas web component.
+ *
+ * @public
+ */
+export declare const DesignerCanvasComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    panX?: any;
+    panY?: any;
+    zoomLevel?: any;
+    isPanning?: any;
+    zoom?: any;
+    minZoom?: any;
+    maxZoom?: any;
+    interactionMode?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "zoomChanged")[], "connected" | "disconnected" | "changed" | "zoomChanged", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    panX?: any;
+    panY?: any;
+    zoomLevel?: any;
+    isPanning?: any;
+    zoom?: any;
+    minZoom?: any;
+    maxZoom?: any;
+    interactionMode?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onZoomChanged?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikDesignerCanvas: typeof DesignerCanvasComponent;
+    }
+}
+//# sourceMappingURL=DesignerCanvasComponent.d.ts.map

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAqBlC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,oBAAoB,EAAE,OAAO,uBAAuB,CAAC;KACxD;CACJ"}

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.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-designer-canvas web component.
+ *
+ * @public
+ */
+export const DesignerCanvasComponent = defineComponent({
+    name: 'DesignerCanvasComponent',
+    props: ['panX', 'panY', 'zoomLevel', 'isPanning', 'zoom', 'minZoom', 'maxZoom', 'interactionMode', 'themeName', 'dir', 'lang'],
+    emits: ['zoomChanged', 'connected', 'disconnected', 'changed'],
+    // slots: ['', 'style']
+    // methods: { zoomIn, zoomOut, setZoom, resetZoom, fitToFrame, panBy, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-designer-canvas', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onZoomChanged: (event) => emit('zoomChanged', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=DesignerCanvasComponent.js.map

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerCanvasComponent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.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,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC9H,KAAK,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC9D,uBAAuB;IACvB,gHAAgH;IAChH,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,aAAa,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;YAC3D,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/Layouts/Designer/Content/DesignerContentComponent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Vue 3 component wrapper for the mosaik-designer-content web component.
+ *
+ * @public
+ */
+export declare const DesignerContentComponent: import("vue").DefineComponent<{
+    themeName?: 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;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikDesignerContent: typeof DesignerContentComponent;
+    }
+}
+//# sourceMappingURL=DesignerContentComponent.d.ts.map

package/Controls/Components/Layouts/Designer/Content/DesignerContentComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerContentComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Content/DesignerContentComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;iFAoBnC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,qBAAqB,EAAE,OAAO,wBAAwB,CAAC;KAC1D;CACJ"}

package/Controls/Components/Layouts/Designer/Content/DesignerContentComponent.js

@@ -0,0 +1,29 @@
+// ------------------------------------------------------------------------------
+// <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-designer-content web component.
+ *
+ * @public
+ */
+export const DesignerContentComponent = defineComponent({
+    name: 'DesignerContentComponent',
+    props: ['themeName', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['', 'before-canvas', 'after-canvas', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-designer-content', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=DesignerContentComponent.js.map

package/Controls/Components/Layouts/Designer/Content/DesignerContentComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerContentComponent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Content/DesignerContentComponent.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,wBAAwB,GAAG,eAAe,CAAC;IACpD,IAAI,EAAE,0BAA0B;IAChC,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,wDAAwD;IACxD,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,yBAAyB,EACzB;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/Layouts/Designer/DesignerComponent.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Vue 3 component wrapper for the mosaik-designer web component.
+ *
+ * @public
+ */
+export declare const DesignerComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    mode?: any;
+    resolvedLayers?: any;
+    defaultLayers?: any;
+    layers?: any;
+    frameSize?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "layersChanged")[], "connected" | "disconnected" | "changed" | "layersChanged", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    mode?: any;
+    resolvedLayers?: any;
+    defaultLayers?: any;
+    layers?: any;
+    frameSize?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onLayersChanged?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikDesigner: typeof DesignerComponent;
+    }
+}
+//# sourceMappingURL=DesignerComponent.d.ts.map

package/Controls/Components/Layouts/Designer/DesignerComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Designer/DesignerComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;iFAqB5B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,cAAc,EAAE,OAAO,iBAAiB,CAAC;KAC5C;CACJ"}

package/Controls/Components/Layouts/Designer/DesignerComponent.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-designer web component.
+ *
+ * @public
+ */
+export const DesignerComponent = defineComponent({
+    name: 'DesignerComponent',
+    props: ['resolvedLayers', 'defaultLayers', 'layers', 'frameSize', 'mode', 'themeName', 'dir', 'lang'],
+    emits: ['layersChanged', 'connected', 'disconnected', 'changed'],
+    // slots: ['', 'header', 'before-content', 'after-content', 'footer', 'style']
+    // methods: { updateLayers, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-designer', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onLayersChanged: (event) => emit('layersChanged', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=DesignerComponent.js.map

package/Controls/Components/Layouts/Designer/DesignerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Designer/DesignerComponent.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,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACrG,KAAK,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAChE,8EAA8E;IAC9E,sEAAsE;IACtE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,iBAAiB,EACjB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,eAAe,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC;YAC/D,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/Layouts/Designer/Frame/DesignerFrameComponent.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Vue 3 component wrapper for the mosaik-designer-frame web component.
+ *
+ * @public
+ */
+export declare const DesignerFrameComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    bounds?: any;
+    showBounds?: 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;
+    bounds?: any;
+    showBounds?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikDesignerFrame: typeof DesignerFrameComponent;
+    }
+}
+//# sourceMappingURL=DesignerFrameComponent.d.ts.map

package/Controls/Components/Layouts/Designer/Frame/DesignerFrameComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerFrameComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Frame/DesignerFrameComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;iFAoBjC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,mBAAmB,EAAE,OAAO,sBAAsB,CAAC;KACtD;CACJ"}

package/Controls/Components/Layouts/Designer/Frame/DesignerFrameComponent.js

@@ -0,0 +1,29 @@
+// ------------------------------------------------------------------------------
+// <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-designer-frame web component.
+ *
+ * @public
+ */
+export const DesignerFrameComponent = defineComponent({
+    name: 'DesignerFrameComponent',
+    props: ['bounds', 'showBounds', 'themeName', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-designer-frame', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=DesignerFrameComponent.js.map

package/Controls/Components/Layouts/Designer/Frame/DesignerFrameComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerFrameComponent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Designer/Frame/DesignerFrameComponent.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,sBAAsB,GAAG,eAAe,CAAC;IAClD,IAAI,EAAE,wBAAwB;IAC9B,KAAK,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC3D,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,uBAAuB;IACvB,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,uBAAuB,EACvB;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"}