@marianmeres/stuic 1.62.0 → 1.64.0

package/dist/components/ColorScheme/color-scheme.js

@@ -1,15 +1,16 @@
+const _window = typeof window !== 'undefined' ? window : null;
 export class ColorScheme {
     static KEY = 'color-scheme';
     static DARK = 'dark';
     static LIGHT = 'light';
-    static getSystemValue = () => window?.matchMedia(`(prefers-color-scheme: ${ColorScheme.DARK})`).matches
+    static getSystemValue = () => _window?.matchMedia(`(prefers-color-scheme: ${ColorScheme.DARK})`).matches
         ? ColorScheme.DARK
         : ColorScheme.LIGHT;
     static getLocalValue = (fallback = null) => localStorage?.getItem(ColorScheme.KEY) || fallback;
     static getValue = () => ColorScheme.getLocalValue(ColorScheme.getSystemValue());
     static toggle = () => {
         // returns bool, indicating whether token is in the list after the call or not.
-        const isDark = window?.document.documentElement.classList.toggle(ColorScheme.DARK);
+        const isDark = _window?.document.documentElement.classList.toggle(ColorScheme.DARK);
         localStorage?.setItem(ColorScheme.KEY, isDark ? ColorScheme.DARK : ColorScheme.LIGHT);
     };
     static reset = () => {

package/dist/index.d.ts

@@ -20,12 +20,13 @@ export { default as Popover } from './components/Popover/Popover.svelte';
 export { default as Switch, SwitchConfig } from './components/Switch/Switch.svelte';
 export { default as Thc, type THC, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 export { default as X } from './components/X/X.svelte';
+export { autogrow } from './actions/autogrow.js';
 export { focusTrap } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';
+export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
 export { tooltip, TooltipConfig, type TooltipOptions, } from './actions/tooltip/tooltip.js';
 export { validate, type ValidateOptions, type ValidationResult, } from './actions/validate.js';
 export { trim } from './actions/trim.js';
-export { autogrow } from './actions/autogrow.js';
 export { calculateAlignment } from './utils/calculate-alignment.js';
 export { DevicePointer } from './utils/device-pointer.js';
 export { getId } from './utils/get-id.js';

package/dist/index.js

@@ -35,12 +35,13 @@ export { default as Thc, isTHCNotEmpty } from './components/Thc/Thc.svelte';
 //
 export { default as X } from './components/X/X.svelte';
 // actions
+export { autogrow } from './actions/autogrow.js';
 export { focusTrap } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';
+export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
 export { tooltip, TooltipConfig, } from './actions/tooltip/tooltip.js';
 export { validate, } from './actions/validate.js';
 export { trim } from './actions/trim.js';
-export { autogrow } from './actions/autogrow.js';
 // utils
 export { calculateAlignment } from './utils/calculate-alignment.js';
 export { DevicePointer } from './utils/device-pointer.js';

package/dist/utils/device-pointer.d.ts

@@ -1,5 +1,5 @@
 export declare class DevicePointer {
-    static readonly isNone: boolean;
-    static readonly isCoarse: boolean;
-    static readonly isFine: boolean;
+    static readonly isNone: boolean | undefined;
+    static readonly isCoarse: boolean | undefined;
+    static readonly isFine: boolean | undefined;
 }

package/dist/utils/device-pointer.js

@@ -1,9 +1,10 @@
+const _window = typeof window !== 'undefined' ? window : null;
 export class DevicePointer {
     // none - The primary input mechanism does not include a pointing device.
-    static isNone = window?.matchMedia('(any-pointer:none)').matches;
+    static isNone = _window?.matchMedia('(any-pointer:none)').matches;
     // coarse - The primary input mechanism includes a pointing device of limited accuracy,
     // such as a finger on a touchscreen.
-    static isCoarse = window?.matchMedia('(any-pointer:coarse)').matches;
+    static isCoarse = _window?.matchMedia('(any-pointer:coarse)').matches;
     // fine - The primary input mechanism includes an accurate pointing device, such as a mouse.
-    static isFine = window?.matchMedia('(any-pointer:fine)').matches;
+    static isFine = _window?.matchMedia('(any-pointer:fine)').matches;
 }

package/dist/utils/window-size.js

@@ -1,6 +1,7 @@
 import { derived, writable } from 'svelte/store';
+const _window = typeof window !== 'undefined' ? window : null;
 const getWindowSize = () => {
-    const { width, height, scale } = window?.visualViewport || {
+    const { width, height, scale } = _window?.visualViewport || {
         width: 0,
         height: 0,
         scale: 1,
@@ -15,8 +16,8 @@ export const windowSize = {
 // init now!
 windowSize.touch();
 // intentionally not debounced
-window?.visualViewport?.addEventListener('resize', windowSize.touch);
-window?.visualViewport?.addEventListener('scroll', windowSize.touch);
+_window?.visualViewport?.addEventListener('resize', windowSize.touch);
+_window?.visualViewport?.addEventListener('scroll', windowSize.touch);
 export const breakpoint = derived([windowSize], ([{ width: w }]) => {
     const list = [
         ['sm', 640],

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.62.0",
+	"version": "1.64.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",