@breadstone/mosaik-elements-vue 0.0.224 → 0.0.227

package/Controls/Components/Inputs/RichTextBox/RichTextBoxComponent.js

@@ -5,28 +5,25 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { RichTextBoxElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(RichTextBoxElement);
 /**
+ * Vue 3 component wrapper for the mosaik-richtextbox web component.
+ *
  * @public
  */
 export const RichtextboxComponent = defineComponent({
     name: 'RichtextboxComponent',
     props: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', 'appearance', 'variant', 'invalid', 'value', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
     emits: ['cleared', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix'],
-    // methods: { command, focus, blur, reset, clear, checkValidity, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['prefix', 'suffix', 'style']
+    // methods: { command, 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-richtextbox', {
             ...props,
-            on: {
-                cleared: (event) => emit('cleared', event),
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onCleared: (event) => emit('cleared', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Inputs/RichTextBox/RichTextBoxComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/RichTextBox/RichTextBoxComponent.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;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACpU,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,+BAA+B;IAC/B,mOAAmO;IACnO,sDAAsD;IACtD,KAAK,CAAC,KAA+B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAClD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,oBAAoB,EACpB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBACnD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,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":"RichTextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/RichTextBox/RichTextBoxComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACpU,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,uCAAuC;IACvC,kPAAkP;IAClP,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,oBAAoB,EACpB;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/Scheduler/SchedulerComponent.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Vue 3 component wrapper for the mosaik-scheduler web component.
+ *
+ * @public
+ */
+export declare const SchedulerComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    intl?: any;
+    appearance?: any;
+    size?: any;
+    view?: any;
+    blackoutDates?: any;
+    specialDates?: any;
+    firstDayOfWeek?: any;
+    isTodayHighlighted?: any;
+    isWeekendHighlighted?: any;
+    showWeekNumbers?: any;
+    showAdjacent?: any;
+    locale?: any;
+    visibleDates?: any;
+    collectedEvents?: any;
+    eventsByDay?: any;
+    timeSlots?: any;
+    hasAllDayEvents?: any;
+    startDate?: any;
+    days?: any;
+    hourStart?: any;
+    hourEnd?: any;
+    stepMinutes?: any;
+    timezone?: any;
+    allDayVisibility?: any;
+    daysAhead?: any;
+    weekdayFormat?: any;
+    dayFormat?: any;
+    timeFormat?: any;
+    monthDayFormat?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "schedulerBeforeEventActivate" | "schedulerEventActivate" | "schedulerBeforeSelectRange" | "schedulerSelectRange" | "schedulerRangeChange")[], "connected" | "disconnected" | "changed" | "schedulerBeforeEventActivate" | "schedulerEventActivate" | "schedulerBeforeSelectRange" | "schedulerSelectRange" | "schedulerRangeChange", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    intl?: any;
+    appearance?: any;
+    size?: any;
+    view?: any;
+    blackoutDates?: any;
+    specialDates?: any;
+    firstDayOfWeek?: any;
+    isTodayHighlighted?: any;
+    isWeekendHighlighted?: any;
+    showWeekNumbers?: any;
+    showAdjacent?: any;
+    locale?: any;
+    visibleDates?: any;
+    collectedEvents?: any;
+    eventsByDay?: any;
+    timeSlots?: any;
+    hasAllDayEvents?: any;
+    startDate?: any;
+    days?: any;
+    hourStart?: any;
+    hourEnd?: any;
+    stepMinutes?: any;
+    timezone?: any;
+    allDayVisibility?: any;
+    daysAhead?: any;
+    weekdayFormat?: any;
+    dayFormat?: any;
+    timeFormat?: any;
+    monthDayFormat?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onSchedulerBeforeEventActivate?: ((...args: any[]) => any) | undefined;
+    onSchedulerEventActivate?: ((...args: any[]) => any) | undefined;
+    onSchedulerBeforeSelectRange?: ((...args: any[]) => any) | undefined;
+    onSchedulerSelectRange?: ((...args: any[]) => any) | undefined;
+    onSchedulerRangeChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikScheduler: typeof SchedulerComponent;
+    }
+}
+//# sourceMappingURL=SchedulerComponent.d.ts.map

package/Controls/Components/Inputs/Scheduler/SchedulerComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAyB7B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,eAAe,EAAE,OAAO,kBAAkB,CAAC;KAC9C;CACJ"}

package/Controls/Components/Inputs/Scheduler/SchedulerComponent.js

@@ -0,0 +1,34 @@
+// ------------------------------------------------------------------------------
+// <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-scheduler web component.
+ *
+ * @public
+ */
+export const SchedulerComponent = defineComponent({
+    name: 'SchedulerComponent',
+    props: ['visibleDates', 'collectedEvents', 'eventsByDay', 'timeSlots', 'intl', 'hasAllDayEvents', 'view', 'startDate', 'days', 'hourStart', 'hourEnd', 'stepMinutes', 'timezone', 'blackoutDates', 'specialDates', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'allDayVisibility', 'showWeekNumbers', 'showAdjacent', 'daysAhead', 'weekdayFormat', 'dayFormat', 'timeFormat', 'monthDayFormat', 'themeName', 'appearance', 'variant', 'locale', 'size', 'disabled', 'dir', 'lang'],
+    emits: ['schedulerBeforeEventActivate', 'schedulerEventActivate', 'schedulerBeforeSelectRange', 'schedulerSelectRange', 'schedulerRangeChange', 'connected', 'disconnected', 'changed'],
+    // slots: ['', 'style']
+    // methods: { isBlackoutDate, isSpecialDate, isWeekend, isToday, getEventsForDay, getAllDayEventsForDay, getAllDayEvents, getNowIndicatorTop, activateEvent, navigateToDate, navigateToday, navigatePrevious, navigateNext, onEventClick, onGridCellClick, onAllDayCellClick, onEventKeydown, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-scheduler', {
+            ...props,
+            // Vue 3 event handlers (onEventName format)
+            onSchedulerBeforeEventActivate: (event) => emit('schedulerBeforeEventActivate', event),
+            onSchedulerEventActivate: (event) => emit('schedulerEventActivate', event),
+            onSchedulerBeforeSelectRange: (event) => emit('schedulerBeforeSelectRange', event),
+            onSchedulerSelectRange: (event) => emit('schedulerSelectRange', event),
+            onSchedulerRangeChange: (event) => emit('schedulerRangeChange', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
+        }, slots.default ? slots.default() : []);
+    }
+});
+//# sourceMappingURL=SchedulerComponent.js.map

package/Controls/Components/Inputs/Scheduler/SchedulerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerComponent.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,kBAAkB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,CAAC,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IACve,KAAK,EAAE,CAAC,8BAA8B,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACvL,uBAAuB;IACvB,wbAAwb;IACxb,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,kBAAkB,EAClB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,8BAA8B,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC;YAC7F,wBAAwB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,KAAK,CAAC;YACjF,4BAA4B,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,KAAK,CAAC;YACzF,sBAAsB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,KAAK,CAAC;YAC7E,sBAAsB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,KAAK,CAAC;YAC7E,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/Scheduler/SchedulerEventComponent.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Vue 3 component wrapper for the mosaik-scheduler-event web component.
+ *
+ * @public
+ */
+export declare const SchedulerEventComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    schedulerEventChange?: any;
+    variant?: any;
+    disabled?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    view?: any;
+    start?: any;
+    end?: any;
+    eventKey?: any;
+    allDay?: any;
+    status?: 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;
+    schedulerEventChange?: any;
+    variant?: any;
+    disabled?: any;
+    appearance?: any;
+    value?: any;
+    isFocused?: any;
+    view?: any;
+    start?: any;
+    end?: any;
+    eventKey?: any;
+    allDay?: any;
+    status?: 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 {
+        MosaikSchedulerEvent: typeof SchedulerEventComponent;
+    }
+}
+//# sourceMappingURL=SchedulerEventComponent.d.ts.map

package/Controls/Components/Inputs/Scheduler/SchedulerEventComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerEventComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerEventComponent.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/Inputs/Scheduler/SchedulerEventComponent.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-scheduler-event web component.
+ *
+ * @public
+ */
+export const SchedulerEventComponent = defineComponent({
+    name: 'SchedulerEventComponent',
+    props: ['view', 'schedulerEventChange', 'eventKey', 'allDay', 'status', 'themeName', 'isFocused', 'disabled', 'variant', 'value', 'appearance', 'start', 'end', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['title', 'content', 'footer', 'style']
+    // methods: { assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-scheduler-event', {
+            ...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=SchedulerEventComponent.js.map

package/Controls/Components/Inputs/Scheduler/SchedulerEventComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerEventComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Scheduler/SchedulerEventComponent.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,sBAAsB,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;IAC9K,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,iDAAiD;IACjD,+LAA+L;IAC/L,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/Inputs/SearchBox/SearchBoxComponent.d.ts

@@ -1,48 +1,66 @@
 /**
+ * Vue 3 component wrapper for the mosaik-searchbox web component.
+ *
  * @public
  */
 export declare const SearchboxComponent: import("vue").DefineComponent<{
-    value: string;
-    readonly: boolean;
-    required: boolean;
-    autofocus: boolean;
-    name: string;
-    pattern: string;
-    placeholder: string;
-    autocomplete: boolean;
-    mode: import("@breadstone/mosaik-elements-foundation").SearchTriggerMode;
-    delay: number;
-    disabled: boolean;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    isBusy: boolean;
-    invalid: boolean;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    isClearable: boolean;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    name?: any;
+    mode?: any;
+    invalid?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    placeholder?: any;
+    required?: any;
+    readonly?: any;
+    textAlign?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
+    parser?: any;
+    isFocused?: any;
+    autofocus?: any;
+    pattern?: any;
+    autocomplete?: any;
+    delay?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared" | "searched")[], "connected" | "disconnected" | "changed" | "cleared" | "searched", import("vue").PublicProps, Readonly<{
-    value: string;
-    readonly: boolean;
-    required: boolean;
-    autofocus: boolean;
-    name: string;
-    pattern: string;
-    placeholder: string;
-    autocomplete: boolean;
-    mode: import("@breadstone/mosaik-elements-foundation").SearchTriggerMode;
-    delay: number;
-    disabled: boolean;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    isBusy: boolean;
-    invalid: boolean;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    isClearable: boolean;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "searched" | "cleared")[], "connected" | "disconnected" | "changed" | "searched" | "cleared", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    name?: any;
+    mode?: any;
+    invalid?: any;
+    variant?: any;
+    disabled?: any;
+    isBusy?: any;
+    placeholder?: any;
+    required?: any;
+    readonly?: any;
+    textAlign?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    state?: any;
+    formatter?: any;
+    parser?: any;
+    isFocused?: any;
+    autofocus?: any;
+    pattern?: any;
+    autocomplete?: any;
+    delay?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onCleared?: ((...args: any[]) => any) | undefined;
     onSearched?: ((...args: any[]) => any) | undefined;
+    onCleared?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Inputs/SearchBox/SearchBoxComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAwB7B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,eAAe,EAAE,OAAO,kBAAkB,CAAC;KAC9C;CACJ"}
+{"version":3,"file":"SearchBoxComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsB7B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,eAAe,EAAE,OAAO,kBAAkB,CAAC;KAC9C;CACJ"}

package/Controls/Components/Inputs/SearchBox/SearchBoxComponent.js

@@ -5,29 +5,26 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { SearchBoxElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(SearchBoxElement);
 /**
+ * Vue 3 component wrapper for the mosaik-searchbox web component.
+ *
  * @public
  */
 export const SearchboxComponent = defineComponent({
     name: 'SearchboxComponent',
     props: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'isBusy', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
     emits: ['cleared', 'searched', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix'],
-    // methods: { focus, blur, reset, search, clear, checkValidity, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['prefix', 'suffix', 'style']
+    // methods: { focus, blur, reset, search, clear, checkValidity, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-searchbox', {
             ...props,
-            on: {
-                cleared: (event) => emit('cleared', event),
-                searched: (event) => emit('searched', event),
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onCleared: (event) => emit('cleared', event),
+            onSearched: (event) => emit('searched', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event),
+            onChanged: (event) => emit('changed', event)
         }, slots.default ? slots.default() : []);
     }
 });

package/Controls/Components/Inputs/SearchBox/SearchBoxComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxComponent.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;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACvR,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACtE,+BAA+B;IAC/B,kOAAkO;IAClO,sDAAsD;IACtD,KAAK,CAAC,KAA6B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAChD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,kBAAkB,EAClB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBACnD,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;gBACrD,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;gBACvD,YAAY,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;gBAC7D,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aACtD;SACJ,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":"SearchBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxComponent.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,kBAAkB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACvR,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACtE,uCAAuC;IACvC,iPAAiP;IACjP,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,kBAAkB,EAClB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,UAAU,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;YACrD,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/Select/SelectComponent.d.ts

@@ -1,65 +1,81 @@
 /**
+ * Vue 3 component wrapper for the mosaik-select web component.
+ *
  * @public
  */
 export declare const SelectComponent: import("vue").DefineComponent<{
-    isEditable: boolean;
-    isReadOnly: boolean;
-    value: string | null;
-    placeholder: string;
-    required: boolean;
-    textAlign: import("@breadstone/mosaik-elements-foundation").TextAlignment;
-    readonly selectedItem: any;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
-    dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
-    dropDownDistance: number;
-    dropDownSkidding: number;
-    dropDownStaysOpen: boolean;
-    maxDropDownHeight: import("libs/mosaik-themes/dist").CssLength;
-    isDropDownOpen: boolean;
-    label: string;
-    invalid: boolean;
-    isClearable: boolean;
-    showFilter: boolean;
-    filterMemberPath: string;
-    filter: string;
-    filterPlaceholder: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    filter?: any;
+    label?: any;
+    invalid?: any;
+    variant?: any;
+    disabled?: any;
+    intl?: any;
+    placeholder?: any;
+    filterPlaceholder?: any;
+    required?: any;
+    textAlign?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    selectedItem?: any;
+    isEditable?: any;
+    showFilter?: any;
+    filterMemberPath?: any;
+    isReadOnly?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared" | "selectionChanged" | "itemsChanged")[], "connected" | "disconnected" | "changed" | "cleared" | "selectionChanged" | "itemsChanged", import("vue").PublicProps, Readonly<{
-    isEditable: boolean;
-    isReadOnly: boolean;
-    value: string | null;
-    placeholder: string;
-    required: boolean;
-    textAlign: import("@breadstone/mosaik-elements-foundation").TextAlignment;
-    readonly selectedItem: any;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    disabled: boolean;
-    dropDownPlacement: import("@breadstone/mosaik-elements-foundation").Placement;
-    dropDownStrategy: import("@breadstone/mosaik-elements-foundation").Strategy;
-    dropDownDistance: number;
-    dropDownSkidding: number;
-    dropDownStaysOpen: boolean;
-    maxDropDownHeight: import("libs/mosaik-themes/dist").CssLength;
-    isDropDownOpen: boolean;
-    label: string;
-    invalid: boolean;
-    isClearable: boolean;
-    showFilter: boolean;
-    filterMemberPath: string;
-    filter: string;
-    filterPlaceholder: string;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    filter?: any;
+    label?: any;
+    invalid?: any;
+    variant?: any;
+    disabled?: any;
+    intl?: any;
+    placeholder?: any;
+    filterPlaceholder?: any;
+    required?: any;
+    textAlign?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
+    appearance?: any;
+    isClearable?: any;
+    value?: any;
+    selectedItem?: any;
+    isEditable?: any;
+    showFilter?: any;
+    filterMemberPath?: any;
+    isReadOnly?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onCleared?: ((...args: any[]) => any) | undefined;
     onSelectionChanged?: ((...args: any[]) => any) | undefined;
     onItemsChanged?: ((...args: any[]) => any) | undefined;
+    onCleared?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Inputs/Select/SelectComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAyB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"SelectComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuB1B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,YAAY,EAAE,OAAO,eAAe,CAAC;KACxC;CACJ"}

package/Controls/Components/Inputs/Select/SelectComponent.js

@@ -5,30 +5,27 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { SelectElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(SelectElement);
 /**
+ * Vue 3 component wrapper for the mosaik-select web component.
+ *
  * @public
  */
 export const SelectComponent = defineComponent({
     name: 'SelectComponent',
-    props: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'invalid', 'disabled', 'value', 'themeName', 'showFilter', 'filterMemberPath', 'filter', 'filterPlaceholder', 'selectedItem', 'dir', 'lang'],
-    emits: ['cleared', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix', 'filter', ''],
-    // methods: { reset, checkValidity, clear, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, hasSlotContent, hasSlot, onSlotChanges, open, close, toggle, select, unselect, resetSelection, selectNext, selectPrevious, selectFirst, selectLast, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    props: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'invalid', 'disabled', 'value', 'themeName', 'showFilter', 'filterMemberPath', 'filter', 'filterPlaceholder', 'selectedItem', 'dir', 'lang'],
+    emits: ['cleared', 'selectionChanged', 'itemsChanged', 'changed', 'connected', 'disconnected'],
+    // slots: ['prefix', 'suffix', 'filter', '', 'style']
+    // methods: { reset, checkValidity, clear, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, open, close, toggle, select, deselect, resetSelection, selectNext, selectPrevious, selectFirst, selectLast, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-select', {
             ...props,
-            on: {
-                cleared: (event) => emit('cleared', event),
-                selectionChanged: (event) => emit('selectionChanged', event),
-                itemsChanged: (event) => emit('itemsChanged', event),
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // Vue 3 event handlers (onEventName format)
+            onCleared: (event) => emit('cleared', event),
+            onSelectionChanged: (event) => emit('selectionChanged', event),
+            onItemsChanged: (event) => emit('itemsChanged', event),
+            onChanged: (event) => emit('changed', event),
+            onConnected: (event) => emit('connected', event),
+            onDisconnected: (event) => emit('disconnected', event)
         }, slots.default ? slots.default() : []);
     }
 });