@omnia/fx 8.0.173-dev → 8.0.175-dev

package/internal-do-not-import-from-here/ux/directives/Directives.d.ts

@@ -2,9 +2,13 @@ import { DirectiveDefinition } from "@omnia/fx-models";
 import { DirectiveBinding, VNode } from "vue";
 import { SubscriptionHandler } from "@omnia/fx";
 type SetupDirectiveContext<T> = {
+    onCreated(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode) => void): void;
+    onbeforeMount(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode) => void): void;
     onMounted(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode) => void): void;
+    onBeforeUpdate(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void): void;
+    onUpdated(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void): void;
+    onBeforeUnmount(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void): void;
     onUnmounted(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode) => void): void;
-    onUpdated(fn: (el: any, binding: DirectiveBinding<T>, vnode: VNode, prevVnode: VNode) => void): any;
     subscriptions: SubscriptionHandler;
 };
 export declare function defineVueDirective<T>(setup: (ctx: SetupDirectiveContext<T>) => void): () => ReturnType<DirectiveDefinition<T>>;

package/internal-do-not-import-from-here/ux/directives/motion/Motion.d.ts

@@ -0,0 +1 @@
+export {};

package/internal-do-not-import-from-here/ux/models/MotionDirective.d.ts

@@ -0,0 +1,6 @@
+import { MotionDirective } from "@vueuse/motion";
+declare module "@omnia/fx-models/ux/Directive" {
+    interface Directives {
+        motion: typeof MotionDirective;
+    }
+}

package/internal-do-not-import-from-here/ux/models/index.d.ts

@@ -53,6 +53,7 @@ export * from "./DataTable";
 export * from "./Directives";
 export * from "./MultiTextInputItem";
 export * from "./TypographyEditorModel";
+export * from "./MotionDirective";
 export { ValidationOnDefinitions, type IValidationRuleBuilder, type IValidator, type ValidationRule, type ValidationResult } from "./Validation";
 export type { ValidationOnTypes } from "./Validation";
 export * from "./SpecialUserConfiguration";

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -16,9 +16,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonBlueprint>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         stacked: {
             type: import("vue").PropType<boolean>;
@@ -147,9 +147,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonBlueprint>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         stacked: {
             type: import("vue").PropType<boolean>;
@@ -287,9 +287,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonBlueprint>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         stacked: {
             type: import("vue").PropType<boolean>;
@@ -424,9 +424,9 @@ declare const _default: {
         type: import("vue").PropType<ButtonBlueprint>;
     };
     animation: {
-        type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
     } & {
-        type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
     };
     stacked: {
         type: import("vue").PropType<boolean>;
@@ -553,7 +553,7 @@ declare const _default: {
         target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
         href?: string;
         size?: "small" | "default" | "large" | "x-large" | "x-small";
-        animation?: "flip" | "spin" | "beat" | "bounce";
+        animation?: "flip" | "bounce" | "spin" | "beat";
         tooltip?: ButtonTooltipOptions;
         active?: boolean;
         disabled?: boolean;

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts

@@ -20,9 +20,9 @@ declare const _default: {
             type: import("vue").PropType<number>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
@@ -86,9 +86,9 @@ declare const _default: {
             type: import("vue").PropType<number>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
@@ -161,9 +161,9 @@ declare const _default: {
             type: import("vue").PropType<number>;
         };
         animation: {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         } & {
-            type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
         };
         size: {
             type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
@@ -233,9 +233,9 @@ declare const _default: {
         type: import("vue").PropType<number>;
     };
     animation: {
-        type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
     } & {
-        type: import("vue").PropType<"flip" | "spin" | "beat" | "bounce">;
+        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
     };
     size: {
         type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
@@ -288,7 +288,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         size?: "small" | "default" | "large" | "x-large" | "x-small";
-        animation?: "flip" | "spin" | "beat" | "bounce";
+        animation?: "flip" | "bounce" | "spin" | "beat";
         disabled?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         colorType?: "base" | "onBase" | "container" | "onContainer";