@intechstudio/grid-uikit 1.20260923.1330 → 1.20260923.1530

package/dist/GridPane.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { Pane } from "svelte-splitpanes";
+
+  export let size: number | null = null;
+  export let minSize = 0;
+  export let maxSize = 100;
+  export let snapSize = 0;
+  let clazz = "";
+  export { clazz as class };
+</script>
+
+<Pane bind:size {minSize} {maxSize} {snapSize} class={clazz}>
+  <slot />
+</Pane>

package/dist/GridPane.svelte.d.ts

@@ -0,0 +1,33 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const GridPane: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    size?: number | null;
+    minSize?: number;
+    maxSize?: number;
+    snapSize?: number;
+    class?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type GridPane = InstanceType<typeof GridPane>;
+export default GridPane;

package/dist/GridSplitpanes.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { Splitpanes } from "svelte-splitpanes";
+  import "./grid-splitpanes-theme.css";
+
+  export let horizontal = false;
+  export let pushOtherPanes = true;
+  export let dblClickSplitter = true;
+  export let firstSplitter = false;
+  export let rtl: boolean | "auto" = "auto";
+  export let id: string | undefined = undefined;
+  export let style: string | null = null;
+  let clazz = "";
+  export { clazz as class };
+</script>
+
+<Splitpanes
+  {id}
+  {horizontal}
+  {pushOtherPanes}
+  {dblClickSplitter}
+  {firstSplitter}
+  {rtl}
+  {style}
+  theme="grid-uikit-theme"
+  class={clazz}
+  on:pane-click
+  on:splitter-click
+  on:pane-maximize
+  on:ready
+  on:resize
+  on:resized
+  on:pane-add
+  on:pane-remove
+>
+  <slot />
+</Splitpanes>

package/dist/GridSplitpanes.svelte.d.ts

@@ -0,0 +1,52 @@
+import "./grid-splitpanes-theme.css";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const GridSplitpanes: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    horizontal?: boolean;
+    pushOtherPanes?: boolean;
+    dblClickSplitter?: boolean;
+    firstSplitter?: boolean;
+    rtl?: boolean | "auto";
+    id?: string | undefined;
+    style?: string | null;
+    class?: string;
+}, {
+    default: {};
+}>, {
+    'pane-click': CustomEvent<import("svelte-splitpanes").IPane>;
+    'splitter-click': CustomEvent<import("svelte-splitpanes").IPane>;
+    'pane-maximize': CustomEvent<import("svelte-splitpanes").IPane>;
+    ready: CustomEvent<void>;
+    resize: CustomEvent<import("svelte-splitpanes").IPaneSizingEvent[]>;
+    resized: CustomEvent<import("svelte-splitpanes").IPaneSizingEvent[]>;
+    'pane-add': CustomEvent<{
+        index: number;
+        panes: import("svelte-splitpanes").IPaneSizingEvent[];
+    }>;
+    'pane-remove': CustomEvent<{
+        removed: import("svelte-splitpanes").IPane;
+        panes: import("svelte-splitpanes").IPaneSizingEvent[];
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type GridSplitpanes = InstanceType<typeof GridSplitpanes>;
+export default GridSplitpanes;

package/dist/grid-splitpanes-theme.css

@@ -0,0 +1,46 @@
+.splitpanes.grid-uikit-theme .splitpanes__pane {
+  position: relative;
+  overflow: visible;
+  background-color: transparent;
+}
+
+.splitpanes.grid-uikit-theme .splitpanes__splitter {
+  position: relative;
+  background-color: transparent;
+  min-width: 0;
+  min-height: 0;
+}
+
+.splitpanes.grid-uikit-theme .splitpanes__splitter:before {
+  content: "";
+  position: absolute;
+  background-color: transparent;
+  z-index: 1;
+}
+
+.splitpanes.grid-uikit-theme
+  .splitpanes__splitter.splitpanes__splitter__active {
+  z-index: 2;
+}
+
+.grid-uikit-theme.splitpanes--vertical > .splitpanes__splitter {
+  width: 0;
+}
+.grid-uikit-theme.splitpanes--vertical > .splitpanes__splitter:before {
+  top: 0;
+  left: -3px;
+  right: -3px;
+  height: 100%;
+  cursor: col-resize;
+}
+
+.grid-uikit-theme.splitpanes--horizontal > .splitpanes__splitter {
+  height: 0;
+}
+.grid-uikit-theme.splitpanes--horizontal > .splitpanes__splitter:before {
+  left: 0;
+  top: -3px;
+  bottom: -3px;
+  width: 100%;
+  cursor: row-resize;
+}

package/dist/index.d.ts

@@ -28,3 +28,5 @@ export { default as LogMessage } from "./LogMessage.svelte";
 export { LogMessageType } from "./LogMessageType";
 export { default as LogStream } from "./LogStream.svelte";
 export { createLogStream, logStreamStore, type LogStreamMessage, type LogStreamOptions, } from "./logStream";
+export { default as GridSplitpanes } from "./GridSplitpanes.svelte";
+export { default as GridPane } from "./GridPane.svelte";

package/dist/index.js

@@ -28,3 +28,5 @@ export { default as LogMessage } from "./LogMessage.svelte";
 export { LogMessageType } from "./LogMessageType";
 export { default as LogStream } from "./LogStream.svelte";
 export { createLogStream, logStreamStore, } from "./logStream";
+export { default as GridSplitpanes } from "./GridSplitpanes.svelte";
+export { default as GridPane } from "./GridPane.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intechstudio/grid-uikit",
-  "version": "1.20260923.1330",
+  "version": "1.20260923.1530",
   "repository": {
     "type": "git",
     "url": "https://github.com/intechstudio/grid-uikit.git"
@@ -32,6 +32,7 @@
   "dependencies": {
     "@melt-ui/svelte": "^0.86.6",
     "svelte-easy-popover": "^1.0.0",
+    "svelte-splitpanes": "^8.0.12",
     "color-convert": "^2.0.1"
   },
   "devDependencies": {