rimecms 0.26.7 → 0.26.8

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

@@ -1,30 +1,30 @@
 <script lang="ts">
-	import { RimeError, RimeFormError } from '../../../core/errors/index.js';
-	import { t__ } from '../../../core/i18n/index.js';
-
-	type Props = { error: string | false };
-
-	const { error }: Props = $props();
-
-	function formatError(error: string) {
-		// subfield::error
-		const cleanError = error.split('::').at(-1) ?? '';
-		// If it's a predefined error from RimeError or RimeFormError
-		if (
-			Object.values(RimeError).includes(cleanError) ||
-			Object.values(RimeFormError).includes(cleanError)
-		) {
-			return t__(`errors.${cleanError}`);
-		}
-		// Otherwise return as-is (user defined message)
-		return cleanError;
-	}
+  import { RimeError, RimeFormError } from '../../../core/errors/index.js';
+  import { t__ } from '../../../core/i18n/index.js';
+
+  type Props = { error: string | false };
+
+  const { error }: Props = $props();
+
+  function formatError(error: string) {
+    // subfield::error
+    const cleanError = error.split('::').at(-1) ?? '';
+    // If it's a predefined error from RimeError or RimeFormError
+    if (
+      Object.values(RimeError).includes(cleanError) ||
+      Object.values(RimeFormError).includes(cleanError)
+    ) {
+      return t__(`errors.${cleanError}`);
+    }
+    // Otherwise return as-is (user defined message)
+    return cleanError;
+  }
 </script>
 
 {#if error}
-	<div class="rz-field-error">
-		{formatError(error)}
-	</div>
+  <div class="rz-field-error">
+    {formatError(error)}
+  </div>
 {/if}
 
 <style>/**************************************/
@@ -34,16 +34,16 @@
 /**************************************/
 
 .rz-field-error {
-		color: hsl(var(--rz-ground-6) / 1);
-		background-color: hsl(var(--rz-color-alert));
-		position: absolute;
-		right: 0;
-		top: 0;
-		border-radius: var(--rz-radius-sm);
-		font-size: var(--rz-text-xs);
-		padding-inline: var(--rz-size-1);
-		padding-block: var(--rz-size-0-5);
-		font-variation-settings: 'wght' 500;
-		font-weight: 500;
-	}
+    color: hsl(var(--rz-ground-6) / 1);
+    background-color: hsl(var(--rz-color-alert));
+    position: absolute;
+    right: 0;
+    top: 0;
+    border-radius: var(--rz-radius-sm);
+    font-size: var(--rz-text-xs);
+    padding-inline: var(--rz-size-1);
+    padding-block: var(--rz-size-0-5);
+    font-variation-settings: 'wght' 500;
+    font-weight: 500;
+  }
 </style>

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

@@ -1,82 +1,82 @@
 <script lang="ts">
-	import { FormFieldBuilder } from '../../../core/fields/builders';
-	import type { FormField } from '../../../fields/types.js';
-	import { capitalize } from '../../../util/string.js';
+  import { FormFieldBuilder } from '../../../core/fields/builders';
+  import type { FormField } from '../../../fields/types.js';
+  import { capitalize } from '../../../util/string.js';
 
-	type Props = {
-		fields: FormFieldBuilder<FormField>[];
-		getField: (field: FormFieldBuilder<FormField>) => { visible: boolean; value: any | null };
-	};
+  type Props = {
+    fields: FormFieldBuilder<FormField>[];
+    getField: (field: FormFieldBuilder<FormField>) => { visible: boolean; value: any | null };
+  };
 
-	const { fields, getField }: Props = $props();
+  const { fields, getField }: Props = $props();
 
-	//
+  //
 </script>
 
 <div class="rz-render-fields-preview">
-	{#each fields as builder, index (index)}
-		{@const field = getField(builder)}
-		{#if !builder.raw.hidden && field.visible}
-			<div class="rz-render-fields-preview__row" data-visible={field.visible || null}>
-				<div class="rz-render-fields-preview__name">
-					<p>
-						{builder.raw.label || capitalize(builder.name)}
-					</p>
-				</div>
-				<div class="rz-render-fields-preview__value">
-					{#if builder.raw.table?.cell}
-						{@const ColumnTableCell = builder.raw.table.cell}
-						<span><ColumnTableCell value={field.value} /></span>
-					{:else if builder.cell}
-						{@const Cell = builder.cell}
-						<span><Cell value={field.value} /></span>
-					{:else}
-						<span>{field.value}</span>
-					{/if}
-				</div>
-			</div>
-		{/if}
-	{/each}
+  {#each fields as builder, index (index)}
+    {@const field = getField(builder)}
+    {#if !builder.raw.hidden && field.visible}
+      <div class="rz-render-fields-preview__row" data-visible={field.visible || null}>
+        <div class="rz-render-fields-preview__name">
+          <p>
+            {builder.raw.label || capitalize(builder.name)}
+          </p>
+        </div>
+        <div class="rz-render-fields-preview__value">
+          {#if builder.raw.table?.cell}
+            {@const ColumnTableCell = builder.raw.table.cell}
+            <span><ColumnTableCell value={field.value} /></span>
+          {:else if builder.cell}
+            {@const Cell = builder.cell}
+            <span><Cell value={field.value} /></span>
+          {:else}
+            <span>{field.value}</span>
+          {/if}
+        </div>
+      </div>
+    {/if}
+  {/each}
 </div>
 
 <style>
-	.rz-render-fields-preview {
-		display: grid;
-	}
-	.rz-render-fields-preview__row {
-		height: var(--rz-input-height);
-		align-items: center;
-		display: grid;
-		grid-template-columns: minmax(var(--rz-size-24), var(--rz-size-32)) 1fr;
-		padding-right: 0 var(--rz-size-4);
-	}
-	.rz-render-fields-preview__row:not(:last-child) {
-		border-bottom: var(--rz-border);
-	}
-	.rz-render-fields-preview__name {
-		height: calc(var(--rz-input-height) - 1px);
-		background-color: hsl(var(--rz-color-bg));
-		padding: 0 var(--rz-size-4);
-		border-right: var(--rz-border);
-		align-items: center;
-		display: flex;
-		> p {
-			overflow: hidden;
-			display: -webkit-box;
-			-webkit-box-orient: vertical;
-			-webkit-line-clamp: 1;
-		}
-	}
-	.rz-render-fields-preview__value {
-		height: var(--rz-input-height);
-		padding: 0 var(--rz-size-4);
-		align-items: center;
-		display: flex;
-		span {
-			overflow: hidden;
-			display: -webkit-box;
-			-webkit-box-orient: vertical;
-			-webkit-line-clamp: 1;
-		}
-	}
+  .rz-render-fields-preview {
+    display: grid;
+  }
+  .rz-render-fields-preview__row {
+    height: var(--rz-input-height);
+    align-items: center;
+    display: grid;
+    grid-template-columns: minmax(var(--rz-size-24), var(--rz-size-32)) 1fr;
+    padding-right: 0 var(--rz-size-4);
+  }
+  .rz-render-fields-preview__row:not(:last-child) {
+    border-bottom: var(--rz-border);
+  }
+  .rz-render-fields-preview__name {
+    height: calc(var(--rz-input-height) - 1px);
+    background-color: hsl(var(--rz-color-bg));
+    padding: 0 var(--rz-size-4);
+    border-right: var(--rz-border);
+    align-items: center;
+    display: flex;
+    > p {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+    }
+  }
+  .rz-render-fields-preview__value {
+    height: var(--rz-input-height);
+    padding: 0 var(--rz-size-4);
+    align-items: center;
+    display: flex;
+    span {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+    }
+  }
 </style>

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

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLButtonAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
 
-	type Props = { children: Snippet } & HTMLButtonAttributes;
-	const { children, class: className, ...rest }: Props = $props();
+  type Props = { children: Snippet } & HTMLButtonAttributes;
+  const { children, class: className, ...rest }: Props = $props();
 </script>
 
 <button class="rz-fields-preview__trigger {className || ''}" {...rest} type="button">
-	{@render children()}
+  {@render children()}
 </button>
 
 <style>
-	.rz-fields-preview__trigger {
-		display: block;
-		background-color: var(--rz-group-preview-bg);
-		width: 100%;
-		text-align: left;
-	}
+  .rz-fields-preview__trigger {
+    display: block;
+    background-color: var(--rz-group-preview-bg);
+    width: 100%;
+    text-align: left;
+  }
 </style>

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

@@ -1,21 +1,21 @@
 <script lang="ts">
-	import type { FormField, SimplerField } from '../../../fields/types.js';
+  import type { FormField, SimplerField } from '../../../fields/types.js';
 
-	type Props = { config: SimplerField<FormField> };
-	const { config }: Props = $props();
+  type Props = { config: SimplerField<FormField> };
+  const { config }: Props = $props();
 </script>
 
 {#if config.hint}
-	<p class="rz-field-hint">
-		{config.hint}
-	</p>
+  <p class="rz-field-hint">
+    {config.hint}
+  </p>
 {/if}
 
 <style>
-	.rz-field-hint {
-		opacity: 0.5;
-		max-width: 320px;
-		margin-top: var(--rz-size-1-5);
-		font-size: var(--rz-text-sm);
-	}
+  .rz-field-hint {
+    opacity: 0.5;
+    max-width: 320px;
+    margin-top: var(--rz-size-1-5);
+    font-size: var(--rz-text-sm);
+  }
 </style>

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

@@ -1,35 +1,40 @@
 <script lang="ts">
-	import type { FormField, SimplerField } from '../../../fields/types.js';
-	import { getLocaleContext } from '../../context/locale.svelte';
-	import { capitalize } from '../../../util/string.js';
-	import type { Snippet } from 'svelte';
-	import { Label } from '../ui/label/index.js';
+  import type { FormField, SimplerField } from '../../../fields/types.js';
+  import { getLocaleContext } from '../../context/locale.svelte';
+  import { capitalize } from '../../../util/string.js';
+  import type { Snippet } from 'svelte';
+  import { Label } from '../ui/label/index.js';
 
-	type Props = { config?: SimplerField<FormField>; children?: Snippet; for?: string };
-	const { config, children, for: forAttribute, ...rest }: Props = $props();
+  type Props = { config?: SimplerField<FormField>; children?: Snippet; for?: string };
+  const { config, children, for: forAttribute, ...rest }: Props = $props();
 
-	const locale = getLocaleContext();
+  const locale = getLocaleContext();
 </script>
 
-<Label class="rz-field-label" title={config?.label ? config.name : null} for={forAttribute || null} {...rest}>
-	{#if config}
-		{config.label || capitalize(config.name)}
-		{#if config.localized}
-			<sup>{locale.code}</sup>
-		{/if}
-	{/if}
-	{@render children?.()}
+<Label
+  class="rz-field-label"
+  title={config?.label ? config.name : null}
+  for={forAttribute || null}
+  {...rest}
+>
+  {#if config}
+    {config.label || capitalize(config.name)}
+    {#if config.localized}
+      <sup>{locale.code}</sup>
+    {/if}
+  {/if}
+  {@render children?.()}
 </Label>
 
 <style>
-	:global {
-		.rz-field-label {
-			margin-bottom: var(--rz-size-2);
-			display: block;
-		}
-		.rz-field-label sup {
-			font-size: var(--rz-text-2xs);
-			text-transform: uppercase;
-		}
-	}
+  :global {
+    .rz-field-label {
+      margin-bottom: var(--rz-size-2);
+      display: block;
+    }
+    .rz-field-label sup {
+      font-size: var(--rz-text-2xs);
+      text-transform: uppercase;
+    }
+  }
 </style>

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

@@ -1,36 +1,36 @@
 <script lang="ts">
-	import type { FormField } from '../../../fields/types.js';
-	import { getLocaleContext } from '../../context/locale.svelte.js';
-	import { capitalize } from '../../../util/string.js';
-	import { Label } from '../ui/label/index.js';
+  import type { FormField } from '../../../fields/types.js';
+  import { getLocaleContext } from '../../context/locale.svelte.js';
+  import { capitalize } from '../../../util/string.js';
+  import { Label } from '../ui/label/index.js';
 
-	type Props = { config: FormField; for: string };
-	const { config, for: labelFor }: Props = $props();
+  type Props = { config: FormField; for: string };
+  const { config, for: labelFor }: Props = $props();
 
-	const locale = getLocaleContext();
+  const locale = getLocaleContext();
 </script>
 
 <Label class="rz-field-label-for" for={labelFor}>
-	{config.label || capitalize(config.name)}
-	{#if config.localized}
-		<sup>{locale.code}</sup>
-	{/if}
+  {config.label || capitalize(config.name)}
+  {#if config.localized}
+    <sup>{locale.code}</sup>
+  {/if}
 </Label>
 
 <style>
-	:global {
-		fieldset:disabled .rz-field-label-for {
-			cursor: no-drop;
-		}
-		.rz-field-label-for {
-			cursor: pointer;
-			margin-bottom: 0;
-			font-variation-settings: 'wght' 600;
-			font-weight: 600;
-		}
-		.rz-field-label-for sup {
-			font-size: var(--rz-text-2xs);
-			text-transform: uppercase;
-		}
-	}
+  :global {
+    fieldset:disabled .rz-field-label-for {
+      cursor: no-drop;
+    }
+    .rz-field-label-for {
+      cursor: pointer;
+      margin-bottom: 0;
+      font-variation-settings: 'wght' 600;
+      font-weight: 600;
+    }
+    .rz-field-label-for sup {
+      font-size: var(--rz-text-2xs);
+      text-transform: uppercase;
+    }
+  }
 </style>