@dolanske/vui 1.14.8 → 1.14.9

package/dist/src/components/Carousel/Carousel.vue.d.ts

@@ -22,6 +22,12 @@ interface Props {
      * Enables scroll-snap so items snap into place when scrolling stops
      */
     snap?: boolean;
+    /**
+     * Disables the drag-to-scroll functionality. Keeping only mouse wheel and
+     * touch scrolling. Useful when the carousel contains interactive elements
+     * like buttons or links that would conflict with dragging.
+     */
+    disableDrag?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/src/components/Resizable/Resizable.vue.d.ts

@@ -7,6 +7,10 @@ interface Props {
      * If provided, it enables local persistence of panel sizes
      */
     storageKey?: string;
+    /**
+     *
+     */
+    hideHandles?: boolean;
 }
 interface PanelProps {
     minWidth: number;

package/dist/src/components/ResizableView/ResizableView.vue.d.ts

@@ -0,0 +1,69 @@
+import { Panel, ViewTab } from './ViewPanel.vue';
+/**
+ * ResizableView — a VSCode-like multi-panel editor layout.
+ *
+ * CONCEPTS
+ * ─────────
+ * Panel  — a leaf node: holds an ordered list of tabs, one of which is active.
+ * Group  — an inner node: an array that contains Panels and/or nested Groups.
+ *          Groups alternate direction by depth:
+ *            depth 1 (views[])      → horizontal  <Resizable>
+ *            depth 2 (item1[])      → vertical    <Resizable vertical>
+ *            depth 3 (item2[])      → horizontal  <Resizable>
+ *          Three levels of nesting therefore support h → v → h splits.
+ *
+ * TREE SHAPE
+ * ──────────
+ * `views` is a Level1Item[] whose elements are either a Panel (rendered
+ * directly) or a Level2Item[] Group (rendered as a nested Resizable).
+ *
+ *   views = [
+ *     panelA,                        // full-width single panel
+ *     [ panelB, panelC ],            // vertical split: B above C
+ *     [ [ panelD, panelE ], panelF ] // vertical: (D|E horizontal) above F
+ *   ]
+ *
+ * DRAG & DROP
+ * ───────────
+ * Shared drag state (`dragState`) is stored here and injected into every
+ * ViewPanel via provide/inject under the key '$vrp'. Each ViewPanel has two
+ * independent drop zones:
+ *
+ *   Tabs bar  — reorders tabs; dropped tab becomes active in the target panel.
+ *   Content   — splits the panel (left/right/top/bottom) or appends (center).
+ */
+type Level3Item = Panel;
+type Level2Item = Panel | Level3Item[];
+type Level1Item = Panel | Level2Item[];
+type __VLS_PublicProps = {
+    modelValue?: Level1Item[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        tab: (props: {
+            tab: ViewTab | undefined;
+            panel: Panel;
+        }) => any;
+    }> & {
+        tab: (props: {
+            tab: ViewTab | undefined;
+            panel: Panel;
+        }) => any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Level1Item[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Level1Item[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/ResizableView/ViewPanel.vue.d.ts

@@ -0,0 +1,77 @@
+/**
+ * ViewPanel — one pane in the ResizableView grid.
+ *
+ * Renders a Card whose header is a Tabs bar and whose body is the active tab's
+ * content area. It is both a drag SOURCE (tabs can be picked up) and a drag
+ * TARGET with two independent drop zones:
+ *
+ *   ┌─────────────────────────────────┐
+ *   │  [Tab A] [Tab B] [Tab C]        │  ← TABS DROP ZONE
+ *   ├─────────────────────────────────┤
+ *   │                                 │
+ *   │         content area            │  ← CONTENT DROP ZONE
+ *   │   (split overlay shown here)    │
+ *   │                                 │
+ *   └─────────────────────────────────┘
+ *
+ * TABS DROP ZONE
+ *   Dropping here reorders tabs or moves a tab from another panel.
+ *   A thin 2 px bar (::before / ::after pseudo-element on the neighbouring Tab)
+ *   previews the insertion slot. The slot is determined by which horizontal half
+ *   of each Tab the cursor is over (left-half → insert before, right-half →
+ *   insert after). The dropped tab becomes active only for cross-panel drops.
+ *
+ * CONTENT DROP ZONE
+ *   A semi-transparent overlay divides the content area into five zones using
+ *   `HOVER_OFFSET` (33 %) margins:
+ *
+ *     ┌──────┬──────────┬──────┐
+ *     │      │   top    │      │
+ *     │ left │  center  │ right│
+ *     │      │  bottom  │      │
+ *     └──────┴──────────┴──────┘
+ *
+ *   center → append tab to this panel (no split)
+ *   left/right/top/bottom → split the panel and place a new panel on that side
+ */
+export interface ViewTab {
+    path: string;
+    label?: string;
+}
+export interface Panel {
+    /** Stable unique ID assigned by ResizableView on first render. Used as v-for key. */
+    id?: string;
+    tabs: ViewTab[];
+}
+interface Props {
+    panel: Panel;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        tab: (props: {
+            tab: ViewTab;
+            panel: Panel;
+        }) => any;
+    }> & {
+        tab: (props: {
+            tab: ViewTab;
+            panel: Panel;
+        }) => any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: 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/index.d.ts

@@ -53,6 +53,7 @@ import { default as Progress } from './components/Progress/Progress.vue';
 import { default as Radio } from './components/Radio/Radio.vue';
 import { default as RadioGroup } from './components/Radio/RadioGroup.vue';
 import { default as Resizable } from './components/Resizable/Resizable.vue';
+import { default as ResizableView } from './components/ResizableView/ResizableView.vue';
 import { default as Sheet } from './components/Sheet/Sheet.vue';
 import { default as Sidebar } from './components/Sidebar/Sidebar.vue';
 import { default as Skeleton } from './components/Skeleton/Skeleton.vue';
@@ -70,4 +71,4 @@ import { searchString } from './shared/helpers';
 import { setColorTheme, theme } from './shared/theme';
 import { useViewTransition } from './shared/viewTransition';
 import * as Table from './components/Table';
-export { Accordion, AccordionGroup, Alert, AspectRatio, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, type Breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, ContextMenu, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Menubar, MenuItem, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, Slider, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
+export { Accordion, AccordionGroup, Alert, AspectRatio, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, type Breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, ContextMenu, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Menubar, MenuItem, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, ResizableView, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, Slider, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };