@onereach/ui-components-vue2 26.0.0 → 26.0.1-beta.5837.0

package/dist/esm/components/or-resizeable-panel-v3/index.js

@@ -194,6 +194,25 @@ const ResizeablePanelToolbarPlacements = {
   // Theme
   '!border-r-0', '!border-y-0']
 };
+const ResizeablePanelCollapsedContent = [
+// Layout
+'layout-column', 'shrink-0',
+// Overflow
+'overflow-auto',
+// Spacing
+'px-md', 'py-md', 'gap-md'];
+const ResizeablePanelCollapsedContentPaddings = {
+  [ResizeablePanelPadding.L]: [
+  // Box
+  'px-lg', 'py-lg'],
+  [ResizeablePanelPadding.M]: [
+  // Box
+  'px-md', 'py-md'],
+  [ResizeablePanelPadding.S]: [
+  // Box
+  'px-sm', 'py-sm'],
+  [ResizeablePanelPadding.None]: []
+};
 
 var script = defineComponent({
   name: 'OrResizeablePanel',
@@ -247,6 +266,7 @@ var script = defineComponent({
     const resizeBarStyles = computed(() => [...ResizeablePanelResizeBar, ...ResizeablePanelResizeBarPlacements[props.placement], ...(!props.resizeable || props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [])]);
     const collapseButtonContainerStyles = computed(() => [...ResizeablePanelCollapseButtonContainer, ...ResizeablePanelCollapseButtonContainerPlacements[props.placement]]);
     const toolbarStyles = computed(() => [...ResizeablePanelToolbar, ...ResizeablePanelToolbarPlacements[props.placement]]);
+    const collapsedContentStyles = computed(() => [...ResizeablePanelCollapsedContent, ...ResizeablePanelCollapsedContentPaddings[props.padding]]);
     // State
     const {
       state,
@@ -362,6 +382,7 @@ var script = defineComponent({
       resizeBarStyles,
       collapseButtonContainerStyles,
       toolbarStyles,
+      collapsedContentStyles,
       state,
       open,
       close,
@@ -389,7 +410,9 @@ var __vue_render__ = function () {
     style: (_obj = {}, _obj[_vm.currentDirection] = !_vm.collapsible || _vm.state === 'open' ? _vm.currentSize + "px" : 'auto', _obj)
   }, [!_vm.collapsible || _vm.state === 'open' ? [_c('div', {
     class: _vm.contentStyles
-  }, [_vm._t("default")], 2)] : [_c('div', {
+  }, [_vm._t("default")], 2)] : _vm.collapsible && _vm.state === 'closed' && _vm.$slots.collapsedContent ? [_c('div', {
+    class: _vm.collapsedContentStyles
+  }, [_vm._t("collapsedContent")], 2)] : [_c('div', {
     class: _vm.contentPlaceholderStyles
   })], _vm._v(" "), _c('div', {
     ref: 'resizeBar',

package/dist/esm/components/or-resizeable-panel-v3/styles.d.ts

@@ -11,3 +11,5 @@ export declare const ResizeablePanelCollapseButtonContainer: string[];
 export declare const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]>;
 export declare const ResizeablePanelToolbar: string[];
 export declare const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelCollapsedContent: string[];
+export declare const ResizeablePanelCollapsedContentPaddings: Record<ResizeablePanelPadding, string[]>;

package/dist/esm/components/or-sidebar-v3/index.js

@@ -176,7 +176,13 @@ var __vue_render__ = function () {
         return _vm.$emit('resize', $event);
       }
     },
-    scopedSlots: _vm._u([!!_vm.$slots.toolbar ? {
+    scopedSlots: _vm._u([_vm.$slots.collapsedContent ? {
+      key: "collapsedContent",
+      fn: function () {
+        return [_vm._t("collapsedContent")];
+      },
+      proxy: true
+    } : null, !!_vm.$slots.toolbar ? {
       key: "toolbar",
       fn: function () {
         return [_vm._t("toolbar")];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.0.0",
+  "version": "26.0.1-beta.5837.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.0.0",
-    "@onereach/ui-components-common": "^26.0.0",
+    "@onereach/styles": "^26.0.1-beta.5837.0",
+    "@onereach/ui-components-common": "^26.0.1-beta.5837.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "7922d7073e1788e747b30943260b3ba361fc81c0"
+  "npmUnpacked": "4.15.2"
 }