@cloudparker/moldex.js 0.0.60 → 0.0.61

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

@@ -1,28 +1,6 @@
 <script lang="ts" module>
-</script>
-
-<script lang="ts">
-	import '../../../../../tailwind.css';
-
-	import { ripple } from '../../../../../actions/ripple.js';
-
-	import {
-		Icon,
-		mdiCheckCircle,
-		mdiCheckCircleOutline,
-		mdiChevronDown
-	} from '../../../icon';
-	import type { Snippet } from 'svelte';
-	import type { ListItemType } from '../button-list-item/button-list-item.svelte';
-	import ButtonListItem from '../button-list-item/button-list-item.svelte';
-	import Button from '../button/button.svelte';
-
-	class MenuStateEnum {
-		static OPENED = 'OPENED';
-		static CLOSED = 'CLOSED';
-	}
-
-	type PropsType = {
+	export type ButtonMenuProps = {
+		innerClassName?: string;
 		backgropClassName?: string;
 		buttonSnippet?: Snippet;
 		checkClassName?: string;
@@ -54,7 +32,7 @@
 		menuItemInnerSnippet?: Snippet<[ListItemType, number]>;
 		menuItemSnippet?: Snippet<[ListItemType, number]>;
 		menus?: string[] | ListItemType[];
-		omMenu?: (ev: MouseEvent, item: string | ListItemType, index?: number) => void;
+		onMenu?: (ev: MouseEvent, item: string | ListItemType, index?: number) => void;
 		rightIconClassName?: string;
 		rightIconPath?: string;
 		screenOnlyDesc?: string;
@@ -64,6 +42,28 @@
 		uncheckIconClassName?: string;
 		uncheckIconPath?: string;
 	};
+</script>
+
+<script lang="ts">
+	import '../../../../../tailwind.css';
+
+	import { ripple } from '../../../../../actions/ripple.js';
+
+	import {
+		Icon,
+		mdiCheckCircle,
+		mdiCheckCircleOutline,
+		mdiChevronDown
+	} from '../../../icon';
+	import type { Snippet } from 'svelte';
+	import type { ListItemType } from '../button-list-item/button-list-item.svelte';
+	import ButtonListItem from '../button-list-item/button-list-item.svelte';
+	import Button from '../button/button.svelte';
+
+	class MenuStateEnum {
+		static OPENED = 'OPENED';
+		static CLOSED = 'CLOSED';
+	}
 
 	let {
 		backgropClassName = '',
@@ -73,6 +73,7 @@
 		checkIconPath = mdiCheckCircle,
 		children,
 		className = '',
+		innerClassName = '',
 		containerClassName = '',
 		dividerClassName = '',
 		dropdownClassName = '',
@@ -96,7 +97,7 @@
 		menuItemInnerSnippet,
 		menuItemSnippet,
 		menus = [],
-		omMenu = (ev: MouseEvent, item: string | ListItemType, index?: number) => {},
+		onMenu = (ev: MouseEvent, item: string | ListItemType, index?: number) => {},
 		rightIconClassName = '',
 		rightIconPath = '',
 		screenOnlyDesc = 'Menu',
@@ -105,7 +106,7 @@
 		titleClassName = '',
 		uncheckIconClassName = '',
 		uncheckIconPath = mdiCheckCircleOutline
-	}: PropsType = $props();
+	}: ButtonMenuProps = $props();
 
 	let expanded = $state(false);
 	let dropdownState: MenuStateEnum = $state(MenuStateEnum.CLOSED);
@@ -141,11 +142,11 @@
 
 	function handlemenuItemClick(ev: MouseEvent, menu: ListItemType, index: number) {
 		hendleToggleDropdown(ev);
-		if (omMenu) {
+		if (onMenu) {
 			let item = menus[index];
 
 			if (item) {
-				omMenu(ev, item, index);
+				onMenu(ev, item, index);
 			}
 			selectedMenu = menu;
 		}
@@ -160,7 +161,7 @@
 		onClick={hendleToggleDropdown}
 	>
 		<span class="sr-only">{screenOnlyDesc}</span>
-		<div class="flex items-center flex-nowrap gap-2">
+		<div class="flex items-center flex-nowrap {innerClassName}">
 			{#if buttonSnippet}
 				{@render buttonSnippet()}
 			{:else}
@@ -186,6 +187,7 @@
 	</Button>
 	{#if dropdownState == MenuStateEnum.OPENED}
 		<button
+			aria-label="backdrop"
 			type="button"
 			id="{id}-menu-backdrop"
 			class="cursor-auto fixed inset-0 z-10 {backgropClassName}"

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

@@ -1,20 +1,5 @@
-import '../../../../../tailwind.css';
-import type { Snippet } from 'svelte';
-import type { ListItemType } from '../button-list-item/button-list-item.svelte';
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<{
+export type ButtonMenuProps = {
+    innerClassName?: string;
     backgropClassName?: string;
     buttonSnippet?: Snippet;
     checkClassName?: string;
@@ -46,7 +31,7 @@ declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<{
     menuItemInnerSnippet?: Snippet<[ListItemType, number]>;
     menuItemSnippet?: Snippet<[ListItemType, number]>;
     menus?: string[] | ListItemType[];
-    omMenu?: (ev: MouseEvent, item: string | ListItemType, index?: number) => void;
+    onMenu?: (ev: MouseEvent, item: string | ListItemType, index?: number) => void;
     rightIconClassName?: string;
     rightIconPath?: string;
     screenOnlyDesc?: string;
@@ -54,7 +39,24 @@ declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<{
     titleClassName?: string;
     uncheckIconClassName?: string;
     uncheckIconPath?: string;
-}, {
+};
+import '../../../../../tailwind.css';
+import type { Snippet } from 'svelte';
+import type { ListItemType } from '../button-list-item/button-list-item.svelte';
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<ButtonMenuProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "">;
 type ButtonMenu = InstanceType<typeof ButtonMenu>;

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

@@ -1,8 +1,11 @@
-import Button from './components/button/button.svelte';
 import ButtonBack from './components/button-back/button-back.svelte';
-import ButtonClose from './components/button-close/button-close.svelte';
 import ButtonCloseIcon from './components/button-close-icon/button-close-icon.svelte';
+import ButtonClose from './components/button-close/button-close.svelte';
 import ButtonListItem from './components/button-list-item/button-list-item.svelte';
 import ButtonMenu from './components/button-menu/button-menu.svelte';
 import ButtonOk from './components/button-ok/button-ok.svelte';
+import Button from './components/button/button.svelte';
+import type { ListItemType } from './components/button-list-item/button-list-item.svelte';
+import type { ButtonMenuProps } from './components/button-menu/button-menu.svelte';
+export type { ListItemType, ButtonMenuProps };
 export { Button, ButtonBack, ButtonClose, ButtonCloseIcon, ButtonListItem, ButtonMenu, ButtonOk };

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

@@ -5,14 +5,4 @@ import ButtonListItem from './components/button-list-item/button-list-item.svelt
 import ButtonMenu from './components/button-menu/button-menu.svelte';
 import ButtonOk from './components/button-ok/button-ok.svelte';
 import Button from './components/button/button.svelte';
-
-export {
-    Button,
-    ButtonBack,
-    ButtonClose,
-    ButtonCloseIcon,
-    ButtonListItem,
-    ButtonMenu,
-    ButtonOk
-};
-
+export { Button, ButtonBack, ButtonClose, ButtonCloseIcon, ButtonListItem, ButtonMenu, ButtonOk };

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

@@ -1,11 +1,5 @@
-<script lang="ts">
-	import ButtonBack from '../../../button/components/button-back/button-back.svelte';
-	import Button from '../../../button/components/button/button.svelte';
-	import { Icon, mdiMenu } from '../../../icon';
-	import type { Snippet } from 'svelte';
-	import '../../../../../tailwind.css';
-
-	type PropsType = {
+<script module lang="ts">
+	export type NavbarProps = {
 		disabledLogo?: boolean;
 		backIconPath?: string;
 		backButtonClassName?: string;
@@ -39,6 +33,14 @@
 		title?: string;
 		titleClassName?: string;
 	};
+</script>
+
+<script lang="ts">
+	import ButtonBack from '../../../button/components/button-back/button-back.svelte';
+	import Button from '../../../button/components/button/button.svelte';
+	import { Icon, mdiMenu } from '../../../icon';
+	import type { Snippet } from 'svelte';
+	import '../../../../../tailwind.css';
 
 	let {
 		disabledLogo,
@@ -73,7 +75,7 @@
 		subtitleClassName = '',
 		title = '',
 		titleClassName = ''
-	}: PropsType = $props();
+	}: NavbarProps = $props();
 </script>
 
 <nav

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

@@ -1,19 +1,4 @@
-import type { Snippet } from 'svelte';
-import '../../../../../tailwind.css';
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Navbar: $$__sveltets_2_IsomorphicComponent<{
+export type NavbarProps = {
     disabledLogo?: boolean;
     backIconPath?: string;
     backButtonClassName?: string;
@@ -36,7 +21,7 @@ declare const Navbar: $$__sveltets_2_IsomorphicComponent<{
     logoImgClassName?: string;
     logoImgSrc?: string;
     moreIconPath?: string;
-    morePosition?: "left" | "right";
+    morePosition?: 'left' | 'right';
     onLogo?: () => void;
     onMore?: () => void;
     onBack?: () => void;
@@ -46,7 +31,23 @@ declare const Navbar: $$__sveltets_2_IsomorphicComponent<{
     subtitleClassName?: string;
     title?: string;
     titleClassName?: string;
-}, {
+};
+import type { Snippet } from 'svelte';
+import '../../../../../tailwind.css';
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Navbar: $$__sveltets_2_IsomorphicComponent<NavbarProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "">;
 type Navbar = InstanceType<typeof Navbar>;

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

@@ -1,2 +1,4 @@
 import Navbar from "./components/navbar/navbar.svelte";
+import { type NavbarProps } from "./components/navbar/navbar.svelte";
+export type { NavbarProps, };
 export { Navbar };

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

@@ -1,2 +1,3 @@
 import Navbar from "./components/navbar/navbar.svelte";
+import {} from "./components/navbar/navbar.svelte";
 export { Navbar };

package/package.json

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