@omnia/fx 7.0.527-dev → 8.0.0-vnext

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts

@@ -44,7 +44,7 @@ export default class RichTextEditor extends VueComponentBase implements IWebComp
     private nodes;
     private toolbarItems;
     private isShowToolbar;
-    private data;
+    private extensionsData;
     private contentHelper;
     private bubbleMenuItems;
     private pastedMenuItem;
@@ -79,11 +79,17 @@ export default class RichTextEditor extends VueComponentBase implements IWebComp
     private setExtensionData;
     get builtInExtensions(): any[];
     get elementWidth(): number;
-    render(): VueTsxSupport.JSX.Element;
-    renderEditor(): VueTsxSupport.JSX.Element;
-    renderToolbarItem(menubar: any, config: any): import("vue").VNode;
-    renderBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode;
-    renderPastedBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode;
+    render(): JSX.Element;
+    renderEditor(): JSX.Element;
+    renderToolbarItem(menubar: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderPastedBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     private onSelectionChange;
     private parseHtml;
     private hideBubbleMenu;

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorSettings.d.ts

@@ -45,9 +45,9 @@ export default class RichTextEditorSettings extends VueComponentBase implements
     private toggleExtensionSettings;
     private isNotEmpty;
     updateExtension(extension: RTFExtensionViewModel): void;
-    render(): VueTsxSupport.JSX.Element;
-    renderPreviewEditor(): VueTsxSupport.JSX.Element;
-    renderExtensions(): VueTsxSupport.JSX.Element;
-    renderListTileContent(extension: RTFExtensionViewModel, extensions: RTFExtensionViewModel[]): VueTsxSupport.JSX.Element[];
-    renderHeadingSettings(extension: RTFExtensionViewModel): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
+    renderPreviewEditor(): JSX.Element;
+    renderExtensions(): JSX.Element;
+    renderListTileContent(extension: RTFExtensionViewModel, extensions: RTFExtensionViewModel[]): JSX.Element[];
+    renderHeadingSettings(extension: RTFExtensionViewModel): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditorTester.d.ts

@@ -1,12 +1,12 @@
-import Vue from "vue";
+import { VueComponentBase } from "@omnia/fx/ux";
 import { IWebComponentInstance } from "../../";
 import { RichTextEditorExtension } from "./IRichTextEditor";
-export default class RichTextEditorTester extends Vue implements IWebComponentInstance {
+export default class RichTextEditorTester extends VueComponentBase implements IWebComponentInstance {
     extensions: Array<RichTextEditorExtension>;
     created(): void;
     mounted(): void;
     beforeDestroy(): void;
     private initialContent;
     private placeholder;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Alignment/AlignmentToolbar.d.ts

@@ -8,6 +8,6 @@ export default class AlignmentToolbar extends ToolbarExtension implements Alignm
     private modelValue;
     activeChange(model: any): void;
     setModel(domAtPos: any): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/AnchorLink/AnchorLinkMenu.d.ts

@@ -15,6 +15,6 @@ export default class AnchorLinkMenu extends ToolbarExtension implements ToolbarP
     private getSelectionText;
     private onShowAnchorLinkMenuClicked;
     private onRemoveAnchorName;
-    render(): VueTsxSupport.JSX.Element;
-    renderAnchorLinkDialog(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
+    renderAnchorLinkDialog(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/AnimatedGif/AnimatedGifMenu.d.ts

@@ -8,5 +8,5 @@ export default class AnimatedGifMenu extends ToolbarExtension implements Toolbar
     private loc;
     private getEditorState;
     private onRemoveGif;
-    render(h: any): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/AnimatedGif/AnimatedGifToolbar.d.ts

@@ -26,7 +26,7 @@ export default class AnimatedGifToolbar extends ToolbarExtension implements Anim
     private getEditorState;
     private fetchGifs;
     private onGifChoose;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     private renderGifs;
     private renderAnimatedGifsDialog;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Blockquote/BlockquoteToolbar.d.ts

@@ -7,6 +7,6 @@ export default class BlockquoteToolbar extends ToolbarExtension implements Block
     private isActive;
     mounted(): void;
     activeChange(model: any): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Bold/BoldToolbar.d.ts

@@ -4,6 +4,6 @@ export default class BoldToolbar extends ToolbarExtension implements BoldToolbar
     menubar: BoldMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/BulletList/BulletListToolbar.d.ts

@@ -4,6 +4,6 @@ export default class BulletListToolbar extends ToolbarExtension implements Bulle
     menubar: BulletListMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Code/CodeToolbar.d.ts

@@ -4,6 +4,6 @@ export default class CodeToolbar extends ToolbarExtension implements CodeToolbar
     menubar: CodeMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/CodeBlock/CodeBlockToolbar.d.ts

@@ -4,6 +4,6 @@ export default class CodeBlockToolbar extends ToolbarExtension implements CodeBl
     menubar: CodeBlockMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/EmoticonPicker/EmoticonPickerToolbar.d.ts

@@ -9,5 +9,5 @@ export default class EmoticonPickerToolbar extends ToolbarExtension implements E
     private element_id;
     mounted(): void;
     private onItemSelected;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/EnterpriseGlossaryLink/components/SuggestionComponent.d.ts

@@ -11,5 +11,7 @@ export declare class SuggestionComponent extends VueComponentBase implements IWe
     mounted(): void;
     created(): void;
     init(): void;
-    render(): import("vue").VNode;
+    render(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/HashTag/HashTagToolbar.d.ts

@@ -31,5 +31,5 @@ export default class HashTagToolbar extends ToolbarExtension implements HashTagT
     created(): void;
     mounted(): void;
     onItemSelected(tag: Tag): void;
-    render(h: any): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Heading/HeadingToolbar.d.ts

@@ -19,8 +19,10 @@ export default class HeadingToolbar extends ToolbarExtension implements HeadingT
     created(): void;
     handleSelectHeading(selectedHeader: HeadingConfigurationClient): void;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
-    createHeadingItem(heading: HeadingConfigurationClient): import("vue").VNode;
+    createHeadingItem(heading: HeadingConfigurationClient): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }
 export {};

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/History/HistoryToolbar.d.ts

@@ -7,5 +7,5 @@ export default class HistoryToolbar extends ToolbarExtension implements HistoryT
     private isUndoActive;
     private isRedoActive;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/HorizontalRule/HorizontalRuleToolbar.d.ts

@@ -4,6 +4,6 @@ export default class HorizontalRuleToolbar extends ToolbarExtension implements H
     menubar: HorizontalRuleMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Html/HtmlToolbar.d.ts

@@ -14,6 +14,6 @@ export default class HtmlToolbar extends ToolbarExtension implements HtmlToolbar
     mounted(): void;
     private onCloseHtmlScript;
     private onHtmlScriptSave;
-    render(): VueTsxSupport.JSX.Element;
-    renderHtmlScriptDialog(visible: boolean): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
+    renderHtmlScriptDialog(visible: boolean): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Italic/ItalicToolbar.d.ts

@@ -4,6 +4,6 @@ export default class ItalicToolbar extends ToolbarExtension implements ItalicToo
     menubar: ItalicMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/LanguagePicker/LanguagePickerToolbar.d.ts

@@ -11,5 +11,5 @@ export default class LanguagePickerToolbar extends ToolbarExtension implements L
     private loc;
     private omniaUxLoc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/MediaPickerToolbar.d.ts

@@ -21,5 +21,5 @@ export default class MediaPickerToolbar extends ToolbarExtension implements Medi
     configureProviders(providers: Array<MediaPickerProvider>): MediaPickerProvider[];
     private onPaste;
     private onDroppingImageFromDragEvent;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Mention/MentionToolbar.d.ts

@@ -27,7 +27,7 @@ export default class MentionToolbar extends ToolbarExtension implements MentionT
     created(): void;
     mounted(): void;
     onItemSelected(user: ResolvedUserIdentity): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     private renderMenu;
     private renderLoading;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/OrderedList/OrderedListToolbar.d.ts

@@ -4,6 +4,6 @@ export default class OrderedListToolbar extends ToolbarExtension implements Orde
     menubar: OrderedListMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/RemoveFormatting/RemoveFormattingMenu.d.ts

@@ -10,5 +10,5 @@ export default class RemoveFormattingMenu extends ToolbarExtension implements Re
     created(): void;
     mounted(): void;
     removeFormating(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Strike/StrikeToolbar.d.ts

@@ -4,6 +4,6 @@ export default class StrikeToolbar extends ToolbarExtension implements StrikeToo
     menubar: StrikeMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Table/TableSubToolbar.d.ts

@@ -45,19 +45,19 @@ export default class TableSubToolbar extends ToolbarExtension implements TableTo
     onBorderThicknessChange(value: any): void;
     onTableStyleChange(value: any): void;
     onTableViewGridLineChange(): void;
-    renderEditButtons(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
-    renderCellStyleMenu(): VueTsxSupport.JSX.Element;
-    renderSimpleTableStyle(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBorderHeaderTableStyle(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderFilledHeaderTableStyle(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBandedRowTableStyle(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBandedRowColumnTableStyle(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderSimpleTableStyleTheme(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBorderHeaderTableStyleTheme(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderFilledHeaderTableStyleTheme(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBandedRowTableStyleTheme(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderBandedRowColumnTableStyleTheme(theming: ITheming): VueTsxSupport.JSX.Element;
-    renderNoneStyleTable(theming: ITheming): VueTsxSupport.JSX.Element;
+    renderEditButtons(): JSX.Element;
+    render(): JSX.Element;
+    renderCellStyleMenu(): JSX.Element;
+    renderSimpleTableStyle(theming: ITheming): JSX.Element;
+    renderBorderHeaderTableStyle(theming: ITheming): JSX.Element;
+    renderFilledHeaderTableStyle(theming: ITheming): JSX.Element;
+    renderBandedRowTableStyle(theming: ITheming): JSX.Element;
+    renderBandedRowColumnTableStyle(theming: ITheming): JSX.Element;
+    renderSimpleTableStyleTheme(theming: ITheming): JSX.Element;
+    renderBorderHeaderTableStyleTheme(theming: ITheming): JSX.Element;
+    renderFilledHeaderTableStyleTheme(theming: ITheming): JSX.Element;
+    renderBandedRowTableStyleTheme(theming: ITheming): JSX.Element;
+    renderBandedRowColumnTableStyleTheme(theming: ITheming): JSX.Element;
+    renderNoneStyleTable(theming: ITheming): JSX.Element;
 }
 export {};

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Table/TableToolbar.d.ts

@@ -28,7 +28,7 @@ export default class TableToolbar extends ToolbarExtension implements TableToolb
     borderColorModel: string;
     tableStylesModel: TableStyleSelection;
     mounted(): void;
-    renderMainButton(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
+    renderMainButton(): JSX.Element;
+    render(): JSX.Element;
 }
 export {};

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextColor/TextColorToolbar.d.ts

@@ -10,5 +10,5 @@ export default class TextColorToolbar extends ToolbarExtension implements TextCo
     mounted(): void;
     private getToolbarButtonActiveStyle;
     private onColorChange;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextTranslator/TextTranslatorToolbar.d.ts

@@ -8,5 +8,5 @@ export default class TextTranslatorToolbar extends ToolbarExtension implements T
     omniaTheming: OmniaTheming;
     private loc;
     private onTranslateCompleted;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TodoList/TodoListToolbar.d.ts

@@ -4,6 +4,6 @@ export default class TodoListToolbar extends ToolbarExtension implements TodoLis
     menubar: TodoListMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Underline/UnderlineToolbar.d.ts

@@ -4,6 +4,6 @@ export default class UnderlineToolbar extends ToolbarExtension implements Underl
     menubar: UnderlineMenuBar;
     private loc;
     mounted(): void;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     getToolbarButtonActiveStyle(val: boolean): string;
 }

package/internal-do-not-import-from-here/ux/richtexteditorrenderer/IRichTextEditorRenderer.d.ts

@@ -3,7 +3,7 @@ export interface IRichTextEditorRenderer {
     editorContent: string;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {

package/internal-do-not-import-from-here/ux/richtexteditorrenderer/RichTextEditorRenderer.d.ts

@@ -18,5 +18,5 @@ export default class RichTextEditorRenderer extends VueComponentBase implements
     editLink(): void;
     correctContent(): string;
     private injectOnClickScript;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/rollupempty/RollupEmpty.d.ts

@@ -11,5 +11,5 @@ export declare class RollupEmpty extends VueComponentBase<IRollupEmpty> implemen
     beforeDestroy(): void;
     mounted(): void;
     init(): void;
-    render(h: any): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/rollupfilter/IRollupFilter.d.ts

@@ -1,4 +1,5 @@
 import { EnterprisePropertyDefinition, RollupFilter, ValueDefinitionSetting } from "../../models";
+import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface RollupFilterModel {
     isLoadingData?: boolean;
     filters: Array<RollupFilter>;
@@ -27,13 +28,13 @@ export interface IRollupFilter extends IRollupFIlterAttributes {
     searchInputId?: string;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {
         }
         interface IntrinsicElements {
-            "omfx-rollup-filter": IRollupFilter;
+            "omfx-rollup-filter": TsxAllowUnknowProperties<IRollupFilter>;
         }
     }
 }

package/internal-do-not-import-from-here/ux/rollupfilter/IRollupFilterPicker.d.ts

@@ -1,4 +1,5 @@
 import { EnterprisePropertyDefinition, RollupFilter } from "../../models";
+import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface IRollupFilterPicker {
     selectableProperties: Array<EnterprisePropertyDefinition>;
     preSelectedFilterItems: Array<RollupFilter>;
@@ -6,13 +7,13 @@ export interface IRollupFilterPicker {
     actionButtonsRenderer?: (h: any, addFilterButtonRenderer: JSX.Element) => JSX.Element;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {
         }
         interface IntrinsicElements {
-            "omfx-rollup-filter-picker": IRollupFilterPicker;
+            "omfx-rollup-filter-picker": TsxAllowUnknowProperties<IRollupFilterPicker>;
         }
     }
 }

package/internal-do-not-import-from-here/ux/rollupfilter/RollupFilter.d.ts

@@ -62,21 +62,25 @@ export declare class RollupFilterComponent extends VueComponentBase implements I
     getPagePropertyAndRemoveInternalName(propertyName: string): string;
     getTitle(filter: RollupFilter): string;
     getContentPropTitle(propertyName: string): string;
-    renderDateFilter(filter: RollupFilter): VueTsxSupport.JSX.Element;
-    renderBooleanFilter(filter: RollupFilter): VueTsxSupport.JSX.Element;
+    renderDateFilter(filter: RollupFilter): JSX.Element;
+    renderBooleanFilter(filter: RollupFilter): JSX.Element;
     renderKeywordFilter(filter: RollupFilter): JSX.Element;
-    renderTaxonomyFilter(filter: TagRollupFilter): VueTsxSupport.JSX.Element;
-    renderTagsFilter(filter: TagRollupFilter): VueTsxSupport.JSX.Element;
-    renderPersonFilter(filter: RollupFilter): VueTsxSupport.JSX.Element;
-    renderTextFieldFilter(filter: RollupFilter): VueTsxSupport.JSX.Element;
-    renderCustomFilter(filter: RollupFilter): import("vue").VNode;
+    renderTaxonomyFilter(filter: TagRollupFilter): JSX.Element;
+    renderTagsFilter(filter: TagRollupFilter): JSX.Element;
+    renderPersonFilter(filter: RollupFilter): JSX.Element;
+    renderTextFieldFilter(filter: RollupFilter): JSX.Element;
+    renderCustomFilter(filter: RollupFilter): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     onSearchKeyup(): void;
-    renderSearchBox(): VueTsxSupport.JSX.Element;
-    renderFilterShowHideFilters(): VueTsxSupport.JSX.Element[];
-    renderToolbar(): VueTsxSupport.JSX.Element;
+    renderSearchBox(): JSX.Element;
+    renderFilterShowHideFilters(): JSX.Element[];
+    renderToolbar(): JSX.Element;
     getColumnCount(columns: any, filters: any): number;
-    renderFilters(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
+    renderFilters(): JSX.Element;
+    render(): JSX.Element;
     canRenderFilter(filter: RollupFilter): boolean;
-    renderFilterByType(filter: RollupFilter): VueTsxSupport.JSX.Element;
+    renderFilterByType(filter: RollupFilter): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }

package/internal-do-not-import-from-here/ux/rollupfilter/RollupFilterPicker.d.ts

@@ -28,5 +28,5 @@ export declare class RollupFilterPicker extends VueComponentBase implements IWeb
     private renderTextFilterValueSelection;
     private renderDateTimeFilterValueSelection;
     private renderBooleanFilterValueSelection;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/securitytrimer/ISecurityTrimer.d.ts

@@ -1,3 +1,4 @@
+import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface ISecurityTrimer {
     [name: string]: any;
     content: JSX.Element;
@@ -8,7 +9,7 @@ export interface ISecurityTrimer {
     clearCacheAndRetryIfUnauthorized?: boolean;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {
@@ -16,7 +17,7 @@ declare global {
         interface ElementAttributesProperty {
         }
         interface IntrinsicElements {
-            "omfx-security-trimer": ISecurityTrimer;
+            "omfx-security-trimer": TsxAllowUnknowProperties<ISecurityTrimer>;
         }
     }
 }

package/internal-do-not-import-from-here/ux/securitytrimer/SecurityTrimer.d.ts

@@ -1,7 +1,7 @@
-import Vue from "vue";
+import { VueComponentBase } from "@omnia/fx/ux";
 import { IWebComponentInstance, SubscriptionHandler } from "../../";
 import { ISecurityTrimer } from "./ISecurityTrimer";
-export declare class SecurityTrimer extends Vue implements IWebComponentInstance, ISecurityTrimer {
+export declare class SecurityTrimer extends VueComponentBase implements IWebComponentInstance, ISecurityTrimer {
     content: JSX.Element;
     alternativeContent?: JSX.Element;
     roles: string[];

package/internal-do-not-import-from-here/ux/selection/ISelection.d.ts

@@ -23,7 +23,7 @@ export interface ISelection {
     dark?: boolean;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {

package/internal-do-not-import-from-here/ux/selection/SelectionComponent.d.ts

@@ -19,5 +19,5 @@ export declare class SelectionComponent extends VueComponentBase implements IWeb
     beforeDestroy(): void;
     private handleChange;
     private handleTokenChange;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/settings/ISettingsPane.d.ts

@@ -1,3 +1,4 @@
+import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface SettingsPaneModel {
     visible: boolean;
 }
@@ -15,13 +16,13 @@ export interface ISettingsPane extends ISettingsPaneAttributes {
     onSave?: () => Promise<boolean>;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {
         }
         interface IntrinsicElements {
-            "omfx-settings-pane": ISettingsPane;
+            "omfx-settings-pane": TsxAllowUnknowProperties<ISettingsPane>;
         }
     }
 }

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -24,6 +24,6 @@ export declare class SettingsPane extends VueComponentBase implements IWebCompon
     handleOnCancel(): void;
     handleOnSave(): void;
     private onDialogEscape;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
     overrideAndGetTransition(): void;
 }

package/internal-do-not-import-from-here/ux/shapedivider/IShapeDivider.d.ts

@@ -1,7 +1,7 @@
 import { ShapeDividerSettings } from "../../models";
 import { TsxAllowUnknowProperties } from "..";
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {

package/internal-do-not-import-from-here/ux/shapedivider/IShapeDividerSettings.d.ts

@@ -5,7 +5,7 @@ export interface IShapeDividerSettingsComponent {
     onSettingsUpdated?: (settings: ShapeDividerSettings) => void;
 }
 declare global {
-    namespace VueTsxSupport.JSX {
+    namespace JSX {
         interface Element {
         }
         interface ElementClass {

package/internal-do-not-import-from-here/ux/shapedivider/ShapeDivider.d.ts

@@ -1,8 +1,8 @@
 import { IWebComponentInstance } from "@omnia/fx";
-import Vue from "vue";
+import { VueComponentBase } from "@omnia/fx/ux";
 import { ShapeDividerSettings, ShapeDividerTypes, ShapeDividerPositions } from "../../models";
 import { SpacingSettings } from "../../models";
-export declare class ShapeDividerComponent extends Vue implements IWebComponentInstance, ShapeDividerSettings {
+export declare class ShapeDividerComponent extends VueComponentBase implements IWebComponentInstance, ShapeDividerSettings {
     invert: boolean;
     position: ShapeDividerPositions;
     flip: boolean;
@@ -13,16 +13,16 @@ export declare class ShapeDividerComponent extends Vue implements IWebComponentI
     width: number;
     height: number;
     mounted(): void;
-    renderWavesOpacity(): VueTsxSupport.JSX.Element[];
-    renderWaves(): VueTsxSupport.JSX.Element;
-    renderCurve(): VueTsxSupport.JSX.Element;
-    renderCurveAsymmetrical(): VueTsxSupport.JSX.Element;
-    renderTriangle(): VueTsxSupport.JSX.Element;
-    renderTriangleAsymmetrical(): VueTsxSupport.JSX.Element;
-    renderTilt(): VueTsxSupport.JSX.Element;
-    renderArrow(): VueTsxSupport.JSX.Element;
-    renderSplit(): VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[];
-    renderBook(): VueTsxSupport.JSX.Element;
+    renderWavesOpacity(): JSX.Element[];
+    renderWaves(): JSX.Element;
+    renderCurve(): JSX.Element;
+    renderCurveAsymmetrical(): JSX.Element;
+    renderTriangle(): JSX.Element;
+    renderTriangleAsymmetrical(): JSX.Element;
+    renderTilt(): JSX.Element;
+    renderArrow(): JSX.Element;
+    renderSplit(): JSX.Element | JSX.Element[];
+    renderBook(): JSX.Element;
     getDivStyle(): {
         position: string;
         left: string;
@@ -36,5 +36,5 @@ export declare class ShapeDividerComponent extends Vue implements IWebComponentI
         "border-top-right-radius": string;
     };
     private getSvgStyle;
-    render(): VueTsxSupport.JSX.Element;
+    render(): JSX.Element;
 }