@omnia/fx-models 7.5.74-dev → 8.0.0-dev

package/media-picker/Providers/MyComputerProvider.js

@@ -13,7 +13,7 @@ class MediaPickerMyComputerProvider {
         this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.myComputer;
         this.category = "image";
         this.name = "Omnia.Ux.MyComputerProvider.Title";
-        this.icon = new Icon_1.FontAwesomeIcon("far fa-desktop");
+        this.icon = new Icon_1.FontAwesomeIcon("fa-duotone fa-desktop");
         //this.providerElementName = "omfx-media-picker-mycomputer-provider";
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxMyComputerProvider;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];

package/media-picker/Providers/PexelProvider.js

@@ -14,8 +14,8 @@ class MediaPickerPexelProvider {
         this.category = "image";
         this.name = "Pexels";
         this.icon = new Icon_1.SvgIcon("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\">" +
-            "<path d=\"M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z\" fill=\"#fff\"></path>" +
-            "<path d=\"M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z\" fill=\"#000\" fill-opacity=\"0.5\"></path>" +
+            "<path d=\"M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z\" fill=\"#05705a\"></path>" +
+            "<path d=\"M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z\" fill=\"#fff\" ></path>" +
             "</svg>");
         //this.providerElementName = "omfx-media-picker-pexels-provider";
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxPexelProvider;

package/media-picker/Providers/UnsplashProvider.d.ts

@@ -0,0 +1,18 @@
+import { MediaPickerProvider } from ".";
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaPickerEnums } from "../../Enums";
+import { IIcon } from "../../Icon";
+import { MediaPickerVideo } from "../MediaPickerMedia";
+import { MediaPickerPersistedImage } from "../Shared";
+export declare class MediaPickerUnsplashProvider implements MediaPickerProvider {
+    id: GuidValue;
+    category: string;
+    name: string;
+    icon: IIcon;
+    sortOrder?: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
+    constructor();
+    hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
+}

package/media-picker/Providers/UnsplashProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaPickerUnsplashProvider = void 0;
+const Constants_1 = require("../../Constants");
+const Enums_1 = require("../../Enums");
+const ManifestIds_1 = require("../../ManifestIds");
+const Icon_1 = require("../../Icon");
+class MediaPickerUnsplashProvider {
+    constructor() {
+        this.hasEditorForMedia = (media) => {
+            return false;
+        };
+        this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.unsplash;
+        this.category = "image";
+        this.name = "Unsplash";
+        this.icon = new Icon_1.SvgIcon("<svg width='32' height='32' class='UP8CN' viewBox='0 0 32 32' version='1.' aria-labelledby='unsplash-home' aria-hidden='false'><path fill='#919191' d='M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z'></path></svg>");
+        this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxUnsplashProvider;
+        this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];
+        this.sortOrder = 41;
+        this.supportGalleryFeature = true;
+    }
+}
+exports.MediaPickerUnsplashProvider = MediaPickerUnsplashProvider;

package/media-picker/Providers/index.d.ts

@@ -7,3 +7,4 @@ export * from "./PexelProvider";
 export * from "./YoutubeProvider";
 export * from "./DallEProvider";
 export * from "./MediaflowProvider";
+export * from "./UnsplashProvider";

package/media-picker/Providers/index.js

@@ -10,3 +10,4 @@ tslib_1.__exportStar(require("./PexelProvider"), exports);
 tslib_1.__exportStar(require("./YoutubeProvider"), exports);
 tslib_1.__exportStar(require("./DallEProvider"), exports);
 tslib_1.__exportStar(require("./MediaflowProvider"), exports);
+tslib_1.__exportStar(require("./UnsplashProvider"), exports);

package/media-picker/Shared.d.ts

@@ -1,14 +1,20 @@
-import { MediaPickerEnums, MediaPickerRenditionData, MediaPickerTransformedBase64Image } from "..";
+import { MediaPickerEnums, MediaPickerImageTransformationResult, MediaPickerRenditionData, MediaPickerTransformedBase64Image } from "..";
 import { MediaPickerBase64Image } from "./MediaPickerBase64Image";
 import { MediaPickerImageRatioDefinition, MediaPickerRollupImageRatio } from "./MediaPickerImageRatio";
 import { MediaPickerImageScalingDefinition } from "./MediaPickerImageScaling";
 import { MediaPickerPersistedImageInformation } from "./MediaPickerPersistedImageDetails";
+export interface IMediaFileProcessor {
+    getMediaInfo(mediaItem: ImageItem | VideoItem): Promise<ImageInformation | VideoInformation>;
+    onResizeImage(image: ImageInformation, scalingSettings: MediaPickerImageScalingDefinition): Promise<ImageInformation>;
+    onTransformImage(image: ImageInformation): MediaPickerImageTransformationResult;
+}
 export interface MediaInformation {
     mediaType: MediaPickerEnums.OmniaMediaTypes;
 }
 export interface ImageInformation extends MediaInformation, MediaPickerBase64Image {
     sizeInBytes: number;
     sourceUrl?: string;
+    thumbnailUrl?: string;
 }
 export interface VideoInformation extends MediaInformation {
     videoUrl: string;

package/media-picker/index.d.ts

@@ -15,3 +15,5 @@ export * from "./MediaPickerUserIconsStorageProviderContext";
 export * from "./Shared";
 export * from "./Providers";
 export * from "./SharePointVideoResult";
+export * from "./MediaPickerSearchProvider";
+export * from "./localize";

package/media-picker/index.js

@@ -18,3 +18,5 @@ tslib_1.__exportStar(require("./MediaPickerUserIconsStorageProviderContext"), ex
 tslib_1.__exportStar(require("./Shared"), exports);
 tslib_1.__exportStar(require("./Providers"), exports);
 tslib_1.__exportStar(require("./SharePointVideoResult"), exports);
+tslib_1.__exportStar(require("./MediaPickerSearchProvider"), exports);
+tslib_1.__exportStar(require("./localize"), exports);

package/media-picker/localize.d.ts

@@ -0,0 +1,26 @@
+export declare module MediaProviderLocalization {
+    const namespace = "Omnia.Ux.MediaProvider";
+    interface locInterface {
+        NoResultText: string;
+        Searching: string;
+        TypeSomethingToSearch: string;
+        FileSizeWarningDialog: {
+            WarningBigSizeTitle: string;
+            WarningBigSizeMessage: string;
+            SmallOption: string;
+            MediumOption: string;
+            LargeOption: string;
+            KeepOriginalSizeOption: string;
+            KeepRatio: string;
+            RetryScalingImageMessage: string;
+        };
+        RetryDownloadDialog: {
+            RetryDownloadTitle: string;
+            RetryDownloadMessage: string;
+            RetryButton: string;
+        };
+        FileTypeIsNotSupportedDialog: {
+            FileTypeIsNotSupportedMessage: string;
+        };
+    }
+}

package/media-picker/localize.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaProviderLocalization = void 0;
+var MediaProviderLocalization;
+(function (MediaProviderLocalization) {
+    MediaProviderLocalization.namespace = "Omnia.Ux.MediaProvider";
+})(MediaProviderLocalization = exports.MediaProviderLocalization || (exports.MediaProviderLocalization = {}));

package/mediaflow/Constants.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaflowSecretsForms = exports.MediaflowConstants = void 0;
 class MediaflowConstants {
 }
-exports.MediaflowConstants = MediaflowConstants;
 MediaflowConstants.mediaflowJsUrl = "https://mfstatic.com/js/fileselector.min.js";
 MediaflowConstants.mediaflowJsFallback = "https://mfstatic.com/js/fileselector.js";
 MediaflowConstants.mediaflowCssUrl = "https://mfstatic.com/css/fileselector.min.css";
@@ -12,10 +11,11 @@ MediaflowConstants.featureId = "32B53D6B-6177-40FD-A8D2-386128089CA5";
 MediaflowConstants.mediaFlowSettingsKey = "omnia.mediaflow.settings";
 MediaflowConstants.mediaFlowSecretKey = "omnia-mediaflow-integration-key";
 MediaflowConstants.defaultSupportedMediaFormats = "flv,mxf,gxf,wmv,asf,mp4,m4v,ismv,mkv,mov,jpeg,jpg,png,bmp,gif,svg,ico";
+exports.MediaflowConstants = MediaflowConstants;
 class MediaflowSecretsForms {
 }
-exports.MediaflowSecretsForms = MediaflowSecretsForms;
 MediaflowSecretsForms.clientid = "clientid";
 MediaflowSecretsForms.clientsecret = "clientsecret";
 MediaflowSecretsForms.refreshtoken = "refreshtoken";
 MediaflowSecretsForms.integrationKey = "integrationKey";
+exports.MediaflowSecretsForms = MediaflowSecretsForms;

package/oxide/OxideTypeDefinitions.d.ts

@@ -0,0 +1,147 @@
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+export type Position = Tblock | Tinline | "center" | "center center" | `${Tblock} ${Tinline | "center"}` | `${Tinline} ${Tblock | "center"}`;
+export declare const SizeTypeDefinitions: readonly ["default", "x-small", "small", "large", "x-large"];
+export type SizeTypes = typeof SizeTypeDefinitions[number];
+export declare const SizeTypesName = "SizeTypes";
+/**Slider */
+export declare const DirectionDefinitions: readonly ["horizontal", "vertical"];
+export type DirectionTypes = typeof DirectionDefinitions[number];
+export declare const DirectionTypesName = "DirectionTypes";
+export declare const SliderVariantDefinitions: readonly ["default", "prominent"];
+export type SliderVariants = typeof SliderVariantDefinitions[number];
+export declare const SliderVariantsName = "SliderVariants";
+/**Progress */
+export declare const ProgressTypeDefinitions: readonly ["linear", "circular"];
+export type ProgressTypes = typeof ProgressTypeDefinitions[number];
+export declare const ProgressTypesName = "ProgressTypes";
+export declare const ProgressVariantDefinitions: readonly ["default", "loading"];
+export type ProgressVariants = typeof ProgressVariantDefinitions[number];
+export declare const ProgressVariantsName = "ProgressVariants";
+export declare const ProgressSizeTypeDefinitions: readonly ["default", "large", "x-large"];
+export type ProgressSizeTypes = typeof ProgressSizeTypeDefinitions[number];
+export declare const ProgressSizeTypesName = "ProgressSizeTypes";
+/**AppBar */
+export declare const AppBarTypeDefinitions: readonly ["default", "app", "chrome"];
+export type AppBarTypes = typeof AppBarTypeDefinitions[number];
+export declare const AppBarTypesName = "AppBarTypes";
+/**Button */
+export declare const ButtonPresetDefinitions: readonly ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings", "load-more", "retry", "remove", "approve", "copy-to-clipboard", "details", "next", "previous", "select", "view-more", "send-request"];
+export type OxideButtonPresets = typeof ButtonPresetDefinitions[number];
+export declare const ButtonPresetsName = "OxideButtonPresets";
+export declare const ButtonVariantDefinitions: readonly ["default", "prominent", "toolbar", "opacity", "dial", "slim"];
+export type ButtonVariants = typeof ButtonVariantDefinitions[number];
+export declare const ButtonVariantsName = "ButtonVariants";
+/**Button Group */
+export declare const ButtonGroupTypeDefinitions: readonly ["default", "dial", "settings"];
+export type ButtonGroupTypes = typeof ButtonGroupTypeDefinitions[number];
+export declare const ButtonGroupTypesName = "ButtonGroupTypes";
+/** Column */
+export declare const ColValueDefinitions: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+export type ColValues = typeof ColValueDefinitions[number];
+export declare const ColValuesName = "ColValues";
+export declare const AlignmentTypeDefinitions: readonly ["end", "center", "start", "baseline", "stretch", "auto"];
+export type AlignmentTypes = typeof AlignmentTypeDefinitions[number];
+export declare const AlignmentTypesName = "AlignmentTypes";
+/** Dialog */
+export declare const DialogTypeDefinitions: readonly ["save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
+export type DialogTypes = typeof DialogTypeDefinitions[number];
+export declare const DialogTypesName = "DialogTypes";
+/** Divider */
+export declare const PageDividerTypeDefinitions: readonly ["default", "prominent"];
+export type PageDividerTypes = typeof DividerTypeDefinitions[number];
+export declare const PageDividerTypesName = "PageDividerTypes";
+/** Expansion Panel */
+export declare const PanelTypeDefinitions: readonly ["default", "navigation", "section"];
+export type PanelTypes = typeof PanelTypeDefinitions[number];
+export declare const PanelTypesName = "PanelTypes";
+/**Icon */
+export declare const IconPresetDefinitions: readonly ["add", "delete", "edit", "drag-handle", "copy", "code", "expand", "remove", "info"];
+export type IconPresets = typeof IconPresetDefinitions[number];
+export declare const IconPresetsName = "IconPresets";
+export declare const IconSizeDefinitions: readonly ["x-large", "large", "default", "x-small", "small"];
+export type OIconSizes = typeof IconSizeDefinitions[number];
+export declare const IconSizesName = "OIconSizes";
+export declare const IconVariantDefinitions: readonly ["default", "background"];
+export type IconVariants = typeof IconVariantDefinitions[number];
+export declare const IconVariantsName = "IconVariants";
+/** Image */
+export declare const RatioTypeDefinitions: readonly ["default", "landscape"];
+export type RatioTypes = typeof RatioTypeDefinitions[number];
+export declare const RatioTypesName = "RatioTypes";
+/** List */
+export declare const ListItemVariantDefinitions: readonly ["default", "delete", "navigation"];
+export type ListItemVariants = typeof ListItemVariantDefinitions[number];
+export declare const ListItemVariantsName = "ListItemVariants";
+export declare const ListTypeDefinitions: readonly ["default", "navigation", "options"];
+export type ListTypes = typeof ListTypeDefinitions[number];
+export declare const ListTypesName = "ListTypes";
+export declare const ListLineTypeDefinitions: readonly [false, "one", "two", "three"];
+export type ListLineTypes = typeof ListLineTypeDefinitions[number];
+export declare const ListLineTypesName = "ListLineTypes";
+/** Menu */
+export declare const MenuLocationDefinitions: readonly ["top", "bottom", "start", "end", "left", "right", "center", "center center", "top center", "top start", "top end", "bottom start", "bottom end", "start top", "start bottom", "end top", "end bottom"];
+export type MenuLocations = typeof MenuLocationDefinitions[number];
+export declare const MenuLocationsName = "MenuLocations";
+/**Navigation Drawer */
+export declare const NavigationDrawerLocationDefinitions: readonly ["top", "left", "right", "bottom", "end", "start"];
+export type NavigationDrawerLocations = typeof NavigationDrawerLocationDefinitions[number];
+export declare const NavigationDrawerLocationsName = "NavigationDrawerLocations";
+export declare const NavigationDrawerVariantDefinitions: readonly ["default", "app", "editor", "dialog"];
+export type NavigationDrawerVariants = typeof NavigationDrawerVariantDefinitions[number];
+export declare const NavigationDrawerVariantsName = "NavigationDrawerVariants";
+/** Panel */
+export declare const DividerTypeDefinitions: readonly ["top", "bottom", "left", "right"];
+export type DividerTypes = typeof DividerTypeDefinitions[number];
+export declare const DividerTypesName = "DividerTypes";
+export type BorderCombination = `${DividerTypes}` | `${DividerTypes} ${DividerTypes}` | `${DividerTypes} ${DividerTypes} ${DividerTypes}` | `${DividerTypes} ${DividerTypes} ${DividerTypes} ${DividerTypes}`;
+export declare const PaddingTypeDefinitions: readonly ["top", "bottom", "left", "right"];
+export type PaddingTypes = typeof PaddingTypeDefinitions[number];
+export declare const PaddingTypesName = "DividerTypes";
+export type PaddingCombination = `${PaddingTypes}` | `${PaddingTypes} ${PaddingTypes}` | `${PaddingTypes} ${PaddingTypes} ${PaddingTypes}` | `${PaddingTypes} ${PaddingTypes} ${PaddingTypes} ${PaddingTypes}`;
+export declare const PanelVariantDefinitions: readonly ["default", "dialog", "tab", "tab-vertical", "section", "toolbar", "settings", "navigation", "info-section", "content"];
+export type PanelVariants = typeof PanelVariantDefinitions[number];
+export declare const PanelVariantsName = "PanelVariants";
+export declare const PanelDirectionDefinitions: readonly ["row", "column"];
+export type PanelDirections = typeof PanelDirectionDefinitions[number];
+export declare const PanelDirectionsName = "PanelDirections";
+export declare const HorizontalAlignmentDefinitions: readonly ["left", "center", "right"];
+export type OHorizontalAlignments = typeof HorizontalAlignmentDefinitions[number];
+export declare const HorizontalAlignmentsName = "OHorizontalAlignments";
+export declare const VerticalAlignmentDefinitions: readonly ["top", "center", "bottom"];
+export type OVerticalAlignments = typeof VerticalAlignmentDefinitions[number];
+export declare const VerticalAlignmentsName = "OVerticalAlignments";
+/** Select */
+export declare const SelectTypeDefinitions: readonly ["default", "add", "picker", "combobox"];
+export type SelectTypes = typeof SelectTypeDefinitions[number];
+export declare const SelectTypesName = "SelectTypes";
+/**Skeleton loader */
+export declare const SkeletonLoaderTypeDefinitions: readonly ["text", "image", "button", "chip", "actions", "avatar", "divider", "subtitle", "heading", "sentences", "paragraph", "article", "card", "card-avatar", "date-picker", "date-picker-options", "date-picker-days", "list-item", "list-item-avatar", "list-item-two-line", "list-item-avatar-two-line", "list-item-three-line", "list-item-avatar-three-line", "table", "table-heading", "table-thead", "table-tbody", "table-row-divider", "table-row", "table-tfoot"];
+export type SkeletonLoaderTypes = typeof SkeletonLoaderTypeDefinitions[number];
+export declare const SkeletonLoaderName = "SkeletonLoaderTypes";
+export type SkeletonLoaderTypesCombination = `${SkeletonLoaderTypes}` | `${SkeletonLoaderTypes}, ${SkeletonLoaderTypes}` | `${SkeletonLoaderTypes}, ${SkeletonLoaderTypes}, ${SkeletonLoaderTypes}`;
+/** Tabs */
+export declare const ScrollOffsetTypeDefinitions: readonly ["dialog", "drawer"];
+export type ScrollOffsetTypes = "dialog" | "drawer" | string;
+export declare const ScrollOffsetTypesName = "ScrollOffsetTypes";
+export declare const TabVariantDefinitions: readonly ["default", "navigation", "settings"];
+export type TabVariants = typeof TabVariantDefinitions[number];
+export declare const TabVariantsName = "TabVariants";
+/** Text Box */
+export declare const TextBoxVariantTypeDefinitions: readonly ["default", "search", "find-slim", "link", "media"];
+export type TextBoxVariantTypes = typeof TextBoxVariantTypeDefinitions[number];
+export declare const TextBoxVariantTypesName = "TextBoxVariantTypes";
+export declare const TextBoxTypeDefinitions: readonly ["text", "password", "number"];
+export type TextBoxTypes = typeof TextBoxTypeDefinitions[number];
+export declare const TextBoxTypesName = "TextBoxTypes";
+/** Toolbar */
+export declare const ToolbarVariationDefinitions: readonly ["default", "blade", "menu", "drawer"];
+export type ToolbarVariants = typeof ToolbarVariationDefinitions[number];
+export declare const ToolbarVariantsName = "ToolbarVariants";
+/** Draggable */
+export declare const DraggableVariationDefinitions: readonly ["default", "list", "data-table"];
+export type DraggableVariants = typeof DraggableVariationDefinitions[number];
+export declare const DraggableVariantsName = "DraggableVariants";
+export {};

package/oxide/OxideTypeDefinitions.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationDrawerVariantsName = exports.NavigationDrawerVariantDefinitions = exports.NavigationDrawerLocationsName = exports.NavigationDrawerLocationDefinitions = exports.MenuLocationsName = exports.MenuLocationDefinitions = exports.ListLineTypesName = exports.ListLineTypeDefinitions = exports.ListTypesName = exports.ListTypeDefinitions = exports.ListItemVariantsName = exports.ListItemVariantDefinitions = exports.RatioTypesName = exports.RatioTypeDefinitions = exports.IconVariantsName = exports.IconVariantDefinitions = exports.IconSizesName = exports.IconSizeDefinitions = exports.IconPresetsName = exports.IconPresetDefinitions = exports.PanelTypesName = exports.PanelTypeDefinitions = exports.PageDividerTypesName = exports.PageDividerTypeDefinitions = exports.DialogTypesName = exports.DialogTypeDefinitions = exports.AlignmentTypesName = exports.AlignmentTypeDefinitions = exports.ColValuesName = exports.ColValueDefinitions = exports.ButtonGroupTypesName = exports.ButtonGroupTypeDefinitions = exports.ButtonVariantsName = exports.ButtonVariantDefinitions = exports.ButtonPresetsName = exports.ButtonPresetDefinitions = exports.AppBarTypesName = exports.AppBarTypeDefinitions = exports.ProgressSizeTypesName = exports.ProgressSizeTypeDefinitions = exports.ProgressVariantsName = exports.ProgressVariantDefinitions = exports.ProgressTypesName = exports.ProgressTypeDefinitions = exports.SliderVariantsName = exports.SliderVariantDefinitions = exports.DirectionTypesName = exports.DirectionDefinitions = exports.SizeTypesName = exports.SizeTypeDefinitions = void 0;
+exports.DraggableVariantsName = exports.DraggableVariationDefinitions = exports.ToolbarVariantsName = exports.ToolbarVariationDefinitions = exports.TextBoxTypesName = exports.TextBoxTypeDefinitions = exports.TextBoxVariantTypesName = exports.TextBoxVariantTypeDefinitions = exports.TabVariantsName = exports.TabVariantDefinitions = exports.ScrollOffsetTypesName = exports.ScrollOffsetTypeDefinitions = exports.SkeletonLoaderName = exports.SkeletonLoaderTypeDefinitions = exports.SelectTypesName = exports.SelectTypeDefinitions = exports.VerticalAlignmentsName = exports.VerticalAlignmentDefinitions = exports.HorizontalAlignmentsName = exports.HorizontalAlignmentDefinitions = exports.PanelDirectionsName = exports.PanelDirectionDefinitions = exports.PanelVariantsName = exports.PanelVariantDefinitions = exports.PaddingTypesName = exports.PaddingTypeDefinitions = exports.DividerTypesName = exports.DividerTypeDefinitions = void 0;
+const block = ["top", "bottom"];
+const inline = ["start", "end", "left", "right"];
+exports.SizeTypeDefinitions = ["default", "x-small", "small", "large", "x-large"];
+exports.SizeTypesName = "SizeTypes";
+/**Slider */
+exports.DirectionDefinitions = ["horizontal", "vertical"];
+exports.DirectionTypesName = "DirectionTypes";
+exports.SliderVariantDefinitions = ["default", "prominent"];
+exports.SliderVariantsName = "SliderVariants";
+/**Progress */
+exports.ProgressTypeDefinitions = ["linear", "circular"];
+exports.ProgressTypesName = "ProgressTypes";
+exports.ProgressVariantDefinitions = ["default", "loading"];
+exports.ProgressVariantsName = "ProgressVariants";
+exports.ProgressSizeTypeDefinitions = ["default", "large", "x-large"];
+exports.ProgressSizeTypesName = "ProgressSizeTypes";
+/**AppBar */
+exports.AppBarTypeDefinitions = ["default", "app", "chrome"];
+exports.AppBarTypesName = "AppBarTypes";
+/**Button */
+exports.ButtonPresetDefinitions = ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings", "load-more", "retry", "remove", "approve", "copy-to-clipboard", "details", "next", "previous", "select", "view-more", "send-request"];
+exports.ButtonPresetsName = "OxideButtonPresets";
+exports.ButtonVariantDefinitions = ["default", "prominent", "toolbar", "opacity", "dial", "slim"];
+exports.ButtonVariantsName = "ButtonVariants";
+/**Button Group */
+exports.ButtonGroupTypeDefinitions = ["default", "dial", "settings"];
+exports.ButtonGroupTypesName = "ButtonGroupTypes";
+/** Column */
+exports.ColValueDefinitions = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+exports.ColValuesName = "ColValues";
+exports.AlignmentTypeDefinitions = ["end", "center", "start", "baseline", "stretch", "auto"];
+exports.AlignmentTypesName = "AlignmentTypes";
+/** Dialog */
+exports.DialogTypeDefinitions = ["save-cancel", "confirm", "ok-cancel", "default", "app", "retry"];
+exports.DialogTypesName = "DialogTypes";
+/** Divider */
+exports.PageDividerTypeDefinitions = ["default", "prominent"];
+exports.PageDividerTypesName = "PageDividerTypes";
+/** Expansion Panel */
+exports.PanelTypeDefinitions = ["default", "navigation", "section"];
+exports.PanelTypesName = "PanelTypes";
+/**Icon */
+exports.IconPresetDefinitions = ["add", "delete", "edit", "drag-handle", "copy", "code", "expand", "remove", "info"];
+exports.IconPresetsName = "IconPresets";
+exports.IconSizeDefinitions = ["x-large", "large", "default", "x-small", "small"];
+exports.IconSizesName = "OIconSizes";
+// export const IconWeightDefinitions = ["default", "fat"] as const;
+// export type OIconWeights = typeof IconWeightDefinitions[number];
+// export const OIconWeightsName = "OIconWeights";
+exports.IconVariantDefinitions = ["default", "background"];
+exports.IconVariantsName = "IconVariants";
+/** Image */
+exports.RatioTypeDefinitions = ["default", "landscape"];
+exports.RatioTypesName = "RatioTypes";
+/** List */
+exports.ListItemVariantDefinitions = ["default", "delete", "navigation"];
+exports.ListItemVariantsName = "ListItemVariants";
+exports.ListTypeDefinitions = ["default", "navigation", "options"];
+exports.ListTypesName = "ListTypes";
+exports.ListLineTypeDefinitions = [false, "one", "two", "three"];
+exports.ListLineTypesName = "ListLineTypes";
+/** Menu */
+// type Tblock = "top" | "bottom";
+// type Tinline = "start" | "end" | "left" | "right";
+exports.MenuLocationDefinitions = ["top", "bottom", "start", "end", "left", "right", "center", "center center", "top center", "top start", "top end", "bottom start", "bottom end", "start top", "start bottom", "end top", "end bottom"];
+exports.MenuLocationsName = "MenuLocations";
+/**Navigation Drawer */
+exports.NavigationDrawerLocationDefinitions = ["top", "left", "right", "bottom", "end", "start"];
+exports.NavigationDrawerLocationsName = "NavigationDrawerLocations";
+exports.NavigationDrawerVariantDefinitions = ["default", "app", "editor", "dialog"];
+exports.NavigationDrawerVariantsName = "NavigationDrawerVariants";
+/** Panel */
+//export const DividerTypeDefinitions = ["top", "bottom", "top bottom","left","right", "left right","top bottom left right","top bottom left","top bottom right"] as const;
+exports.DividerTypeDefinitions = ["top", "bottom", "left", "right"];
+exports.DividerTypesName = "DividerTypes";
+exports.PaddingTypeDefinitions = ["top", "bottom", "left", "right"];
+exports.PaddingTypesName = "DividerTypes";
+exports.PanelVariantDefinitions = ["default", "dialog", "tab", "tab-vertical", "section", "toolbar", "settings", "navigation", "info-section", "content"];
+exports.PanelVariantsName = "PanelVariants";
+exports.PanelDirectionDefinitions = ["row", "column"];
+exports.PanelDirectionsName = "PanelDirections";
+exports.HorizontalAlignmentDefinitions = ["left", "center", "right"];
+exports.HorizontalAlignmentsName = "OHorizontalAlignments";
+exports.VerticalAlignmentDefinitions = ["top", "center", "bottom"];
+exports.VerticalAlignmentsName = "OVerticalAlignments";
+/** Select */
+exports.SelectTypeDefinitions = ["default", "add", "picker", "combobox"];
+exports.SelectTypesName = "SelectTypes";
+/**Skeleton loader */
+exports.SkeletonLoaderTypeDefinitions = ["text", "image", "button", "chip", "actions", "avatar", "divider", "subtitle", "heading", "sentences", "paragraph", "article", "card", "card-avatar", "date-picker", "date-picker-options", "date-picker-days", "list-item", "list-item-avatar", "list-item-two-line", "list-item-avatar-two-line", "list-item-three-line", "list-item-avatar-three-line", "table", "table-heading", "table-thead", "table-tbody", "table-row-divider", "table-row", "table-tfoot"];
+exports.SkeletonLoaderName = "SkeletonLoaderTypes";
+/** Tabs */
+exports.ScrollOffsetTypeDefinitions = ["dialog", "drawer"];
+exports.ScrollOffsetTypesName = "ScrollOffsetTypes";
+exports.TabVariantDefinitions = ["default", "navigation", "settings"];
+exports.TabVariantsName = "TabVariants";
+/** Text Box */
+//export const TextBoxVariantTypeDefinitions = ["default", "filter-menu", "search", "find-slim", "numberselector", "numberselector-prepend", "link", "media"] as const;
+exports.TextBoxVariantTypeDefinitions = ["default", "search", "find-slim", "link", "media"];
+exports.TextBoxVariantTypesName = "TextBoxVariantTypes";
+exports.TextBoxTypeDefinitions = ["text", "password", "number"];
+exports.TextBoxTypesName = "TextBoxTypes";
+/** Toolbar */
+exports.ToolbarVariationDefinitions = ["default", "blade", "menu", "drawer"];
+exports.ToolbarVariantsName = "ToolbarVariants";
+/** Draggable */
+exports.DraggableVariationDefinitions = ["default", "list", "data-table"];
+exports.DraggableVariantsName = "DraggableVariants";

package/oxide/SharedSettings.d.ts

@@ -0,0 +1,8 @@
+export interface ExpansionPanelSharedSettings {
+    variant?: string;
+    toned?: boolean;
+}
+export interface ListItemSharedSettings {
+    variant?: string;
+    toned?: boolean;
+}

package/oxide/SharedSettings.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/oxide/TreeView.d.ts

@@ -0,0 +1,10 @@
+import { IIcon } from "@omnia/fx-models";
+export interface TreeViewItem<TValue = any> {
+    key?: string;
+    value?: TValue;
+    title: string;
+    icon?: IIcon;
+    active?: boolean;
+    expanded?: boolean;
+    children?: TreeViewItem[];
+}

package/oxide/TreeView.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/oxide/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./TreeView";
+export * from "./OxideTypeDefinitions";
+export * from "./SharedSettings";

package/oxide/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TreeView"), exports);
+tslib_1.__exportStar(require("./OxideTypeDefinitions"), exports);
+tslib_1.__exportStar(require("./SharedSettings"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "7.5.74-dev",
+  "version": "8.0.0-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/properties/IPropertyValueRenderer.d.ts

@@ -4,21 +4,20 @@ import { PropertyDefinition, PropertyDisplaySettingsType, PropertyEditorSettings
  * Interface for webcomponent rendering a property value belonging to a property definition
  * */
 export interface IPropertyDisplayRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyValueType<TPropertyDef>;
+    modelValue: PropertyValueType<TPropertyDef>;
     displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
     setupSettings?: PropertySetupSettingsType<TPropertyDef>;
     renderTextOnly?: boolean;
 }
 export interface IPropertyEditorRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyValueType<TPropertyDef>;
+    modelValue: PropertyValueType<TPropertyDef>;
     editorSettings: PropertyEditorSettingsType<TPropertyDef>;
     displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
     setupSettings?: PropertySetupSettingsType<TPropertyDef>;
-    onValueBindChanged(newValue: PropertyValueType<TPropertyDef>): void;
     disabled?: boolean;
 }
 export interface IPropertyConfigurationRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyConfiguration<TPropertyDef>;
+    modelValue: PropertyConfiguration<TPropertyDef>;
     /**
      * Call each time the configuration is considered valid, i.e. the values of the configuration is good
      * Also called when no longer valid, but with value null

package/properties/PropertyDefinition.d.ts

@@ -16,6 +16,10 @@ export declare abstract class PropertyDisplaySettingsBase {
     showLabelText?: boolean;
     showLabelIcon?: boolean;
 }
+export declare abstract class PropertyEditorSettingsBase {
+    required?: boolean;
+    description?: MultilingualString;
+}
 /**
  * The base for PropertySetup
  */
@@ -24,7 +28,7 @@ export declare abstract class PropertySetupBase {
 declare abstract class UndefinedMirrorOfPropertySetupBase extends PropertySetupBase {
     private uniquePropertyNameOfUndefinedMirrorOfPropertySetupBase?;
 }
-export declare abstract class PropertyDefinition<TPropertyValue extends PropertyValue, TPropertyDisplaySettings extends PropertyDisplaySettingsBase, TPropertyEditorSettings, TPropertySetupSettings extends PropertySetupBase = PropertySetupBase> {
+export declare abstract class PropertyDefinition<TPropertyValue extends PropertyValue, TPropertyDisplaySettings extends PropertyDisplaySettingsBase, TPropertyEditorSettings extends PropertyEditorSettingsBase, TPropertySetupSettings extends PropertySetupBase = PropertySetupBase> {
     abstract readonly id: PropertyDefinitionId;
     abstract readonly typeName: string;
     /**

package/properties/PropertyDefinition.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyDefinition = exports.PropertySetupBase = exports.PropertyDisplaySettingsBase = void 0;
+exports.PropertyDefinition = exports.PropertySetupBase = exports.PropertyEditorSettingsBase = exports.PropertyDisplaySettingsBase = void 0;
 class PropertyDisplaySettingsBase {
 }
 exports.PropertyDisplaySettingsBase = PropertyDisplaySettingsBase;
+class PropertyEditorSettingsBase {
+}
+exports.PropertyEditorSettingsBase = PropertyEditorSettingsBase;
 //// Begining: Making the typing work for PropertyDefinition without specifying TPropertySetupSettings gives type never, i.e compile error else the correct typing if set.
 ///This is kind of magic stuff getting ts to have the desired behaviour
 /**

package/properties/definitions/BirthdayPropertyDefinition.d.ts

@@ -1,16 +1,15 @@
 import { Guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { LockStatusExcludeChildren, PropertyLockStatusType } from "../../../ux";
-import { PropertyDefinition, PropertyDisplaySettingsBase } from "../PropertyDefinition";
+import { PropertyDefinition, PropertyDisplaySettingsBase, PropertyEditorSettingsBase } from "../PropertyDefinition";
 import { BirthdayPropertyValue } from "../values";
-export type BirthdayDisplaySettings = {
+export declare class BirthdayDisplaySettings extends PropertyDisplaySettingsBase {
     locks?: PropertyLockStatusType<LockStatusExcludeChildren<Omit<BirthdayDisplaySettings, "locks">, "label">>;
     fontSize?: number;
     format?: string;
     showIcon?: boolean;
-} & PropertyDisplaySettingsBase;
-export type BirthdayEditorSettings = {
-    required?: boolean;
-};
+}
+export declare class BirthdayEditorSettings extends PropertyEditorSettingsBase {
+}
 export declare class BirthdayPropertyDefinition extends PropertyDefinition<BirthdayPropertyValue, BirthdayDisplaySettings, BirthdayEditorSettings> {
     id: Guid;
     typeName: string;

package/properties/definitions/BirthdayPropertyDefinition.js

@@ -1,8 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BirthdayPropertyDefinition = void 0;
+exports.BirthdayPropertyDefinition = exports.BirthdayEditorSettings = exports.BirthdayDisplaySettings = void 0;
 const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
 const PropertyDefinition_1 = require("../PropertyDefinition");
+class BirthdayDisplaySettings extends PropertyDefinition_1.PropertyDisplaySettingsBase {
+}
+exports.BirthdayDisplaySettings = BirthdayDisplaySettings;
+class BirthdayEditorSettings extends PropertyDefinition_1.PropertyEditorSettingsBase {
+}
+exports.BirthdayEditorSettings = BirthdayEditorSettings;
 class BirthdayPropertyDefinition extends PropertyDefinition_1.PropertyDefinition {
     constructor() {
         super(...arguments);

package/properties/definitions/BooleanPropertyDefinition.d.ts

@@ -1,10 +1,11 @@
 import { Guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
-import { PropertyDefinition, PropertyDisplaySettingsBase } from "../PropertyDefinition";
+import { PropertyDefinition, PropertyDisplaySettingsBase, PropertyEditorSettingsBase } from "../PropertyDefinition";
 import { BooleanPropertyValue } from "../values";
 export declare class BooleanDisplaySettings extends PropertyDisplaySettingsBase {
     inline?: boolean;
 }
-export type BooleanEditorSettings = {};
+export declare class BooleanEditorSettings extends PropertyEditorSettingsBase {
+}
 export declare class BooleanPropertyDefinition extends PropertyDefinition<BooleanPropertyValue, BooleanDisplaySettings, BooleanEditorSettings> {
     id: Guid;
     typeName: string;