@lumx/vue 4.3.2-alpha.9 → 4.4.0

package/components/progress/ProgressCircular.stories.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/ProgressCircular').ProgressCircularProps>;
+    argTypes: {
+        size: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: import('../..').ProgressCircularSize[];
+            mapping: Record<string, import('../..').ProgressCircularSize> | undefined;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const AllSizes: {
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const Inline: {
+    [x: string]: any;
+};

package/components/progress/ProgressLinear.d.ts

@@ -0,0 +1,8 @@
+import { ProgressLinearProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/ProgressLinear';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ProgressLinearProps = VueToJSXProps<UIProps, 'ref'>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+declare const ProgressLinear: import('vue').DefineSetupFnComponent<ProgressLinearProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default ProgressLinear;

package/components/progress/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ProgressCircular } from './ProgressCircular';
+export type { ProgressCircularProps, ProgressCircularSize } from './ProgressCircular';
+export { CLASSNAME as PROGRESS_CIRCULAR_CLASSNAME, COMPONENT_NAME as PROGRESS_CIRCULAR_COMPONENT_NAME } from './ProgressCircular';
+export { default as ProgressLinear } from './ProgressLinear';
+export type { ProgressLinearProps } from './ProgressLinear';
+export { CLASSNAME as PROGRESS_LINEAR_CLASSNAME, COMPONENT_NAME as PROGRESS_LINEAR_COMPONENT_NAME } from './ProgressLinear';

package/components/radio-button/RadioButton.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const RadioButton: import('vue').DefineSetupFnComponent<RadioButtonProps, {
     change: (value?: string, name?: string, event?: Event) => event is Event;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/skeleton/SkeletonCircle.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonCircle;

package/components/skeleton/SkeletonRectangle.d.ts

@@ -8,7 +8,7 @@ export { SkeletonRectangleVariant, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonRectangle;

package/components/skeleton/SkeletonTypography.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonTypography;

package/components/switch/Switch.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Switch: import('vue').DefineSetupFnComponent<SwitchProps, {
     change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/table/Table.d.ts

@@ -1,7 +1,7 @@
 import { TableProps as UIProps } from '@lumx/core/js/components/Table';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export type TableProps = VueToJSXProps<UIProps>;
-declare const Table: import('vue').DefineSetupFnComponent<TableProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Table: import('vue').DefineSetupFnComponent<TableProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Table;

package/components/table/TableBody.d.ts

@@ -1,7 +1,7 @@
 import { TableBodyProps as UIProps } from '@lumx/core/js/components/Table/TableBody';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export type TableBodyProps = VueToJSXProps<UIProps>;
-declare const TableBody: import('vue').DefineSetupFnComponent<TableBodyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const TableBody: import('vue').DefineSetupFnComponent<TableBodyProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default TableBody;

package/components/table/TableCell.d.ts

@@ -2,13 +2,13 @@ import { TableCellProps as UIProps, ThOrder, TableCellVariant } from '@lumx/core
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export { ThOrder, TableCellVariant };
 export type { ThOrder as ThOrderType, TableCellVariant as TableCellVariantType, } from '@lumx/core/js/components/Table/TableCell';
-export type TableCellProps = VueToJSXProps<UIProps, 'onHeaderClick'>;
+export type TableCellProps = VueToJSXProps<UIProps>;
 export declare const emitSchema: {
     headerClick: () => boolean;
 };
 declare const TableCell: import('vue').DefineSetupFnComponent<TableCellProps, {
     headerClick: () => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "onHeaderClick"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     onHeaderClick?: (() => any) | undefined;

package/components/table/TableHeader.d.ts

@@ -1,7 +1,7 @@
 import { TableHeaderProps as UIProps } from '@lumx/core/js/components/Table/TableHeader';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export type TableHeaderProps = VueToJSXProps<UIProps>;
-declare const TableHeader: import('vue').DefineSetupFnComponent<TableHeaderProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const TableHeader: import('vue').DefineSetupFnComponent<TableHeaderProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default TableHeader;

package/components/table/TableRow.d.ts

@@ -4,7 +4,7 @@ export type TableRowProps = VueToJSXProps<UIProps, 'tabIndex' | 'aria-disabled'>
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
 };
-declare const TableRow: import('vue').DefineSetupFnComponent<TableRowProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "aria-disabled" | "tabIndex"> & {
+declare const TableRow: import('vue').DefineSetupFnComponent<TableRowProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-disabled" | "tabIndex"> & {
     class?: string;
 } & {
     /** Whether the component is disabled or not. */

package/components/text/Text.d.ts

@@ -7,7 +7,7 @@ export type TextProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Text;

package/components/thumbnail/Thumbnail.d.ts

@@ -1,7 +1,7 @@
 import { ThumbnailProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Thumbnail';
 import { FocusPoint } from '@lumx/core/js/components/Thumbnail/types';
 import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ThumbnailProps = VueToJSXProps<Omit<UIProps, 'loadingState' | 'isAnyDisabled' | 'focusPointStyle' | 'disabledStateProps' | 'badge' | 'imgRef' | 'onKeyPress' | 'fallback'>> & {
+export type ThumbnailProps = VueToJSXProps<Omit<UIProps, 'loadingState' | 'isAnyDisabled' | 'focusPointStyle' | 'disabledStateProps' | 'badge' | 'imgRef' | 'fallback'>> & {
     /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
     focusPoint?: FocusPoint;
     /** ARIA disabled state */
@@ -21,7 +21,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
 declare const Thumbnail: import('vue').DefineSetupFnComponent<ThumbnailProps, {
     click: (event: Event) => boolean;
     keyPress: (event: Event) => boolean;
-}, {}, Omit<Omit<UIProps, "badge" | "isAnyDisabled" | "disabledStateProps" | "fallback" | "loadingState" | "imgRef" | "onKeyPress" | "focusPointStyle">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<Omit<UIProps, "badge" | "isAnyDisabled" | "disabledStateProps" | "fallback" | "loadingState" | "imgRef" | "focusPointStyle">, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */

package/components/thumbnail/Thumbnail.stories.d.ts

@@ -1,8 +1,6 @@
-import { AspectRatio } from '../..';
-import { ThumbnailObjectFit } from '@lumx/core/js/components/Thumbnail/types';
 declare const _default: {
     component: any;
-    render: any;
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
     argTypes: {
         image: {
             control: {
@@ -56,7 +54,7 @@ declare const _default: {
     args: {
         align?: import('../..').HorizontalAlignment | undefined;
         alt?: string | undefined;
-        aspectRatio?: AspectRatio | undefined;
+        aspectRatio?: import('../..').AspectRatio | undefined;
         badge?: import('react').ReactNode;
         crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
         fallback?: import('react').ReactNode;
@@ -67,12 +65,12 @@ declare const _default: {
         imgRef?: import('../..').CommonRef;
         ref?: import('../..').CommonRef;
         isLoading?: boolean | undefined;
-        objectFit?: ThumbnailObjectFit | undefined;
+        objectFit?: import('../..').ThumbnailObjectFit | undefined;
         size?: import('../..').ThumbnailSize | undefined;
         loading?: "eager" | "lazy" | undefined;
         loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement> | undefined;
-        onClick?: ((event: any) => void) | undefined;
-        onKeyPress?: ((event: any) => void) | undefined;
+        handleClick?: ((event: any) => void) | undefined;
+        handleKeyPress?: ((event: any) => void) | undefined;
         variant?: import('../..').ThumbnailVariant | undefined;
         linkProps?: import('../..').GenericProps | undefined;
         focusPointStyle?: import('../..').GenericProps | undefined;
@@ -87,7 +85,10 @@ declare const _default: {
 };
 export default _default;
 export declare const Simple: {
-    [x: string]: any;
+    args: {
+        image: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
 };
 export declare const IsLoading: {
     args: {
@@ -146,7 +147,11 @@ export declare const AsLink: {
     };
 };
 export declare const FillHeightAndRatio: {
-    [x: string]: any;
+    args: {
+        image: string;
+        fillHeight: boolean;
+    };
+    decorators: ((story: any, context: any) => any)[];
 };
 export declare const WithSvgImages: {
     args: {
@@ -157,5 +162,8 @@ export declare const WithSvgImages: {
     };
 };
 export declare const ObjectFit: {
-    [x: string]: any;
+    args: {
+        size: "xl";
+    };
+    decorators: ((story: any, context: any) => any)[];
 };

package/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import { ToolbarProps as UIProps, CLASSNAME, TOOLBAR_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Toolbar';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ToolbarProps = VueToJSXProps<UIProps, 'label' | 'after' | 'before'>;
+export { CLASSNAME, TOOLBAR_NAME, DEFAULT_PROPS };
+declare const Toolbar: import('vue').DefineSetupFnComponent<ToolbarProps, {}, {}, Omit<UIProps, "className" | "label" | import('@lumx/core/js/types').PropsToOverride | "children" | "after" | "before"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default Toolbar;

package/components/toolbar/Toolbar.stories.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    component: any;
+    render: any;
+    args: Partial<import('@lumx/core/js/components/Toolbar').ToolbarProps>;
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithBefore: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithAfter: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithAll: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};

package/components/toolbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toolbar } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';
+export { TOOLBAR_NAME } from './Toolbar';

package/composables/useHasEventListener.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Check if a specific event listener is attached to the current component instance.
+ *
+ * @param eventName - The event name to check (e.g., 'onClick', 'onKeyPress')
+ * @returns true if the event listener exists, false otherwise
+ */
+export declare const useHasEventListener: (eventName: string) => boolean;

package/index.d.ts

@@ -13,9 +13,11 @@ export * from './components/input-helper';
 export * from './components/input-label';
 export * from './components/link';
 export * from './components/message';
+export * from './components/progress';
 export * from './components/radio-button';
 export * from './components/skeleton';
 export * from './components/switch';
 export * from './components/table';
 export * from './components/text';
 export * from './components/thumbnail';
+export * from './components/toolbar';