@breadstone/mosaik-elements-vue 0.0.231 → 0.0.233

package/Controls/Components/Inputs/SignaturePad/SignaturePadComponent.d.ts

@@ -5,55 +5,55 @@
  */
 export declare const SignaturepadComponent: import("vue").DefineComponent<{
     themeName?: any;
-    label?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     invalid?: any;
+    disabled?: any;
+    variant?: any;
     width?: any;
     height?: any;
-    required?: any;
     placeholder?: any;
+    required?: any;
+    appearance?: any;
     isClearable?: any;
+    value?: any;
+    isFocused?: any;
+    maxWidth?: any;
+    backgroundColor?: any;
+    minWidth?: any;
     isEmpty?: any;
     minDistance?: any;
     throttle?: any;
     dotSize?: any;
-    minWidth?: any;
-    maxWidth?: any;
     velocityFilterWeight?: any;
-    backgroundColor?: any;
     penColor?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "signStarted" | "signEnded" | "signStrokeBeforeUpdate" | "signStrokeAfterUpdate" | "cleared")[], "connected" | "disconnected" | "changed" | "signStarted" | "signEnded" | "signStrokeBeforeUpdate" | "signStrokeAfterUpdate" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    label?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     invalid?: any;
+    disabled?: any;
+    variant?: any;
     width?: any;
     height?: any;
-    required?: any;
     placeholder?: any;
+    required?: any;
+    appearance?: any;
     isClearable?: any;
+    value?: any;
+    isFocused?: any;
+    maxWidth?: any;
+    backgroundColor?: any;
+    minWidth?: any;
     isEmpty?: any;
     minDistance?: any;
     throttle?: any;
     dotSize?: any;
-    minWidth?: any;
-    maxWidth?: any;
     velocityFilterWeight?: any;
-    backgroundColor?: any;
     penColor?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

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

@@ -5,70 +5,70 @@
  */
 export declare const TextboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    isBusy?: any;
-    label?: any;
-    type?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
     name?: any;
+    label?: any;
     invalid?: any;
     resize?: any;
-    state?: any;
-    formatter?: any;
+    disabled?: any;
+    variant?: any;
+    isBusy?: any;
+    placeholder?: any;
     required?: 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" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    isBusy?: any;
-    label?: any;
-    type?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
     name?: any;
+    label?: any;
     invalid?: any;
     resize?: any;
-    state?: any;
-    formatter?: any;
+    disabled?: any;
+    variant?: any;
+    isBusy?: any;
+    placeholder?: any;
     required?: 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;
     onDisconnected?: ((...args: any[]) => any) | undefined;

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

@@ -5,33 +5,17 @@
  */
 export declare const TimeboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    label?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
     name?: any;
+    label?: any;
     invalid?: any;
-    state?: any;
-    interval?: any;
-    formatter?: any;
+    disabled?: any;
+    variant?: 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,38 +26,38 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    parser?: any;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
-    themeName?: any;
-    label?: any;
-    variant?: any;
     appearance?: any;
+    isClearable?: any;
     value?: any;
-    disabled?: any;
-    isFocused?: any;
-    dir?: any;
-    lang?: any;
-    name?: any;
-    invalid?: any;
     state?: any;
-    interval?: any;
     formatter?: any;
-    required?: any;
-    readonly?: any;
+    parser?: any;
+    isFocused?: any;
+    markerHandler?: any;
+    locale?: any;
     autofocus?: any;
-    placeholder?: any;
     autocomplete?: any;
     isEditable?: any;
+    interval?: any;
     blackoutTimes?: any;
     specialTimes?: any;
     minTime?: any;
     maxTime?: any;
-    markerHandler?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    name?: any;
+    label?: any;
+    invalid?: any;
+    disabled?: any;
+    variant?: any;
+    placeholder?: any;
+    required?: any;
+    readonly?: any;
     textAlign?: any;
-    isClearable?: any;
-    locale?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -84,7 +68,23 @@ 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;
     onDisconnected?: ((...args: any[]) => any) | undefined;

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

@@ -5,39 +5,39 @@
  */
 export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     themeName?: any;
-    label?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
     name?: any;
+    label?: any;
     invalid?: any;
-    isChecked?: any;
+    disabled?: any;
+    variant?: any;
+    required?: any;
+    appearance?: 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" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    label?: any;
-    variant?: any;
-    appearance?: any;
-    value?: any;
-    disabled?: any;
-    isFocused?: any;
     dir?: any;
     lang?: any;
     name?: any;
+    label?: any;
     invalid?: any;
-    isChecked?: any;
+    disabled?: any;
+    variant?: any;
+    required?: any;
+    appearance?: any;
+    value?: any;
     formatter?: any;
+    isFocused?: any;
     labelPosition?: any;
-    required?: any;
+    isChecked?: any;
     isThreeState?: any;
 }> & Readonly<{
     onConnected?: ((...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

@@ -5,17 +5,17 @@
  */
 export declare const AbsoluteComponent: import("vue").DefineComponent<{
     themeName?: any;
-    fit?: any;
     dir?: any;
     lang?: any;
+    fit?: any;
     items?: 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;
-    fit?: any;
     dir?: any;
     lang?: any;
+    fit?: any;
     items?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

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

@@ -4,23 +4,23 @@
  * @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" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", 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;
     onDisconnected?: ((...args: any[]) => any) | undefined;

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