@cloudparker/moldex.js 0.0.69 → 0.0.70

package/dist/services/dialog/dialog-service.d.ts

@@ -23,7 +23,7 @@ export declare function openConfirmDialog(params?: DialogProps & {
 export declare function openAlertDialog(params?: DialogProps & {
     msg?: string;
 }): Promise<unknown>;
-export declare function openDeleteConfirmDialog(params?: DialogProps & {
+export declare function openDeleteConfirmDialog({ msg, title, footerOkButtonLable, footerOkButtonClassName, ...params }?: DialogProps & {
     msg?: string;
 }): Promise<unknown>;
 export declare function openPickerDialog<R>({ items, value, multiple, hasCheckbox, hasArrow, maxlength, maxlengthMsg, identityFieldName, titleFieldName, searchFieldName, subtitleFieldName, ...params }: DialogProps & PickerDialogProps): Promise<R>;

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

@@ -62,12 +62,13 @@ export async function openAlertDialog(params = {}) {
         footerCloseButtonLabel: 'OK'
     });
 }
-export async function openDeleteConfirmDialog(params = {}) {
+export async function openDeleteConfirmDialog({ msg = 'Are you sure to delete?', title = 'Delete', footerOkButtonLable = 'Delete', footerOkButtonClassName = 'bg-red-500 hover:bg-red-700 focus:bg-red-700', ...params } = {}) {
     return await openConfirmDialog({
-        msg: 'Are you sure to delete?',
-        title: 'Delete',
-        footerOkButtonLable: 'Delete',
-        footerOkButtonClassName: 'bg-red-500 hover:bg-red-700 focus:bg-red-700'
+        msg,
+        title,
+        footerOkButtonLable,
+        footerOkButtonClassName,
+        ...params,
     });
 }
 export async function openPickerDialog({ items, value, multiple, hasCheckbox = true, hasArrow, maxlength, maxlengthMsg, identityFieldName, titleFieldName, searchFieldName, subtitleFieldName, ...params }) {

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

@@ -5,6 +5,7 @@ import { Icon, mdiOpenInNew } from "../../../icon";
 import { Spinner } from "../../../spinner";
 import "../../../../../tailwind.css";
 let {
+  title,
   appearance = "none",
   id = "",
   form = void 0,
@@ -117,6 +118,7 @@ function handleRipple(node, options) {
 		ondragenter={onDragEnter}
 		ondragleave={onDragLeave}
 		ondragover={onDragOver}
+		{title}
 	>
 		{#if children}
 			{@render children()}
@@ -132,6 +134,7 @@ function handleRipple(node, options) {
 		{id}
 		{type}
 		{form}
+		{title}
 		class="relative flex items-center justify-center gap-2 focus:outline-primary dark:focus:outline-primary rounded {btnSizeClassName} {btnAppearanceClassName} {className}"
 		{disabled}
 		use:handleRipple

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

@@ -2,6 +2,7 @@ export type ButtonAppearance = 'none' | 'primary' | 'base' | 'border' | 'border-
 export type ButtonSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonProps = {
+    title?: string;
     id?: string;
     type?: ButtonType;
     appearance?: ButtonAppearance;

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

@@ -23,7 +23,9 @@ let {
   containerClassName = "",
   dropdownClassName = "",
   dropdownCloseClassName = "",
-  dropdownOpenClassName = ""
+  dropdownOpenClassName = "",
+  disabled,
+  ...others
 } = $props();
 let placement = $state(false);
 let dropdownState = $state(3 /* CLOSED */);
@@ -59,6 +61,8 @@ function handleBackdropEvent(ev) {
 		onClick={handleToggleDropdown}
 		{label}
 		{children}
+		{disabled}
+		{...others}
 	/>
 
 	{#if placement}

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

@@ -12,10 +12,11 @@ export type ButtonDropdownProps = {
     dropdownClassName?: string;
     dropdownCloseClassName?: string;
     dropdownOpenClassName?: string;
+    disabled?: boolean;
 };
 import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';
-import { type ButtonAppearance, type ButtonSize, type ButtonType } from '../button/button.svelte';
+import { type ButtonAppearance, type ButtonProps, type ButtonSize, type ButtonType } from '../button/button.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;
@@ -29,7 +30,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ButtonDropdown: $$__sveltets_2_IsomorphicComponent<ButtonDropdownProps, {
+declare const ButtonDropdown: $$__sveltets_2_IsomorphicComponent<ButtonProps & ButtonDropdownProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     toggleDropdown: (ev: MouseEvent) => void;

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

@@ -15,7 +15,9 @@ let {
   menus,
   onMenu,
   dropdownClassName,
-  menuIconClassName
+  menuIconClassName,
+  disabled,
+  ...others
 } = $props();
 let buttonDropdownRef;
 let items = $derived.by(() => {
@@ -63,6 +65,8 @@ function handleItemClick(ev, menuItem, index) {
 	{appearance}
 	{size}
 	{dropdownClassName}
+	{disabled}
+	{...others}
 >
 	{#if children}
 		{@render children()}

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

@@ -9,7 +9,7 @@ export type Menu = {
     checkboxClassName?: string;
     isChecked?: boolean;
 };
-import { type ButtonAppearance, type ButtonSize } from '../../../../..';
+import { type ButtonAppearance, type ButtonProps, type ButtonSize } from '../../../../..';
 import type { Snippet } from '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> & {
@@ -24,7 +24,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<{
+declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<ButtonProps & {
     label?: string;
     className?: string;
     appearance?: ButtonAppearance;
@@ -36,6 +36,7 @@ declare const ButtonMenu: $$__sveltets_2_IsomorphicComponent<{
     onMenu?: (ev: MouseEvent, menu: string | Menu) => void;
     dropdownClassName?: string;
     menuIconClassName?: string;
+    disabled?: boolean;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "">;

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

@@ -14,7 +14,8 @@ let {
   size,
   children,
   iconClassName,
-  dropdownClassName
+  dropdownClassName,
+  ...others
 } = $props();
 </script>
 
@@ -30,7 +31,14 @@ let {
 	</div>
 {/snippet}
 
-<ButtonDropdown dropdownSnippet={dropdownSearch} {className} {appearance} {size} {dropdownClassName}>
+<ButtonDropdown
+	dropdownSnippet={dropdownSearch}
+	{className}
+	{appearance}
+	{size}
+	{dropdownClassName}
+	{...others}
+>
 	{#if children}
 		{@render children()}
 	{:else}

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

@@ -1,4 +1,4 @@
-import { type ButtonAppearance, type ButtonSize, type InputFieldAppearance, type InputFieldSize } from '../../../../..';
+import { type ButtonAppearance, type ButtonProps, type ButtonSize, type InputFieldAppearance, type InputFieldSize } from '../../../../..';
 import type { Snippet } from '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> & {
@@ -13,7 +13,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ButtonSearch: $$__sveltets_2_IsomorphicComponent<{
+declare const ButtonSearch: $$__sveltets_2_IsomorphicComponent<ButtonProps & {
     searchAppearance?: InputFieldAppearance;
     searchClassName?: string;
     searchSize?: InputFieldSize;

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

@@ -12,6 +12,7 @@ let {
   bodyClassName = "",
   bodyComponent,
   cancelable = true,
+  scrollable = true,
   children,
   className = "",
   component,
@@ -71,8 +72,8 @@ let isPlaced = $state(false);
 let isOpened = $state(false);
 let headerSnippet = $state(null);
 let footerSnippet = $state(null);
-let CustomComponent = $state(null);
-let BodyComponent = $state(null);
+let CustomComponent = $derived(component);
+let BodyComponent = $derived(bodyComponent);
 let result;
 let xsSizeClassName = "w-64";
 let smSizeClassName = "w-96";
@@ -170,12 +171,6 @@ function handleOkClick(event) {
     onOkClick(event, dialogExports);
   }
 }
-$effect(() => {
-  BodyComponent = bodyComponent;
-});
-$effect(() => {
-  CustomComponent = component;
-});
 </script>
 
 {#snippet dialogContent()}
@@ -241,7 +236,7 @@ $effect(() => {
 				</div>
 			{/if}
 
-			<div class="flex-grow overflow-y-auto {bodyClassName}">
+			<div class="flex-grow {scrollable ? 'overflow-y-auto' : ''} {bodyClassName}">
 				{#if children}
 					{@render children()}
 				{:else if BodyComponent?.length == 2}

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

@@ -10,6 +10,7 @@ export type DialogProps = {
     bodyClassName?: string;
     bodyComponent?: any;
     cancelable?: boolean;
+    scrollable?: boolean;
     children?: Snippet;
     className?: string;
     component?: any;

package/package.json

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