@breadstone/mosaik-elements-vue 0.1.35 → 0.1.36

package/Controls/Components/Overlays/tour/TourComponent.d.ts

@@ -4,43 +4,43 @@
  * @public
  */
 export declare const TourComponent: import("vue").DefineComponent<{
-    isOpen?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
-    closeable?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     ended?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    tourId?: any;
     currentStep?: any;
     tooltipStyles?: any;
     started?: any;
     stepChanged?: any;
+    tourId?: any;
     steps?: 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<{
     isOpen?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
     closeable?: 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;
     ended?: any;
     isFirstStep?: any;
     isLastStep?: any;
-    tourId?: any;
     currentStep?: any;
     tooltipStyles?: any;
     started?: any;
     stepChanged?: any;
+    tourId?: any;
     steps?: any;
+    isOpen?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
+    closeable?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Overlays/tour/TourStepComponent.d.ts

@@ -7,7 +7,6 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    step?: any;
     isFirstStep?: any;
     isLastStep?: any;
     resolvedLabels?: any;
@@ -15,13 +14,13 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     next?: any;
     finish?: any;
     skip?: any;
+    step?: 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;
-    step?: any;
     isFirstStep?: any;
     isLastStep?: any;
     resolvedLabels?: any;
@@ -29,6 +28,7 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     next?: any;
     finish?: any;
     skip?: any;
+    step?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Adorners/ResizeAdorner/ResizeAdornerComponent.d.ts

@@ -5,18 +5,18 @@
  */
 export declare const ResizeAdornerComponent: import("vue").DefineComponent<{
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
     angle?: any;
     transformOrigin?: 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;
-    disabled?: any;
     angle?: any;
     transformOrigin?: any;
 }> & Readonly<{

package/Controls/Components/Primitives/Backdrop/BackdropComponent.d.ts

@@ -4,23 +4,23 @@
  * @public
  */
 export declare const BackdropComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    animationTarget?: any;
     enter?: any;
     exit?: any;
-    themeName?: any;
     dir?: any;
     lang?: any;
     hidden?: any;
-    animationTarget?: 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;
+    animationTarget?: any;
     enter?: any;
     exit?: any;
-    themeName?: any;
     dir?: any;
     lang?: any;
     hidden?: any;
-    animationTarget?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Box/BoxComponent.d.ts

@@ -4,27 +4,27 @@
  * @public
  */
 export declare const BoxComponent: import("vue").DefineComponent<{
-    width?: any;
     height?: any;
+    width?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     fit?: any;
+    inset?: any;
     highlighted?: any;
     cornered?: any;
-    inset?: 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<{
-    width?: any;
     height?: any;
+    width?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     fit?: any;
+    inset?: any;
     highlighted?: any;
     cornered?: any;
-    inset?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Checkmark/CheckmarkComponent.d.ts

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

package/Controls/Components/Primitives/Clickable/ClickableComponent.d.ts

@@ -4,21 +4,21 @@
  * @public
  */
 export declare const ClickableComponent: import("vue").DefineComponent<{
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
+    variant?: any;
     isFocused?: 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<{
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
+    variant?: any;
     isFocused?: any;
     ripple?: any;
 }> & Readonly<{

package/Controls/Components/Primitives/Code/CodeComponent.d.ts

@@ -4,18 +4,18 @@
  * @public
  */
 export declare const CodeComponent: import("vue").DefineComponent<{
-    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     text?: 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<{
-    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     text?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Dismiss/DismissComponent.d.ts

@@ -4,24 +4,24 @@
  * @public
  */
 export declare const DismissComponent: import("vue").DefineComponent<{
-    appearance?: any;
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
+    appearance?: any;
     size?: any;
-    disabled?: any;
     isFocused?: 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<{
-    appearance?: any;
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
+    appearance?: any;
     size?: any;
-    disabled?: any;
     isFocused?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Dot/DotComponent.d.ts

@@ -4,23 +4,23 @@
  * @public
  */
 export declare const DotComponent: import("vue").DefineComponent<{
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     fill?: any;
+    variant?: any;
     size?: any;
-    disabled?: 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<{
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     fill?: any;
+    variant?: any;
     size?: any;
-    disabled?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Dot/DotGroupComponent.d.ts

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

package/Controls/Components/Primitives/DropZone/DropZoneComponent.d.ts

@@ -4,22 +4,22 @@
  * @public
  */
 export declare const DropZoneComponent: import("vue").DefineComponent<{
-    appearance?: any;
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
+    variant?: any;
+    appearance?: any;
     state?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "dropZoneData")[], "connected" | "disconnected" | "changed" | "dropZoneData", import("vue").PublicProps, Readonly<{
-    appearance?: any;
-    variant?: any;
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
+    variant?: any;
+    appearance?: any;
     state?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Dropdown/DropdownAnchorComponent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Vue 3 component wrapper for the mosaik-dropdown-anchor web component.
+ *
+ * @public
+ */
+export declare const DropdownAnchorComponent: 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 {
+        MosaikDropdownAnchor: typeof DropdownAnchorComponent;
+    }
+}
+//# sourceMappingURL=DropdownAnchorComponent.d.ts.map

package/Controls/Components/Primitives/Dropdown/DropdownAnchorComponent.d.ts.map

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

package/Controls/Components/Primitives/Dropdown/DropdownAnchorComponent.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-dropdown-anchor web component.
+ *
+ * @public
+ */
+export const DropdownAnchorComponent = defineComponent({
+    name: 'DropdownAnchorComponent',
+    props: ['themeName', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-dropdown-anchor', {
+            ...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=DropdownAnchorComponent.js.map

package/Controls/Components/Primitives/Dropdown/DropdownAnchorComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownAnchorComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Dropdown/DropdownAnchorComponent.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,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,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,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/Primitives/Dropdown/DropdownComponent.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Vue 3 component wrapper for the mosaik-dropdown web component.
+ *
+ * @public
+ */
+export declare const DropdownComponent: import("vue").DefineComponent<{
+    _anchorId?: any;
+    _panelId?: any;
+    _anchorName?: any;
+    popupRole?: any;
+    isVisible?: any;
+    placement?: any;
+    strategy?: any;
+    offset?: any;
+    skidding?: any;
+    open?: any;
+    trigger?: any;
+    closeOnOutsideClick?: any;
+    closeOnEscape?: any;
+    closeOnSelect?: any;
+    restoreFocus?: any;
+    hasPopup?: any;
+    matchAnchorWidth?: any;
+    maxHeight?: any;
+    height?: any;
+    width?: any;
+    maxWidth?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownMaxWidth?: any;
+    dropDownWidth?: any;
+    isDropDownOpen?: any;
+    themeName?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: 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, ("openChanged" | "slotchange" | "connected" | "disconnected" | "changed")[], "openChanged" | "slotchange" | "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
+    _anchorId?: any;
+    _panelId?: any;
+    _anchorName?: any;
+    popupRole?: any;
+    isVisible?: any;
+    placement?: any;
+    strategy?: any;
+    offset?: any;
+    skidding?: any;
+    open?: any;
+    trigger?: any;
+    closeOnOutsideClick?: any;
+    closeOnEscape?: any;
+    closeOnSelect?: any;
+    restoreFocus?: any;
+    hasPopup?: any;
+    matchAnchorWidth?: any;
+    maxHeight?: any;
+    height?: any;
+    width?: any;
+    maxWidth?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownMaxWidth?: any;
+    dropDownWidth?: any;
+    isDropDownOpen?: any;
+    themeName?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
+    disabled?: any;
+    dir?: any;
+    lang?: any;
+}> & Readonly<{
+    onOpenChanged?: ((...args: any[]) => any) | undefined;
+    onSlotchange?: ((...args: any[]) => any) | undefined;
+    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 {
+        MosaikDropdown: typeof DropdownComponent;
+    }
+}
+//# sourceMappingURL=DropdownComponent.d.ts.map

package/Controls/Components/Primitives/Dropdown/DropdownComponent.d.ts.map

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

package/Controls/Components/Primitives/Dropdown/DropdownComponent.js

@@ -0,0 +1,31 @@
+// ------------------------------------------------------------------------------
+// <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-dropdown web component.
+ *
+ * @public
+ */
+export const DropdownComponent = defineComponent({
+    name: 'DropdownComponent',
+    props: ['_anchorId', '_panelId', '_anchorName', 'popupRole', 'isVisible', 'placement', 'strategy', 'offset', 'skidding', 'open', 'trigger', 'closeOnOutsideClick', 'closeOnEscape', 'closeOnSelect', 'restoreFocus', 'hasPopup', 'matchAnchorWidth', 'maxHeight', 'height', 'width', 'maxWidth', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownMaxWidth', 'dropDownWidth', 'isDropDownOpen', 'themeName', 'animationTarget', 'enter', 'exit', 'disabled', 'dir', 'lang'],
+    emits: ['openChanged', 'slotchange', 'connected', 'disconnected', 'changed'],
+    // slots: ['anchor', 'panel', 'style']
+    // methods: { openDropdown, closeDropdown, toggleDropdown, updatePosition, onAnchorSlotChange, onPanelSlotChange, play, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-dropdown', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onOpenChanged: (event) => emit('openChanged', event),
+            onSlotchange: (event) => emit('slotchange', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=DropdownComponent.js.map

package/Controls/Components/Primitives/Dropdown/DropdownComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Dropdown/DropdownComponent.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,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IAChjB,KAAK,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC5E,sCAAsC;IACtC,kKAAkK;IAClK,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,iBAAiB,EACjB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,aAAa,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC;YAC3D,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;YACzD,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/Primitives/Dropdown/DropdownPanelComponent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Vue 3 component wrapper for the mosaik-dropdown-panel web component.
+ *
+ * @public
+ */
+export declare const DropdownPanelComponent: 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 {
+        MosaikDropdownPanel: typeof DropdownPanelComponent;
+    }
+}
+//# sourceMappingURL=DropdownPanelComponent.d.ts.map

package/Controls/Components/Primitives/Dropdown/DropdownPanelComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPanelComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Dropdown/DropdownPanelComponent.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/Primitives/Dropdown/DropdownPanelComponent.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-dropdown-panel web component.
+ *
+ * @public
+ */
+export const DropdownPanelComponent = defineComponent({
+    name: 'DropdownPanelComponent',
+    props: ['themeName', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-dropdown-panel', {
+            ...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=DropdownPanelComponent.js.map

package/Controls/Components/Primitives/Dropdown/DropdownPanelComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPanelComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Dropdown/DropdownPanelComponent.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,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,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"}