svelte-comp 1.1.4 → 1.1.5

package/dist/lib/CodeView.svelte

@@ -170,7 +170,7 @@
     </div>
   {/if}
 
-  <div class="flex font-mono {TEXT[sz]} {LINE_HEIGHT[sz]}">
+  <div class={cx("flex font-mono", TEXT[sz], LINE_HEIGHT[sz])}>
     {#if showLineNumbers}
       <div
         bind:this={gutterEl}
@@ -189,7 +189,7 @@
     <div class="relative flex-1 min-h-[180px] max-h-[480px]">
       <div
         bind:this={highlightEl}
-        class="cv-highlight cv-layer {TEXT[sz]} {LINE_HEIGHT[sz]}"
+        class={cx("cv-highlight cv-layer", TEXT[sz], LINE_HEIGHT[sz])}
         class:cv-active-line={activeLine && editable}
         style={activeLine && editable
           ? `--cv-line-height: ${lineHeightPx}px; --cv-active-line-top: ${padTopPx + activeLineIndex * lineHeightPx - highlightScroll}px;`
@@ -211,7 +211,7 @@
         onfocus={editable ? updateActiveLine : undefined}
         spellcheck="false"
         readonly={!editable}
-        class="cv-input cv-layer {TEXT[sz]} {LINE_HEIGHT[sz]}"
+        class={cx("cv-input cv-layer", TEXT[sz], LINE_HEIGHT[sz])}
       ></textarea>
     </div>
   </div>

package/dist/lib/Form.svelte

@@ -151,8 +151,11 @@
     return compact ? (compactMap[size] ?? "md") : size;
   }
 
-  let formInstanceCounter = 0;
-  const instanceId = $state(formInstanceCounter++);
+  const globalFormInstanceCounter = globalThis as unknown as {
+    __svelteCompFormInstanceCounter?: number;
+  };
+  globalFormInstanceCounter.__svelteCompFormInstanceCounter ??= 0;
+  const instanceId = $state(globalFormInstanceCounter.__svelteCompFormInstanceCounter++);
 
   const baseFormId = $derived.by(() => {
     if (formId && formId.trim()) return formId.trim();

package/dist/lib/PrimaryColorSelect.svelte

@@ -71,9 +71,15 @@
 
   $effect(() => {
     if (!mounted) {
-      const saved = localStorage.getItem("primary");
-      if (isPrimaryKey(saved)) {
-        selected = saved;
+      try {
+        if (typeof window !== "undefined") {
+          const saved = localStorage.getItem("primary");
+          if (isPrimaryKey(saved)) {
+            selected = saved;
+          }
+        }
+      } catch {
+        // ignore unavailable storage/environment
       }
       mounted = true;
     }
@@ -81,8 +87,16 @@
 
   $effect(() => {
     if (mounted) {
-      document.documentElement.setAttribute("data-primary", selected);
-      localStorage.setItem("primary", selected);
+      try {
+        if (typeof document !== "undefined") {
+          document.documentElement.setAttribute("data-primary", selected);
+        }
+        if (typeof window !== "undefined") {
+          localStorage.setItem("primary", selected);
+        }
+      } catch {
+        // ignore unavailable storage/environment
+      }
     }
   });
 </script>

package/dist/lib/ProgressBar.svelte

@@ -104,7 +104,7 @@
   {...rest}
 >
   {#if label}
-    <span class="text-[var(--color-text-muted)] select-none {TEXT[sz]}">
+    <span class={cx("text-[var(--color-text-muted)] select-none", TEXT[sz])}>
       {label}
     </span>
   {/if}

package/dist/lib/ProgressCircle.svelte

@@ -94,7 +94,7 @@
   {...rest}
 >
   {#if label}
-    <span class="text-[var(--color-text-muted)] select-none {TEXT[sz]}">
+    <span class={cx("text-[var(--color-text-muted)] select-none", TEXT[sz])}>
       {label}
     </span>
   {/if}
@@ -143,9 +143,10 @@
 
     {#if !indeterminate}
       <div
-        class="absolute inset-0 flex items-center justify-center text-[var(--color-text-muted)] font-medium select-none {TEXT[
-          sz
-        ]}"
+        class={cx(
+          "absolute inset-0 flex items-center justify-center text-[var(--color-text-muted)] font-medium select-none",
+          TEXT[sz]
+        )}
       >
         {pctText}%
       </div>

package/dist/lib/Select.svelte

@@ -384,6 +384,7 @@
 <div class={rootClass}>
   {#if label}
     <label
+      id={`${fieldId}-hidden-label`}
       for={`${fieldId}-hidden`}
       class={cx(TEXT[sz], "font-medium [color:var(--color-text-muted)]")}
     >

package/dist/lib/Slider.svelte

@@ -209,6 +209,8 @@
   bind:this={wrap}
   class={rootClass}
   onclick={onTrackClick}
+  onfocusin={(e) => (rest as unknown as { onfocus?: (e: FocusEvent) => void }).onfocus?.(e as FocusEvent)}
+  onfocusout={(e) => (rest as unknown as { onblur?: (e: FocusEvent) => void }).onblur?.(e as FocusEvent)}
   data-disabled={disabled ? "true" : undefined}
   {...rest}
 >

package/dist/lib/TimePicker.svelte

@@ -1,4 +1,4 @@
-<!-- src/lib/TimePicker.svelte -->
+<!-- src/lib/TimePicker.svelte -->
 <script lang="ts">
   /**
    * @component TimePicker
@@ -266,4 +266,4 @@
       {/if}
     </p>
   </div>
-</div>
+</div>

package/dist/lib/lang.d.ts

@@ -51,9 +51,9 @@ export declare const TEXTS: {
     readonly ru: {
         readonly components: {
             readonly colorPicker: {
-                readonly text: "Выберете цвет";
+                readonly text: "Выбрать цвет";
                 readonly color: "Цвет";
-                readonly clear: "Сбросить";
+                readonly clear: "Очистить";
                 readonly placeholder: "Цвет не выбран";
                 readonly selectedColor: "Выбранный цвет";
             };
@@ -61,7 +61,7 @@ export declare const TEXTS: {
                 readonly text: "Выбрать дату";
                 readonly placeholder: "Дата не выбрана";
                 readonly date: "Дата";
-                readonly clear: "Сбросить";
+                readonly clear: "Очистить";
                 readonly selectedDate: "Выбранная дата";
             };
             readonly dialog: {
@@ -70,7 +70,7 @@ export declare const TEXTS: {
             };
             readonly filePicker: {
                 readonly text: "Выбрать файлы";
-                readonly clear: "Сбросить";
+                readonly clear: "Очистить";
                 readonly dragDrop: "Перетащите файлы сюда или нажмите, чтобы выбрать";
                 readonly accepted: "Допустимые форматы";
                 readonly selectedFiles: "Выбранные файлы";
@@ -79,7 +79,7 @@ export declare const TEXTS: {
                 readonly totalSize: "Общий размер";
             };
             readonly menu: {
-                readonly subtitle: "Меню с опциями размеров";
+                readonly subtitle: "Меню с вариантами размеров";
             };
             readonly primaryColorSelect: {
                 readonly text: "Основной цвет";
@@ -88,8 +88,8 @@ export declare const TEXTS: {
                 readonly text: "Выбрать время";
                 readonly placeholder: "Время не выбрано";
                 readonly clear: "Очистить";
-                readonly hour: "Часы";
-                readonly minute: "Минуты";
+                readonly hour: "Час";
+                readonly minute: "Минута";
                 readonly period: "Период";
                 readonly selectedTime: "Выбранное время";
                 readonly switchTo12h: "12ч";

package/dist/lib/lang.js

@@ -47,9 +47,9 @@ var enTexts = {
 var ruTexts = {
     components: {
         colorPicker: {
-            text: "Выберете цвет",
+            text: "Выбрать цвет",
             color: "Цвет",
-            clear: "Сбросить",
+            clear: "Очистить",
             placeholder: "Цвет не выбран",
             selectedColor: "Выбранный цвет",
         },
@@ -57,7 +57,7 @@ var ruTexts = {
             text: "Выбрать дату",
             placeholder: "Дата не выбрана",
             date: "Дата",
-            clear: "Сбросить",
+            clear: "Очистить",
             selectedDate: "Выбранная дата",
         },
         dialog: {
@@ -66,7 +66,7 @@ var ruTexts = {
         },
         filePicker: {
             text: "Выбрать файлы",
-            clear: "Сбросить",
+            clear: "Очистить",
             dragDrop: "Перетащите файлы сюда или нажмите, чтобы выбрать",
             accepted: "Допустимые форматы",
             selectedFiles: "Выбранные файлы",
@@ -74,14 +74,14 @@ var ruTexts = {
             fileCount: "{n} файл(ов) выбрано",
             totalSize: "Общий размер",
         },
-        menu: { subtitle: "Меню с опциями размеров" },
+        menu: { subtitle: "Меню с вариантами размеров" },
         primaryColorSelect: { text: "Основной цвет" },
         timePicker: {
             text: "Выбрать время",
             placeholder: "Время не выбрано",
             clear: "Очистить",
-            hour: "Часы",
-            minute: "Минуты",
+            hour: "Час",
+            minute: "Минута",
             period: "Период",
             selectedTime: "Выбранное время",
             switchTo12h: "12ч",

package/package.json

@@ -47,5 +47,5 @@
   "svelte": "./dist/lib/index.js",
   "type": "module",
   "types": "./dist/lib/index.d.ts",
-  "version": "1.1.4"
+  "version": "1.1.5"
 }