@omnia/fx 8.0.262-dev → 8.0.264-dev

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts

@@ -1,4 +1,4 @@
-import { useSlidePanelStore } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefinePropTheming, useSlidePanelStore } from "@omnia/fx/ux";
 import { Swiper } from "internal/fx/libs/swiper";
 export declare const SlidePanelVariation: readonly ["default", "custom-navigation"];
 export type SlidePanelVariationType = typeof SlidePanelVariation[number];
@@ -6,270 +6,6 @@ export type SlidePanelVariationType = typeof SlidePanelVariation[number];
  * Slide panel component
  * @remarks - read the docs here of Core API https://swiperjs.com/swiper-api
  */
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        variant: {
-            type: import("vue").PropType<"default" | "custom-navigation">;
-            required: false;
-        };
-        contentWrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
-        };
-        slideSpacing: {
-            type: import("vue").PropType<number>;
-        };
-        slidesPerView: {
-            type: import("vue").PropType<number>;
-        };
-        delay: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        scrollbar: {
-            type: import("vue").PropType<boolean>;
-        };
-        loop: {
-            type: import("vue").PropType<boolean>;
-        };
-        autoplay: {
-            type: import("vue").PropType<boolean>;
-        };
-        pagination: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        onInit?: (swiper: Swiper) => any;
-        onAfterInit?: (swiper: Swiper) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        afterInit: (swiper: Swiper) => void;
-        init: (swiper: Swiper) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        variant: {
-            type: import("vue").PropType<"default" | "custom-navigation">;
-            required: false;
-        };
-        contentWrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
-        };
-        slideSpacing: {
-            type: import("vue").PropType<number>;
-        };
-        slidesPerView: {
-            type: import("vue").PropType<number>;
-        };
-        delay: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        scrollbar: {
-            type: import("vue").PropType<boolean>;
-        };
-        loop: {
-            type: import("vue").PropType<boolean>;
-        };
-        autoplay: {
-            type: import("vue").PropType<boolean>;
-        };
-        pagination: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        onInit?: (swiper: Swiper) => any;
-        onAfterInit?: (swiper: Swiper) => any;
-    }, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        variant: {
-            type: import("vue").PropType<"default" | "custom-navigation">;
-            required: false;
-        };
-        contentWrapperClass: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
-        };
-        slideSpacing: {
-            type: import("vue").PropType<number>;
-        };
-        slidesPerView: {
-            type: import("vue").PropType<number>;
-        };
-        delay: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        scrollbar: {
-            type: import("vue").PropType<boolean>;
-        };
-        loop: {
-            type: import("vue").PropType<boolean>;
-        };
-        autoplay: {
-            type: import("vue").PropType<boolean>;
-        };
-        pagination: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        onInit?: (swiper: Swiper) => any;
-        onAfterInit?: (swiper: Swiper) => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    variant: {
-        type: import("vue").PropType<"default" | "custom-navigation">;
-        required: false;
-    };
-    contentWrapperClass: {
-        type: import("vue").PropType<string>;
-    };
-    getApi: {
-        type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
-    };
-    slideSpacing: {
-        type: import("vue").PropType<number>;
-    };
-    slidesPerView: {
-        type: import("vue").PropType<number>;
-    };
-    delay: {
-        type: import("vue").PropType<number>;
-        required: false;
-    };
-    scrollbar: {
-        type: import("vue").PropType<boolean>;
-    };
-    loop: {
-        type: import("vue").PropType<boolean>;
-    };
-    autoplay: {
-        type: import("vue").PropType<boolean>;
-    };
-    pagination: {
-        type: import("vue").PropType<boolean>;
-    };
-    navigation: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>> & {
-    onInit?: (swiper: Swiper) => any;
-    onAfterInit?: (swiper: Swiper) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    afterInit: (swiper: Swiper) => void;
-    init: (swiper: Swiper) => void;
-}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        navigation?: boolean;
-        container?: boolean;
-        class?: String | String[];
-        scrollbar?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        loop?: boolean;
-        delay?: number;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "default" | "custom-navigation";
-        getApi?: (store: ReturnType<typeof useSlidePanelStore>) => void;
-        autoplay?: boolean;
-        pagination?: boolean;
-        slidesPerView?: number;
-        slideSpacing?: number;
-        contentWrapperClass?: string;
-    }>, "onInit" | "onAfterInit"> & {
-        onInit?: (swiper: Swiper) => any;
-        onAfterInit?: (swiper: Swiper) => any;
-    };
-};
+type SlidePanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"navigation", boolean, false, false, "If navigation arrows should be shown."> & DefineProp<"pagination", boolean, false, false, "If pagination should be shown."> & DefineProp<"autoplay", boolean, false, false, "Autoplay the slides."> & DefineProp<"loop", boolean, false, false, "Loops the slides."> & DefineProp<"scrollbar", boolean, false, false, "If scrollbar should be shown."> & DefineProp<"delay", number, false, 5000, "delay in milliseconds between slides for autoplay."> & DefineProp<"slidesPerView", number, false, null, "How many slides to be visible."> & DefineProp<"slideSpacing", number, false, 5000, "The spacing between slides."> & DefineProp<"getApi", (store: ReturnType<typeof useSlidePanelStore>) => void, false, null, "callback to get a reference to the slider store. The store is used to interact with the slide panel."> & DefineProp<"contentWrapperClass", String, false, null, "The class to be applied to the content wrapper"> & DefineProp<"variant", SlidePanelVariationType, false, "default", "The variation of the slide panel. If set to custom-navigation, the navigation buttons will be rendered outside the slide panel and component outside has to handle the styles of the navigation buttons."> & DefineEmit<"init", (swiper: Swiper) => void, "Emits when the swiper is initialized"> & DefineEmit<"afterInit", (swiper: Swiper) => void, "Emits after the swiper is initialized">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SlidePanelProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/slider/Slider.d.ts

@@ -1,350 +1,5 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        tickSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        ticks: {
-            type: import("vue").PropType<number[] | Record<number, string>>;
-            required: false;
-        };
-        showTicks: {
-            type: import("vue").PropType<boolean | "always">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "prominent">;
-        };
-        direction: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-        };
-        persistentHint: {
-            type: import("vue").PropType<boolean>;
-        };
-        hint: {
-            type: import("vue").PropType<string>;
-        };
-        noThumbLabel: {
-            type: import("vue").PropType<boolean>;
-        };
-        unitLabel: {
-            type: import("vue").PropType<string>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        max: {
-            type: import("vue").PropType<string | number>;
-        };
-        min: {
-            type: import("vue").PropType<string | number>;
-        };
-        step: {
-            type: import("vue").PropType<string | number>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: any) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: any) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        tickSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        ticks: {
-            type: import("vue").PropType<number[] | Record<number, string>>;
-            required: false;
-        };
-        showTicks: {
-            type: import("vue").PropType<boolean | "always">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "prominent">;
-        };
-        direction: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-        };
-        persistentHint: {
-            type: import("vue").PropType<boolean>;
-        };
-        hint: {
-            type: import("vue").PropType<string>;
-        };
-        noThumbLabel: {
-            type: import("vue").PropType<boolean>;
-        };
-        unitLabel: {
-            type: import("vue").PropType<string>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        max: {
-            type: import("vue").PropType<string | number>;
-        };
-        min: {
-            type: import("vue").PropType<string | number>;
-        };
-        step: {
-            type: import("vue").PropType<string | number>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: any) => any;
-    }, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        tickSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        ticks: {
-            type: import("vue").PropType<number[] | Record<number, string>>;
-            required: false;
-        };
-        showTicks: {
-            type: import("vue").PropType<boolean | "always">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "prominent">;
-        };
-        direction: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-        };
-        persistentHint: {
-            type: import("vue").PropType<boolean>;
-        };
-        hint: {
-            type: import("vue").PropType<string>;
-        };
-        noThumbLabel: {
-            type: import("vue").PropType<boolean>;
-        };
-        unitLabel: {
-            type: import("vue").PropType<string>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        max: {
-            type: import("vue").PropType<string | number>;
-        };
-        min: {
-            type: import("vue").PropType<string | number>;
-        };
-        step: {
-            type: import("vue").PropType<string | number>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: any) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: any) => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    tickSize: {
-        type: import("vue").PropType<number>;
-        required: false;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    ticks: {
-        type: import("vue").PropType<number[] | Record<number, string>>;
-        required: false;
-    };
-    showTicks: {
-        type: import("vue").PropType<boolean | "always">;
-        required: false;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "prominent">;
-    };
-    direction: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
-    };
-    persistentHint: {
-        type: import("vue").PropType<boolean>;
-    };
-    hint: {
-        type: import("vue").PropType<string>;
-    };
-    noThumbLabel: {
-        type: import("vue").PropType<boolean>;
-    };
-    unitLabel: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    max: {
-        type: import("vue").PropType<string | number>;
-    };
-    min: {
-        type: import("vue").PropType<string | number>;
-    };
-    step: {
-        type: import("vue").PropType<string | number>;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: any) => any | void>;
-    };
-    "v-model": {
-        type: import("vue").PropType<any>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: false;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (value: any) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => true;
-}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        label?: string;
-        direction?: "horizontal" | "vertical";
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: any;
-        "v-model"?: any;
-        "onUpdate:modelValue"?: (value: any) => any | void;
-        variant?: "default" | "prominent";
-        hint?: string;
-        persistentHint?: boolean;
-        max?: string | number;
-        min?: string | number;
-        step?: string | number;
-        unitLabel?: string;
-        noThumbLabel?: boolean;
-        showTicks?: boolean | "always";
-        ticks?: number[] | Record<number, string>;
-        tickSize?: number;
-    }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (value: any) => any;
-    };
-};
+import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+import { ODirectionTypes, OSliderVariants } from "@omnia/fx-models";
+type SliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"step", string | number, false, null, "If greater than 0, sets step interval for ticks."> & DefineProp<"min", string | number, false, null, "Sets the minimum value of the slider."> & DefineProp<"max", string | number, false, null, "Sets the maximum value of the slider."> & DefineProp<"label", string, false, null, "Sets the label of the slider."> & DefineProp<"unitLabel", string, false, null, "ets the unit label of the slider."> & DefineProp<"noThumbLabel", boolean, false, false, "Hides the thumb label."> & DefineProp<"hint", string, false, null, "Sets the hint of the slider. Hint will be displayed below the input when focused."> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"direction", ODirectionTypes, false, "horizontal", "Sets the direction of the slider. Default is horizontal."> & DefineProp<"variant", OSliderVariants, false, null, "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed."> & DefineProp<"showTicks", boolean | "always", false, false, "Sets the visibility of the ticks. Default is false."> & DefineProp<"ticks", number[] | Record<number, string>, false, null, "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks."> & DefineProp<"toned", boolean, false, false> & DefineProp<"tickSize", number, false, 2, "Sets the size of the ticks. Default is 2.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SliderProps>) => any;
 export default _default;