@soleil-se/config-svelte 1.26.2 → 1.27.0

package/CHANGELOG.md

@@ -7,6 +7,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.26.3] - 2024-06-28
+
+- Update dependencies.
+
 ## [1.26.2] - 2024-05-23
 
 - More lenient `@sitevision/api` peer dependency range.

package/components/Checkbox/Component.svelte

@@ -5,12 +5,19 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let checked = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {boolean} */
   export let value;
   value = name ? values[name] ?? value ?? checked : value;
 
@@ -27,7 +34,7 @@
   @component
   A checkbox component.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/Checkbox/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/checkbox/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/CheckboxGroup/Component.svelte

@@ -5,17 +5,26 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let name;
+  /** @type {import('./types.d.ts').Option[]} */
   export let options;
+  /** @type {string} */
   export let legend;
+  /** @type {boolean} */
   export let legendVisuallyHidden = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string[]} */
   export let value = [];
   value = name ? values[name] || value : value;
 
   let className = '';
+  /** @type {string} */
   export { className as class };
 
   function isChecked(option) {
@@ -37,7 +46,7 @@
   @component
   A checkbox group component.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/CheckboxGroup/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/checkboxgroup/)
 -->
 
 <fieldset class="form-group {className}" class:hidden={!show}>

package/components/CheckboxGroup/types.d.ts

@@ -0,0 +1 @@
+export type Option = ({string} | {label: string, value: string})[]

package/components/CustomList/Component.svelte

@@ -13,11 +13,17 @@
   const configValues = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let label;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {string} */
   export let name = undefined;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string} */
   export let icon;
 
   export let value = [];
@@ -99,7 +105,7 @@
   Custom list component for adding multiple modal windows containting configuration components and
   sorting them.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/CustomList/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/customlist/)
 -->
 
 {#each Object.keys(modals) as id (id)}

package/components/CustomSelector/Component.svelte

@@ -6,18 +6,29 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name = undefined;
+  /** @type {string} */
   export let placeholder = i18n('placeholder');
+  /** @type {import('./types.d.ts').Option[]} */
   export let options = [];
+  /** @type {boolean} */
   export let searchable = false;
+  /** @type {boolean} */
   export let removable = true;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let multiple = false;
+  /** @type {boolean} */
   export let show = true;
-
+  /** @type {string | string[]} */
   export let value = multiple ? [] : '';
 
   value = !removable && !multiple ? value || options[0]?.value || options[0] || '' : value;
@@ -69,7 +80,7 @@
   @component
   Wrapper component for Sitevision [Custom selector](https://developer.sitevision.se/docs/webapps/webapps-2/configuration/sitevision-components#h-Customselectorsince91).
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/CustomSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/customselector/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/CustomSelector/types.d.ts

@@ -0,0 +1 @@
+export type Option = ({string} | {label: string, value: string})[]

package/components/DropdownSelector/Component.svelte

@@ -5,14 +5,23 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name = undefined;
-  export let type = 'metadata-selector';
+  /** @type {import('./types.d.ts').Type} */
+  export let type = 'metadata';
+  /** @type {import('./types.d.ts').Selectable} */
   export let selectable = [];
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string} */
   export let value = '';
 
   selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;

package/components/DropdownSelector/types.d.ts

@@ -0,0 +1,30 @@
+export type NodeType =
+  "sv:metadataDateDefinition" |
+  "sv:metadataUserDefinition" |
+  "sv:metadataDirectoryDefinition" |
+  "sv:metadataTextDefinition" |
+  "sv:metadataSingleDefinition" |
+  "sv:metadataMultipleDefinition" |
+  "sv:metadataSystemLinkDefinition" |
+  "sv:metadataSystemIntegerDefinition" |
+  "sv:metadataSystemTextDefinition" |
+  "sv:metadataSystemDefinition" |
+  "sv:metadataLinkDefinition" |
+  "sv:metadataTextPortletDefinition" |
+  "sv:metadataImagePortletDefinition" |
+  "sv:metadataKeywordDefinition" |
+  "sv:metadataRelatedInformationDefinition" |
+  "sv:metadataMediaPortletDefinition" |
+  "sv:metadataSingleTagDefinition" |
+  "sv:metadataMultipleTagDefinition";
+
+export type Selectable = NodeType | NodeType[]
+
+export type Type =
+  "metadata" |
+  "template" |
+  "oauth2-configuration" |
+  "virtual-group" |
+  "search-index" |
+  "font" |
+  "color"

package/components/ImageSelector/Component.svelte

@@ -11,14 +11,22 @@
 
   const values = window.CONFIG_VALUES || {};
 
+  /** @type {string} */
   export let name = undefined;
+  /** @type {string} */
   export let heading = i18n('heading');
+  /** @type {boolean} */
   export let required = false;
+  /** @type {string} */
   export let node;
+  /** @type {string} */
   export let alt;
   alt = name ? values[`${name}Alt`] ?? alt : alt;
+  /** @type {boolean} */
   export let hideDecorative = false;
+  /** @type {boolean} */
   export let decorative = false;
+  /** @type {boolean} */
   export let show;
   $: decorative = hideDecorative ? false : decorative;
 
@@ -65,7 +73,7 @@
   @component
   Custom panel component for selecting an image.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/ImageSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/imageselector/)
 -->
 
 <Panel {heading} {show}>

package/components/InputField/Component.svelte

@@ -1,5 +1,4 @@
 <script>
-  /* eslint-disable no-undef-init */
   import { createEventDispatcher } from 'svelte';
   import { prefixHttps } from '../../actions';
   import { generateId } from '../../utils';
@@ -51,7 +50,7 @@
   @component
   Component for input fields and textareas.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/InputField/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/inputfield/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/LinkSelector/Component.svelte

@@ -12,12 +12,19 @@
 
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let heading = i18n('heading');
+  /** @type {string} */
   export let name;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {('internal' | 'external' | 'file' | 'mail' | 'tel')} */
   export let types = ['internal', 'external', 'file'];
+  /** @type {boolean} */
   export let show;
+  /** @type {object} */
   export let value;
 
   value = getSavedValue({ value, name, types });
@@ -58,19 +65,19 @@
   @component
   Custom panel component for selecting a link.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/LinkSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/linkselector/)
 -->
 
-<Panel {heading} class={className} {required} {show}>
+<Panel class={className} {heading} {required} {show}>
   <slot name="top" />
   {#if selectableTypes.length > 1}
     <div class="sr-legend form-group">
       <RadioGroup
-        bind:value={value.type}
         name={name ? `${name}Type` : ''}
-        options={selectableTypes}
         {disabled}
         legend="Länktyp"
+        options={selectableTypes}
+        bind:value={value.type}
         on:change={onChange}
       />
     </div>
@@ -79,66 +86,66 @@
   <div class="sr-label form-group form-group--internal" use:showAction={isInternal}>
     <NodeSelector
       name={name && isInternal ? `${name}Value` : undefined}
-      bind:value={selected.internal}
       {disabled}
-      type="page-selector"
       label={i18n('internal')}
-      on:change={onChange}
       required={required && isInternal}
+      type="page-selector"
+      bind:value={selected.internal}
+      on:change={onChange}
     />
   </div>
   <div class="sr-label form-group form-group--external" use:showAction={isExternal}>
     <InputField
       name={name && isExternal ? `${name}Value` : undefined}
-      bind:value={selected.external}
       {disabled}
       label={i18n('external')}
+      required={required && isExternal}
       type="url"
+      bind:value={selected.external}
       on:change={onChange}
-      required={required && isExternal}
     />
   </div>
   <div class="sr-label form-group form-group--file" use:showAction={isFile}>
     <NodeSelector
       name={name && isFile ? `${name}Value` : undefined}
-      bind:value={selected.file}
       {disabled}
-      type="file-selector"
       label={i18n('file')}
-      on:change={onChange}
       required={required && isFile}
+      type="file-selector"
+      bind:value={selected.file}
+      on:change={onChange}
     />
   </div>
 
   <div class="sr-label form-group form-group--mail" use:showAction={isMail}>
     <InputField
       name={name && isMail ? `${name}Value` : undefined}
-      bind:value={selected.mail}
+      action={prefixMail}
       {disabled}
       label={i18n('mail')}
-      action={prefixMail}
-      on:change={onChange}
       required={required && isMail}
+      bind:value={selected.mail}
+      on:change={onChange}
     />
   </div>
   <div class="sr-label form-group form-group--tel" use:showAction={isTel}>
     <InputField
       name={name && isTel ? `${name}Value` : undefined}
-      bind:value={selected.tel}
+      action={prefixTel}
       {disabled}
       label={i18n('tel')}
+      required={required && isTel}
       type="tel"
-      action={prefixTel}
+      bind:value={selected.tel}
       on:change={onChange}
-      required={required && isTel}
     />
   </div>
   <Checkbox
-    class="form-group--new-window"
-    bind:value={value.newWindow}
     name={name ? `${name}NewWindow` : ''}
+    class="form-group--new-window"
     {disabled}
     label={i18n('newTab')}
+    bind:value={value.newWindow}
     on:change={onChange}
   />
   <slot name="bottom" />

package/components/ListSelector/Component.svelte

@@ -5,19 +5,30 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let name;
+  /** @type {string} */
   export let label;
-  export let type = 'page-list';
+  /** @type {import('./types.d.ts').Type} */
+  export let type = 'page';
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let sortable = false;
+  /** @type {boolean} */
   export let show = true;
+  /** Selectable types, all types are not available in all types of lists.
+   *  @type {import('./types.d.ts').Selectable} */
   export let selectable = [];
+  /** @type {string[]} */
   export let value = [];
 
   selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
-  // SiteVision saves as an object, we need the value as comma separated string.
+  // Sitevision saves as an object, we need the value as comma separated string.
   value = (values[name] ?? value).map((v) => v.value || v);
   const onChange = (val) => {
     value = val ? val.split(',') : [];
@@ -46,7 +57,7 @@
   @component
   Wrapper for Sitevision [list components](https://developer.sitevision.se/docs/webapps/webapps-2/configuration/sitevision-components#h-Listcomponents).
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/ListSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/listselector/)
 -->
 
 <div class="form-group" class:disabled class:hidden={!show}>

package/components/ListSelector/types.d.ts

@@ -0,0 +1,23 @@
+export type NodeType =
+  "sv:sitePage" |
+  "sv:page" |
+  "sv:article" |
+  "sv:archive" |
+  "sv:folder" |
+  "sv:link" |
+  "sv:structurePage" |
+  "sv:structureFolder" |
+  "sv:structureLink" |
+  "sv:collaborationGroupPage" |
+  "sv:collaborationGroupFolder"|
+  "sv:file" |
+  "sv:image";
+
+export type Selectable = NodeType | NodeType[]
+
+export type Type =
+  "page" |;
+  "file" |;
+  "image" |;
+  "user" |;
+  "userfield";

package/components/Modal/Component.svelte

@@ -9,8 +9,11 @@
   import i18n from './i18n';
   import updateGlobalValues from './api/updateGlobalValues';
 
+  /** @type {string} */
   export let title;
+  /** @type {boolean} */
   export let open = false;
+  /** @type {HTMLElement} */
   export let element;
 
   const dispatch = createEventDispatcher();

package/components/NodeSelector/Component.svelte

@@ -6,16 +6,26 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
   export let label;
-  export let type = 'page-selector';
+  /** @type {import('./types.d.ts').Type} */
+  export let type = 'page';
+  /** @type {string} */
   export let name;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let readonly = false;
+  /** @type {boolean} */
   export let removable = true;
+  /** @type {import('./types.d.ts').Selectable} */
   export let selectable = [];
+  /** @type {string} */
   export let value = '';
+  /** @type {boolean} */
   export let show = true;
 
   selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
@@ -59,7 +69,7 @@
   @component
   Wrapper for Sitevision [input components](https://developer.sitevision.se/docs/webapps/webapps-2/configuration/sitevision-components) used for selecting nodes.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/NodeSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/nodeselector/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/NodeSelector/types.d.ts

@@ -0,0 +1,23 @@
+export type NodeType =
+  "sv:sitePage" |
+  "sv:page" |
+  "sv:article" |
+  "sv:archive" |
+  "sv:folder" |
+  "sv:link" |
+  "sv:structurePage" |
+  "sv:structureFolder" |
+  "sv:structureLink" |
+  "sv:collaborationGroupPage" |
+  "sv:collaborationGroupFolder";
+
+
+export type Selectable = NodeType | NodeType[]
+
+export type Type =
+  "page" |
+  "file" |
+  "image" |
+  "user" |
+  "content-node" |
+  "link";

package/components/NumberSpinner/Component.svelte

@@ -5,16 +5,27 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let name;
+  /** @type {string} */
   export let label;
+  /** @type {number} */
   export let min;
+  /** @type {number} */
   export let max;
+  /** @type {number} */
   export let step = 1;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let readonly = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string} */
   export let suffix;
+  /** @type {number} */
   export let value = min || 1;
   value = Number(name ? values[name] ?? value : value);
   value = min && value < Number(min) ? min : value;
@@ -45,7 +56,7 @@
   @component
   Wrapper for Sitevision [number spinner](https://developer.sitevision.se/docs/webapps/webapps-2/configuration/sitevision-components).
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/NumberSpinner/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/numberspinner/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/Panel/Component.svelte

@@ -1,8 +1,11 @@
 <script>
   import i18n from './i18n';
 
+  /** @type {string} */
   export let heading = i18n('settings');
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let show = true;
 
   let className = '';
@@ -14,7 +17,7 @@
   @component
   A panel component.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/Panel/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/panel/)
 -->
 
 <div class="panel panel-default {className}" class:hidden={!show}>

package/components/RadioGroup/Component.svelte

@@ -5,14 +5,23 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let name;
+  /** @type {import('./types.d.ts').Option[]} */
   export let options = [];
+  /** @type {string} */
   export let legend;
+  /** @type {string} */
   export let label;
+  /** @type {boolean} */
   export let legendVisuallyHidden = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string} */
   export let value = options[0]?.value ?? options[0] ?? '';
   value = name ? values[name] ?? value : value;
 
@@ -33,7 +42,7 @@
   @component
   A radio group component.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/RadioGroup/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/radiogroup/)
 -->
 
 <fieldset class="form-group" class:hidden={!show}>

package/components/RadioGroup/types.d.ts

@@ -0,0 +1 @@
+export type Option = ({string} | {label: string, value: string})[]

package/components/RepositoryNodeSelector/Component.svelte

@@ -5,16 +5,25 @@
   import CustomSelector from '../CustomSelector';
   import i18n from './i18n';
 
+  /** @type {string} */
   export let id;
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name;
+  /** @type {boolean} */
   export let searchable;
+  /** @type {boolean} */
   export let required;
+  /** @type {boolean} */
   export let disabled;
+  /** @type {boolean} */
   export let multiple;
+  /** @type {boolean} */
   export let show;
+  /** @type {string} */
   export let value;
-
+  /** @type {import('./types.d.ts').Type} */
   export let type;
 
   let options = [];
@@ -52,6 +61,13 @@
   });
 </script>
 
+<!--
+  @component
+  Component for selecting one or multiple nodes from a repository.
+
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/repositorynodeselector/)
+-->
+
 <CustomSelector
   {id}
   {name}

package/components/RepositoryNodeSelector/types.d.ts

@@ -0,0 +1,23 @@
+export type Type =
+  'alias' |
+  'named-reference' |
+  'rss-feed' |
+  'rating-type' |
+  'responsive-breakpoint' |
+  'role' |
+  'site-cookie' |
+  'tag-group' |
+  'tag' |
+  'user-field' |
+  'addon' |
+  'data-store' |
+  'decoration' |
+  'default-image' |
+  'externaltopicintegration' |
+  'icon' |
+  'list-style' |
+  'module-element-draft' |
+  'module-element' |
+  'restApp' |
+  'topic' |
+  'webApp';

package/components/SelectField/Component.svelte

@@ -5,12 +5,19 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name;
+  /** @type {string} */
   export let required = false;
+  /** @type {string} */
   export let disabled = false;
+  /** @type {string} */
   export let show = true;
+  /** @type {import('./types.d.ts').Option[]} */
   export let options = [];
 
   export let value;
@@ -24,7 +31,7 @@
   @component
   A select field component.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/SelectField/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/selectfield/)
 -->
 <div class="form-group" class:hidden={!show}>
   <label class="control-label {required ? 'control-label--required' : ''}" for={id}>

package/components/SelectField/types.d.ts

@@ -0,0 +1 @@
+export type Option = ({string} | {label: string, value: string})[]

package/components/TagSelector/Component.svelte

@@ -6,19 +6,25 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {string} */
   export let name;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
-  export let selectable = [];
+  /** @type {string} */
   export let value = '';
 
-  selectable = Array.isArray(selectable) ? selectable.join(',') : selectable;
   value = name ? values[name] ?? value : value;
 
   let className = '';
+  /** @type {string} */
   export { className as class };
 
   $: isRequired = required && !disabled;
@@ -48,7 +54,7 @@
   @component
   Wrapper for Sitevision [tag selector](https://developer.sitevision.se/docs/webapps/webapps-2/configuration/sitevision-components).
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/TagSelector/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/tagselector/)
 -->
 
 <div class="form-group {className}" class:hidden={!show}>

package/components/TextList/Component.svelte

@@ -11,12 +11,19 @@
   const values = window.CONFIG_VALUES || {};
   const dispatch = createEventDispatcher();
 
+  /** @type {string} */
   export let id = generateId();
+  /** @type {string} */
   export let label;
+  /** @type {boolean} */
   export let required = false;
+  /** @type {string} */
   export let name = undefined;
+  /** @type {boolean} */
   export let disabled = false;
+  /** @type {boolean} */
   export let show = true;
+  /** @type {string[]} */
   export let value = [];
   value = name ? values[name] ?? value : value;
 
@@ -73,7 +80,7 @@
   @component
   Custom list component for adding multiple text values and sorting them.
 
-  [README](https://docs.soleilit.se/03.packages/@soleil&svelte-config/components/TextList/)
+  [README](https://docs.soleil.se/packages/soleil/svelte-config/components/textlist/)
 -->
 
 <div class="form-group" class:hidden={!show}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/config-svelte",
-  "version": "1.26.2",
+  "version": "1.27.0",
   "main": "./index.js",
   "module": "./index.js",
   "svelte": "./index.js",
@@ -24,7 +24,7 @@
     "svelte-preprocess": "^5.1.4"
   },
   "dependencies": {
-    "@soleil-se/config-validate": "^1.2.0",
+    "@soleil-se/config-validate": "^1.2.1",
     "a11y-dialog": "7.5.2",
     "svelte-dnd-action": "^0.9.44"
   },