@breadstone/mosaik-elements-vue 0.1.50 → 0.1.52

package/Controls/Components/Inputs/Radio/RadioGroupComponent.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const RadioGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -14,12 +13,12 @@ export declare const RadioGroupComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     required?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "radioChanged")[], "connected" | "disconnected" | "changed" | "radioChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -28,6 +27,7 @@ export declare const RadioGroupComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     required?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Inputs/RichTextBox/RichTextBoxComponent.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const RichtextboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -15,6 +14,7 @@ export declare const RichtextboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -35,7 +35,6 @@ export declare const RichtextboxComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -45,6 +44,7 @@ export declare const RichtextboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;

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

@@ -5,11 +5,11 @@
  */
 export declare const SchedulerComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     size?: any;
     locale?: any;
     intl?: any;
@@ -43,11 +43,11 @@ export declare const SchedulerComponent: import("vue").DefineComponent<{
     [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;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     size?: any;
     locale?: any;
     intl?: any;

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

@@ -5,13 +5,13 @@
  */
 export declare const SchedulerEventComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     schedulerEventChange?: any;
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isFocused?: any;
     ripple?: any;
     view?: any;
@@ -24,13 +24,13 @@ export declare const SchedulerEventComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     schedulerEventChange?: any;
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isFocused?: any;
     ripple?: any;
     view?: any;

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

@@ -5,7 +5,6 @@
  */
 export declare const SearchboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -14,6 +13,7 @@ export declare const SearchboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     delay?: any;
     isFocused?: any;
@@ -32,7 +32,6 @@ export declare const SearchboxComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "searched" | "cleared")[], "connected" | "disconnected" | "changed" | "searched" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -41,6 +40,7 @@ export declare const SearchboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     delay?: any;
     isFocused?: any;

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

@@ -5,7 +5,6 @@
  */
 export declare const SelectComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     filter?: any;
@@ -15,6 +14,7 @@ export declare const SelectComponent: import("vue").DefineComponent<{
     selectedItem?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     required?: any;
     placeholder?: any;
     isEditable?: any;
@@ -39,7 +39,6 @@ export declare const SelectComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     filter?: any;
@@ -49,6 +48,7 @@ export declare const SelectComponent: import("vue").DefineComponent<{
     selectedItem?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     required?: any;
     placeholder?: any;
     isEditable?: any;

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

@@ -14,7 +14,7 @@ export const SelectComponent = defineComponent({
     name: 'SelectComponent',
     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: ['', 'filter', 'prefix', 'suffix', 'style']
+    // slots: ['', 'filter', 'prefix', 'suffix', 'trigger', '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', {

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

@@ -1 +1 @@
-{"version":3,"file":"SelectComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectComponent.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,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC;IACrd,KAAK,EAAE,CAAC,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC;IAC9F,qDAAqD;IACrD,iTAAiT;IACjT,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,kBAAkB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC;YACrE,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;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;SAChE,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":"SelectComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectComponent.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,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC;IACrd,KAAK,EAAE,CAAC,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC;IAC9F,gEAAgE;IAChE,iTAAiT;IACjT,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,eAAe,EACf;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,kBAAkB,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC;YACrE,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;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;SAChE,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/SelectItemComponent.js

@@ -14,7 +14,7 @@ export const SelectItemComponent = defineComponent({
     name: 'SelectItemComponent',
     props: ['icon', 'isActive', 'themeName', 'ripple', 'disabled', 'variant', 'isFocused', 'label', 'isSelected', 'index', 'displayText', 'value', 'dir', 'lang'],
     emits: ['selected', 'deselected', 'changed', 'connected', 'disconnected'],
-    // slots: ['checkmark', 'end', 'icon', 'start', 'style']
+    // slots: ['checkmark', 'end', 'icon', 'start', 'selection', 'style']
     // methods: { hasVisibleFocusInTree, select, deselect, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-select-item', {

package/Controls/Components/Inputs/Select/SelectItemComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemComponent.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,mBAAmB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7J,KAAK,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC;IACzE,wDAAwD;IACxD,iGAAiG;IACjG,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,oBAAoB,EACpB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,UAAU,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;YACrD,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;YACzD,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;SAChE,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":"SelectItemComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemComponent.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,mBAAmB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC;IAC7J,KAAK,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC;IACzE,qEAAqE;IACrE,iGAAiG;IACjG,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,oBAAoB,EACpB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,UAAU,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;YACrD,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;YACzD,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;SAChE,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/SelectItemVisualComponent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Vue 3 component wrapper for the mosaik-select-item-visual web component.
+ *
+ * @public
+ */
+export declare const SelectItemVisualComponent: import("vue").DefineComponent<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
+    themeName?: any;
+    dir?: any;
+    lang?: any;
+}> & Readonly<{
+    onConnected?: ((...args: any[]) => any) | undefined;
+    onDisconnected?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare module 'vue' {
+    interface GlobalComponents {
+        MosaikSelectItemVisual: typeof SelectItemVisualComponent;
+    }
+}
+//# sourceMappingURL=SelectItemVisualComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemVisualComponent.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemVisualComponent.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/Inputs/Select/SelectItemVisualComponent.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-select-item-visual web component.
+ *
+ * @public
+ */
+export const SelectItemVisualComponent = defineComponent({
+    name: 'SelectItemVisualComponent',
+    props: ['themeName', 'dir', 'lang'],
+    emits: ['connected', 'disconnected', 'changed'],
+    // slots: ['', 'start', 'icon', 'label', 'end', 'style']
+    // methods: { assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, adoptStyle, on, off, emit, requestUpdate }
+    setup(props, { slots, emit }) {
+        return () => h('mosaik-select-item-visual', {
+            ...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=SelectItemVisualComponent.js.map

package/Controls/Components/Inputs/Select/SelectItemVisualComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemVisualComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemVisualComponent.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,wDAAwD;IACxD,wKAAwK;IACxK,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,2BAA2B,EAC3B;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/SignaturePad/SignaturePadComponent.d.ts

@@ -5,9 +5,6 @@
  */
 export declare const SignaturepadComponent: import("vue").DefineComponent<{
     themeName?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
@@ -15,6 +12,9 @@ export declare const SignaturepadComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
+    width?: any;
+    height?: any;
     isFocused?: any;
     required?: any;
     placeholder?: any;
@@ -32,9 +32,6 @@ export declare const SignaturepadComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "signStarted" | "signEnded" | "signStrokeBeforeUpdate" | "signStrokeAfterUpdate" | "cleared")[], "connected" | "disconnected" | "changed" | "signStarted" | "signEnded" | "signStrokeBeforeUpdate" | "signStrokeAfterUpdate" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
@@ -42,6 +39,9 @@ export declare const SignaturepadComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
+    width?: any;
+    height?: any;
     isFocused?: any;
     required?: any;
     placeholder?: any;

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

@@ -5,7 +5,6 @@
  */
 export declare const TextboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -15,6 +14,7 @@ export declare const TextboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     isFocused?: any;
     isBusy?: any;
@@ -39,7 +39,6 @@ export declare const TextboxComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -49,6 +48,7 @@ export declare const TextboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     isFocused?: any;
     isBusy?: any;

package/Controls/Components/Inputs/TextBox/TextBoxComponent.js

@@ -14,7 +14,7 @@ export const TextboxComponent = defineComponent({
     name: 'TextboxComponent',
     props: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', 'appearance', 'variant', 'label', 'invalid', 'value', 'isBusy', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
     emits: ['cleared', 'connected', 'disconnected', 'changed'],
-    // slots: ['prefix', 'suffix', 'style']
+    // slots: ['prefix', 'suffix', 'value', 'style']
     // methods: { focus, blur, reset, clear, checkValidity, assignToSlot, getSlotAssignments, getSlotAssignmentsOf, getSlotContent, hasSlotContent, hasSlot, onSlotChanges, hasVisibleFocusInTree, adoptStyle, on, off, emit, requestUpdate }
     setup(props, { slots, emit }) {
         return () => h('mosaik-textbox', {

package/Controls/Components/Inputs/TextBox/TextBoxComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/TextBox/TextBoxComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACzX,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,uCAAuC;IACvC,yOAAyO;IACzO,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}
+{"version":3,"file":"TextBoxComponent.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/TextBox/TextBoxComponent.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC;IACzX,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC;IAC1D,gDAAgD;IAChD,yOAAyO;IACzO,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,OAAO,GAAG,EAAE,CACR,CAAC,CACG,gBAAgB,EAChB;YACI,GAAG,KAAK;YACR,4CAA4C;YAC5C,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;YACnD,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;YACvD,cAAc,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;SACtD,EACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;IACV,CAAC;CACJ,CAAC,CAAC"}

package/Controls/Components/Inputs/TimeBox/TimeBoxComponent.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const TimeboxComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -14,6 +13,7 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     interval?: any;
     isFocused?: any;
@@ -47,7 +47,6 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -56,6 +55,7 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     state?: any;
     interval?: any;
     isFocused?: any;

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

@@ -5,7 +5,6 @@
  */
 export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -14,6 +13,7 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isChecked?: any;
     isFocused?: any;
     formatter?: any;
@@ -24,7 +24,6 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     name?: any;
@@ -33,6 +32,7 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isChecked?: any;
     isFocused?: any;
     formatter?: any;

package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnComponent.d.ts

@@ -5,9 +5,9 @@
  */
 export declare const FlowBoardColumnComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
+    appearance?: any;
     reorderable?: any;
     pinned?: any;
     hasItems?: any;
@@ -18,9 +18,9 @@ export declare const FlowBoardColumnComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "flowBoardBeforeColumnPinChange" | "flowBoardColumnPinChange")[], "connected" | "disconnected" | "changed" | "flowBoardBeforeColumnPinChange" | "flowBoardColumnPinChange", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
+    appearance?: any;
     reorderable?: any;
     pinned?: any;
     hasItems?: any;

package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isFocused?: any;
     ripple?: any;
     reorderable?: any;
@@ -23,12 +23,12 @@ export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "flowBoardBeforeItemPinChange" | "flowBoardItemPinChange" | "flowBoardBeforeItemActivate" | "flowBoardItemActivate")[], "connected" | "disconnected" | "changed" | "flowBoardBeforeItemPinChange" | "flowBoardItemPinChange" | "flowBoardBeforeItemActivate" | "flowBoardItemActivate", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     value?: any;
     variant?: any;
+    appearance?: any;
     isFocused?: any;
     ripple?: any;
     reorderable?: any;

package/Controls/Components/Layouts/TileManager/TileManagerTileComponent.d.ts

@@ -4,7 +4,6 @@
  * @public
  */
 export declare const TileManagerTileComponent: import("vue").DefineComponent<{
-    isDraggable?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -15,6 +14,7 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
     resizeDisabled?: any;
     isResizing?: any;
     isDragging?: any;
+    isDraggable?: any;
     headerRef?: any;
     tileContentRef?: any;
     isResizable?: any;
@@ -30,7 +30,6 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "tileResizeStart" | "tileResizeEnd" | "tileResizeCancel" | "tileDragStart" | "tileDragEnd" | "tileDragCancel" | "tileFullscreen" | "tileMaximize")[], "connected" | "disconnected" | "changed" | "tileResizeStart" | "tileResizeEnd" | "tileResizeCancel" | "tileDragStart" | "tileDragEnd" | "tileDragCancel" | "tileFullscreen" | "tileMaximize", import("vue").PublicProps, Readonly<{
-    isDraggable?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -41,6 +40,7 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
     resizeDisabled?: any;
     isResizing?: any;
     isDragging?: any;
+    isDraggable?: any;
     headerRef?: any;
     tileContentRef?: any;
     isResizable?: any;

package/Controls/Components/Media/Audio/AudioComponent.d.ts

@@ -5,8 +5,6 @@
  */
 export declare const AudioComponent: import("vue").DefineComponent<{
     themeName?: any;
-    width?: any;
-    height?: any;
     dir?: any;
     lang?: any;
     legend?: any;
@@ -19,12 +17,12 @@ export declare const AudioComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
+    width?: any;
+    height?: 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;
-    width?: any;
-    height?: any;
     dir?: any;
     lang?: any;
     legend?: any;
@@ -37,6 +35,8 @@ export declare const AudioComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
+    width?: any;
+    height?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Avatar/AvatarComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const AvatarComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     src?: any;
     size?: any;
     text?: any;
@@ -21,11 +21,11 @@ export declare const AvatarComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     src?: any;
     size?: any;
     text?: any;

package/Controls/Components/Media/Avatar/AvatarGroupComponent.d.ts

@@ -5,22 +5,22 @@
  */
 export declare const AvatarGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     size?: any;
     maxLength?: 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;
-    appearance?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     size?: any;
     maxLength?: any;
 }> & Readonly<{

package/Controls/Components/Media/Badge/BadgeComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const BadgeComponent: import("vue").DefineComponent<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     position?: any;
     size?: any;
     icon?: any;
@@ -20,12 +20,12 @@ export declare const BadgeComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    appearance?: any;
     dir?: any;
     lang?: any;
     label?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     position?: any;
     size?: any;
     icon?: any;