rimelight-components 2.1.82 → 2.1.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
- "version": "2.1.82",
3
+ "version": "2.1.83",
4
4
  "docs": "https://rimelight.com/tools/rimelight-components",
5
5
  "configKey": "rimelightComponents",
6
6
  "compatibility": {
package/dist/module.mjs CHANGED
@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
4
4
  import { basename } from 'node:path';
5
5
 
6
6
  const name = "rimelight-components";
7
- const version = "2.1.82";
7
+ const version = "2.1.83";
8
8
  const homepage = "https://rimelight.com/tools/rimelight-components";
9
9
 
10
10
  const defaultOptions = {
@@ -1,7 +1,7 @@
1
1
  <script setup>
2
2
  import { ref, computed, useTemplateRef, provide } from "vue";
3
3
  import {} from "../../types";
4
- import { usePageEditor, usePageRegistry, useRC } from "../../composables";
4
+ import { usePageEditor, usePageRegistry, useRC, useHeaderStack } from "../../composables";
5
5
  import { getLocalizedContent } from "../../utils";
6
6
  import { useI18n } from "vue-i18n";
7
7
  import { tv } from "../../internal/tv";
@@ -44,7 +44,7 @@ const pageEditorStyles = tv({
44
44
  slots: {
45
45
  header: "h-12 w-full bg-muted",
46
46
  headerGroup: "flex items-center gap-xs",
47
- splitContainer: "flex w-full overflow-hidden",
47
+ splitContainer: "flex w-full overflow-hidden min-h-0",
48
48
  editorColumn: "h-full overflow-y-auto",
49
49
  container: "flex flex-col py-16",
50
50
  grid: "grid grid-cols-1 lg:grid-cols-24 gap-xl items-start",
@@ -99,6 +99,7 @@ provide("page-resolver", resolvePage);
99
99
  const previousPage = computed(() => surround?.previous);
100
100
  const nextPage = computed(() => surround?.next);
101
101
  const hasSurround = computed(() => !!(surround?.previous || surround?.next));
102
+ const { totalHeight } = useHeaderStack();
102
103
  const containerRef = useTemplateRef("split-container");
103
104
  const editorWidth = ref(50);
104
105
  const isResizing = ref(false);
@@ -285,7 +286,11 @@ const handleTreeNavigate = (slug) => {
285
286
  </UHeader>
286
287
  </RCHeaderLayer>
287
288
 
288
- <div ref="split-container" :class="splitContainer({ class: rc.splitContainer })">
289
+ <div
290
+ ref="split-container"
291
+ :class="splitContainer({ class: rc.splitContainer })"
292
+ :style="{ height: `calc(100vh - ${totalHeight}px)` }"
293
+ >
289
294
  <div
290
295
  :class="editorColumn({ class: rc.editorColumn })"
291
296
  :style="{ width: showPreview ? `${editorWidth}%` : '100%' }"
@@ -1,3 +1,4 @@
1
1
  export { default as ColorSwatch } from './ColorSwatch.vue.js';
2
+ export { default as ColorPalette } from './ColorPalette.vue.js';
2
3
  export { default as FontSwatch } from './FontSwatch.vue.js';
3
4
  export { default as ImageSwatch } from './ImageSwatch.vue.js';
@@ -1,3 +1,4 @@
1
1
  export { default as ColorSwatch } from "./ColorSwatch.vue";
2
+ export { default as ColorPalette } from "./ColorPalette.vue";
2
3
  export { default as FontSwatch } from "./FontSwatch.vue";
3
4
  export { default as ImageSwatch } from "./ImageSwatch.vue";
@@ -1,3 +1,4 @@
1
1
  export { default as ColorSwatch } from "./ColorSwatch.vue";
2
+ export { default as ColorPalette } from "./ColorPalette.vue";
2
3
  export { default as FontSwatch } from "./FontSwatch.vue";
3
4
  export { default as ImageSwatch } from "./ImageSwatch.vue";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
- "version": "2.1.82",
3
+ "version": "2.1.83",
4
4
  "description": "A component library by Rimelight Entertainment.",
5
5
  "keywords": [
6
6
  "nuxt",