@v1nt1248/3nclient-lib 0.3.36 → 0.3.38

package/README.md

@@ -32,6 +32,7 @@ You can run the project as `pnpm dev` or `npm run dev`.
   - Ui3nSelector
   - Ui3nScrollbarVertical
   - Ui3nScrollbarHorizontal
+  - Ui3nScrollbar
   - Ui3nStepLineBar
   - Ui3nSwitch
   - Ui3nSlider

package/dist/src/components/index.d.ts

@@ -64,4 +64,6 @@ import { default as Ui3nScrollbarVertical } from './ui3n-scrollbar-vertical/ui3n
 import { Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose } from './ui3n-scrollbar-vertical/types';
 import { default as Ui3nScrollbarHorizontal } from './ui3n-scrollbar-horizontal/ui3n-scrollbar-horizontal';
 import { Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose } from './ui3n-scrollbar-horizontal/types';
-export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nDropFilesExpose, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nInputFileExpose, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nTextExpose, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxExpose, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nVirtualElement, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollEmits, Ui3nVirtualScrollSlots, Ui3nVirtualScrollExpose, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nSwitchExpose, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioExpose, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioGroupExpose, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nEditableExpose, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, UI3nSliderExpose, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorExpose, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, Ui3nMobileMenu, Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots, Ui3nMobileMenuItem, Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits, Ui3nScrollbarVertical, Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose, Ui3nScrollbarHorizontal, Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose, };
+import { default as Ui3nScrollbar } from './ui3n-scrollbar/ui3n-scrollbar';
+import { Ui3nScrollbarProps, Ui3nScrollbarEmits, Ui3nScrollbarSlots, Ui3nScrollbarExpose, Ui3nScrollbarAxes, Ui3nScrollbarVerticalOptions, Ui3nScrollbarHorizontalOptions } from './ui3n-scrollbar/types';
+export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, Ui3nChip, Ui3nChipProps, Ui3nChipEmits, Ui3nChipSlots, Ui3nDropFiles, Ui3nDropFilesProps, Ui3nDropFilesEmits, Ui3nDropFilesSlots, Ui3nDropFilesExpose, Ui3nEmoji, Ui3nEmojiProps, Ui3nEmojiEmits, Ui3nInput, Ui3nInputProps, Ui3nInputEmits, Ui3nInputSlots, Ui3nInputExpose, Ui3nInputFile, Ui3nInputFileProps, Ui3nInputFileEmits, Ui3nInputFileExpose, Ui3nText, Ui3nTextProps, Ui3nTextEmits, Ui3nTextExpose, Ui3nCheckbox, Ui3nCheckboxProps, Ui3nCheckboxEmits, Ui3nCheckboxSlots, Ui3nCheckboxExpose, Ui3nCheckboxValue, Ui3nNotification, Ui3nTableSortIcon, Ui3nTableSortIconProps, Ui3nTable, Ui3nTableSort, Ui3nTableConfig, Ui3nTableHeadProps, Ui3nTableBodyProps, Ui3nTableGroupActionsSlot, Ui3nTableHeaderCellSlot, Ui3nTableBodyRowSlotScope, Ui3nTableBodyRowSlot, Ui3nTableBodyRowCellSlotScope, Ui3nTableBodyRowCellSlot, Ui3nTableSlots, Ui3nTableProps, Ui3nTableEmits, Ui3nTableExpose, Ui3nDialogProvider, Ui3nDialog, Ui3nDialogComponentProps, Ui3nDialogComponentEmits, Ui3nDialogComponentSlots, Ui3nDialogEvent, Ui3nMenu, Ui3nVirtualElement, Ui3nMenuProps, Ui3nMenuEmits, Ui3nMenuSlots, Ui3nMenuExpose, Ui3nList, Ui3nListProps, Ui3nListEmits, Ui3nListSlots, Ui3nVirtualScroll, Ui3nVirtualScrollProps, Ui3nVirtualScrollEmits, Ui3nVirtualScrollSlots, Ui3nVirtualScrollExpose, Ui3nTabs, Ui3nTabsProps, Ui3nTabsEmits, Ui3nTabsSlots, Ui3nBadge, Ui3nBadgeProps, Ui3nBreadcrumb, Ui3nBreadcrumbProps, Ui3nBreadcrumbEmits, Ui3nBreadcrumbSlots, Ui3nBreadcrumbs, Ui3nBreadcrumbsProps, Ui3nSwitch, Ui3nSwitchProps, Ui3nSwitchEmits, Ui3nSwitchSlots, Ui3nSwitchExpose, Ui3nStepLineBar, Ui3nStepLineBarProps, Ui3nProgressLinear, Ui3nProgressLinearProps, Ui3nProgressCircular, Ui3nProgressCircularProps, Ui3nTooltip, Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots, Ui3nTooltipPlacement, Ui3nRadio, Ui3nRadioGroup, Ui3nRadioValue, Ui3nRadioEmits, Ui3nRadioProps, Ui3nRadioSlots, Ui3nRadioExpose, Ui3nRadioGroupEmits, Ui3nRadioGroupProps, Ui3nRadioGroupSlots, Ui3nRadioGroupExpose, Ui3nEditable, Ui3nEditableProps, Ui3nEditableEmits, Ui3nEditableExpose, Ui3nAutocomplete, Ui3nAutocompleteProps, Ui3nAutocompleteEmits, Ui3nAutocompleteSlots, Ui3nAutocompleteExpose, Ui3nAutocompleteOptionBase, Ui3nSlider, UI3nSliderProps, UI3nSliderEmits, UI3nSliderExpose, Ui3nSelector, Ui3nSelectorProps, Ui3nSelectorEmits, Ui3nSelectorSlots, Ui3nSelectorExpose, Ui3nSelectorOptionBase, Ui3nSelectorItemDisplayingFunction, Ui3nMobileMenu, Ui3nMobileMenuProps, Ui3nMobileMenuEmits, Ui3nMobileMenuSlots, Ui3nMobileMenuItem, Ui3nMobileMenuItemBase, Ui3nMobileMenuItemProps, Ui3nMobileMenuItemEmits, Ui3nScrollbarVertical, Ui3nScrollbarVerticalProps, Ui3nScrollbarVerticalEmits, Ui3nScrollbarVerticalSlots, Ui3nScrollbarVerticalExpose, Ui3nScrollbarHorizontal, Ui3nScrollbarHorizontalProps, Ui3nScrollbarHorizontalEmits, Ui3nScrollbarHorizontalSlots, Ui3nScrollbarHorizontalExpose, Ui3nScrollbar, Ui3nScrollbarProps, Ui3nScrollbarEmits, Ui3nScrollbarSlots, Ui3nScrollbarExpose, Ui3nScrollbarAxes, Ui3nScrollbarVerticalOptions, Ui3nScrollbarHorizontalOptions, };

package/dist/src/components/ui3n-scrollbar/types.d.ts

@@ -0,0 +1,61 @@
+import { VNode } from 'vue';
+export type Ui3nScrollbarAxes = 'vertical' | 'horizontal' | 'both';
+export type Ui3nScrollbarVerticalOptions = {
+    thumbMinHeight?: number | string;
+    thumbHeight?: number | string | 'auto';
+    thumbRadius?: number | string;
+    thumbColor?: string;
+    thumbHoverColor?: string;
+    thumbActiveColor?: string;
+    trackWidth?: number;
+    trackRadius?: number | string;
+    trackColor?: string;
+    /**
+     * Offset of the vertical track from the top of the scrollport (px).
+     * Useful when content has a sticky header that should not be covered by the track.
+     */
+    trackOffsetTop?: number | string;
+};
+export type Ui3nScrollbarHorizontalOptions = {
+    thumbMinWidth?: number | string;
+    thumbWidth?: number | string | 'auto';
+    thumbRadius?: number | string;
+    thumbColor?: string;
+    thumbHoverColor?: string;
+    thumbActiveColor?: string;
+    trackHeight?: number | string;
+    trackRadius?: number | string;
+    trackColor?: string;
+};
+export interface Ui3nScrollbarProps {
+    axes?: Ui3nScrollbarAxes;
+    vertical?: Ui3nScrollbarVerticalOptions;
+    horizontal?: Ui3nScrollbarHorizontalOptions;
+    autoUpdate?: boolean;
+}
+export interface Ui3nScrollbarScrollPayload {
+    event: Event;
+    scrollTop: number;
+    scrollLeft: number;
+}
+export interface Ui3nScrollbarEmits {
+    (ev: 'scroll', value: Ui3nScrollbarScrollPayload): void;
+    (ev: 'scroll:vertical', value: Ui3nScrollbarScrollPayload): void;
+    (ev: 'scroll:horizontal', value: Ui3nScrollbarScrollPayload): void;
+}
+export interface Ui3nScrollbarSlots {
+    default: () => VNode;
+}
+export interface Ui3nScrollbarExpose {
+    scrollTo(options: ScrollToOptions): void;
+    scrollToVertical(options?: {
+        top?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+    scrollToHorizontal(options?: {
+        left?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+    getContainer(): HTMLDivElement;
+    updateMetrics(): void;
+}

package/dist/src/components/ui3n-scrollbar/ui3n-scrollbar.d.ts

@@ -0,0 +1,53 @@
+import { Ui3nScrollbarProps, Ui3nScrollbarSlots, Ui3nScrollbarVerticalOptions, Ui3nScrollbarHorizontalOptions, Ui3nScrollbarAxes, Ui3nScrollbarScrollPayload } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Ui3nScrollbarSlots> & Ui3nScrollbarSlots;
+    refs: {
+        containerRef: HTMLDivElement;
+        trackRefV: HTMLDivElement;
+        thumbRefV: HTMLDivElement;
+        trackRefH: HTMLDivElement;
+        thumbRefH: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Ui3nScrollbarProps, {
+    scrollTo(options: ScrollToOptions): void;
+    scrollToVertical(options?: {
+        top?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+    scrollToHorizontal(options?: {
+        left?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+    getContainer(): HTMLDivElement;
+    updateMetrics(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    scroll: (value: Ui3nScrollbarScrollPayload) => any;
+    "scroll:vertical": (value: Ui3nScrollbarScrollPayload) => any;
+    "scroll:horizontal": (value: Ui3nScrollbarScrollPayload) => any;
+}, string, import('vue').PublicProps, Readonly<Ui3nScrollbarProps> & Readonly<{
+    onScroll?: ((value: Ui3nScrollbarScrollPayload) => any) | undefined;
+    "onScroll:vertical"?: ((value: Ui3nScrollbarScrollPayload) => any) | undefined;
+    "onScroll:horizontal"?: ((value: Ui3nScrollbarScrollPayload) => any) | undefined;
+}>, {
+    horizontal: Ui3nScrollbarHorizontalOptions;
+    vertical: Ui3nScrollbarVerticalOptions;
+    axes: Ui3nScrollbarAxes;
+    autoUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    trackRefV: HTMLDivElement;
+    thumbRefV: HTMLDivElement;
+    trackRefH: HTMLDivElement;
+    thumbRefH: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/ui3n-scrollbar-vertical/ui3n-scrollbar-vertical.d.ts

@@ -19,6 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nScrollbarVertic
 }, string, import('vue').PublicProps, Readonly<Ui3nScrollbarVerticalProps> & Readonly<{
     onScroll?: ((value: Event) => any) | undefined;
 }>, {
+    autoUpdate: boolean;
     thumbMinHeight: number | string;
     thumbHeight: number | string | "auto";
     thumbRadius: number | string;
@@ -28,7 +29,6 @@ declare const __VLS_component: import('vue').DefineComponent<Ui3nScrollbarVertic
     trackWidth: number;
     trackRadius: number | string;
     trackColor: string;
-    autoUpdate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     trackRef: HTMLDivElement;

package/dist/src/components/ui3n-table/composables/useTable.d.ts

@@ -1,7 +1,8 @@
 import { Ref, UnwrapRef } from 'vue';
 import { Ui3nTableBodyBaseItem, Ui3nTableConfig, Ui3nTableEmits, Ui3nTableProps } from '../../../../components/ui3n-table/types';
 import { Ui3nCheckboxValue } from '../../../../components/ui3n-checkbox/types';
-export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<T>, emits: Ui3nTableEmits<T>): {
+export declare function isAbsoluteCssSize(value: string): boolean;
+export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<T>, emits: Ui3nTableEmits<T>, scrollbarContainerRef?: Ref<HTMLDivElement | null>): {
     tableEl: Ref<HTMLDivElement | null, HTMLDivElement | null>;
     tableColumnWidth: import('vue').ComputedRef<string>;
     unusedPlaceCssStyle: import('vue').ComputedRef<{
@@ -28,6 +29,10 @@ export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTab
     selectedRows: Ref<Set<T> | T[keyof T][], Set<T> | T[keyof T][]>;
     selectedRowsArray: import('vue').ComputedRef<T[]>;
     selectedRowsSize: import('vue').ComputedRef<number>;
+    stickyColumnsActive: import('vue').ComputedRef<boolean>;
+    stickyColumnsCount: import('vue').ComputedRef<number>;
+    stickyColumnLefts: import('vue').ComputedRef<string[]>;
+    scrollportWidth: Ref<number | null, number | null>;
     closeGroupActionsRow: () => void;
     getRowKey: (row: T, index: number) => string | number;
     isRowSelected: (row: T) => boolean;

package/dist/src/components/ui3n-table/types.d.ts

@@ -56,6 +56,48 @@ export type Ui3nTableConfig<T extends Ui3nTableBodyBaseItem, K extends keyof T =
      * Minimum height for unused place
      */
     minHeightUnusedPlace?: number | string;
+    /**
+     * Number of leading visible columns to pin on horizontal scroll.
+     * `0` / omitted — off. Clamped to at most `visibleColumns.length - 1`.
+     * Requires absolute widths (e.g. px/rem) on all visible columns when > 0.
+     * @default 0
+     */
+    stickyColumns?: number;
+    /**
+     * Custom scrollbar settings.
+     * When omitted, native browser overflow is used.
+     */
+    scrollbar?: {
+        /**
+         * Which overflow axes to enable.
+         * @default 'both'
+         */
+        axes?: 'vertical' | 'horizontal' | 'both';
+        vertical?: {
+            thumbMinHeight?: number | string;
+            thumbHeight?: number | string | 'auto';
+            thumbRadius?: number | string;
+            thumbColor?: string;
+            thumbHoverColor?: string;
+            thumbActiveColor?: string;
+            trackWidth?: number;
+            trackRadius?: number | string;
+            trackColor?: string;
+            /** Offset of vertical track from top (usually set by table for sticky header). */
+            trackOffsetTop?: number | string;
+        };
+        horizontal?: {
+            thumbMinWidth?: number | string;
+            thumbWidth?: number | string | 'auto';
+            thumbRadius?: number | string;
+            thumbColor?: string;
+            thumbHoverColor?: string;
+            thumbActiveColor?: string;
+            trackHeight?: number | string;
+            trackRadius?: number | string;
+            trackColor?: string;
+        };
+    };
 };
 /**
  * Table header properties type
@@ -193,6 +235,16 @@ export type Ui3nTableBodyRowSlotScope<T extends Ui3nTableBodyBaseItem, K extends
     columnStyle?: {
         [P in Omit<K, 'id'> as string | number]: Record<string, string>;
     };
+    /**
+     * Effective sticky column count after validation/clamp (`0` = off).
+     * Custom `#row`: first `stickyColumnsCount` direct children should be sticky cells
+     * with `left: stickyColumnLefts[i]`.
+     */
+    stickyColumnsCount?: number;
+    /**
+     * CSS `left` values for sticky columns `[0 .. stickyColumnsCount - 1]`.
+     */
+    stickyColumnLefts?: string[];
     /**
      * Events
      */

package/dist/src/index.d.ts

@@ -35,6 +35,7 @@ import { default as Ui3nMobileMenu } from './components/ui3n-mobile-menu/ui3n-mo
 import { default as Ui3nMobileMenuItem } from './components/ui3n-mobile-menu-item/ui3n-mobile-menu-item';
 import { default as Ui3nScrollbarVertical } from './components/ui3n-scrollbar-vertical/ui3n-scrollbar-vertical';
 import { default as Ui3nScrollbarHorizontal } from './components/ui3n-scrollbar-horizontal/ui3n-scrollbar-horizontal';
+import { default as Ui3nScrollbar } from './components/ui3n-scrollbar/ui3n-scrollbar';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
 import { default as Ui3nResize } from './directives/ui3n-resize';
@@ -100,6 +101,7 @@ declare module 'vue' {
         Ui3nMobileMenuMenuItem: typeof Ui3nMobileMenuItem;
         Ui3nScrollbarVertical: typeof Ui3nScrollbarVertical;
         Ui3nScrollbarHorizontal: typeof Ui3nScrollbarHorizontal;
+        Ui3nScrollbar: typeof Ui3nScrollbar;
     }
     interface GlobalDirectives {
         Ui3nHtml: typeof Ui3nHtml;

package/dist/src/ui3n-components.d.ts

@@ -33,6 +33,7 @@ import { default as Ui3nMobileMenu } from './components/ui3n-mobile-menu/ui3n-mo
 import { default as Ui3nMobileMenuItem } from './components/ui3n-mobile-menu-item/ui3n-mobile-menu-item';
 import { default as Ui3nScrollbarVertical } from './components/ui3n-scrollbar-vertical/ui3n-scrollbar-vertical';
 import { default as Ui3nScrollbarHorizontal } from './components/ui3n-scrollbar-horizontal/ui3n-scrollbar-horizontal';
+import { default as Ui3nScrollbar } from './components/ui3n-scrollbar/ui3n-scrollbar';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
 import { default as Ui3nResize } from './directives/ui3n-resize';
@@ -80,6 +81,7 @@ declare module 'vue' {
         Ui3nMobileMenuItem: typeof Ui3nMobileMenuItem;
         Ui3nScrollbarVertical: typeof Ui3nScrollbarVertical;
         Ui3nScrollbarHorizontal: typeof Ui3nScrollbarHorizontal;
+        Ui3nScrollbar: typeof Ui3nScrollbar;
     }
     interface GlobalDirectives {
         Ui3nHtml: typeof Ui3nHtml;