rimecms 0.26.7 → 0.26.8

package/dist/fields/number/component/number.css

@@ -1,90 +1,90 @@
 .rz-number {
-	width: 6rem;
+  width: 6rem;
 }
 
 .rz-number__input-wrapper {
-	display: flex;
-	height: var(--rz-size-11);
-	align-items: center;
-	border-radius: var(--rz-radius-lg);
+  display: flex;
+  height: var(--rz-size-11);
+  align-items: center;
+  border-radius: var(--rz-radius-lg);
 }
 
 .rz-number__input {
-	background-color: hsl(var(--rz-input-bg));
-	height: 100%;
-	width: 100%;
-	flex: 1;
-	justify-content: center;
-	border-top-left-radius: var(--rz-radius-lg);
-	border-bottom-left-radius: var(--rz-radius-lg);
-	border: var(--rz-border);
-	text-align: center;
-	font-size: var(--rz-text-sm);
-	transition: all 0.2s ease;
+  background-color: hsl(var(--rz-input-bg));
+  height: 100%;
+  width: 100%;
+  flex: 1;
+  justify-content: center;
+  border-top-left-radius: var(--rz-radius-lg);
+  border-bottom-left-radius: var(--rz-radius-lg);
+  border: var(--rz-border);
+  text-align: center;
+  font-size: var(--rz-text-sm);
+  transition: all 0.2s ease;
 }
 
 .rz-number__input:focus-visible {
-	/* --rz-ring-offset: 1px; */
-	position: relative;
-	z-index: 10;
-	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-ring) / var(--rz-ring-opacity, 1));
-	outline: none;
+  /* --rz-ring-offset: 1px; */
+  position: relative;
+  z-index: 10;
+  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-ring) / var(--rz-ring-opacity, 1));
+  outline: none;
 }
 
 .rz-number__controls {
-	display: flex;
-	flex-direction: column;
-	height: var(--rz-size-11);
+  display: flex;
+  flex-direction: column;
+  height: var(--rz-size-11);
 }
 
 .rz-number__chevron {
-	background-color: hsl(var(--rz-input-bg));
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: var(--rz-size-8);
-	flex: 1;
-	border-right: var(--rz-border);
-	transition: all 0.2s ease;
+  background-color: hsl(var(--rz-input-bg));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rz-size-8);
+  flex: 1;
+  border-right: var(--rz-border);
+  transition: all 0.2s ease;
 }
 
 .rz-number__chevron:hover {
-	background-color: hsl(var(--rz-gray-5));
+  background-color: hsl(var(--rz-gray-5));
 }
 
 .rz-number__chevron:focus-visible {
-	/* --rz-ring-offset: 1px; */
-	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-ring) / var(--rz-ring-opacity, 1));
-	position: relative;
-	z-index: 10;
-	outline: none;
+  /* --rz-ring-offset: 1px; */
+  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-ring) / var(--rz-ring-opacity, 1));
+  position: relative;
+  z-index: 10;
+  outline: none;
 }
 
 .rz-number__chevron--up {
-	border-top: var(--rz-border);
-	border-top-right-radius: var(--rz-radius-lg);
-	border-bottom: var(--rz-border);
+  border-top: var(--rz-border);
+  border-top-right-radius: var(--rz-radius-lg);
+  border-bottom: var(--rz-border);
 }
 
 .rz-number__chevron--down {
-	border-bottom-right-radius: var(--rz-radius-lg);
-	border-bottom: var(--rz-border);
+  border-bottom-right-radius: var(--rz-radius-lg);
+  border-bottom: var(--rz-border);
 }
 
 /* Chrome, Safari, Edge, Opera */
 .rz-number__input::-webkit-outer-spin-button,
 .rz-number__input::-webkit-inner-spin-button {
-	-webkit-appearance: none;
-	margin: 0;
+  -webkit-appearance: none;
+  margin: 0;
 }
 
 /* Firefox */
 .rz-number__input[type='number'] {
-	-webkit-appearance: textfield;
-	        appearance: textfield;
-	-moz-appearance: textfield;
+  -webkit-appearance: textfield;
+          appearance: textfield;
+  -moz-appearance: textfield;
 }

package/dist/fields/radio/component/Radio.svelte

@@ -1,65 +1,68 @@
 <script lang="ts">
-	import { Field } from '../../../panel/components/fields/index.js';
-	import { root } from '../../../panel/components/fields/root.svelte.js';
-	import { Label } from '../../../panel/components/ui/label/index.js';
-	import * as RadioGroup from '../../../panel/components/ui/radio-group/index.js';
-	import * as RadioRowGroup from '../../../panel/components/ui/radio-row-group/index.js';
-	import { capitalize, slugify } from '../../../util/string.js';
-	import type { RadioFieldProps } from './props.js';
+  import { Field } from '../../../panel/components/fields/index.js';
+  import { root } from '../../../panel/components/fields/root.svelte.js';
+  import { Label } from '../../../panel/components/ui/label/index.js';
+  import * as RadioGroup from '../../../panel/components/ui/radio-group/index.js';
+  import * as RadioRowGroup from '../../../panel/components/ui/radio-row-group/index.js';
+  import { capitalize, slugify } from '../../../util/string.js';
+  import type { RadioFieldProps } from './props.js';
 
-	const { path, config, form }: RadioFieldProps = $props();
-	const field = $derived(form.useField<string>(path, config));
+  const { path, config, form }: RadioFieldProps = $props();
+  const field = $derived(form.useField<string>(path, config));
 
-	const fieldId = $derived(slugify(`${form.key}-${path}`));
+  const fieldId = $derived(slugify(`${form.key}-${path}`));
 </script>
 
-<fieldset class="rz-field-radio rz-field-radio--{config.layout} {config.className || ''}" use:root={field}>
-	<Field.Label {config} for={path || config.name} />
+<fieldset
+  class="rz-field-radio rz-field-radio--{config.layout} {config.className || ''}"
+  use:root={field}
+>
+  <Field.Label {config} for={path || config.name} />
 
-	{#if config.layout === 'row'}
-		<RadioRowGroup.Root bind:value={field.value} disabled={!field.editable}>
-			{#each config.options as option, index (index)}
-				<div class="rz-radio__option">
-					<RadioRowGroup.Item value={option.value} id="{fieldId}-{index}" class="rz-radio__input">
-						{option.label || capitalize(option.value)}
-					</RadioRowGroup.Item>
-				</div>
-			{/each}
-		</RadioRowGroup.Root>
-	{:else}
-		<RadioGroup.Root bind:value={field.value} class="rz-radio" disabled={!field.editable}>
-			{#each config.options as option, index (index)}
-				<div class="rz-radio__option">
-					<RadioGroup.Item value={option.value} id="{fieldId}-{index}" class="rz-radio__input" />
-					<Label class="rz-radio__label" for="{fieldId}-{index}">
-						{option.label || capitalize(option.value)}
-					</Label>
-				</div>
-			{/each}
-		</RadioGroup.Root>
-	{/if}
+  {#if config.layout === 'row'}
+    <RadioRowGroup.Root bind:value={field.value} disabled={!field.editable}>
+      {#each config.options as option, index (index)}
+        <div class="rz-radio__option">
+          <RadioRowGroup.Item value={option.value} id="{fieldId}-{index}" class="rz-radio__input">
+            {option.label || capitalize(option.value)}
+          </RadioRowGroup.Item>
+        </div>
+      {/each}
+    </RadioRowGroup.Root>
+  {:else}
+    <RadioGroup.Root bind:value={field.value} class="rz-radio" disabled={!field.editable}>
+      {#each config.options as option, index (index)}
+        <div class="rz-radio__option">
+          <RadioGroup.Item value={option.value} id="{fieldId}-{index}" class="rz-radio__input" />
+          <Label class="rz-radio__label" for="{fieldId}-{index}">
+            {option.label || capitalize(option.value)}
+          </Label>
+        </div>
+      {/each}
+    </RadioGroup.Root>
+  {/if}
 
-	<Field.Hint {config} />
-	<Field.Error error={field.error} />
+  <Field.Hint {config} />
+  <Field.Error error={field.error} />
 </fieldset>
 
 <style>
-	.rz-field-radio:not(.rz-field-radio--row) {
-		display: flex;
-		flex-direction: column;
-		/*gap: var(--rz-size-2);*/
+  .rz-field-radio:not(.rz-field-radio--row) {
+    display: flex;
+    flex-direction: column;
+    /*gap: var(--rz-size-2);*/
 
-		:global {
-			.rz-radio__input {
-				margin-right: var(--rz-size-2);
-			}
-			.rz-radio__label {
-				cursor: pointer;
-			}
-		}
-		.rz-radio__option {
-			display: flex;
-			align-items: center;
-		}
-	}
+    :global {
+      .rz-radio__input {
+        margin-right: var(--rz-size-2);
+      }
+      .rz-radio__label {
+        cursor: pointer;
+      }
+    }
+    .rz-radio__option {
+      display: flex;
+      align-items: center;
+    }
+  }
 </style>

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

@@ -1,64 +1,64 @@
 <script lang="ts">
-	import { env } from '$env/dynamic/public';
-	import { apiUrl } from '../../../core/api/index.js';
-	import type { GenericDoc } from '../../../core/types/doc.js';
-	import UploadThumbCell from '../../../panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte';
-	import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
-	import { toKebabCase } from '../../../util/string';
+  import { env } from '$env/dynamic/public';
+  import { apiUrl } from '../../../core/api/index.js';
+  import type { GenericDoc } from '../../../core/types/doc.js';
+  import UploadThumbCell from '../../../panel/components/sections/collection/upload-thumb-cell/UploadThumbCell.svelte';
+  import { API_PROXY, getAPIProxyContext } from '../../../panel/context/api-proxy.svelte.js';
+  import { toKebabCase } from '../../../util/string';
 
-	type Props = {
-		value: {
-			id?: string;
-			relationTo: string;
-			documentId: string;
-		}[];
-	};
+  type Props = {
+    value: {
+      id?: string;
+      relationTo: string;
+      documentId: string;
+    }[];
+  };
 
-	let { value }: Props = $props();
-	let displayCount = $derived(value && value.length > 1);
+  let { value }: Props = $props();
+  let displayCount = $derived(value && value.length > 1);
 
-	const APIProxy = getAPIProxyContext(API_PROXY.ROOT);
+  const APIProxy = getAPIProxyContext(API_PROXY.ROOT);
 
-	let APIUrl = $derived.by(() => {
-		if (value && value.length && value[0].documentId) {
-			const relation = value[0];
-			return apiUrl(toKebabCase(relation.relationTo), relation.documentId);
-		} else {
-			return null;
-		}
-	});
+  let APIUrl = $derived.by(() => {
+    if (value && value.length && value[0].documentId) {
+      const relation = value[0];
+      return apiUrl(toKebabCase(relation.relationTo), relation.documentId);
+    } else {
+      return null;
+    }
+  });
 
-	const ressource = $derived.by(() => {
-		return APIUrl ? APIProxy.getRessource<{ doc: GenericDoc }>(APIUrl) : null;
-	});
+  const ressource = $derived.by(() => {
+    return APIUrl ? APIProxy.getRessource<{ doc: GenericDoc }>(APIUrl) : null;
+  });
 </script>
 
 <span class="rz-relation-cell">
-	{#if displayCount}
-		{value.length} items
-	{:else if ressource?.data?.doc}
-		{#if ressource.data.doc._thumbnail}
-			<UploadThumbCell
-				mimeType={ressource.data.doc.mimeType}
-				url="{env.PUBLIC_RIME_URL}{ressource.data.doc._thumbnail}"
-			/>
-			{ressource.data.doc.title}
-		{:else}
-			<span class="rz-relation-cell__title">{ressource.data.doc.title}</span>
-		{/if}
-	{/if}
+  {#if displayCount}
+    {value.length} items
+  {:else if ressource?.data?.doc}
+    {#if ressource.data.doc._thumbnail}
+      <UploadThumbCell
+        mimeType={ressource.data.doc.mimeType}
+        url="{env.PUBLIC_RIME_URL}{ressource.data.doc._thumbnail}"
+      />
+      {ressource.data.doc.title}
+    {:else}
+      <span class="rz-relation-cell__title">{ressource.data.doc.title}</span>
+    {/if}
+  {/if}
 </span>
 
 <style>
-	.rz-relation-cell {
-		display: flex;
-		gap: var(--rz-size-2);
-		align-items: center;
-	}
-	.rz-relation-cell__title {
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 1;
-	}
+  .rz-relation-cell {
+    display: flex;
+    gap: var(--rz-size-2);
+    align-items: center;
+  }
+  .rz-relation-cell__title {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
 </style>