@sveltia/ui 0.30.2 → 0.31.0

package/dist/components/checkbox/checkbox.svelte

@@ -47,7 +47,7 @@
     invalid = false,
     label = undefined,
     'aria-label': ariaLabel,
-    group = $bindable([]),
+    group = $bindable(),
     onChange,
     children,
     checkIcon,
@@ -67,12 +67,14 @@
 
   // Sync `checked` with `group` and `value`
   $effect(() => {
-    if (group.includes(value)) {
-      if (checked !== true) {
-        checked = true;
+    if (Array.isArray(group)) {
+      if (group.includes(value)) {
+        if (checked !== true) {
+          checked = true;
+        }
+      } else if (checked !== false) {
+        checked = false;
       }
-    } else if (checked !== false) {
-      checked = false;
     }
   });
 </script>
@@ -120,12 +122,14 @@
 
         checked = indeterminate ? true : !checked;
 
-        if (checked) {
-          if (!group.includes(value)) {
-            group = [...group, value];
+        if (Array.isArray(group)) {
+          if (checked) {
+            if (!group.includes(value)) {
+              group = [...group, value];
+            }
+          } else if (group.includes(value)) {
+            group = group.filter((v) => v !== value);
           }
-        } else if (group.includes(value)) {
-          group = group.filter((v) => v !== value);
         }
 
         onChange?.(new CustomEvent('Change', { detail: { checked } }));

package/dist/components/radio/radio.svelte

@@ -47,7 +47,7 @@
     value = undefined,
     valueType = undefined,
     label = undefined,
-    group = $bindable(''),
+    group = $bindable(),
     children,
     onChange,
     onSelect,
@@ -65,12 +65,14 @@
 
   // Sync `checked` with `group` and `value`
   $effect(() => {
-    if (group === value) {
-      if (!checked) {
-        checked = true;
+    if (typeof group === 'string') {
+      if (group === value) {
+        if (!checked) {
+          checked = true;
+        }
+      } else if (checked) {
+        checked = false;
       }
-    } else if (checked) {
-      checked = false;
     }
   });
 </script>
@@ -106,7 +108,10 @@
       }
 
       checked = true;
-      group = value;
+
+      if (typeof group === 'string') {
+        group = value;
+      }
     }}
     {onChange}
     {onSelect}

package/dist/components/slider/slider.svelte

@@ -266,9 +266,10 @@
 
     const stepCount = (max - min) / step + 1;
     const stepWidth = barWidth / (stepCount - 1);
+    const emptyArray = Array.from({ length: stepCount });
 
-    valueList = new Array(stepCount).fill(0).map((_, index) => index * step + min, 10);
-    positionList = new Array(stepCount).fill(0).map((_, index) => index * stepWidth);
+    valueList = emptyArray.map((_, index) => index * step + min, 10);
+    positionList = emptyArray.map((_, index) => index * stepWidth);
 
     onValueChange();
   };

package/dist/components/text-editor/constants.js

@@ -17,6 +17,11 @@ export const AVAILABLE_BUTTONS = {
     icon: 'format_italic',
     inline: true,
   },
+  strikethrough: {
+    labelKey: 'strikethrough',
+    icon: 'strikethrough_s',
+    inline: true,
+  },
   code: {
     labelKey: 'code',
     icon: 'code',
@@ -87,7 +92,7 @@ export const AVAILABLE_BUTTONS = {
 /**
  * @type {TextEditorFormatType[]}
  */
-export const TEXT_FORMAT_BUTTON_TYPES = ['bold', 'italic', 'code'];
+export const TEXT_FORMAT_BUTTON_TYPES = ['bold', 'italic', 'strikethrough', 'code'];
 
 /**
  * @type {TextEditorInlineType[]}

package/dist/components/text-editor/core.js

@@ -89,10 +89,11 @@ const editorConfig = {
   theme: {
     text: {
       /**
-       * Enable bold+italic styling.
+       * Enable bold+italic and strikethrough styling.
        * @see https://github.com/facebook/lexical/discussions/4381
        */
       italic: 'italic',
+      strikethrough: 'strikethrough',
     },
     list: {
       nested: {

package/dist/components/text-editor/lexical-root.svelte

@@ -162,6 +162,9 @@
 .lexical-root :global(strong.italic) {
   font-style: italic;
 }
+.lexical-root :global(.strikethrough) {
+  text-decoration: line-through;
+}
 .lexical-root :global(li.nested) {
   list-style-type: none;
 }

package/dist/components/text-editor/toolbar/text-editor-toolbar.svelte

@@ -73,11 +73,11 @@
    * @type {TextEditorInlineType[]}
    */
   const inlineLevelButtons = $derived(
-    unique([
-      ...editorStore.config.enabledButtons.filter((type) =>
+    unique(
+      editorStore.config.enabledButtons.filter((type) =>
         INLINE_BUTTON_TYPES.includes(/** @type {any} */ (type)),
       ),
-    ]),
+    ),
   );
 </script>
 

package/dist/locales/en.d.ts

@@ -54,6 +54,7 @@ export namespace strings {
         export let code_block: string;
         export let bold: string;
         export let italic: string;
+        export let strikethrough: string;
         export let code: string;
         export let link: string;
         export let insert_link: string;

package/dist/locales/en.js

@@ -53,6 +53,7 @@ export const strings = {
     code_block: 'Code Block',
     bold: 'Bold',
     italic: 'Italic',
+    strikethrough: 'Strikethrough',
     code: 'Code',
     link: 'Link',
     insert_link: 'Insert Link',

package/dist/locales/ja.d.ts

@@ -54,6 +54,7 @@ export namespace strings {
         export let code_block: string;
         export let bold: string;
         export let italic: string;
+        export let strikethrough: string;
         export let code: string;
         export let link: string;
         export let insert_link: string;

package/dist/locales/ja.js

@@ -53,6 +53,7 @@ export const strings = {
     code_block: 'コードブロック',
     bold: '太字',
     italic: '斜体',
+    strikethrough: '取り消し線',
     code: 'コード',
     link: 'リンク',
     insert_link: 'リンクを挿入',

package/dist/typedefs.d.ts

@@ -587,7 +587,7 @@ export type InputEventHandlers = {
 export type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
 export type ToastPosition = "auto" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 export type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote" | "code-block";
-export type TextEditorFormatType = "bold" | "italic" | "code";
+export type TextEditorFormatType = "bold" | "italic" | "strikethrough" | "code";
 export type TextEditorInlineType = TextEditorFormatType | "link";
 export type TextEditorMode = "rich-text" | "plain-text";
 export type TextEditorComponent = {

package/dist/typedefs.js

@@ -237,7 +237,7 @@
  */
 
 /**
- * @typedef {'bold' | 'italic' | 'code'} TextEditorFormatType
+ * @typedef {'bold' | 'italic' | 'strikethrough' | 'code'} TextEditorFormatType
  */
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.30.2",
+  "version": "0.31.0",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^6.1.1",
-    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/kit": "^2.46.2",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "cspell": "^9.2.1",
@@ -38,6 +38,7 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsdoc": "^57.2.1",
     "eslint-plugin-svelte": "^2.46.1",
+    "oxlint": "^1.20.0",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "prettier": "^3.6.2",
@@ -46,7 +47,7 @@
     "stylelint": "^16.25.0",
     "stylelint-config-recommended-scss": "^16.0.2",
     "stylelint-scss": "^6.12.1",
-    "svelte": "^5.39.9",
+    "svelte": "^5.39.10",
     "svelte-check": "^4.3.2",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
@@ -87,6 +88,7 @@
     "check:svelte": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
     "check:prettier": "prettier --check .",
     "check:eslint": "eslint .",
+    "check:oxlint": "oxlint .",
     "check:stylelint": "stylelint '**/*.{css,scss,svelte}'",
     "test": "vitest run",
     "test:coverage": "vitest --coverage",