@cloudparker/moldex.js 4.1.5 → 4.1.7

package/dist/views/core/button/components/button-list-item/button-list-item.svelte

@@ -1,184 +0,0 @@
-<script module lang="ts">
-	export type ButtonListItemProps = {
-		appearance?: ButtonAppearance;
-		size?: ButtonSize;
-		index?: number;
-		id?: string;
-		className?: string;
-		checkboxIconPath?: string;
-		uncheckboxIconPath?: string;
-		checkboxIconClassName?: string;
-		uncheckboxIconClassName?: string;
-		hasIcon?: boolean;
-		iconClassName?: string;
-		hasImg?: boolean;
-		imgClassName?: string;
-		hasArrow?: boolean;
-		arrowIconPath?: string;
-		arrowClassName?: string;
-		title?: string;
-		subtitle?: string;
-		titleClassName?: string;
-		subtitleClassName?: string;
-		url?: string;
-		disabled?: boolean;
-		iconPath?: string;
-		isCircularIcon?: boolean;
-		circularIconClassName?: string;
-		imgSrc?: string;
-		hasCheckbox?: boolean;
-		checkboxClassName?: string;
-		isChecked?: boolean;
-		hasMenu?: boolean;
-		menus?: Menu[] | string[];
-		menuIconPath?: string;
-		menuIconClassName?: string;
-		menuButtonClassName?: string;
-		menuButtonLabel?: string;
-		hasDivider?: boolean;
-		dividerClassName?: string;
-		onMenu?: (ev: Event, menu: Menu | string) => void;
-		onClick?: (ev: MouseEvent) => void;
-		children?: Snippet;
-	};
-</script>
-
-<script lang="ts">
-	import {
-		Icon,
-		mdiCheckCircle,
-		mdiCheckCircleOutline,
-		mdiChevronRight
-	} from '../../../icon';
-	import type { Snippet } from 'svelte';
-	import Button, { type ButtonAppearance, type ButtonSize } from '../button/button.svelte';
-	import type { Menu } from '../button-menu/button-menu.svelte';
-	import ButtonMenu from '../button-menu/button-menu.svelte';
-	import IconCircle from '../../../icon/components/icon-circle/icon-circle.svelte';
-
-	let {
-		appearance,
-		size,
-		index,
-		id = '',
-		className,
-		checkboxIconPath = mdiCheckCircle,
-		uncheckboxIconPath = mdiCheckCircleOutline,
-		checkboxIconClassName = '',
-		uncheckboxIconClassName = '',
-		hasIcon = false,
-		iconClassName = '',
-		hasImg = false,
-		imgClassName = '',
-		iconPath,
-		isCircularIcon,
-		circularIconClassName = '',
-		imgSrc,
-		hasArrow = false,
-		arrowIconPath = mdiChevronRight,
-		arrowClassName = '',
-		title = '',
-		subtitle = '',
-		titleClassName = '',
-		subtitleClassName = '',
-		disabled = false,
-		hasCheckbox,
-		checkboxClassName = '',
-		isChecked = false,
-		hasMenu,
-		menus,
-		menuIconPath,
-		menuIconClassName,
-		menuButtonClassName,
-		menuButtonLabel,
-		hasDivider,
-		dividerClassName,
-		onMenu,
-		onClick = (ev: MouseEvent) => {},
-		children
-	}: ButtonListItemProps = $props();
-</script>
-
-{#snippet itemInternal()}
-	{#if hasIcon && iconPath}
-		<div class="flex-none">
-			{#if isCircularIcon}
-				<IconCircle
-					{iconPath}
-					iconClassName=" {iconClassName}"
-					circleClassName=" {circularIconClassName}"
-				/>
-			{:else}
-				<Icon path={iconPath} className=" {iconClassName}" />
-			{/if}
-		</div>
-	{/if}
-
-	{#if hasImg && imgSrc}
-		<div class="flex-none">
-			<img src={imgSrc} class="w-6 h-6 {imgClassName} {imgClassName}" alt="item-img-{index}" />
-		</div>
-	{/if}
-
-	<div class="flex-grow min-w-0">
-		{#if title}
-			<div class="overflow-hidden whitespace-nowrap overflow-ellipsis {titleClassName}">
-				{title || ''}
-			</div>
-		{/if}
-		{#if subtitle}
-			<div
-				class="overflow-hidden whitespace-nowrap overflow-ellipsis text-neutral-400 dark:text-neutral-300 text-sm font-light {subtitleClassName}"
-			>
-				{subtitle || ''}
-			</div>
-		{/if}
-	</div>
-	{#if hasCheckbox}
-		<div class="flex-none">
-			<Icon
-				path={isChecked ? checkboxIconPath : uncheckboxIconPath}
-				className="w-5 h-5 {checkboxClassName} {isChecked
-					? `text-primary ${checkboxIconClassName}`
-					: `text-neutral-400 ${uncheckboxIconClassName}`}"
-			/>
-		</div>
-	{/if}
-
-	{#if hasArrow}
-		<div class="flex-none">
-			<Icon path={arrowIconPath} className="w-5 h-5 text-neutral-500 {arrowClassName}  " />
-		</div>
-	{/if}
-	{#if hasMenu}
-		<div class="flex-none">
-			<ButtonMenu
-				{menus}
-				{onMenu}
-				label={menuButtonLabel}
-				iconPath={menuIconPath}
-				{menuIconClassName}
-				className={menuButtonClassName}
-			/>
-		</div>
-	{/if}
-{/snippet}
-
-<Button
-	id="{id}-list-item-{index}"
-	type="button"
-	className="w-full !text-start !justify-start gap-4 hover:bg-neutral-50 transition rounded-none dark:hover:bg-neutral-700 h-full {className}"
-	{onClick}
-	{disabled}
-	{appearance}
-	{size}
->
-	{#if children}
-		{@render children()}
-	{:else}
-		{@render itemInternal()}
-	{/if}
-</Button>
-{#if hasDivider}
-	<hr class=" {dividerClassName}" />
-{/if}

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

@@ -1,48 +0,0 @@
-export type ButtonListItemProps = {
-    appearance?: ButtonAppearance;
-    size?: ButtonSize;
-    index?: number;
-    id?: string;
-    className?: string;
-    checkboxIconPath?: string;
-    uncheckboxIconPath?: string;
-    checkboxIconClassName?: string;
-    uncheckboxIconClassName?: string;
-    hasIcon?: boolean;
-    iconClassName?: string;
-    hasImg?: boolean;
-    imgClassName?: string;
-    hasArrow?: boolean;
-    arrowIconPath?: string;
-    arrowClassName?: string;
-    title?: string;
-    subtitle?: string;
-    titleClassName?: string;
-    subtitleClassName?: string;
-    url?: string;
-    disabled?: boolean;
-    iconPath?: string;
-    isCircularIcon?: boolean;
-    circularIconClassName?: string;
-    imgSrc?: string;
-    hasCheckbox?: boolean;
-    checkboxClassName?: string;
-    isChecked?: boolean;
-    hasMenu?: boolean;
-    menus?: Menu[] | string[];
-    menuIconPath?: string;
-    menuIconClassName?: string;
-    menuButtonClassName?: string;
-    menuButtonLabel?: string;
-    hasDivider?: boolean;
-    dividerClassName?: string;
-    onMenu?: (ev: Event, menu: Menu | string) => void;
-    onClick?: (ev: MouseEvent) => void;
-    children?: Snippet;
-};
-import type { Snippet } from 'svelte';
-import { type ButtonAppearance, type ButtonSize } from '../button/button.svelte';
-import type { Menu } from '../button-menu/button-menu.svelte';
-declare const ButtonListItem: import("svelte").Component<ButtonListItemProps, {}, "">;
-type ButtonListItem = ReturnType<typeof ButtonListItem>;
-export default ButtonListItem;

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

@@ -1,122 +0,0 @@
-<script lang="ts" module>
-	export type Menu = {
-		_id?: string;
-		title?: string;
-		subtitle?: string;
-		hasIcon?: boolean;
-		iconPath?: string;
-		iconClassName?: string;
-		hasCheckbox?: boolean;
-		checkboxClassName?: string;
-		isChecked?: boolean;
-	};
-</script>
-
-<script lang="ts">
-	import {
-		mdiDotsHorizontal,
-		type ButtonAppearance,
-		type ButtonProps,
-		type ButtonSize
-	} from '../../../../..';
-	import ButtonDropdown, {
-		type ButtonDropdownProps
-	} from '../button-dropdown/button-dropdown.svelte';
-	import Icon from '../../../icon/components/icon/icon.svelte';
-	import type { Snippet } from 'svelte';
-	import ButtonListItem from '../button-list-item/button-list-item.svelte';
-	type Props = {
-		label?: string;
-		className?: string;
-		appearance?: ButtonAppearance;
-		size?: ButtonSize;
-		children?: Snippet;
-		iconPath?: string;
-		iconClassName?: string;
-		menus?: string[] | Menu[];
-		onMenu?: (ev: MouseEvent, menu: string | Menu) => void;
-		dropdownClassName?: string;
-		menuIconClassName?: string;
-		disabled?: boolean;
-	};
-
-	let {
-		label,
-		className,
-		appearance,
-		size,
-		children,
-		iconPath = mdiDotsHorizontal,
-		iconClassName,
-		menus,
-		onMenu,
-		dropdownClassName,
-		menuIconClassName,
-		disabled,
-		...others
-	}: ButtonDropdownProps & ButtonProps & Props = $props();
-
-	let buttonDropdownRef: ButtonDropdown;
-
-	let items: Menu[] = $derived.by(() => {
-		if (menus && typeof menus[0] == 'string') {
-			let array = (menus as string[]).map((name: string) => {
-				return {
-					_id: name,
-					title: name
-				} as Menu;
-			});
-			return array;
-		}
-		return (menus || []) as Menu[];
-	});
-
-	function handleItemClick(ev: MouseEvent, menuItem: Menu, index: number) {
-		let menu = (menus || [])[index];
-		if (menu) {
-			onMenu && onMenu(ev, menu);
-			buttonDropdownRef && buttonDropdownRef.toggleDropdown(ev);
-		}
-	}
-</script>
-
-{#snippet dropdownView()}
-	<div class="py-2">
-		{#each items as item, index}
-			{#if item.title == '-'}
-				<hr />
-			{:else}
-				<ButtonListItem
-					{...item}
-					className=""
-					iconClassName={menuIconClassName}
-					onClick={(ev) => handleItemClick(ev, item, index)}
-				/>
-			{/if}
-		{/each}
-	</div>
-{/snippet}
-
-<ButtonDropdown
-	bind:this={buttonDropdownRef}
-	dropdownSnippet={dropdownView}
-	{className}
-	{appearance}
-	{size}
-	{dropdownClassName}
-	{disabled}
-	{...others}
->
-	{#if children}
-		{@render children()}
-	{:else}
-		{#if label}
-			<div>
-				{label || ''}
-			</div>
-		{/if}
-		<div>
-			<Icon path={iconPath} className={iconClassName} />
-		</div>
-	{/if}
-</ButtonDropdown>

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

@@ -1,32 +0,0 @@
-export type Menu = {
-    _id?: string;
-    title?: string;
-    subtitle?: string;
-    hasIcon?: boolean;
-    iconPath?: string;
-    iconClassName?: string;
-    hasCheckbox?: boolean;
-    checkboxClassName?: string;
-    isChecked?: boolean;
-};
-import { type ButtonAppearance, type ButtonProps, type ButtonSize } from '../../../../..';
-import { type ButtonDropdownProps } from '../button-dropdown/button-dropdown.svelte';
-import type { Snippet } from 'svelte';
-type Props = {
-    label?: string;
-    className?: string;
-    appearance?: ButtonAppearance;
-    size?: ButtonSize;
-    children?: Snippet;
-    iconPath?: string;
-    iconClassName?: string;
-    menus?: string[] | Menu[];
-    onMenu?: (ev: MouseEvent, menu: string | Menu) => void;
-    dropdownClassName?: string;
-    menuIconClassName?: string;
-    disabled?: boolean;
-};
-type $$ComponentProps = ButtonDropdownProps & ButtonProps & Props;
-declare const ButtonMenu: import("svelte").Component<$$ComponentProps, {}, "">;
-type ButtonMenu = ReturnType<typeof ButtonMenu>;
-export default ButtonMenu;

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

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import Button, { type ButtonProps } from '../button/button.svelte';
-
-	let { className, ...props }: ButtonProps = $props();
-</script>
-
-<Button {...props} className="bg-indigo-600 focus:bg-indigo-700 text-white p-2 px-4 {className}" />

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

@@ -1,4 +0,0 @@
-import { type ButtonProps } from '../button/button.svelte';
-declare const ButtonOk: import("svelte").Component<ButtonProps, {}, "">;
-type ButtonOk = ReturnType<typeof ButtonOk>;
-export default ButtonOk;

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

@@ -1,75 +0,0 @@
-<script lang="ts">
-	import {
-		mdiMagnify,
-		type ButtonAppearance,
-		type ButtonProps,
-		type ButtonSize,
-		type InputFieldAppearance,
-		type InputFieldSize
-	} from '../../../../..';
-	import ButtonDropdown from '../button-dropdown/button-dropdown.svelte';
-	import Icon from '../../../icon/components/icon/icon.svelte';
-	import SearchField from '../../../input/components/search-field/search-field.svelte';
-	import type { Snippet } from 'svelte';
-	type Props = {
-		searchAppearance?: InputFieldAppearance;
-		searchClassName?: string;
-		searchSize?: InputFieldSize;
-		onSearch?: (searchText: string) => void;
-
-		className?: string;
-		appearance?: ButtonAppearance;
-		size?: ButtonSize;
-		children?: Snippet;
-		iconClassName?: string;
-
-		dropdownClassName?: string;
-		searchText?: string;
-		placeholder?: string;
-	};
-
-	let {
-		searchText = $bindable(''),
-		searchClassName,
-		searchAppearance,
-		searchSize,
-		onSearch,
-		className,
-		appearance,
-		size,
-		children,
-		iconClassName,
-		dropdownClassName,
-		placeholder,
-		...others
-	}: ButtonProps & Props = $props();
-</script>
-
-{#snippet dropdownSearch()}
-	<div class="p-4">
-		<SearchField
-			value={searchText}
-			{onSearch}
-			autofocus
-			className="min-w-52 {searchClassName}"
-			appearance={searchAppearance}
-			size={searchSize}
-			{placeholder}
-		/>
-	</div>
-{/snippet}
-
-<ButtonDropdown
-	dropdownSnippet={dropdownSearch}
-	{className}
-	{appearance}
-	{size}
-	{dropdownClassName}
-	{...others}
->
-	{#if children}
-		{@render children()}
-	{:else}
-		<Icon path={mdiMagnify} className="{iconClassName} {searchText ? '!text-primary' : ''}" />
-	{/if}
-</ButtonDropdown>

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

@@ -1,20 +0,0 @@
-import { type ButtonAppearance, type ButtonProps, type ButtonSize, type InputFieldAppearance, type InputFieldSize } from '../../../../..';
-import type { Snippet } from 'svelte';
-type Props = {
-    searchAppearance?: InputFieldAppearance;
-    searchClassName?: string;
-    searchSize?: InputFieldSize;
-    onSearch?: (searchText: string) => void;
-    className?: string;
-    appearance?: ButtonAppearance;
-    size?: ButtonSize;
-    children?: Snippet;
-    iconClassName?: string;
-    dropdownClassName?: string;
-    searchText?: string;
-    placeholder?: string;
-};
-type $$ComponentProps = ButtonProps & Props;
-declare const ButtonSearch: import("svelte").Component<$$ComponentProps, {}, "searchText">;
-type ButtonSearch = ReturnType<typeof ButtonSearch>;
-export default ButtonSearch;

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

@@ -1,70 +0,0 @@
-<script module lang="ts">
-	export type SwitchProps = {
-		id?: string;
-		checked?: boolean;
-		disabled?: boolean;
-		className?: string;
-		size?: 'sm' | 'md' | 'lg';
-		onChange?: (checked: boolean) => void;
-	};
-</script>
-
-<script lang="ts">
-	let {
-		id = '',
-		checked = false,
-		disabled = false,
-		className = '',
-		size = 'md',
-		onChange
-	}: SwitchProps = $props();
-
-	function toggle() {
-		if (disabled) return;
-		checked = !checked;
-		onChange?.(checked);
-	}
-
-	// Size mapping
-	let sizeClass = $derived.by(() => {
-		switch (size) {
-			case 'sm':
-				return {
-					wrapper: 'h-4 w-8',
-					circle: 'h-3 w-3 translate-x-1',
-					circleChecked: 'translate-x-5'
-				};
-			case 'lg':
-				return {
-					wrapper: 'h-8 w-16',
-					circle: 'h-6 w-6 translate-x-1',
-					circleChecked: 'translate-x-8'
-				};
-			case 'md':
-			default:
-				return {
-					wrapper: 'h-6 w-11',
-					circle: 'h-4 w-4 translate-x-1',
-					circleChecked: 'translate-x-6'
-				};
-		}
-	});
-</script>
-
-<button
-	{id}
-	type="button"
-	{disabled}
-	onclick={toggle}
-	aria-label="Switch"
-	class="relative inline-flex items-center rounded-full transition-colors duration-300
-		{checked ? 'bg-primary-600' : 'bg-neutral-300'} 
-		{disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'} 
-		{sizeClass.wrapper} {className}"
->
-	<span
-		class="inline-block rounded-full bg-white shadow transform transition-transform duration-300
-			{sizeClass.circle} {checked ? sizeClass.circleChecked : ''}"
-	>
-	</span>
-</button>

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

@@ -1,11 +0,0 @@
-export type SwitchProps = {
-    id?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    size?: 'sm' | 'md' | 'lg';
-    onChange?: (checked: boolean) => void;
-};
-declare const Switch: import("svelte").Component<SwitchProps, {}, "">;
-type Switch = ReturnType<typeof Switch>;
-export default Switch;

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

@@ -1,16 +0,0 @@
-import ButtonBack from './components/button-back/button-back.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 ButtonDropdown from './components/button-dropdown/button-dropdown.svelte';
-import ButtonOk from './components/button-ok/button-ok.svelte';
-import Button from './components/button/button.svelte';
-import ButtonSearch from './components/button-search/button-search.svelte';
-import ButtonMenu from './components/button-menu/button-menu.svelte';
-import Switch from './components/switch/switch.svelte';
-import type { ButtonListItemProps } from './components/button-list-item/button-list-item.svelte';
-import type { ButtonDropdownProps } from './components/button-dropdown/button-dropdown.svelte';
-import type { ButtonAppearance, ButtonProps, ButtonSize } from './components/button/button.svelte';
-import type { SwitchProps } from './components/switch/switch.svelte';
-export type { ButtonDropdownProps, ButtonListItemProps, ButtonAppearance, ButtonProps, ButtonSize, SwitchProps, };
-export { Button, ButtonBack, ButtonClose, ButtonCloseIcon, ButtonListItem, ButtonDropdown, ButtonOk, ButtonSearch, ButtonMenu, Switch };

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

@@ -1,11 +0,0 @@
-import ButtonBack from './components/button-back/button-back.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 ButtonDropdown from './components/button-dropdown/button-dropdown.svelte';
-import ButtonOk from './components/button-ok/button-ok.svelte';
-import Button from './components/button/button.svelte';
-import ButtonSearch from './components/button-search/button-search.svelte';
-import ButtonMenu from './components/button-menu/button-menu.svelte';
-import Switch from './components/switch/switch.svelte';
-export { Button, ButtonBack, ButtonClose, ButtonCloseIcon, ButtonListItem, ButtonDropdown, ButtonOk, ButtonSearch, ButtonMenu, Switch };

package/dist/views/core/common/components/content-area/content-area.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	type BreakpointType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-	type PropsType = {
-		children?: Snippet;
-		className?: string;
-		id?: string;
-		responsiveBreakpoint?: BreakpointType;
-		sidebarPosition?: 'none' | 'left' | 'right';
-	};
-	let {
-		children,
-		className,
-		id,
-		responsiveBreakpoint = 'md',
-		sidebarPosition = 'none'
-	}: PropsType = $props();
-
-	let responsiveClassName = $derived.by(() => {
-		if (sidebarPosition === 'none') {
-			return '';
-		} else {
-			switch (responsiveBreakpoint) {
-				case 'xs':
-					return sidebarPosition === 'left' ? 'xs:pl-72' : 'xs:pr-72';
-				case 'sm':
-					return sidebarPosition === 'left' ? 'sm:pl-72' : 'sm:pr-72';
-				case 'md':
-					return sidebarPosition === 'left' ? 'md:pl-72' : 'md:pr-72';
-				case 'lg':
-					return sidebarPosition === 'left' ? 'lg:pl-72' : 'lg:pr-72';
-				case 'xl':
-					return sidebarPosition === 'left' ? 'xl:pl-72' : 'xl:pr-72';
-				case '2xl':
-					return sidebarPosition === 'left' ? '2xl:pl-72' : '2xl:pr-72';
-			}
-		}
-	});
-</script>
-
-<div {id} class="{responsiveClassName} {className}">
-	{#if children}
-		{@render children()}
-	{/if}
-</div>

package/dist/views/core/common/components/content-area/content-area.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { Snippet } from 'svelte';
-type BreakpointType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type PropsType = {
-    children?: Snippet;
-    className?: string;
-    id?: string;
-    responsiveBreakpoint?: BreakpointType;
-    sidebarPosition?: 'none' | 'left' | 'right';
-};
-declare const ContentArea: import("svelte").Component<PropsType, {}, "">;
-type ContentArea = ReturnType<typeof ContentArea>;
-export default ContentArea;

package/dist/views/core/common/components/loading/loading.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-	import Spinner from '../../../spinner/components/spinner/spinner.svelte';
-
-	type Props = {
-		spinnerClassName?: string;
-		className?: string;
-	};
-
-	let { className = '', spinnerClassName = 'text-primary' }: Props = $props();
-</script>
-
-<div class="flex items-center justify-center p-6 {className}">
-	<Spinner className={spinnerClassName} />
-</div>