@breadstone/mosaik-elements-vue 0.0.224 → 0.0.227

package/Controls/Components/Media/Persona/PersonaComponent.d.ts

@@ -1,42 +1,54 @@
 /**
+ * Vue 3 component wrapper for the mosaik-persona web component.
+ *
  * @public
  */
 export declare const PersonaComponent: import("vue").DefineComponent<{
-    primaryText: string;
-    secondaryText: string;
-    tertiaryText: string;
-    quaternaryText: string;
-    presence: import("@breadstone/mosaik-elements-foundation").PersonaPresence;
-    text: string;
-    textAccessor: (value: string) => string;
-    icon: string;
-    src: string;
-    displayMode: "image" | "icon" | "text" | null;
-    disabled: boolean;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    src?: any;
+    text?: any;
+    appearance?: any;
+    size?: any;
+    hasBadge?: any;
+    textAccessor?: any;
+    icon?: any;
+    displayMode?: any;
+    orientation?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    primaryText?: any;
+    secondaryText?: any;
+    tertiaryText?: any;
+    quaternaryText?: any;
+    presence?: 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<{
-    primaryText: string;
-    secondaryText: string;
-    tertiaryText: string;
-    quaternaryText: string;
-    presence: import("@breadstone/mosaik-elements-foundation").PersonaPresence;
-    text: string;
-    textAccessor: (value: string) => string;
-    icon: string;
-    src: string;
-    displayMode: "image" | "icon" | "text" | null;
-    disabled: boolean;
-    size: import("@breadstone/mosaik-elements-foundation").Size;
-    appearance: import("@breadstone/mosaik-elements-foundation").Appearance;
-    variant: import("@breadstone/mosaik-elements-foundation").Variant;
-    verticalContentAlignment: import("@breadstone/mosaik-elements-foundation").VerticalAlignment;
-    horizontalContentAlignment: import("@breadstone/mosaik-elements-foundation").HorizontalAlignment;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    variant?: any;
+    disabled?: any;
+    src?: any;
+    text?: any;
+    appearance?: any;
+    size?: any;
+    hasBadge?: any;
+    textAccessor?: any;
+    icon?: any;
+    displayMode?: any;
+    orientation?: any;
+    horizontalContentAlignment?: any;
+    verticalContentAlignment?: any;
+    primaryText?: any;
+    secondaryText?: any;
+    tertiaryText?: any;
+    quaternaryText?: any;
+    presence?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Persona/PersonaComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersonaComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Persona/PersonaComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsB3B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,aAAa,EAAE,OAAO,gBAAgB,CAAC;KAC1C;CACJ"}
+{"version":3,"file":"PersonaComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Persona/PersonaComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAoB3B,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,aAAa,EAAE,OAAO,gBAAgB,CAAC;KAC1C;CACJ"}

package/Controls/Components/Media/Persona/PersonaComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { PersonaElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(PersonaElement);
 /**
+ * Vue 3 component wrapper for the mosaik-persona web component.
+ *
  * @public
  */
 export const PersonaComponent = defineComponent({
     name: 'PersonaComponent',
     props: ['primaryText', 'secondaryText', 'tertiaryText', 'quaternaryText', 'presence', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'hasBadge', 'text', 'textAccessor', 'icon', 'src', 'displayMode', 'themeName', 'size', 'appearance', 'variant', 'disabled', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['', 'badge'],
-    // methods: { changeTextAccessor, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['', 'badge', 'style']
+    // methods: { changeTextAccessor, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-persona', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Persona/PersonaComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonaComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Persona/PersonaComponent.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,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,eAAe,CAAC,cAAc,CAAC,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IACzS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,wBAAwB;IACxB,6EAA6E;IAC7E,sDAAsD;IACtD,KAAK,CAAC,KAA2B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC9C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"PersonaComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Persona/PersonaComponent.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,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IACzS,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,gCAAgC;IAChC,4EAA4E;IAC5E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;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/Media/QRCode/QRCodeComponent.d.ts

@@ -1,22 +1,30 @@
 /**
+ * Vue 3 component wrapper for the mosaik-qrcode web component.
+ *
  * @public
  */
 export declare const QrcodeComponent: import("vue").DefineComponent<{
-    text: string;
-    radius: number;
-    dimension: number;
-    errorCorrection: import("@breadstone/mosaik-elements-foundation").QRErrorCorrection;
-    backgroundColor: import("libs/mosaik-themes/dist").CssColor | null | undefined;
-    foregroundColor: import("libs/mosaik-themes/dist").CssColor | null | undefined;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    text?: any;
+    radius?: any;
+    dimension?: any;
+    errorCorrection?: any;
+    backgroundColor?: any;
+    foregroundColor?: 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<{
-    text: string;
-    radius: number;
-    dimension: number;
-    errorCorrection: import("@breadstone/mosaik-elements-foundation").QRErrorCorrection;
-    backgroundColor: import("libs/mosaik-themes/dist").CssColor | null | undefined;
-    foregroundColor: import("libs/mosaik-themes/dist").CssColor | null | undefined;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    text?: any;
+    radius?: any;
+    dimension?: any;
+    errorCorrection?: any;
+    backgroundColor?: any;
+    foregroundColor?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/QRCode/QRCodeComponent.d.ts.map

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

package/Controls/Components/Media/QRCode/QRCodeComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { QRCodeElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(QRCodeElement);
 /**
+ * Vue 3 component wrapper for the mosaik-qrcode web component.
+ *
  * @public
  */
 export const QrcodeComponent = defineComponent({
     name: 'QrcodeComponent',
     props: ['text', 'radius', 'dimension', 'errorCorrection', 'backgroundColor', 'foregroundColor', 'themeName', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    //
-    // methods: { toDataURL, toBlob, adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['style']
+    // methods: { toDataURL, toBlob, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-qrcode', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/QRCode/QRCodeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/QRCode/QRCodeComponent.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,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,eAAe,CAAC,aAAa,CAAC,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC3H,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,EAAE;IACF,4EAA4E;IAC5E,sDAAsD;IACtD,KAAK,CAAC,KAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"QRCodeComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/QRCode/QRCodeComponent.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,eAAe,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC3H,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,mBAAmB;IACnB,2EAA2E;IAC3E,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;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/Media/Timeline/TimelineComponent.d.ts

@@ -1,16 +1,22 @@
 /**
+ * Vue 3 component wrapper for the mosaik-timeline web component.
+ *
  * @public
  */
 export declare const TimelineComponent: import("vue").DefineComponent<{
-    align: import("@breadstone/mosaik-elements-foundation").TimelineAlignment;
-    themeName: string;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    orientation?: any;
+    align?: 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<{
-    align: import("@breadstone/mosaik-elements-foundation").TimelineAlignment;
-    themeName: string;
-    orientation: import("@breadstone/mosaik-elements-foundation").Orientation;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+    orientation?: any;
+    align?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineComponent.d.ts.map

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

package/Controls/Components/Media/Timeline/TimelineComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { TimelineElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(TimelineElement);
 /**
+ * Vue 3 component wrapper for the mosaik-timeline web component.
+ *
  * @public
  */
 export const TimelineComponent = defineComponent({
     name: 'TimelineComponent',
     props: ['align', 'themeName', 'orientation', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['object Object],[object Object],[object Object'],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['object Object],[object Object],[object Object', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-timeline', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Timeline/TimelineComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineComponent.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,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,eAAe,CAAC,eAAe,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC;IAC3D,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,4DAA4D;IAC5D,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAA4B,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/C,OAAO,GAAG,EAAE,CACR,CAAC,CACG,iBAAiB,EACjB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"TimelineComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineComponent.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,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC;IAC3D,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,oEAAoE;IACpE,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,iBAAiB,EACjB;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/Media/Timeline/TimelineContentComponent.d.ts

@@ -1,12 +1,18 @@
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-content web component.
+ *
  * @public
  */
 export declare const TimelineContentComponent: import("vue").DefineComponent<{
-    themeName: string;
+    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: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineContentComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineContentComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;iFAsBnC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,qBAAqB,EAAE,OAAO,wBAAwB,CAAC;KAC1D;CACJ"}
+{"version":3,"file":"TimelineContentComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentComponent.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/Media/Timeline/TimelineContentComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { TimelineContentElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(TimelineContentElement);
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-content web component.
+ *
  * @public
  */
 export const TimelineContentComponent = defineComponent({
     name: 'TimelineContentComponent',
     props: ['themeName', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: [''],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-timeline-content', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Timeline/TimelineContentComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineContentComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentComponent.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,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAExC;;GAEG;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,eAAe;IACf,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAAmC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACtD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,yBAAyB,EACzB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"TimelineContentComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentComponent.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,uBAAuB;IACvB,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/Media/Timeline/TimelineItemComponent.d.ts

@@ -1,12 +1,18 @@
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-item web component.
+ *
  * @public
  */
 export declare const TimelineItemComponent: import("vue").DefineComponent<{
-    themeName: string;
+    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: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineItemComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItemComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;iFAsBhC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;KACpD;CACJ"}
+{"version":3,"file":"TimelineItemComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;iFAoBhC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;KACpD;CACJ"}

package/Controls/Components/Media/Timeline/TimelineItemComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { TimelineItemElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(TimelineItemElement);
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-item web component.
+ *
  * @public
  */
 export const TimelineItemComponent = defineComponent({
     name: 'TimelineItemComponent',
     props: ['themeName', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['marker', 'content', 'opposite'],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['marker', 'content', 'opposite', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-timeline-item', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Timeline/TimelineItemComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItemComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemComponent.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,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAErC;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;IACjD,IAAI,EAAE,uBAAuB;IAC7B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,4CAA4C;IAC5C,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAAgC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACnD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,sBAAsB,EACtB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"TimelineItemComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemComponent.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,qBAAqB,GAAG,eAAe,CAAC;IACjD,IAAI,EAAE,uBAAuB;IAC7B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,oDAAoD;IACpD,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,sBAAsB,EACtB;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/Media/Timeline/TimelineMarkerComponent.d.ts

@@ -1,12 +1,18 @@
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-marker web component.
+ *
  * @public
  */
 export declare const TimelineMarkerComponent: import("vue").DefineComponent<{
-    themeName: string;
+    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: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineMarkerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;iFAsBlC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,oBAAoB,EAAE,OAAO,uBAAuB,CAAC;KACxD;CACJ"}
+{"version":3,"file":"TimelineMarkerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerComponent.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/Media/Timeline/TimelineMarkerComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { TimelineMarkerElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(TimelineMarkerElement);
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-marker web component.
+ *
  * @public
  */
 export const TimelineMarkerComponent = defineComponent({
     name: 'TimelineMarkerComponent',
     props: ['themeName', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: [''],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-timeline-marker', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Timeline/TimelineMarkerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineMarkerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerComponent.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,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,eAAe,CAAC,qBAAqB,CAAC,CAAC;AAEvC;;GAEG;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,eAAe;IACf,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAAkC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACrD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,wBAAwB,EACxB;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"TimelineMarkerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerComponent.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/Media/Timeline/TimelineOppositeComponent.d.ts

@@ -1,12 +1,18 @@
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-opposite web component.
+ *
  * @public
  */
 export declare const TimelineOppositeComponent: import("vue").DefineComponent<{
-    themeName: string;
+    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: string;
+    themeName?: any;
+    dir?: any;
+    lang?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineOppositeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineOppositeComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeComponent.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;iFAsBpC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,sBAAsB,EAAE,OAAO,yBAAyB,CAAC;KAC5D;CACJ"}
+{"version":3,"file":"TimelineOppositeComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;iFAoBpC,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,sBAAsB,EAAE,OAAO,yBAAyB,CAAC;KAC5D;CACJ"}

package/Controls/Components/Media/Timeline/TimelineOppositeComponent.js

@@ -5,27 +5,24 @@
 // </auto-generated>
 // ------------------------------------------------------------------------------
 import { defineComponent, h } from 'vue';
-import { createComponent } from '../../../../Utils/Proxy';
-import { TimelineOppositeElement } from '@breadstone/mosaik-elements-foundation';
-createComponent(TimelineOppositeElement);
 /**
+ * Vue 3 component wrapper for the mosaik-timeline-opposite web component.
+ *
  * @public
  */
 export const TimelineOppositeComponent = defineComponent({
     name: 'TimelineOppositeComponent',
     props: ['themeName', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: [''],
-    // methods: { adoptStyle, on, off, emit, requestUpdate },
-    // eslint-disable-next-line @typescript-eslint/typedef
+    // slots: ['', 'style']
+    // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-timeline-opposite', {
             ...props,
-            on: {
-                connected: (event) => emit('connected', event),
-                disconnected: (event) => emit('disconnected', event),
-                changed: (event) => emit('changed', event)
-            }
+            // 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() : []);
     }
 });

package/Controls/Components/Media/Timeline/TimelineOppositeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineOppositeComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeComponent.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,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAEzC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,eAAe,CAAC;IACrD,IAAI,EAAE,2BAA2B;IACjC,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,eAAe;IACf,yDAAyD;IACzD,sDAAsD;IACtD,KAAK,CAAC,KAAoC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACvD,OAAO,GAAG,EAAE,CACR,CAAC,CACG,0BAA0B,EAC1B;YACI,GAAG,KAAK;YACR,EAAE,EAAE;gBACA,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":"TimelineOppositeComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeComponent.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,yBAAyB,GAAG,eAAe,CAAC;IACrD,IAAI,EAAE,2BAA2B;IACjC,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,0BAA0B,EAC1B;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"}