@omnia/fx 7.11.32 → 7.12.1

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -1,16 +1,11 @@
-import { IWebComponentInstance } from "../../..";
-import { CommentLikeStore, ICommentLikeService } from "../../../stores";
-import { OmniaContext } from "../../..";
-import { type Comment, type CommentLikeTemplateSettings, type ThemeDefinition, ResolvedUserIdentity } from "../../../models";
-import { ICommentTemplate } from "../extensibilities/ICommentTemplate";
-import { Theming, ThemeStore, VueComponentBase, BlockInstance } from "../..";
-import { IdentitiesLocalization } from "../../identities/loc/localize";
+import { ICommentLikeService } from "../../../stores";
+import { type Comment, type CommentInputStyle, type CommentLikeTemplateSettings, type ThemeDefinition, ResolvedUserIdentity } from "../../../models";
 export interface CommentLikeTemplateDynamicInput {
     service: ICommentLikeService;
     likeListingTemplate?: string;
     dateFormat?: string | "social";
 }
-export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> implements IWebComponentInstance, ICommentTemplate<CommentLikeTemplateDynamicInput> {
+export interface CommentLikeTemplateProps {
     comment: Comment;
     dynamicInput: CommentLikeTemplateDynamicInput;
     templateSettings: CommentLikeTemplateSettings;
@@ -22,74 +17,17 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     refresh: (addedComment: boolean) => void;
     additionalRoles?: Array<string>;
     cardStyle?: ThemeDefinition;
+    inputStyle?: CommentInputStyle;
     hideEdit?: boolean;
     readOnly?: boolean;
     markedBestReply?: () => void;
     commented?: () => void;
     commentedReply?: () => void;
     reactedSocial?: () => void;
-    private omniaUxLocalization;
-    private commentLoc;
-    identityLoc: IdentitiesLocalization.locInterface;
-    store: CommentLikeStore;
-    omniaCtx: OmniaContext;
-    themeStore: ThemeStore;
-    protected blockInstance: BlockInstance;
-    private commentDialogStore;
-    dialogTheme: Theming;
-    private dateFormat;
-    private isEdit;
-    private isAddingOrUpdatingComment;
-    private isDeleting;
-    private draftContent;
-    private draftMentionUsers;
-    private language;
-    private resetContent;
-    private isRTEPlaceholderClicked;
-    private isLoadingRTE;
-    private observer;
-    private isValidComment;
-    private deleteDialogModel;
-    private useAccessibilityFeatures;
-    private validateEnabledOnContentChanged;
-    private get isAdd();
-    private get isReply();
-    private get isMobile();
-    onTopicIdChange(newValue: Comment, oldValue: Comment): void;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private openMobileDialog;
-    private initializeObserverLazyLoadEditor;
-    private loadRichTextEditor;
-    private getReplyToComment;
-    private getSocialReactions;
-    private onClickReply;
-    private onClickEdit;
-    private onClickMarkBestReply;
-    private onClickRemoveReplyToComment;
-    private onClickDelete;
-    private getContentInsideTag;
-    private trimCommentContent;
-    private onDialogCancel;
-    private onDialogSave;
-    private onSave;
-    private saveCommentInternal;
-    private validateComment;
-    onContentUpdate(content: string): void;
-    validateOnContentChanged(content: string): void;
-    onMentionUpdate(mentionUsers: Array<ResolvedUserIdentity>): void;
-    onCommentTextFieldClicked(e: Event): void;
-    private renderUserLink;
-    private renderTitleInfo;
-    private renderEditContentBody;
-    private renderEditButton;
-    private renderDeleteButton;
-    private renderDeleteDialog;
-    private renderEditOptionsBase;
-    private renderMarkBestReplyButton;
-    private renderEditOptions;
-    private renderDisplay;
-    private renderDeletedMessage;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const CommentLikeTemplate: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<CommentLikeTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<CommentLikeTemplateProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<CommentLikeTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<CommentLikeTemplateProps, never>;
+});
+export default CommentLikeTemplate;

package/internal-do-not-import-from-here/ux/social/templates/ILikeListingTemplate.d.ts

@@ -1,4 +1,3 @@
-import { TsxAllowUnknowProperties } from "../../TsxAllowUnknowProperties";
 import { ILikeListingtemplate } from "../extensibilities/ILikeListingTemplate";
 import { ISocialReactionStyling, ISocialReaction } from "../../../models";
 export interface ILikeListingTemplateComponent extends ILikeListingtemplate {
@@ -7,14 +6,3 @@ export interface ILikeListingTemplateComponent extends ILikeListingtemplate {
     currentSocialReaction?: ISocialReactionStyling;
     close: () => void;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-like-listing-template": TsxAllowUnknowProperties<ILikeListingTemplateComponent>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/social/templates/LikeListingTemplate.d.ts

@@ -1,45 +1,14 @@
-import { IWebComponentInstance, OmniaContext } from "../../..";
-import { ISocialReaction, type ISocialReactionStyling, ReactionType, ResolvedUserIdentity } from "../../../models";
-import { ThemeStore, Theming, VueComponentBase } from "../..";
-import { ILikeListingTemplateComponent } from "./ILikeListingTemplate";
+import { ISocialReaction, type ISocialReactionStyling } from "../../../models";
 import "../Like.css";
-import { CommentLocalization } from "../loc/localize";
-import { UserIdentityStore } from "@omnia/fx/stores";
-import { IdentitiesLocalization } from "../../identities/loc/localize";
-export declare class LikeListingTemplate extends VueComponentBase implements IWebComponentInstance, ILikeListingTemplateComponent {
+export interface LikeListingTemplateProps {
     likes: Array<ISocialReaction>;
     socialReactionStylings?: Array<ISocialReactionStyling>;
     currentSocialReaction?: ISocialReactionStyling;
     close: () => void;
-    omniaContext: OmniaContext;
-    userIdentityStore: UserIdentityStore;
-    themeStore: ThemeStore;
-    commentLocalization: CommentLocalization.locInterface;
-    identityLoc: IdentitiesLocalization.locInterface;
-    localTheme: Theming;
-    likeClasses: {
-        likesToShow?: any;
-        underlineWhenHover?: any;
-        buttonOutline?: any;
-        personWrapper?: any;
-        buttonPosition?: any;
-        socialReactionIconWrapper?: any;
-        socialReactionIcon?: any;
-        socialReactionContainer?: any;
-        socialReactionSummary?: any;
-        socialReactionMenu?: any;
-        replyAndLikeActionLink?: any;
-    };
-    selectedTabId: number;
-    isSocialReactionsMode: boolean;
-    currentUser: ResolvedUserIdentity;
-    omniaUrl: string;
-    private model;
-    created(): Promise<void>;
-    mounted(): void;
-    initSocialReactionsMode(): void;
-    getReactionByType(reactionType: ReactionType): ISocialReaction[];
-    renderTab(socialReactionStyling: ISocialReactionStyling): VueTsxSupport.JSX.Element;
-    renderTabItem(socialReactionStyling: ISocialReactionStyling): VueTsxSupport.JSX.Element;
-    render(h: any): VueTsxSupport.JSX.Element;
 }
+export declare const LikeListingTemplate: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<LikeListingTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<LikeListingTemplateProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<LikeListingTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<LikeListingTemplateProps, never>;
+});
+export default LikeListingTemplate;

package/internal-do-not-import-from-here/ux/social/templates/ThreadedCommentLikeTemplate.css.d.ts

@@ -0,0 +1,3 @@
+export declare const ThreadedCommentLikeTemplateStyles: {
+    wrapper: string;
+};

package/internal-do-not-import-from-here/ux/social/templates/ThreadedCommentLikeTemplate.d.ts

@@ -0,0 +1,28 @@
+import { Comment, CommentInputStyle, CommentLikeTemplateSettings, ResolvedUserIdentity, ThemeDefinition } from "../../../models";
+import { CommentLikeTemplateDynamicInput } from "./CommentLikeTemplate";
+export interface ThreadedCommentLikeTemplateProps {
+    comment: Comment;
+    dynamicInput: CommentLikeTemplateDynamicInput;
+    templateSettings: CommentLikeTemplateSettings;
+    currentUser: ResolvedUserIdentity;
+    canShowEditDialogOnLoad?: boolean;
+    canLike?: boolean;
+    openReply: (commentToReplyOn: Comment) => Comment;
+    cancelReply: (comment: Comment) => void;
+    refresh: (addedComment: boolean) => void;
+    additionalRoles?: Array<string>;
+    cardStyle?: ThemeDefinition;
+    inputStyle?: CommentInputStyle;
+    hideEdit?: boolean;
+    readOnly?: boolean;
+    markedBestReply?: () => void;
+    commented?: () => void;
+    commentedReply?: () => void;
+    reactedSocial?: () => void;
+}
+export declare const ThreadedCommentLikeTemplate: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<ThreadedCommentLikeTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ThreadedCommentLikeTemplateProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<ThreadedCommentLikeTemplateProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ThreadedCommentLikeTemplateProps, never>;
+});
+export default ThreadedCommentLikeTemplate;

package/internal-do-not-import-from-here/ux/spacingpicker/ISpacingPicker.d.ts

@@ -1,4 +1,3 @@
-import { TsxAllowUnknowProperties } from "../";
 import { SpacingSettings } from "../../models";
 export interface IPaddingPickerProperties {
     individualSelection?: boolean;
@@ -13,16 +12,3 @@ export interface ISpacingPicker extends IPaddingPickerProperties {
     onValueChanged?: (model: SpacingSettings) => void;
     [name: string]: any;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-spacing-picker": TsxAllowUnknowProperties<ISpacingPicker>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/spacingpicker/SpacingPicker.css.d.ts

@@ -9,8 +9,8 @@ export declare const SpacingPickerStyles: {
     inputValueContainer: string;
     centerButton: {
         color: {
-            color: any;
-            iconColor: any;
+            color: string;
+            iconColor: string;
         };
         position: string;
         container: string;

package/internal-do-not-import-from-here/ux/spacingpicker/SpacingPicker.d.ts

@@ -1,9 +1,5 @@
-import Vue from "vue";
-import { IWebComponentInstance } from "../../";
-import { ISpacingPicker } from "./ISpacingPicker";
 import { SpacingSettings } from "../../models";
-import { SpacingPickerLocalization } from "./loc/localize";
-export declare class SpacingPicker extends Vue implements IWebComponentInstance, ISpacingPicker {
+export interface SpacingPickerProps {
     disableTop?: boolean;
     disableBottom?: boolean;
     disableLeft?: boolean;
@@ -13,32 +9,10 @@ export declare class SpacingPicker extends Vue implements IWebComponentInstance,
     individualSelection: boolean;
     color: string;
     dark?: boolean;
-    loc: SpacingPickerLocalization.locInterface;
-    private Position;
-    mounted(): void;
-    onValueBindChanged(): void;
-    priorityCombinationsBorders: {
-        [x: string]: () => number;
-    };
-    selectionModel: {
-        selectedBorders: string;
-        selectedValue: number;
-    };
-    get top(): number;
-    get right(): number;
-    get left(): number;
-    get bottom(): number;
-    isPositionSelected(position: string): boolean;
-    selectCombination(): void;
-    /**
-     * Eventhandler for when bordersize is changed
-     * @param value
-     */
-    onValueChange(change: number): void;
-    /**
-     * Eventhandler for when border is selected
-     * @param value
-     */
-    onBorderSelected(value: string): void;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const SpacingPicker: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<SpacingPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<SpacingPickerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<SpacingPickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<SpacingPickerProps, never>;
+});
+export default SpacingPicker;

package/internal-do-not-import-from-here/ux/statusmessageoverlay/IStatusMessageOverlay.d.ts

@@ -1,19 +1,7 @@
-import { TsxAllowUnknowProperties } from "..";
 import { StatusMessageOverlayType, HttpStatusCode } from "../../models";
 export interface IStatusMessageOverlay {
     overlay?: StatusMessageOverlayType;
     statusCode?: HttpStatusCode;
     icon?: string;
-    content?: string | JSX.Element;
-}
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-status-message-overlay": TsxAllowUnknowProperties<IStatusMessageOverlay>;
-        }
-    }
+    content?: string | VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/statusmessageoverlay/StatusMessageOverlay.d.ts

@@ -1,18 +1,14 @@
-import Vue from "vue";
 import "./StatusMessageOverlay.css";
-import { IWebComponentInstance } from "../..";
 import { StatusMessageOverlayType, HttpStatusCode } from "../../models";
-import { IStatusMessageOverlay } from "./IStatusMessageOverlay";
-export declare class StatusMessageOverlay extends Vue implements IWebComponentInstance, IStatusMessageOverlay {
-    content?: string | JSX.Element;
+export interface StatusMessageOverlayProps {
+    content?: string | VueTsxSupport.JSX.Element;
     icon?: string;
     overlay?: StatusMessageOverlayType;
     statusCode?: HttpStatusCode;
-    private omniaUxLoc;
-    private omniaContext;
-    private statusMessageOverlayStyles;
-    mounted(): void;
-    private renderStatusMessage;
-    private renderStatusCode;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const StatusMessageOverlay: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<StatusMessageOverlayProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<StatusMessageOverlayProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<StatusMessageOverlayProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<StatusMessageOverlayProps, never>;
+});
+export default StatusMessageOverlay;

package/internal-do-not-import-from-here/ux/tag/HashTagList.d.ts

@@ -1,8 +1,5 @@
-import { VueComponentBase } from "../VueComponentBase";
 import { PromotedTagOptions, Tag } from "@omnia/fx-models";
-import { PromotedTagStore } from "../../stores";
-import { IHashTagListComponent } from ".";
-export default class HashTagListComponent extends VueComponentBase implements IHashTagListComponent {
+export interface HashTagListComponentProps {
     searchKeyword: string;
     positionInfo: {
         x: number;
@@ -10,21 +7,10 @@ export default class HashTagListComponent extends VueComponentBase implements IH
     };
     promotedTagOptions?: PromotedTagOptions;
     onTagSelected: (selectedValue: Tag) => void;
-    private tagService;
-    promotedTagStore: PromotedTagStore;
-    private isLoading;
-    private tags;
-    private showMenuValue;
-    private searchTagTimewatch;
-    private promotedTags;
-    private lastPromotedTag;
-    searchKeywordChanged(newValue: string, oldValue: string): void;
-    created(): void;
-    mounted(): void;
-    private onItemSelected;
-    private ensurePromotedTags;
-    private handleSearchTag;
-    render(h: any): true | VueTsxSupport.JSX.Element;
-    private renderMenu;
-    private renderLoading;
 }
+declare const HashTagListComponent: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<HashTagListComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HashTagListComponentProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<HashTagListComponentProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<HashTagListComponentProps, never>;
+});
+export default HashTagListComponent;

package/internal-do-not-import-from-here/ux/tag/IHashTagList.d.ts

@@ -11,12 +11,6 @@ export interface IHashTagListComponent {
 }
 declare global {
     namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
         interface IntrinsicElements {
             "omfx-tag-list": TsxAllowUnknowProperties<IHashTagListComponent>;
         }

package/internal-do-not-import-from-here/ux/templatepicker/ITemplatePicker.d.ts

@@ -1,5 +1,4 @@
 import { IconPickerModel } from "../../models";
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface TemplatePickerModel {
     icon: IconPickerModel;
     title?: string;
@@ -13,14 +12,3 @@ export interface ITemplatePicker extends IITemplatePickerProperties {
     templates: Array<TemplatePickerModel>;
     onValueChanged?: (model: TemplatePickerModel) => void;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-template-picker": TsxAllowUnknowProperties<ITemplatePicker>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/templatepicker/TemplatePicker.d.ts

@@ -1,28 +1,16 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { IconPickerModel } from "../../models";
-import { OmniaUxLocalization } from "../UxModels";
-import { ITemplatePicker, TemplatePickerModel } from ".";
+import { TemplatePickerModel } from ".";
 import { TemplateStyles } from "./TemplatePicker.css";
-import { VueComponentBase } from "../VueComponentBase";
-export declare class TemplatePicker extends VueComponentBase implements IWebComponentInstance, ITemplatePicker {
+export interface TemplatePickerProps {
     valueBind?: TemplatePickerModel;
     onValueChanged?: (model: TemplatePickerModel) => void;
     templates: Array<TemplatePickerModel>;
     colsGrid?: number;
     stylesTemplate?: typeof TemplateStyles;
     isSort?: boolean;
-    private omniaContext;
-    private omniaTheming;
-    protected omniaUxLoc: OmniaUxLocalization;
-    private cols;
-    private cardWidth;
-    private stylesCard;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private getColumnsOfGrid;
-    renderIcon(icon: IconPickerModel): VueTsxSupport.JSX.Element[];
-    renderCustomIcon(icon: IconPickerModel): VueTsxSupport.JSX.Element[];
-    render(): VueTsxSupport.JSX.Element;
-    private selectTemplate;
 }
+export declare const TemplatePicker: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<TemplatePickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TemplatePickerProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<TemplatePickerProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TemplatePickerProps, never>;
+});
+export default TemplatePicker;

package/internal-do-not-import-from-here/ux/textstyle/TextStyleStyle.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Runtime service that applies the effective text style overrides for the current business profile.
+ * It mirrors CustomFontStyle: it loads on every page, resolves the effective settings (business
+ * profile override when not inheriting, otherwise tenant), and re-applies whenever the business
+ * profile switches or the underlying settings change. The CSS is written to a single replaceable
+ * <style> element so switching profiles fully re-evaluates the applied styles.
+ */
+export declare class TextStyleStyle {
+    private omniaContext;
+    private settingsService;
+    private tenantSettings;
+    private businessProfilePropertyBagSubscription;
+    private settingsKey;
+    constructor();
+    private init;
+    private onContextChanged;
+    private subscribeToBusinessProfilePropertyBag;
+    private applyEffectiveSettings;
+    private getEffectiveSettings;
+    private applySettings;
+    private cleanupLegacyOverride;
+    private removeStyle;
+    private canUseDocument;
+}

package/internal-do-not-import-from-here/ux/texttranslator/ITextTranslator.d.ts

@@ -11,16 +11,3 @@ export interface ITextTranslator {
     icon?: IIcon;
     dark?: boolean;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-text-translator": ITextTranslator;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/texttranslator/TextTranslator.d.ts

@@ -1,12 +1,6 @@
-import { IWebComponentInstance, SubscriptionHandler } from "../..";
-import { ITextTranslator } from "./ITextTranslator";
-import { Language, IIcon, LanguageTags } from "../../models";
-import { OmniaTheming, VueComponentBase } from "..";
-import { MultilingualStore } from "../../stores";
-import { TextTranslatorLocalization } from "./loc/localize";
-import { LocalizationService, TranslationService } from "../../services";
+import { IIcon, LanguageTags } from "../../models";
 import "./TextTranslator.css";
-export declare class TextTranslator extends VueComponentBase implements IWebComponentInstance, ITextTranslator {
+export interface TextTranslatorProps {
     text: string;
     srcLanguage?: LanguageTags;
     onTranslateCompleted: (result: string) => void;
@@ -14,26 +8,10 @@ export declare class TextTranslator extends VueComponentBase implements IWebComp
     fabButton: boolean;
     icon?: IIcon;
     dark?: boolean;
-    omniaTheming: OmniaTheming;
-    multilingualStringStore: MultilingualStore;
-    subscriptionHandler: SubscriptionHandler;
-    translationService: TranslationService;
-    localizationService: LocalizationService;
-    loc: TextTranslatorLocalization.locInterface;
-    private styles;
-    private languages;
-    private showAllLanguages;
-    private loadedAllLanguages;
-    private unselectedLanguages;
-    private showTranslationMenu;
-    private isTranslating;
-    mounted(): void;
-    created(): void;
-    init(): void;
-    onTranslate(language: Language): void;
-    loadAllLanguages(): void;
-    hideNonSystemLanguages(): void;
-    renderIcon(): string;
-    private renderLanguage;
-    render(): VueTsxSupport.JSX.Element;
 }
+export declare const TextTranslator: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<TextTranslatorProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TextTranslatorProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<TextTranslatorProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<TextTranslatorProps, never>;
+});
+export default TextTranslator;

package/internal-do-not-import-from-here/ux/theming/Theming.d.ts

@@ -1,5 +1,4 @@
-import { GuidValue } from "../../models";
-import { ThemeTargetMapping, ThemeStyling, ThemeDefinition, ThemeColors } from "../../models";
+import { GuidValue, ThemeColors, ThemeDefinition, ThemeStyling, ThemeTargetMapping } from "../../models";
 export interface ITheming {
     colors: ThemeColors;
     body: ThemeStyling;

package/internal-do-not-import-from-here/ux/theming/components/IThemeDefinitionEditor.d.ts

@@ -1,4 +1,3 @@
-import { TsxAllowUnknowProperties } from "../../";
 import { ThemeDefinition } from "../../../models";
 export interface IThemeDefinitionEditor {
     hideBodySettings?: boolean;
@@ -9,16 +8,3 @@ export interface IThemeDefinitionEditor {
     attachedToParent?: boolean;
     [name: string]: any;
 }
-declare global {
-    namespace VueTsxSupport.JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-themedefinition-editor": TsxAllowUnknowProperties<IThemeDefinitionEditor>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/theming/components/ThemeDefinitionEditor.d.ts

@@ -1,39 +1,15 @@
-import { VueComponentBase, ThemeStore } from "../..";
-import { IWebComponentInstance } from "../../../runtime/core/InternalWebComponentBootstrapper";
-import { ThemingLocalization } from "../loc/localize";
-import { IThemeDefinitionEditor } from "./IThemeDefinitionEditor";
-import { ThemeDefinition, ThemeStyling, ThemeColorDefinition } from "../../../models";
-declare enum ThemeArea {
-    chrome = 1,
-    body = 2
-}
-export declare class ThemeDefinitionEditor extends VueComponentBase implements IWebComponentInstance, IThemeDefinitionEditor {
+import { ThemeDefinition } from "../../../models";
+export interface ThemeDefinitionEditorProps {
     valueBind: ThemeDefinition;
     onValueChanged?: (model: ThemeDefinition) => void;
     hideBodySettings?: boolean;
     hideChromeSettings?: boolean;
     hideBorderSettings?: boolean;
     attachedToParent?: boolean;
-    loc: ThemingLocalization.locInterface;
-    themeStore: ThemeStore;
-    private themeDefinitions;
-    private advancedModeState;
-    private isAdvancedModeExpanded;
-    private showCloneDefinitionMenu;
-    private menuActivatorId;
-    private isChromeTab;
-    created(): void;
-    mounted(): void;
-    onModelUpdated(): void;
-    onDefinitionSelected(themeDefintion: ThemeDefinition): void;
-    renderBorderThemeStyling(themeStyling: ThemeStyling, themeArea: ThemeArea): VueTsxSupport.JSX.Element;
-    renderAdvancedSettings(themeArea: ThemeArea, themeStyling: ThemeStyling): VueTsxSupport.JSX.Element;
-    renderCustomThemeStyling(themeDefinition: ThemeColorDefinition, themeArea: ThemeArea): VueTsxSupport.JSX.Element;
-    renderSettings(): VueTsxSupport.JSX.Element;
-    renderMenuItems(): VueTsxSupport.JSX.Element[];
-    renderMenu(): VueTsxSupport.JSX.Element;
-    renderSingleTab(): VueTsxSupport.JSX.Element;
-    renderTabs(): VueTsxSupport.JSX.Element;
-    render(): VueTsxSupport.JSX.Element;
 }
-export {};
+export declare const ThemeDefinitionEditor: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<ThemeDefinitionEditorProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ThemeDefinitionEditorProps, never>;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<ThemeDefinitionEditorProps, never>, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<ThemeDefinitionEditorProps, never>;
+});
+export default ThemeDefinitionEditor;