@breadstone/mosaik-elements-vue 0.0.230 → 0.0.232

package/Controls/Components/Media/Chat/ChatMessageAvatarComponent.d.ts

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

package/Controls/Components/Media/Chat/ChatMessageComponent.d.ts

@@ -9,36 +9,36 @@ export declare const ChatMessageComponent: import("vue").DefineComponent<{
     lang?: any;
     at?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    appearance?: any;
-    text?: any;
     isBusy?: any;
+    text?: any;
+    appearance?: any;
+    value?: any;
     formatter?: any;
-    author?: any;
     attachments?: any;
+    author?: any;
     reply?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected")[], "connected" | "changed" | "disconnected", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     at?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    appearance?: any;
-    text?: any;
     isBusy?: any;
+    text?: any;
+    appearance?: any;
+    value?: any;
     formatter?: any;
-    author?: any;
     attachments?: any;
+    author?: any;
     reply?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Media/Chat/ChatMessageComponent.js

@@ -14,7 +14,7 @@ export const ChatMessageComponent = defineComponent({
     name: 'ChatMessageComponent',
     props: ['attachments', 'author', 'text', 'at', 'reply', 'themeName', 'variant', 'appearance', 'disabled', 'formatter', 'isBusy', 'value', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['avatar', 'author', 'at', 'text', 'attachment', 'reaction', 'style']
+    // slots: ['at', 'attachment', 'author', 'avatar', 'reaction', 'text', 'style']
     // methods: { assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-chat-message', {

package/Controls/Components/Media/Chat/ChatMessageDividerComponent.d.ts

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

package/Controls/Components/Media/Chat/ChatMessageDividerComponent.js

@@ -14,7 +14,7 @@ export const ChatMessageDividerComponent = defineComponent({
     name: 'ChatMessageDividerComponent',
     props: ['text', 'thickness', 'themeName', 'isSticky', 'dir', 'lang'],
     emits: ['connected', 'disconnected', 'changed'],
-    // slots: ['style']
+    // slots: ['', 'style']
     // methods: { adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-chat-message-divider', {

package/Controls/Components/Media/Chat/ChatMessageDividerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageDividerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageDividerComponent.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,2BAA2B,GAAG,eAAe,CAAC;IACvD,IAAI,EAAE,6BAA6B;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IACpE,KAAK,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC/C,mBAAmB;IACnB,wDAAwD;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,6BAA6B,EAC7B;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"}
+{"version":3,"file":"ChatMessageDividerComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageDividerComponent.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,2BAA2B,GAAG,eAAe,CAAC;IACvD,IAAI,EAAE,6BAA6B;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC;IACpE,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,6BAA6B,EAC7B;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/Chat/ChatMessageReactionComponent.d.ts

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

package/Controls/Components/Media/Chat/Tools/AttachmentChatToolComponent.d.ts

@@ -8,31 +8,31 @@ export declare const AttachmentChatToolComponent: import("vue").DefineComponent<
     dir?: any;
     lang?: any;
     disabled?: any;
-    dock?: any;
     multiple?: any;
-    directory?: any;
     accept?: any;
+    directory?: any;
     attachmentRejected?: any;
     maxFiles?: any;
     maxFileSize?: any;
+    dock?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "attachmentReject" | "filesPicked")[], "connected" | "changed" | "disconnected" | "attachmentReject" | "filesPicked", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "attachmentReject" | "filesPicked")[], "connected" | "disconnected" | "changed" | "attachmentReject" | "filesPicked", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    dock?: any;
     multiple?: any;
-    directory?: any;
     accept?: any;
+    directory?: any;
     attachmentRejected?: any;
     maxFiles?: any;
     maxFileSize?: any;
+    dock?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onAttachmentReject?: ((...args: any[]) => any) | undefined;
     onFilesPicked?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/Controls/Components/Media/Chat/Tools/ReactionChatToolComponent.d.ts

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

package/Controls/Components/Media/Chat/Tools/VoiceRecorderChatToolComponent.d.ts

@@ -8,39 +8,39 @@ export declare const VoiceRecorderChatToolComponent: import("vue").DefineCompone
     dir?: any;
     lang?: any;
     disabled?: any;
+    dock?: any;
+    state?: any;
     recCancel?: any;
     recResume?: any;
     recStop?: any;
     recStart?: any;
     recPause?: any;
-    state?: any;
     elapsedTime?: any;
     maxDurationTime?: any;
     objectUrl?: any;
     canPause?: any;
-    dock?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "recorderStart" | "recorderStop" | "recorderPause" | "recorderResume" | "recorderCancel")[], "connected" | "changed" | "disconnected" | "recorderStart" | "recorderStop" | "recorderPause" | "recorderResume" | "recorderCancel", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "recorderStart" | "recorderStop" | "recorderPause" | "recorderResume" | "recorderCancel")[], "connected" | "disconnected" | "changed" | "recorderStart" | "recorderStop" | "recorderPause" | "recorderResume" | "recorderCancel", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
+    dock?: any;
+    state?: any;
     recCancel?: any;
     recResume?: any;
     recStop?: any;
     recStart?: any;
     recPause?: any;
-    state?: any;
     elapsedTime?: any;
     maxDurationTime?: any;
     objectUrl?: any;
     canPause?: any;
-    dock?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onRecorderStart?: ((...args: any[]) => any) | undefined;
     onRecorderStop?: ((...args: any[]) => any) | undefined;
     onRecorderPause?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Chip/ChipComponent.d.ts

@@ -8,40 +8,43 @@ export declare const ChipComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     label?: any;
+    size?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    size?: any;
     appearance?: any;
-    isChecked?: any;
+    value?: any;
     isFocused?: any;
-    closeable?: any;
     icon?: any;
+    closeable?: any;
+    ripple?: any;
+    isChecked?: any;
     isCheckable?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "checked" | "unchecked" | "closed")[], "connected" | "changed" | "disconnected" | "checked" | "unchecked" | "closed", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    size?: any;
     disabled?: any;
-    value?: any;
     variant?: any;
-    size?: any;
     appearance?: any;
-    isChecked?: any;
+    value?: any;
     isFocused?: any;
-    closeable?: any;
     icon?: any;
+    closeable?: any;
+    ripple?: any;
+    isChecked?: any;
     isCheckable?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onChecked?: ((...args: any[]) => any) | undefined;
     onUnchecked?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
+    onToggled?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {
     interface GlobalComponents {

package/Controls/Components/Media/Chip/ChipComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAuBxB,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,UAAU,EAAE,OAAO,aAAa,CAAC;KACpC;CACJ"}
+{"version":3,"file":"ChipComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipComponent.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAwBxB,CAAC;AAEH,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,UAAU,EAAE,OAAO,aAAa,CAAC;KACpC;CACJ"}

package/Controls/Components/Media/Chip/ChipComponent.js

@@ -12,14 +12,15 @@ import { defineComponent, h } from 'vue';
  */
 export const ChipComponent = defineComponent({
     name: 'ChipComponent',
-    props: ['icon', 'isCheckable', 'themeName', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'value', 'dir', 'lang'],
-    emits: ['checked', 'unchecked', 'closed', 'connected', 'disconnected', 'changed'],
-    // slots: ['checkmark', 'label', 'icon', 'close', 'style']
+    props: ['icon', 'isCheckable', 'themeName', 'ripple', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'value', 'dir', 'lang'],
+    emits: ['toggled', 'checked', 'unchecked', 'closed', 'connected', 'disconnected', 'changed'],
+    // slots: ['checkmark', 'close', 'icon', 'label', 'style']
     // methods: { check, uncheck, toggle, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, close, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-chip', {
             ...props,
             // Vue 3 event handlers (onEventName format)
+            onToggled: (event) => emit('toggled', event),
             onChecked: (event) => emit('checked', event),
             onUnchecked: (event) => emit('unchecked', event),
             onClosed: (event) => emit('closed', event),

package/Controls/Components/Media/Chip/ChipComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipComponent.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,aAAa,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IAChK,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACjF,0DAA0D;IAC1D,8NAA8N;IAC9N,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,aAAa,EACb;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,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"ChipComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipComponent.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,aAAa,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IAC1K,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC5F,0DAA0D;IAC1D,8NAA8N;IAC9N,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,aAAa,EACb;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,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,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACjD,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/Chip/ChipGroupComponent.d.ts

@@ -9,34 +9,34 @@ export declare const ChipGroupComponent: import("vue").DefineComponent<{
     lang?: any;
     name?: any;
     invalid?: any;
+    size?: any;
     disabled?: any;
-    value?: any;
+    wrap?: any;
     variant?: any;
-    size?: any;
+    required?: any;
     appearance?: any;
+    value?: any;
     selectionMode?: any;
-    required?: any;
-    wrap?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "chipChanged")[], "connected" | "changed" | "disconnected" | "chipChanged", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "chipChanged")[], "connected" | "disconnected" | "changed" | "chipChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     name?: any;
     invalid?: any;
+    size?: any;
     disabled?: any;
-    value?: any;
+    wrap?: any;
     variant?: any;
-    size?: any;
+    required?: any;
     appearance?: any;
+    value?: any;
     selectionMode?: any;
-    required?: any;
-    wrap?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onChipChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Media/ColorArea/ColorAreaComponent.d.ts

@@ -12,7 +12,7 @@ export declare const ColorAreaComponent: import("vue").DefineComponent<{
     color?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "input" | "change")[], "connected" | "changed" | "disconnected" | "input" | "change", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "change")[], "connected" | "disconnected" | "changed" | "input" | "change", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -21,8 +21,8 @@ export declare const ColorAreaComponent: import("vue").DefineComponent<{
     color?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/Controls/Components/Media/ColorEditor/ColorEditorAlphaSliderComponent.d.ts

@@ -9,24 +9,24 @@ export declare const ColorEditorAlphaSliderComponent: import("vue").DefineCompon
     lang?: any;
     disabled?: any;
     isFocused?: any;
-    step?: any;
     color?: any;
     alpha?: any;
+    step?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "alphaChanged")[], "connected" | "changed" | "disconnected" | "alphaChanged", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "alphaChanged")[], "connected" | "disconnected" | "changed" | "alphaChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     isFocused?: any;
-    step?: any;
     color?: any;
     alpha?: any;
+    step?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onAlphaChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Media/ColorEditor/ColorEditorAreaComponent.d.ts

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

package/Controls/Components/Media/ColorEditor/ColorEditorComponent.d.ts

@@ -10,43 +10,43 @@ export declare const ColorEditorComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     isFocused?: any;
+    color?: any;
+    alpha?: any;
+    hue?: any;
+    saturation?: any;
     format?: any;
     showAlpha?: any;
+    palettes?: any;
+    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
-    palettes?: any;
-    selectedPalette?: any;
-    color?: any;
-    hue?: any;
-    saturation?: any;
-    alpha?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "colorChanged" | "colorFormatChanged" | "paletteChanged")[], "connected" | "changed" | "disconnected" | "colorChanged" | "colorFormatChanged" | "paletteChanged", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     value?: any;
     isFocused?: any;
+    color?: any;
+    alpha?: any;
+    hue?: any;
+    saturation?: any;
     format?: any;
     showAlpha?: any;
+    palettes?: any;
+    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
-    palettes?: any;
-    selectedPalette?: any;
-    color?: any;
-    hue?: any;
-    saturation?: any;
-    alpha?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onColorChanged?: ((...args: any[]) => any) | undefined;
     onColorFormatChanged?: ((...args: any[]) => any) | undefined;
     onPaletteChanged?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorEditor/ColorEditorComponent.js

@@ -14,7 +14,7 @@ export const ColorEditorComponent = defineComponent({
     name: 'ColorEditorComponent',
     props: ['hue', 'saturation', 'value', 'alpha', 'color', 'format', 'showAlpha', 'showInputs', 'showPalette', 'showEyeDropper', 'showSwatch', 'palettes', 'selectedPalette', 'themeName', 'disabled', 'isFocused', 'dir', 'lang'],
     emits: ['colorChanged', 'colorFormatChanged', 'paletteChanged', 'connected', 'disconnected', 'changed'],
-    // slots: ['area', 'hue-slider', 'alpha-slider', 'swatch', 'inputs', 'palette', 'style']
+    // slots: ['alpha-slider', 'area', 'eye-dropper', 'hue-slider', 'inputs', 'palette', 'swatch', 'style']
     // methods: { getDisplayColor, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-color-editor', {

package/Controls/Components/Media/ColorEditor/ColorEditorComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditorComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorEditor/ColorEditorComponent.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,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC/N,KAAK,EAAE,CAAC,cAAc,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACvG,wFAAwF;IACxF,gGAAgG;IAChG,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,oBAAoB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;YACzE,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACjE,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"ColorEditorComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorEditor/ColorEditorComponent.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,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IAC/N,KAAK,EAAE,CAAC,cAAc,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IACvG,uGAAuG;IACvG,gGAAgG;IAChG,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,qBAAqB,EACrB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,oBAAoB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;YACzE,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACjE,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/ColorEditor/ColorEditorHueSliderComponent.d.ts

@@ -13,7 +13,7 @@ export declare const ColorEditorHueSliderComponent: import("vue").DefineComponen
     hue?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "hueChanged")[], "connected" | "changed" | "disconnected" | "hueChanged", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "hueChanged")[], "connected" | "disconnected" | "changed" | "hueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -23,8 +23,8 @@ export declare const ColorEditorHueSliderComponent: import("vue").DefineComponen
     hue?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onHueChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Media/ColorEditor/ColorEditorInputsComponent.d.ts

@@ -7,28 +7,28 @@ export declare const ColorEditorInputsComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
     size?: any;
+    disabled?: any;
     isFocused?: any;
+    color?: any;
     format?: any;
     showAlpha?: any;
-    color?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "changed" | "disconnected" | "colorChanged" | "colorFormatChanged")[], "connected" | "changed" | "disconnected" | "colorChanged" | "colorFormatChanged", import("vue").PublicProps, Readonly<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    disabled?: any;
     size?: any;
+    disabled?: any;
     isFocused?: any;
+    color?: any;
     format?: any;
     showAlpha?: any;
-    color?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
-    onChanged?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
     onColorChanged?: ((...args: any[]) => any) | undefined;
     onColorFormatChanged?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;