rimecms 0.26.6 → 0.26.8

package/dist/panel/components/fields/RenderFields.svelte

@@ -1,122 +1,122 @@
 <script lang="ts">
-	import type { FieldBuilder } from '../../../core/fields/builders';
-	import { isFormField, isLiveField, isNotHidden, isPresentative } from '../../../core/fields/util';
-	import { ComponentFieldBuilder } from '../../../fields/component';
-	import { isTabsField } from '../../../fields/tabs';
-	import type { FormField } from '../../../fields/types.js';
-	import { type DocumentFormContext } from '../../context/documentForm.svelte.js';
-	import { getUserContext } from '../../context/user.svelte.js';
-	import type { GenericDoc } from '../../../types';
-	import type { WithOptional } from '../../../util/types';
+  import type { FieldBuilder } from '../../../core/fields/builders';
+  import { isFormField, isLiveField, isNotHidden, isPresentative } from '../../../core/fields/util';
+  import { ComponentFieldBuilder } from '../../../fields/component';
+  import { isTabsField } from '../../../fields/tabs';
+  import type { FormField } from '../../../fields/types.js';
+  import { type DocumentFormContext } from '../../context/documentForm.svelte.js';
+  import { getUserContext } from '../../context/user.svelte.js';
+  import type { GenericDoc } from '../../../types';
+  import type { WithOptional } from '../../../util/types';
 
-	type Props = {
-		path?: string;
-		fields: FieldBuilder[];
-		form: DocumentFormContext<WithOptional<GenericDoc, 'id'>>;
-	};
+  type Props = {
+    path?: string;
+    fields: FieldBuilder[];
+    form: DocumentFormContext<WithOptional<GenericDoc, 'id'>>;
+  };
 
-	const { form, fields, path: initialPath = '' }: Props = $props();
+  const { form, fields, path: initialPath = '' }: Props = $props();
 
-	const user = getUserContext();
+  const user = getUserContext();
 
-	const authorizedFields = $derived(
-		fields.filter((field) => {
-			if (field.raw.access && field.raw.access.read) {
-				return field.raw.access.read(user.attributes, { id: form.values.id });
-			}
-			return true;
-		})
-	);
+  const authorizedFields = $derived(
+    fields.filter((field) => {
+      if (field.raw.access && field.raw.access.read) {
+        return field.raw.access.read(user.attributes, { id: form.values.id });
+      }
+      return true;
+    })
+  );
 
-	const path = $derived(initialPath === '' ? '' : `${initialPath}.`);
+  const path = $derived(initialPath === '' ? '' : `${initialPath}.`);
 
-	const widthClassModifier = (field: FormField) =>
-		`rz-render-fields__field--${field.width || 'full'}`;
+  const widthClassModifier = (field: FormField) =>
+    `rz-render-fields__field--${field.width || 'full'}`;
 
-	//
+  //
 </script>
 
 <div class="rz-render-fields">
-	{#each authorizedFields as field, index (index)}
-		{#if !form.isLive || (form.isLive && isLiveField(field.raw))}
-			{#if field instanceof ComponentFieldBuilder}
-				{@const FieldComponent = field.raw.component}
-				<div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
-					<FieldComponent {path} config={field.raw} {form} />
-				</div>
-			{:else if isPresentative(field.raw)}
-				{@const Separator = field.component}
-				<div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
-					<Separator />
-				</div>
-			{:else if isTabsField(field.raw)}
-				{@const Tabs = field.component}
-				<div data-type="tabs" class="rz-render-fields__field rz-render-fields__field--full">
-					<Tabs config={field.raw} {path} {form} />
-				</div>
-			{:else if isFormField(field.raw) && isNotHidden(field.raw)}
-				{@const isCompact = 'layout' in field && field.layout === 'compact'}
-				{@const FieldComponent = field.component}
-				<div
-					class="rz-render-fields__field {widthClassModifier(field.raw)}"
-					data-type={field.type}
-					data-compact={isCompact ? '' : null}
-				>
-					<FieldComponent path={path + field.raw.name} config={field.raw} {form} />
-				</div>
-			{/if}
-		{/if}
-	{/each}
+  {#each authorizedFields as field, index (index)}
+    {#if !form.isLive || (form.isLive && isLiveField(field.raw))}
+      {#if field instanceof ComponentFieldBuilder}
+        {@const FieldComponent = field.raw.component}
+        <div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
+          <FieldComponent {path} config={field.raw} {form} />
+        </div>
+      {:else if isPresentative(field.raw)}
+        {@const Separator = field.component}
+        <div data-type={field.type} class="rz-render-fields__field rz-render-fields__field--full">
+          <Separator />
+        </div>
+      {:else if isTabsField(field.raw)}
+        {@const Tabs = field.component}
+        <div data-type="tabs" class="rz-render-fields__field rz-render-fields__field--full">
+          <Tabs config={field.raw} {path} {form} />
+        </div>
+      {:else if isFormField(field.raw) && isNotHidden(field.raw)}
+        {@const isCompact = 'layout' in field && field.layout === 'compact'}
+        {@const FieldComponent = field.component}
+        <div
+          class="rz-render-fields__field {widthClassModifier(field.raw)}"
+          data-type={field.type}
+          data-compact={isCompact ? '' : null}
+        >
+          <FieldComponent path={path + field.raw.name} config={field.raw} {form} />
+        </div>
+      {/if}
+    {/if}
+  {/each}
 </div>
 
 <style>
-	.rz-render-fields {
-		position: relative;
-		gap: var(--rz-size-8);
-		display: grid;
-		container-type: inline-size;
-		grid-template-columns: repeat(12, 1fr);
-		height: -moz-fit-content;
-		height: fit-content;
-		padding-left: var(--rz-fields-padding);
-		padding-right: var(--rz-fields-padding);
+  .rz-render-fields {
+    position: relative;
+    gap: var(--rz-size-8);
+    display: grid;
+    container-type: inline-size;
+    grid-template-columns: repeat(12, 1fr);
+    height: -moz-fit-content;
+    height: fit-content;
+    padding-left: var(--rz-fields-padding);
+    padding-right: var(--rz-fields-padding);
 
-		& > * {
-			position: relative;
-		}
-	}
+    & > * {
+      position: relative;
+    }
+  }
 
-	/** minimize gap when all fields have no label **/
-	.rz-render-fields:not(:has(> :not(.rz-render-fields__field[data-compact]))) {
-		gap: var(--rz-size-4);
-	}
+  /** minimize gap when all fields have no label **/
+  .rz-render-fields:not(:has(> :not(.rz-render-fields__field[data-compact]))) {
+    gap: var(--rz-size-4);
+  }
 
-	/** hide fields that doesn't have any data-visible children */
-	.rz-render-fields__field:not(.rz-render-fields__field[data-type='component']):not(
-			.rz-render-fields__field[data-type='separator']
-		):not(:has([data-visible])) {
-		display: none;
-	}
+  /** hide fields that doesn't have any data-visible children */
+  .rz-render-fields__field:not(.rz-render-fields__field[data-type='component']):not(
+      .rz-render-fields__field[data-type='separator']
+    ):not(:has([data-visible])) {
+    display: none;
+  }
 
-	.rz-render-fields__field--full,
-	.rz-render-fields__field--1\/2,
-	.rz-render-fields__field--1\/3,
-	.rz-render-fields__field--2\/3 {
-		grid-column: span 12 / span 12;
-	}
+  .rz-render-fields__field--full,
+  .rz-render-fields__field--1\/2,
+  .rz-render-fields__field--1\/3,
+  .rz-render-fields__field--2\/3 {
+    grid-column: span 12 / span 12;
+  }
 
-	@container (min-width: 700px) {
-		.rz-render-fields__field--1\/3 {
-			grid-column: span 4 / span 4;
-		}
-		.rz-render-fields__field--2\/3 {
-			grid-column: span 8 / span 8;
-		}
-		.rz-render-fields__field--1\/2 {
-			grid-column: span 6 / span 6;
-		}
-		.rz-render-fields__field--full {
-			grid-column: span 12 / span 12;
-		}
-	}
+  @container (min-width: 700px) {
+    .rz-render-fields__field--1\/3 {
+      grid-column: span 4 / span 4;
+    }
+    .rz-render-fields__field--2\/3 {
+      grid-column: span 8 / span 8;
+    }
+    .rz-render-fields__field--1\/2 {
+      grid-column: span 6 / span 6;
+    }
+    .rz-render-fields__field--full {
+      grid-column: span 12 / span 12;
+    }
+  }
 </style>

package/dist/panel/components/sections/auth/AuthForm.svelte

@@ -1,121 +1,121 @@
 <script lang="ts">
-	import { Toaster } from '../../ui/sonner';
-	import type { Snippet } from 'svelte';
+  import { Toaster } from '../../ui/sonner';
+  import type { Snippet } from 'svelte';
 
-	type Props = {
-		children: Snippet;
-		title: string;
-		image: string | null;
-	};
-	const { image, children, title }: Props = $props();
+  type Props = {
+    children: Snippet;
+    title: string;
+    image: string | null;
+  };
+  const { image, children, title }: Props = $props();
 </script>
 
 <Toaster />
 <div
-	class="rz-auth"
-	class:rz-auth--image={!!image}
-	style={image ? `background-image:url(${image})` : null}
+  class="rz-auth"
+  class:rz-auth--image={!!image}
+  style={image ? `background-image:url(${image})` : null}
 >
-	<div class="rz-auth__left"></div>
-	<div class="rz-auth__right">
-		<div>
-			<h1>{title}</h1>
-			{@render children()}
-		</div>
-	</div>
+  <div class="rz-auth__left"></div>
+  <div class="rz-auth__right">
+    <div>
+      <h1>{title}</h1>
+      {@render children()}
+    </div>
+  </div>
 </div>
 
 <style>
-	.rz-auth {
-		display: grid;
-		grid-template-columns: 1fr;
-		height: 100vh;
-		width: 100vw;
-		background-size: cover;
-		background-position:
-			0px 0px,
-			0px 0px,
-			0px 0px,
-			0px 0px;
-		background-image:
-			url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='10.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.88'/%3E%3C/svg%3E"),
-			radial-gradient(113% 91% at 17% -2%, oklch(0.21 0.03 290) 1%, oklch(0 0 0 / 0) 99%),
-			radial-gradient(142% 91% at 83% 7%, oklch(0.21 0.12 80) 1%, oklch(0.85 0.23 155 / 0) 99%),
-			radial-gradient(142% 91% at 111% 84%, oklch(0.13 0.08 300) 0%, oklch(0.05 0.1 250) 100%);
+  .rz-auth {
+    display: grid;
+    grid-template-columns: 1fr;
+    height: 100vh;
+    width: 100vw;
+    background-size: cover;
+    background-position:
+      0px 0px,
+      0px 0px,
+      0px 0px,
+      0px 0px;
+    background-image:
+      url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='10.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.88'/%3E%3C/svg%3E"),
+      radial-gradient(113% 91% at 17% -2%, oklch(0.21 0.03 290) 1%, oklch(0 0 0 / 0) 99%),
+      radial-gradient(142% 91% at 83% 7%, oklch(0.21 0.12 80) 1%, oklch(0.85 0.23 155 / 0) 99%),
+      radial-gradient(142% 91% at 111% 84%, oklch(0.13 0.08 300) 0%, oklch(0.05 0.1 250) 100%);
 
-		@media (prefers-color-scheme: light) {
-			background-image:
-				url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='10.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E"),
-				radial-gradient(113% 91% at 17% -2%, oklch(0.95 0 310) 1%, oklch(1 0 0 / 0) 99%),
-				radial-gradient(142% 91% at 83% 7%, oklch(0.92 0 90) 1%, oklch(1 0 0 / 0) 99%),
-				radial-gradient(142% 91% at 111% 84%, oklch(0.88 0 40) 0%, oklch(0.96 0 40) 100%);
-		}
+    @media (prefers-color-scheme: light) {
+      background-image:
+        url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='10.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E"),
+        radial-gradient(113% 91% at 17% -2%, oklch(0.95 0 310) 1%, oklch(1 0 0 / 0) 99%),
+        radial-gradient(142% 91% at 83% 7%, oklch(0.92 0 90) 1%, oklch(1 0 0 / 0) 99%),
+        radial-gradient(142% 91% at 111% 84%, oklch(0.88 0 40) 0%, oklch(0.96 0 40) 100%);
+    }
 
-		@media (min-width: 1024px) {
-			grid-template-columns: 0.8fr 1.2fr;
-		}
+    @media (min-width: 1024px) {
+      grid-template-columns: 0.8fr 1.2fr;
+    }
 
-		.rz-auth__right {
-			--rz-input-height: var(--rz-size-14);
-			--rz-input-bg: 68deg 0 0 / 0;
-			--border-color: light-dark(hsl(68deg 100 100 / 0.6), hsl(68deg 100 100 / 0.1));
-			border-radius: var(--rz-radius-xl);
-			background-color: hsl(var(--rz-color-bg) / 0.4);
-			-webkit-backdrop-filter: blur(10px) brightness(180%);
-			        backdrop-filter: blur(10px) brightness(180%);
-			@media (prefers-color-scheme: light) {
-				background-color: hsl(var(--rz-color-bg) / 0.1);
-				-webkit-backdrop-filter: blur(4px) brightness(105%);
-				        backdrop-filter: blur(4px) brightness(105%);
-			}
+    .rz-auth__right {
+      --rz-input-height: var(--rz-size-14);
+      --rz-input-bg: 68deg 0 0 / 0;
+      --border-color: light-dark(hsl(68deg 100 100 / 0.6), hsl(68deg 100 100 / 0.1));
+      border-radius: var(--rz-radius-xl);
+      background-color: hsl(var(--rz-color-bg) / 0.4);
+      -webkit-backdrop-filter: blur(10px) brightness(180%);
+              backdrop-filter: blur(10px) brightness(180%);
+      @media (prefers-color-scheme: light) {
+        background-color: hsl(var(--rz-color-bg) / 0.1);
+        -webkit-backdrop-filter: blur(4px) brightness(105%);
+                backdrop-filter: blur(4px) brightness(105%);
+      }
 
-			@media (min-width: 1024px) {
-				margin: 1rem;
-				border: 1px solid var(--border-color);
-			}
+      @media (min-width: 1024px) {
+        margin: 1rem;
+        border: 1px solid var(--border-color);
+      }
 
-			> div {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				width: 100%;
-				gap: var(--rz-size-4);
-				margin-bottom: 10vh;
-				padding: var(--rz-size-12);
-				@media (min-width: 768px) {
-					padding: var(--rz-size-20);
-				}
-				@media (min-width: 1024px) {
-					width: min(500px, 90%);
-				}
-			}
+      > div {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        width: 100%;
+        gap: var(--rz-size-4);
+        margin-bottom: 10vh;
+        padding: var(--rz-size-12);
+        @media (min-width: 768px) {
+          padding: var(--rz-size-20);
+        }
+        @media (min-width: 1024px) {
+          width: min(500px, 90%);
+        }
+      }
 
-			h1 {
-				font-size: clamp(var(--rz-text-3xl), 2.5vw, var(--rz-text-5xl));
-				line-height: 1;
-				font-variation-settings: 'wght' 600;
-				font-weight: 600;
-			}
-			:global(form) {
-				flex-direction: column;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				width: 100%;
-				gap: var(--rz-size-4);
-			}
-		}
-	}
+      h1 {
+        font-size: clamp(var(--rz-text-3xl), 2.5vw, var(--rz-text-5xl));
+        line-height: 1;
+        font-variation-settings: 'wght' 600;
+        font-weight: 600;
+      }
+      :global(form) {
+        flex-direction: column;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        width: 100%;
+        gap: var(--rz-size-4);
+      }
+    }
+  }
 
-	.rz-auth__left {
-		display: none;
-		@media (min-width: 1024px) {
-			display: block;
-		}
-	}
+  .rz-auth__left {
+    display: none;
+    @media (min-width: 1024px) {
+      display: block;
+    }
+  }
 
-	.rz-auth.rz-auth--image {
-		background-size: cover;
-	}
+  .rz-auth.rz-auth--image {
+    background-size: cover;
+  }
 </style>

package/dist/panel/components/sections/collection/Empty.svelte

@@ -1,27 +1,27 @@
 <script lang="ts">
-	import type { BuiltCollection } from '../../../../types';
-	import { t__ } from '../../../../core/i18n/index.js';
+  import type { BuiltCollection } from '../../../../types';
+  import { t__ } from '../../../../core/i18n/index.js';
 
-	type Props = { config: BuiltCollection };
-	const { config }: Props = $props();
+  type Props = { config: BuiltCollection };
+  const { config }: Props = $props();
 </script>
 
 <div class="rz-no-document">
-	<div>
-		<span>
-			{config.label.none || t__(`common.no_document`, config.label.singular)}
-		</span>
-	</div>
+  <div>
+    <span>
+      {config.label.none || t__(`common.no_document`, config.label.singular)}
+    </span>
+  </div>
 </div>
 
 <style>
-	.rz-no-document {
-		height: var(--rz-input-height);
-		background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
-		display: flex;
-		align-items: center;
-		border-radius: var(--rz-radius-md);
-		padding: var(--rz-size-3);
-		border: var(--rz-border);
-	}
+  .rz-no-document {
+    height: var(--rz-input-height);
+    background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+    display: flex;
+    align-items: center;
+    border-radius: var(--rz-radius-md);
+    padding: var(--rz-size-3);
+    border: var(--rz-border);
+  }
 </style>

package/dist/panel/components/sections/collection/StatusDot.svelte

@@ -1,22 +1,22 @@
 <script lang="ts">
-	import { VERSIONS_STATUS, type VersionsStatus } from '../../../../core/constant.js';
+  import { VERSIONS_STATUS, type VersionsStatus } from '../../../../core/constant.js';
 
-	type Props = { status: VersionsStatus };
+  type Props = { status: VersionsStatus };
 
-	const { status }: Props = $props();
-	const colorDraft = 'var(--rz-color-warn)';
-	const colorPublished = 'var(--rz-color-success)';
-	const color = $derived(status === VERSIONS_STATUS.DRAFT ? colorDraft : colorPublished);
+  const { status }: Props = $props();
+  const colorDraft = 'var(--rz-color-warn)';
+  const colorPublished = 'var(--rz-color-success)';
+  const color = $derived(status === VERSIONS_STATUS.DRAFT ? colorDraft : colorPublished);
 </script>
 
 <div style="--rz-status-color:{color}" class="rz-status__dot"></div>
 
 <style>
-	.rz-status__dot {
-		flex-shrink: 0;
-		width: var(--rz-dot-size, 0.7rem);
-		height: var(--rz-dot-size, 0.7rem);
-		background-color: hsl(var(--rz-status-color));
-		border-radius: 0.7rem;
-	}
+  .rz-status__dot {
+    flex-shrink: 0;
+    width: var(--rz-dot-size, 0.7rem);
+    height: var(--rz-dot-size, 0.7rem);
+    background-color: hsl(var(--rz-status-color));
+    border-radius: 0.7rem;
+  }
 </style>

package/dist/panel/components/sections/collection/bulk-upload/BulkUploadDialog.svelte

@@ -1,37 +1,39 @@
 <script lang="ts">
-	import { invalidateAll } from '$app/navigation';
-	import { t__ } from '../../../../../core/i18n/index.js';
-	import Button from '../../../ui/button/button.svelte';
-	import * as Dialog from '../../../ui/dialog/index.js';
-	import type { CollectionContext } from '../../../../context/collection.svelte';
-	import DropZone from './DropZone.svelte';
+  import { invalidateAll } from '$app/navigation';
+  import { t__ } from '../../../../../core/i18n/index.js';
+  import Button from '../../../ui/button/button.svelte';
+  import * as Dialog from '../../../ui/dialog/index.js';
+  import type { CollectionContext } from '../../../../context/collection.svelte';
+  import DropZone from './DropZone.svelte';
 
-	type Props = { open: boolean; collection: CollectionContext };
-	let { open = $bindable(), collection }: Props = $props();
+  type Props = { open: boolean; collection: CollectionContext };
+  let { open = $bindable(), collection }: Props = $props();
 
-	let btnLabel = $state('Cancel');
-	let btnDisabled = $state(true);
+  let btnLabel = $state('Cancel');
+  let btnDisabled = $state(true);
 
-	function onFinish(hasErrors: boolean) {
-		btnDisabled = false;
-		btnLabel = 'Close';
-		if (!hasErrors) {
-			open = false;
-		}
-		invalidateAll();
-	}
+  function onFinish(hasErrors: boolean) {
+    btnDisabled = false;
+    btnLabel = 'Close';
+    if (!hasErrors) {
+      open = false;
+    }
+    invalidateAll();
+  }
 
-	function onStart() {
-		btnDisabled = true;
-	}
+  function onStart() {
+    btnDisabled = true;
+  }
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content size="lg" class="rz-status-dialog">
-		<Dialog.Header>{t__('common.bulk_upload_dialog_title')}</Dialog.Header>
-		<DropZone {collection} {onFinish} {onStart} />
-		<Dialog.Footer --rz-justify-content="space-between">
-			<Button disabled={!btnDisabled} variant="secondary" onclick={() => (open = false)}>{btnLabel}</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
+  <Dialog.Content size="lg" class="rz-status-dialog">
+    <Dialog.Header>{t__('common.bulk_upload_dialog_title')}</Dialog.Header>
+    <DropZone {collection} {onFinish} {onStart} />
+    <Dialog.Footer --rz-justify-content="space-between">
+      <Button disabled={!btnDisabled} variant="secondary" onclick={() => (open = false)}
+        >{btnLabel}</Button
+      >
+    </Dialog.Footer>
+  </Dialog.Content>
 </Dialog.Root>