rimecms 0.26.6 → 0.26.8

package/dist/fields/group/component/Group.svelte

@@ -1,93 +1,93 @@
 <script lang="ts">
-	import { FormFieldBuilder } from '../../../core/fields/builders';
-	import { isFormField } from '../../../core/fields/util.js';
-	import type { GenericDoc } from '../../../core/types/doc.js';
-	import type { GroupField } from '../index.js';
-	import { TabsBuilder } from '../../tabs';
-	import FieldsPreview from '../../../panel/components/fields/FieldsPreview.svelte';
-	import FieldsPreviewTrigger from '../../../panel/components/fields/FieldsPreviewTrigger.svelte';
-	import RenderFields from '../../../panel/components/fields/RenderFields.svelte';
-	import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
-	import { getUserContext } from '../../../panel/context/user.svelte.js';
-	import { ChevronDown, FolderClosed, FolderOpen } from '@lucide/svelte';
-	import { onMount } from 'svelte';
-
-	type Props = {
-		path: string;
-		config: GroupField;
-		form: DocumentFormContext<GenericDoc>;
-	};
-	const { config, path, form }: Props = $props();
-
-	let groupOpen = $state(true);
-	const key = $derived(
-		`group-${config.fields
-			.map((f) => f.raw)
-			.filter(isFormField)
-			.map((f) => f.name)
-			.join('-')}`
-	);
-
-	const field = $derived(form.useField(path));
-
-	function handleClick() {
-		groupOpen = !groupOpen;
-		localStorage.setItem(key, groupOpen.toString());
-	}
-
-	onMount(() => {
-		groupOpen = localStorage.getItem(key) === 'true';
-	});
-
-	const user = getUserContext() || undefined;
-
-	const previewFields = $derived.by(() => {
-		return config.fields
-			.filter((field) => !(field instanceof TabsBuilder))
-			.filter((field) => field instanceof FormFieldBuilder)
-			.filter((field) => !form.isLive || (form.isLive && field.raw.live))
-			.filter((field) => {
-				if (field.raw.access && field.raw.access.read) {
-					return field.raw.access.read(user.attributes, { id: form.values.id });
-				}
-				return true;
-			});
-	});
-
-	const basePath = $derived(path ? `${path}.` : '');
+  import { FormFieldBuilder } from '../../../core/fields/builders';
+  import { isFormField } from '../../../core/fields/util.js';
+  import type { GenericDoc } from '../../../core/types/doc.js';
+  import type { GroupField } from '../index.js';
+  import { TabsBuilder } from '../../tabs';
+  import FieldsPreview from '../../../panel/components/fields/FieldsPreview.svelte';
+  import FieldsPreviewTrigger from '../../../panel/components/fields/FieldsPreviewTrigger.svelte';
+  import RenderFields from '../../../panel/components/fields/RenderFields.svelte';
+  import type { DocumentFormContext } from '../../../panel/context/documentForm.svelte.js';
+  import { getUserContext } from '../../../panel/context/user.svelte.js';
+  import { ChevronDown, FolderClosed, FolderOpen } from '@lucide/svelte';
+  import { onMount } from 'svelte';
+
+  type Props = {
+    path: string;
+    config: GroupField;
+    form: DocumentFormContext<GenericDoc>;
+  };
+  const { config, path, form }: Props = $props();
+
+  let groupOpen = $state(true);
+  const key = $derived(
+    `group-${config.fields
+      .map((f) => f.raw)
+      .filter(isFormField)
+      .map((f) => f.name)
+      .join('-')}`
+  );
+
+  const field = $derived(form.useField(path));
+
+  function handleClick() {
+    groupOpen = !groupOpen;
+    localStorage.setItem(key, groupOpen.toString());
+  }
+
+  onMount(() => {
+    groupOpen = localStorage.getItem(key) === 'true';
+  });
+
+  const user = getUserContext() || undefined;
+
+  const previewFields = $derived.by(() => {
+    return config.fields
+      .filter((field) => !(field instanceof TabsBuilder))
+      .filter((field) => field instanceof FormFieldBuilder)
+      .filter((field) => !form.isLive || (form.isLive && field.raw.live))
+      .filter((field) => {
+        if (field.raw.access && field.raw.access.read) {
+          return field.raw.access.read(user.attributes, { id: form.values.id });
+        }
+        return true;
+      });
+  });
+
+  const basePath = $derived(path ? `${path}.` : '');
 </script>
 
 <div class="rz-group-field__wrapper" class:rz-group-field__wrapper--hidden={!field.visible}>
-	<button
-		onclick={handleClick}
-		type="button"
-		class:open={groupOpen}
-		class:rz-group-field__trigger--live={form.isLive}
-		class="rz-group-field__trigger"
-	>
-		<span>
-			{#if groupOpen}
-				<FolderOpen size="12" />
-			{:else}
-				<FolderClosed size="12" />
-			{/if}
-			{config.label || config.name || 'Group'}
-		</span>
-		<ChevronDown size="14" />
-	</button>
-
-	{#if !groupOpen}
-		<FieldsPreviewTrigger onclick={handleClick}>
-			<FieldsPreview
-				fields={previewFields}
-				getField={(field) => form.useField(basePath + field.name)}
-			/>
-		</FieldsPreviewTrigger>
-	{:else}
-		<div class="rz-group-field__content">
-			<RenderFields {path} fields={config.fields} {form} />
-		</div>
-	{/if}
+  <button
+    onclick={handleClick}
+    type="button"
+    class:open={groupOpen}
+    class:rz-group-field__trigger--live={form.isLive}
+    class="rz-group-field__trigger"
+  >
+    <span>
+      {#if groupOpen}
+        <FolderOpen size="12" />
+      {:else}
+        <FolderClosed size="12" />
+      {/if}
+      {config.label || config.name || 'Group'}
+    </span>
+    <ChevronDown size="14" />
+  </button>
+
+  {#if !groupOpen}
+    <FieldsPreviewTrigger onclick={handleClick}>
+      <FieldsPreview
+        fields={previewFields}
+        getField={(field) => form.useField(basePath + field.name)}
+      />
+    </FieldsPreviewTrigger>
+  {:else}
+    <div class="rz-group-field__content">
+      <RenderFields {path} fields={config.fields} {form} />
+    </div>
+  {/if}
 </div>
 
 <style>/**************************************/
@@ -97,59 +97,59 @@
 /**************************************/
 
 :root {
-		--rz-group-trigger-bg: hsl(var(--rz-row-bg));
-		--rz-group-preview-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
-		--rz-group-content-bg: var(--rz-collapse-fields-content-bg);
-	}
+    --rz-group-trigger-bg: hsl(var(--rz-row-bg));
+    --rz-group-preview-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+    --rz-group-content-bg: var(--rz-collapse-fields-content-bg);
+  }
 
 .rz-group-field__wrapper {
-		border: var(--rz-border);
-		border-radius: var(--rz-radius-md);
-		background-color: var(--rz-group-trigger-bg);
-		&:global(:has(.rz-field-error)) {
-			box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-alert) / var(--rz-ring-opacity, 1));
-		}
-	}
+    border: var(--rz-border);
+    border-radius: var(--rz-radius-md);
+    background-color: var(--rz-group-trigger-bg);
+    &:global(:has(.rz-field-error)) {
+      box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-alert) / var(--rz-ring-opacity, 1));
+    }
+  }
 
 .rz-group-field__wrapper--hidden {
-		display: none;
-	}
+    display: none;
+  }
 
 .rz-group-field__content {
-		--rz-fields-padding: var(--rz-size-5);
-		padding-top: var(--rz-fields-padding);
-		padding-bottom: var(--rz-fields-padding);
-		background-color: var(--rz-group-content-bg);
-	}
+    --rz-fields-padding: var(--rz-size-5);
+    padding-top: var(--rz-fields-padding);
+    padding-bottom: var(--rz-fields-padding);
+    background-color: var(--rz-group-content-bg);
+  }
 
 .rz-group-field__trigger {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: var(--rz-size-2);
-		padding: 0 var(--rz-size-4);
-		height: var(--rz-input-height);
-		position: relative;
-		width: 100%;
-		text-align: left;
-		border-bottom: var(--rz-border);
-		background-color: var(--rz-group-trigger-bg);
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-		> span {
-			gap: var(--rz-size-2);
-			display: flex;
-			align-items: center;
-		}
-
-		&.open :global(.lucide-chevron-down) {
-			rotate: -180deg;
-		}
-	}
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--rz-size-2);
+    padding: 0 var(--rz-size-4);
+    height: var(--rz-input-height);
+    position: relative;
+    width: 100%;
+    text-align: left;
+    border-bottom: var(--rz-border);
+    background-color: var(--rz-group-trigger-bg);
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+    > span {
+      gap: var(--rz-size-2);
+      display: flex;
+      align-items: center;
+    }
+
+    &.open :global(.lucide-chevron-down) {
+      rotate: -180deg;
+    }
+  }
 
 .rz-group-field__trigger--live {
-		font-size: var(--rz-text-md);
-	}
+    font-size: var(--rz-text-md);
+  }
 </style>

package/dist/fields/link/component/Cell.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import type { Link } from '../types.js';
-	
-	type Props = {
-		value: Link | null;
-	};
+  import type { Link } from '../types.js';
 
-	const { value: link }: Props = $props();
+  type Props = {
+    value: Link | null;
+  };
+
+  const { value: link }: Props = $props();
 </script>
 
 <div class="rz-link-cell">
-	{#if link}
-		{link.url || link.value || '—'}
-	{/if}
+  {#if link}
+    {link.url || link.value || '—'}
+  {/if}
 </div>