@cloudparker/moldex.js 0.0.49 → 0.0.51

package/dist/services/index.d.ts

@@ -1,5 +1,6 @@
 export * from './date/date-service.js';
 export * from './dialog/dialog-service.js';
+export * from './navigation/navigation-service.js';
 export * from './screen/screen-service.js';
 export * from './toast/toast-service.js';
 export * from './utils/utils-service.js';

package/dist/services/index.js

@@ -1,6 +1,6 @@
 export * from './date/date-service.js';
 export * from './dialog/dialog-service.js';
-// export * from './navigation/navigation-service.js';
+export * from './navigation/navigation-service.js';
 export * from './screen/screen-service.js';
 export * from './toast/toast-service.js';
 export * from './utils/utils-service.js';

package/dist/services/navigation/navigation-service.js

@@ -1,4 +1,4 @@
-import { goto, pushState } from '$app/navigation';
+// import { goto, pushState } from '$app/navigation';
 import { createRefererStore } from '../../stores/referrer-store/referrer-store.svelte';
 import { BROWSER } from 'esm-env';
 export const referrer = createRefererStore();
@@ -12,7 +12,7 @@ export const popBackState = () => {
 export const registerBackPress = (state) => {
     if (BROWSER) {
         pushBackState(state);
-        pushState('', {});
+        window.history.pushState({}, '');
     }
 };
 export const addBackKeyListener = (callback) => {
@@ -21,11 +21,11 @@ export const addBackKeyListener = (callback) => {
             if (callback) {
                 let result = callback(event);
                 if (result) {
-                    pushState('', {});
+                    window.history.pushState({}, '');
                 }
             }
         };
-        pushState('', {});
+        window.history.pushState({}, '');
         window.addEventListener('popstate', listener);
         return listener;
     }
@@ -39,7 +39,7 @@ export function goBack() {
     history.back();
 }
 export function goHome() {
-    goto('/', { replaceState: true });
+    history.back();
 }
 ;
 export function createRedirectUrl() {

package/dist/views/core/button/components/button/button.svelte

@@ -28,12 +28,20 @@
 		children?: Snippet;
 		hasRipple?: boolean;
 		rippleColor?: string | 'light' | 'dark';
-		onClick?: (ev: MouseEvent) => void;
 		url?: string;
 		target?: string;
 		hasOpenInNew?: boolean;
 		openInNewIconClassName?: string;
 		openInNewIcon?: string;
+		onClick?: (ev: MouseEvent) => void;
+		onDblClick?: (ev: MouseEvent) => void;
+		onContextMenu?: (ev: MouseEvent) => void;
+		onDrop?: (ev: MouseEvent) => void;
+		onDragStart?: (ev: MouseEvent) => void;
+		onDragEnd?: (ev: MouseEvent) => void;
+		onDragEnter?: (ev: MouseEvent) => void;
+		onDragLeave?: (ev: MouseEvent) => void;
+		onDragOver?: (ev: MouseEvent) => void;
 	};
 </script>
 
@@ -68,7 +76,15 @@
 		target,
 		hasOpenInNew,
 		openInNewIconClassName,
-		openInNewIcon = mdiOpenInNew
+		openInNewIcon = mdiOpenInNew,
+		onDblClick,
+		onContextMenu,
+		onDrop,
+		onDragStart,
+		onDragEnd,
+		onDragEnter,
+		onDragLeave,
+		onDragOver
 	}: ButtonPropsType = $props();
 
 	let btnAppearanceClassName = $derived.by(() => {
@@ -142,6 +158,14 @@
 		class="relative w-max flex items-center justify-center gap-2 focus:outline-primary dark:focus:outline-primary rounded {btnSizeClassName} {btnAppearanceClassName} {className}"
 		onclick={onClick}
 		use:handleRipple
+		ondblclick={onDblClick}
+		oncontextmenu={onContextMenu}
+		ondrop={onDrop}
+		ondragstart={onDragStart}
+		ondragend={onDragEnd}
+		ondragenter={onDragEnter}
+		ondragleave={onDragLeave}
+		ondragover={onDragOver}
 	>
 		{#if children}
 			{@render children()}
@@ -158,9 +182,17 @@
 		{type}
 		{form}
 		class="relative flex items-center justify-center gap-2 focus:outline-primary dark:focus:outline-primary rounded {btnSizeClassName} {btnAppearanceClassName} {className}"
-		onclick={onClick}
 		{disabled}
 		use:handleRipple
+		onclick={onClick}
+		ondblclick={onDblClick}
+		oncontextmenu={onContextMenu}
+		ondrop={onDrop}
+		ondragstart={onDragStart}
+		ondragend={onDragEnd}
+		ondragenter={onDragEnter}
+		ondragleave={onDragLeave}
+		ondragover={onDragOver}
 	>
 		{#if children}
 			{@render children()}

package/dist/views/core/button/components/button/button.svelte.d.ts

@@ -19,12 +19,20 @@ export type ButtonPropsType = {
     children?: Snippet;
     hasRipple?: boolean;
     rippleColor?: string | 'light' | 'dark';
-    onClick?: (ev: MouseEvent) => void;
     url?: string;
     target?: string;
     hasOpenInNew?: boolean;
     openInNewIconClassName?: string;
     openInNewIcon?: string;
+    onClick?: (ev: MouseEvent) => void;
+    onDblClick?: (ev: MouseEvent) => void;
+    onContextMenu?: (ev: MouseEvent) => void;
+    onDrop?: (ev: MouseEvent) => void;
+    onDragStart?: (ev: MouseEvent) => void;
+    onDragEnd?: (ev: MouseEvent) => void;
+    onDragEnter?: (ev: MouseEvent) => void;
+    onDragLeave?: (ev: MouseEvent) => void;
+    onDragOver?: (ev: MouseEvent) => void;
 };
 import type { Snippet } from 'svelte';
 import '../../../../../tailwind.css';

package/dist/views/core/dialog/components/msg-dialog/msg-dialog.svelte

@@ -22,6 +22,6 @@
 	});
 </script>
 
-<div class="p-6 {className}">
+<div class="p-6 text-base-800 dark:text-base-300 {className}">
 	<div>{@html (msg ||'')}</div>
 </div>

package/dist/views/core/index.js

@@ -8,7 +8,6 @@ export * from './navbar/index.js';
 export * from './no-data/index.js';
 export * from './pagination/index.js';
 export * from './progressbar/index.js';
-// export * from './referrer/index.js';
 export * from './ruler/index.js';
 export * from './sidebar/index.js';
 export * from './screen-detector/index.js';

package/dist/views/core/input/components/input-field/input-field.svelte

@@ -9,7 +9,7 @@
 		| 'none';
 
 	export type InputValueType =
-		any
+		| any
 		| string
 		| string[]
 		| number
@@ -254,9 +254,11 @@
 	});
 
 	$effect(() => {
-		if (inputRef && autofocus) {
-			inputRef.focus();
-		}
+		setTimeout(() => {
+			if (inputRef && autofocus) {
+				inputRef.focus();
+			}
+		}, 300);
 	});
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "0.0.49",
+    "version": "0.0.51",
     "author": "cloudparker.com",
     "license": "MIT",
     "keywords": [

package/dist/views/core/referrer/components/referrer.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-	import { referrer } from '../../../../services/navigation/navigation-service';
-	import { BROWSER } from 'esm-env';
-
-	$effect(() => {
-		if (BROWSER) {
-			const unsubscribe = page.subscribe((_) => {
-				referrer.referer = referrer.referer === location.href ? referrer.referer : location.href;
-			});
-			return () => {
-				unsubscribe && unsubscribe();
-			};
-		}
-	});
-</script>

package/dist/views/core/referrer/components/referrer.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Referrer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Referrer = InstanceType<typeof Referrer>;
-export default Referrer;

package/dist/views/core/referrer/index.d.ts

@@ -1,2 +0,0 @@
-import Referrer from "./components/referrer.svelte";
-export { Referrer, };

package/dist/views/core/referrer/index.js

@@ -1,2 +0,0 @@
-import Referrer from "./components/referrer.svelte";
-export { Referrer, };