@v1nt1248/3nclient-lib 0.3.36 → 0.3.38

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.3.36",
+  "version": "0.3.38",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/index.ts

@@ -155,6 +155,16 @@ import type {
   Ui3nScrollbarHorizontalSlots,
   Ui3nScrollbarHorizontalExpose,
 } from './ui3n-scrollbar-horizontal/types';
+import Ui3nScrollbar from './ui3n-scrollbar/ui3n-scrollbar.vue';
+import type {
+  Ui3nScrollbarProps,
+  Ui3nScrollbarEmits,
+  Ui3nScrollbarSlots,
+  Ui3nScrollbarExpose,
+  Ui3nScrollbarAxes,
+  Ui3nScrollbarVerticalOptions,
+  Ui3nScrollbarHorizontalOptions,
+} from './ui3n-scrollbar/types';
 
 export {
   Ui3nIcon,
@@ -311,4 +321,12 @@ export {
   Ui3nScrollbarHorizontalEmits,
   Ui3nScrollbarHorizontalSlots,
   Ui3nScrollbarHorizontalExpose,
+  Ui3nScrollbar,
+  Ui3nScrollbarProps,
+  Ui3nScrollbarEmits,
+  Ui3nScrollbarSlots,
+  Ui3nScrollbarExpose,
+  Ui3nScrollbarAxes,
+  Ui3nScrollbarVerticalOptions,
+  Ui3nScrollbarHorizontalOptions,
 };

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

@@ -0,0 +1,63 @@
+import type { 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;
+}