npm - solid-tom-ui - Versions diffs - 1.0.2 → 1.0.5 - Mend

solid-tom-ui 1.0.2 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1110) hide show

package/dist/components/toast/toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toast.js","names":["X","Component","For","JSX","Show","createEffect","createMemo","onCleanup","onMount","render","Error","Loader","Success","Info","Warning","toastStore","Message","PromiseOptions","ToastAPI","ToastData","ToastOptions","ToastPosition","ToastType","ToasterProps","ValueOrFunction","getToastYDirection","toast","defaultPos","position","top","includes","resolveValue","valOrFn","TValue","TArg","arg","getToastIcon","Element","icon","undefined","type","_$createComponent","_$mergeProps","iconTheme","CloseIcon","onClick","isRight","props","_el$","_tmpl$","$$click","e","stopPropagation","_$insert","size","_$effect","_$className","ToastBar","isCloseOnRight","handleClose","removeToast","id","_el$2","_tmpl$2","_el$3","firstChild","when","showCloseIcon","children","message","_p$","_v$","class","_v$2","style","_v$3","ariaProps","role","_v$4","t","_$style","a","_$setAttribute","o","ToastWrapper","dismissTimer","ReturnType","setTimeout","removeTimer","wrapperRef","HTMLDivElement","remainingTime","duration","timerStartTime","isPaused","startDismissTimer","Infinity","visible","Date","now","dismissToast","pauseDismissTimer","clearTimeout","elapsed","Math","max","handleMouseEnter","canPause","handleMouseLeave","addEventListener","handleVisibilityChange","unmountDelay","direction","animate","transform","opacity","fill","easing","cleanupToastTimersAndListeners","removeEventListener","renderContent","_el$4","_tmpl$3","_ref$","_$use","PositionContainer","toasts","gutter","getPositionStyles","CSSProperties","pos","styles","gap","bottom","left","right","length","_el$5","_tmpl$4","each","_$p","ToasterInternal","toastsByPosition","currentToasts","groups","Record","push","positions","toastsForPos","containerMounted","containerEl","ensureContainer","document","createElement","body","appendChild","Toaster","createHandler","options","toastData","createToast","upsertToast","success","error","info","warning","loading","custom","dismiss","toastId","remove","pop","removePop","dismissPop","shift","removeShift","dismissShift","promise","Promise","T","promiseOptions","toastOptions","result","successMessage","updateToast","errorMessage","_$delegateEvents"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["import X from 'lucide-solid/icons/x';\nimport { Component, For, JSX, Show, createEffect, createMemo, onCleanup, onMount } from 'solid-js';\nimport { render } from 'solid-js/web';\nimport { Error, Loader, Success } from './icons';\nimport { Info } from './icons/InfoIcon';\nimport { Warning } from './icons/WarningIcon';\nimport { toastStore } from './toast.store';\nimport type {\n Message,\n PromiseOptions,\n ToastAPI,\n ToastData,\n ToastOptions,\n ToastPosition,\n ToastType,\n ToasterProps,\n ValueOrFunction,\n} from './toast.type';\n\nexport const getToastYDirection = (toast: ToastData, defaultPos: ToastPosition) => {\n const position = toast.position || defaultPos;\n const top = position.includes('top');\n return top ? 1 : -1;\n};\n// Helper to resolve value or function\nconst resolveValue = <TValue, TArg>(valOrFn: ValueOrFunction<TValue, TArg>, arg: TArg): TValue => {\n return typeof valOrFn === 'function' ? (valOrFn as (arg: TArg) => TValue)(arg) : valOrFn;\n};\n\nconst getToastIcon = (toast: ToastData): JSX.Element | null => {\n if (toast.icon !== undefined) {\n return toast.icon as Element;\n }\n switch (toast.type) {\n case 'success':\n return <Success {...toast.iconTheme} />;\n case 'error':\n return <Error {...toast.iconTheme} />;\n case 'info':\n return <Info {...toast.iconTheme} />;\n case 'warning':\n return <Warning {...toast.iconTheme} />;\n case 'loading':\n return <Loader {...toast.iconTheme} />;\n default:\n return null;\n }\n};\n\nconst CloseIcon: Component<{ onClick: () => void; isRight: boolean }> = props => {\n return (\n <div\n class={`toa03 ${props.isRight ? 'toa04' : 'toa05'}`}\n onClick={e => {\n e.stopPropagation();\n props.onClick();\n }}\n aria-label=\"Close\"\n >\n <X size={10} stroke-width={4} />\n </div>\n );\n};\n\nconst ToastBar: Component<{ toast: ToastData; position: ToastPosition }> = props => {\n const icon = createMemo(() => getToastIcon(props.toast));\n\n const isCloseOnRight = createMemo(() => !props.position.includes('right'));\n\n const handleClose = () => {\n toastStore.removeToast(props.toast.id);\n };\n\n return (\n <div\n class={`toa01 ${props.toast.class || ''}`}\n style={props.toast.style}\n role={props.toast.ariaProps.role}\n aria-live={props.toast.ariaProps['aria-live']}\n >\n <Show when={props.toast.showCloseIcon}>\n <CloseIcon onClick={handleClose} isRight={isCloseOnRight()} />\n </Show>\n <Show when={icon()}>{icon()}</Show>\n <div class=\"flex-1 text-sm\">{props.toast.message as Element}</div>\n </div>\n );\n};\n\n// Individual toast wrapper with animations\nconst ToastWrapper: Component<{ toast: ToastData; position: ToastPosition }> = props => {\n let dismissTimer: ReturnType<typeof setTimeout> | undefined;\n let removeTimer: ReturnType<typeof setTimeout> | undefined;\n let wrapperRef: HTMLDivElement | undefined;\n\n // Theo dõi thời gian còn lại và thời điểm bắt đầu timer\n let remainingTime = props.toast.duration;\n let timerStartTime = 0;\n let isPaused = false;\n\n // Bắt đầu timer với thời gian còn lại\n const startDismissTimer = (duration: number) => {\n if (duration === Infinity || !props.toast.visible) return;\n\n timerStartTime = Date.now();\n dismissTimer = setTimeout(() => {\n toastStore.dismissToast(props.toast.id);\n }, duration);\n };\n\n // Dừng timer và lưu thời gian còn lại\n const pauseDismissTimer = () => {\n if (dismissTimer) {\n clearTimeout(dismissTimer);\n dismissTimer = undefined;\n // Tính thời gian còn lại\n const elapsed = Date.now() - timerStartTime;\n remainingTime = Math.max(0, remainingTime - elapsed);\n }\n };\n\n // Event handlers cho pause on hover\n const handleMouseEnter = () => {\n if (!props.toast.canPause || isPaused) return;\n isPaused = true;\n pauseDismissTimer();\n };\n\n const handleMouseLeave = () => {\n if (!props.toast.canPause || !isPaused) return;\n isPaused = false;\n startDismissTimer(remainingTime);\n };\n\n // Setup auto dismiss timer on mount\n onMount(() => {\n startDismissTimer(props.toast.duration);\n\n // Thêm event listeners nếu canPause = true\n if (props.toast.canPause && wrapperRef) {\n wrapperRef.addEventListener('mouseenter', handleMouseEnter);\n wrapperRef.addEventListener('mouseleave', handleMouseLeave);\n }\n });\n\n // Watch for visible change to schedule removal\n createEffect(function handleVisibilityChange() {\n const visible = props.toast.visible;\n if (!visible) {\n // Clear dismiss timer if exists\n if (dismissTimer) {\n clearTimeout(dismissTimer);\n dismissTimer = undefined;\n }\n // Schedule removal after animation\n removeTimer = setTimeout(() => {\n toastStore.removeToast(props.toast.id);\n }, props.toast.unmountDelay);\n }\n\n // run animate open/close\n if (!wrapperRef) return;\n const direction = getToastYDirection(props.toast, props.position);\n if (visible) {\n wrapperRef.animate(\n [\n { transform: `translate3d(0,${direction * -200}%,0) scale(.6)`, opacity: 0.5 },\n { transform: 'translate3d(0,0,0) scale(1)', opacity: 1 },\n ],\n {\n duration: 350,\n fill: 'forwards',\n easing: 'cubic-bezier(.21,1.02,.73,1)',\n },\n );\n } else {\n wrapperRef.animate(\n [\n { transform: 'translate3d(0,0,-1px) scale(1)', opacity: 1 },\n { transform: `translate3d(0,${direction * -150}%,-1px) scale(.4)`, opacity: 0 },\n ],\n {\n duration: 400,\n fill: 'forwards',\n easing: 'cubic-bezier(.06,.71,.55,1)',\n },\n );\n }\n });\n\n onCleanup(function cleanupToastTimersAndListeners() {\n if (dismissTimer) clearTimeout(dismissTimer);\n if (removeTimer) clearTimeout(removeTimer);\n // Gỡ event listeners\n if (props.toast.canPause && wrapperRef) {\n wrapperRef.removeEventListener('mouseenter', handleMouseEnter);\n wrapperRef.removeEventListener('mouseleave', handleMouseLeave);\n }\n });\n\n // Custom toast render\n const renderContent = () => {\n if (props.toast.type === 'custom' && typeof props.toast.message === 'function') {\n return (props.toast.message as (t: ToastData) => Element)(props.toast);\n }\n return <ToastBar toast={props.toast} position={props.position} />;\n };\n\n return (\n <div ref={wrapperRef} class=\"w-fit max-w-[350px]\">\n {renderContent()}\n </div>\n );\n};\n\n// Position container\nconst PositionContainer: Component<{\n position: ToastPosition;\n toasts: ToastData[];\n gutter: number;\n}> = props => {\n const getPositionStyles = (): JSX.CSSProperties => {\n const pos = props.position;\n const styles: JSX.CSSProperties = {\n gap: `${props.gutter}px`,\n };\n\n if (pos.includes('top')) {\n styles.top = '0';\n } else {\n styles.bottom = '0';\n styles['flex-direction'] = 'column-reverse';\n }\n\n if (pos.includes('left')) {\n styles.left = '0';\n styles['align-items'] = 'flex-start';\n } else if (pos.includes('right')) {\n styles.right = '0';\n styles['align-items'] = 'flex-end';\n } else {\n styles.left = '50%';\n styles.transform = 'translateX(-50%)';\n styles['align-items'] = 'center';\n }\n\n return styles;\n };\n\n return (\n <Show when={props.toasts.length > 0}>\n <div class=\"fixed z-9999 flex flex-col p-4\" style={getPositionStyles()}>\n <For each={props.toasts}>\n {toast => <ToastWrapper toast={toast} position={props.position} />}\n </For>\n </div>\n </Show>\n );\n};\n\n// Internal Toaster component\nconst ToasterInternal: Component<ToasterProps> = props => {\n const position = () => props.position || 'top-right';\n const gutter = () => props.gutter ?? 10;\n\n // Group toasts by position\n const toastsByPosition = createMemo(() => {\n const currentToasts = toastStore.toasts();\n const groups: Record<ToastPosition, ToastData[]> = {\n 'top-left': [],\n 'top-center': [],\n 'top-right': [],\n 'bottom-left': [],\n 'bottom-center': [],\n 'bottom-right': [],\n };\n\n for (const t of currentToasts) {\n const pos = t.position || position();\n groups[pos].push(t);\n }\n\n return groups;\n });\n\n const positions: ToastPosition[] = [\n 'top-left',\n 'top-center',\n 'top-right',\n 'bottom-left',\n 'bottom-center',\n 'bottom-right',\n ];\n\n return (\n <>\n <For each={positions}>\n {pos => {\n const toastsForPos = createMemo(() => toastsByPosition()[pos]);\n return <PositionContainer position={pos} toasts={toastsForPos()} gutter={gutter()} />;\n }}\n </For>\n </>\n );\n};\n\n// Auto-mount toast container\nlet containerMounted = false;\nlet containerEl: HTMLDivElement | null = null;\n\nconst ensureContainer = () => {\n if (containerMounted) return;\n\n containerEl = document.createElement('div');\n containerEl.id = 'sui-toast-container';\n document.body.appendChild(containerEl);\n\n render(() => <ToasterInternal />, containerEl);\n containerMounted = true;\n};\n\n// Optional Toaster component for custom configuration\nexport const Toaster: Component<ToasterProps> = props => {\n onMount(() => {\n // If user adds Toaster, use their config\n if (!containerMounted) {\n containerEl = document.createElement('div');\n containerEl.id = 'sui-toast-container';\n document.body.appendChild(containerEl);\n\n render(() => <ToasterInternal {...props} />, containerEl);\n containerMounted = true;\n }\n });\n\n return null;\n};\n\n// Toast API\nconst createHandler =\n (type: ToastType) =>\n (message: Message, options?: ToastOptions): string => {\n ensureContainer();\n const toastData = toastStore.createToast(message, type, options);\n toastStore.upsertToast(toastData);\n return toastData.id;\n };\n\n// Main toast function\nconst toast = ((message: Message, options?: ToastOptions): string => {\n return createHandler('blank')(message, options);\n}) as ToastAPI;\n\ntoast.success = createHandler('success');\ntoast.error = createHandler('error');\ntoast.info = createHandler('info');\ntoast.warning = createHandler('warning');\ntoast.loading = createHandler('loading');\n\ntoast.custom = (message: (toast: ToastData) => JSX.Element, options?: ToastOptions): string => {\n ensureContainer();\n const toastData = toastStore.createToast(message as any, 'custom', options);\n toastStore.upsertToast(toastData);\n return toastData.id;\n};\n\ntoast.dismiss = (toastId?: string) => {\n toastStore.dismissToast(toastId);\n};\n\ntoast.remove = (toastId?: string) => {\n toastStore.removeToast(toastId);\n};\n\ntoast.pop = (options?: { animate?: boolean }) => {\n if (options?.animate === false) {\n toastStore.removePop();\n } else {\n toastStore.dismissPop();\n }\n};\n\ntoast.shift = (options?: { animate?: boolean }) => {\n if (options?.animate === false) {\n toastStore.removeShift();\n } else {\n toastStore.dismissShift();\n }\n};\n\ntoast.promise = async <T,>(\n promise: Promise<T>,\n promiseOptions: PromiseOptions<T>,\n toastOptions?: ToastOptions,\n): Promise<T> => {\n const id = toast.loading(promiseOptions.loading, toastOptions);\n\n try {\n const result = await promise;\n const successMessage = resolveValue(promiseOptions.success, result);\n toastStore.updateToast(id, {\n type: 'success',\n message: successMessage as any,\n icon: undefined, // Reset icon to use default success icon\n });\n // Schedule dismiss after showing success\n setTimeout(() => {\n toastStore.dismissToast(id);\n }, toastOptions?.duration ?? 3000);\n return result;\n } catch (error) {\n const errorMessage = resolveValue(promiseOptions.error, error);\n toastStore.updateToast(id, {\n type: 'error',\n message: errorMessage as any,\n icon: undefined, // Reset icon to use default error icon\n });\n // Schedule dismiss after showing error\n setTimeout(() => {\n toastStore.dismissToast(id);\n }, toastOptions?.duration ?? 3000);\n throw error;\n }\n};\n\nexport { toast };\n"],"mappings":"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"}

package/dist/components/toast/toast.store.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toast.store.js","names":[],"sources":["../../../src/components/toast/toast.store.ts"],"sourcesContent":["import { createSignal, createRoot, JSX, createUniqueId } from 'solid-js';\nimport type { ToastData, ToastOptions, ToastType, ToastPosition, Message } from './toast.type';\n\n// Default values\nconst DEFAULT_DURATION: Record<ToastType, number> = {\n blank: 3000,\n success: 3000,\n error: 3000,\n info: 3000,\n warning: 3000,\n loading: Infinity,\n custom: 3000,\n};\n\nconst DEFAULT_POSITION: ToastPosition = 'top-right';\nconst DEFAULT_UNMOUNT_DELAY = 400;\nconst MAX_TOASTS = 10;\n\n// Toast store using signals\nfunction createToastStore() {\n const [toasts, setToasts] = createSignal<ToastData[]>([]);\n const [pausedAt, setPausedAt] = createSignal<number | null>(null);\n\n const createToast = (\n message: Message | ((toast: ToastData) => JSX.Element),\n type: ToastType,\n options?: ToastOptions,\n ): ToastData => {\n const id = createUniqueId();\n const existingToast = toasts().find(t => t.id === id);\n const toast: ToastData = {\n id,\n type,\n message: message as Message,\n icon: options?.icon,\n duration: options?.duration ?? DEFAULT_DURATION[type],\n pauseDuration: existingToast?.pauseDuration ?? 0,\n paused: false,\n position: options?.position ?? DEFAULT_POSITION,\n ariaProps: options?.ariaProps ?? {\n role: 'status',\n 'aria-live': 'polite',\n },\n style: options?.style,\n class: options?.class,\n iconTheme: options?.iconTheme,\n createdAt: existingToast?.createdAt ?? Date.now(),\n visible: true,\n unmountDelay: options?.unmountDelay ?? DEFAULT_UNMOUNT_DELAY,\n canPause: options?.canPause ?? true,\n showCloseIcon: options?.showCloseIcon ?? true,\n };\n\n return toast;\n };\n\n const upsertToast = (toast: ToastData) => {\n setToasts(prev => {\n const index = prev.findIndex(t => t.id === toast.id);\n if (index !== -1) {\n // Update existing toast\n const newToasts = [...prev];\n newToasts[index] = { ...prev[index], ...toast, updatedAt: Date.now() };\n return newToasts;\n } else {\n // Add new toast at the beginning and enforce max limit\n let newToasts = [toast, ...prev];\n if (newToasts.length > MAX_TOASTS) {\n newToasts = newToasts.slice(0, MAX_TOASTS);\n }\n return newToasts;\n }\n });\n };\n\n const dismissToast = (toastId?: string) => {\n setToasts(prev => {\n if (toastId) {\n return prev.map(t => (t.id === toastId ? { ...t, visible: false } : t));\n } else {\n // Dismiss all\n return prev.map(t => ({ ...t, visible: false }));\n }\n });\n };\n\n const removeToast = (toastId?: string) => {\n setToasts(prev => {\n if (toastId) {\n return prev.filter(t => t.id !== toastId);\n } else {\n // Remove all\n return [];\n }\n });\n };\n\n const dismissPop = () => {\n setToasts(prev => {\n for (let i = prev.length - 1; i >= 0; i--) {\n if (prev[i].visible) {\n return prev.map((t, idx) => (idx === i ? { ...t, visible: false } : t));\n }\n }\n return prev;\n });\n };\n\n const removePop = () => {\n setToasts(prev => {\n for (let i = prev.length - 1; i >= 0; i--) {\n if (prev[i].visible) {\n return [...prev.slice(0, i), ...prev.slice(i + 1)];\n }\n }\n return prev;\n });\n };\n\n const dismissShift = () => {\n setToasts(prev => {\n for (let i = 0; i < prev.length; i++) {\n if (prev[i].visible) {\n return prev.map((t, idx) => (idx === i ? { ...t, visible: false } : t));\n }\n }\n return prev;\n });\n };\n\n const removeShift = () => {\n setToasts(prev => {\n for (let i = 0; i < prev.length; i++) {\n if (prev[i].visible) {\n return [...prev.slice(0, i), ...prev.slice(i + 1)];\n }\n }\n return prev;\n });\n };\n\n const updateToast = (toastId: string, updates: Partial<ToastData>) => {\n setToasts(prev =>\n prev.map(t => (t.id === toastId ? { ...t, ...updates, updatedAt: Date.now() } : t)),\n );\n };\n\n const pauseToast = (toastId: string) => {\n setToasts(prev => prev.map(t => (t.id === toastId && !t.paused ? { ...t, paused: true } : t)));\n setPausedAt(Date.now());\n };\n\n const resumeToast = (toastId: string) => {\n const pauseTime = pausedAt();\n if (pauseTime) {\n setToasts(prev =>\n prev.map(t =>\n t.id === toastId && t.paused\n ? { ...t, paused: false, pauseDuration: t.pauseDuration + (Date.now() - pauseTime) }\n : t,\n ),\n );\n }\n setPausedAt(null);\n };\n\n return {\n toasts,\n createToast,\n upsertToast,\n dismissToast,\n removeToast,\n updateToast,\n pauseToast,\n resumeToast,\n dismissPop,\n removePop,\n dismissShift,\n removeShift,\n };\n}\n\n// Create singleton store\nexport const toastStore = createRoot(createToastStore);\n"],"mappings":"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"}

package/dist/components/tooltip/tooltip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip.js","names":["cn","getColor","acquire","OFFSET","release","ZIndex","ZIndexType","cva","VariantProps","Component","createSignal","createUniqueId","JSX","Match","mergeProps","onCleanup","onMount","Show","Switch","TooltipPortalProps","TooltipProps","tooltipVariants","variants","color","neutral","primary","secondary","accent","info","success","warning","error","position","top","bottom","right","left","TooltipVariantsProps","ActiveEntry","node","HTMLDivElement","registryKey","offset","bubbleHovered","activeMap","Map","customContentRegistry","Element","refCount","observer","IntersectionObserver","calcStyle","r","DOMRect","Record","OFFSET_PX","width","transform","height","showTooltip","id","triggerEl","HTMLElement","content","customContent","colorClass","extraClass","customZIndex","has","getBoundingClientRect","style","document","createElement","className","Object","assign","pointerEvents","zIndexOffset","zIndex","undefined","acquired","TOOLTIP","String","textContent","appendChild","cloneNode","entry","set","addEventListener","onBubbleEnter","onBubbleLeave","removeTooltipIfIdle","body","sentinelActiveSet","Set","get","remove","delete","removeTooltip","getOrCreateObserver","entries","el","target","dataset","tip","pos","Number","isIntersecting","add","closest","threshold","Tooltip","p","_$createComponent","when","hidden","fallback","_$memo","children","TooltipDefaultMain","type","TooltipPortalMain","const","sentinelRef","customContentRef","class","firstElementChild","observe","cleanupTooltipRegistration","unobserve","disconnect","_el$","_tmpl$","_el$2","firstChild","_$use","tt","_ref$","_$insert","_c$","_el$3","_tmpl$2","_ref$2","_$effect","_p$","_v$","root","_v$2","e","_$className","t","_$setAttribute","portalBubbleStyle","setPortalBubbleStyle","CSSProperties","TooltipEntry","setHovered","v","updateCoords","ContainerState","count","containerMap","WeakMap","ListenerPair","over","Event","out","listenerMap","makeMouseOver","state","getAttribute","makeMouseOut","related","MouseEvent","relatedTarget","contains","attachToContainer","passive","detachFromContainer","pair","removeEventListener","calcPortalStyle","isHovered","setIsHovered","onTriggerMount","setAttribute","handle","cancelled","doCleanup","register","getElementById","containerId","s","removeAttribute","queueMicrotask","cancelAndDetachTrigger","_el$4","_tmpl$3","_$spread","_$mergeProps","open","blockScroll","customValue"],"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport { acquire, OFFSET, release, ZIndex, ZIndexType } from '@components/z-index';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport {\n Component,\n createSignal,\n createUniqueId,\n JSX,\n Match,\n mergeProps,\n onCleanup,\n onMount,\n Show,\n Switch,\n} from 'solid-js';\nimport type { TooltipPortalProps, TooltipProps } from './tooltip.types';\n\n// ─── CVA variants (dùng cho TooltipPortal) ────────────────────────────────\n\nconst tooltipVariants = cva('', {\n variants: {\n color: {\n neutral: 'tooltip-neutral',\n primary: 'tooltip-primary',\n secondary: 'tooltip-secondary',\n accent: 'tooltip-accent',\n info: 'tooltip-info',\n success: 'tooltip-success',\n warning: 'tooltip-warning',\n error: 'tooltip-error',\n },\n position: {\n top: 'tooltip-top',\n bottom: 'tooltip-bottom',\n right: 'tooltip-right',\n left: 'tooltip-left',\n },\n },\n});\nexport type TooltipVariantsProps = VariantProps<typeof tooltipVariants>;\n\n// ═══════════════════════════════════════════════════════════════════════════\n// TOOLTIP — IO-based (không bị clip bởi overflow)\n// ═══════════════════════════════════════════════════════════════════════════\n\n// --- Global scope (IO mechanism) ---\ntype ActiveEntry = {\n node: HTMLDivElement;\n registryKey: string;\n offset: number;\n /** true khi chuột đang ở trên bubble — giữ tooltip không bị remove */\n bubbleHovered: boolean;\n /** position của trigger để tính bridge */\n position: 'top' | 'bottom' | 'left' | 'right';\n};\n\nconst activeMap = new Map<string, ActiveEntry>();\n\n/** Registry cho customContent: id → rendered DOM node */\nconst customContentRegistry = new Map<string, Element>();\n\nlet refCount = 0;\nlet observer: IntersectionObserver | null = null;\n\nfunction calcStyle(\n r: DOMRect,\n position: 'top' | 'bottom' | 'left' | 'right',\n): Record<string, string> {\n const OFFSET_PX = 8;\n if (position === 'top') {\n return {\n left: `${r.left + r.width / 2}px`,\n top: `${r.top - OFFSET_PX}px`,\n transform: 'translateX(-50%) translateY(-100%)',\n };\n } else if (position === 'bottom') {\n return {\n left: `${r.left + r.width / 2}px`,\n top: `${r.bottom + OFFSET_PX}px`,\n transform: 'translateX(-50%)',\n };\n } else if (position === 'left') {\n return {\n left: `${r.left - OFFSET_PX}px`,\n top: `${r.top + r.height / 2}px`,\n transform: 'translateX(-100%) translateY(-50%)',\n };\n } else {\n return {\n left: `${r.right + OFFSET_PX}px`,\n top: `${r.top + r.height / 2}px`,\n transform: 'translateY(-50%)',\n };\n }\n}\n\nfunction showTooltip(\n id: string,\n triggerEl: HTMLElement,\n content: string | undefined,\n customContent: Element | undefined,\n position: 'top' | 'bottom' | 'left' | 'right',\n colorClass: string,\n extraClass: string | undefined,\n customZIndex: number | undefined,\n) {\n if (activeMap.has(id)) return;\n\n const r = triggerEl.getBoundingClientRect();\n const style = calcStyle(r, position);\n\n const node = document.createElement('div');\n node.className = cn('too06', colorClass, extraClass);\n\n Object.assign(node.style, { position: 'fixed', pointerEvents: 'auto' }, style);\n\n let registryKey: string;\n let zIndexOffset: number;\n let zIndex: number;\n\n if (customZIndex !== undefined) {\n zIndex = customZIndex;\n registryKey = '';\n zIndexOffset = -1;\n } else {\n const acquired = acquire(ZIndexType.TOOLTIP, OFFSET[ZIndexType.TOOLTIP]);\n zIndex = acquired.zIndex;\n registryKey = acquired.registryKey;\n zIndexOffset = acquired.offset;\n }\n\n node.style.zIndex = String(zIndex);\n\n if (content) {\n node.textContent = content;\n } else if (customContent) {\n node.appendChild(customContent.cloneNode(true));\n }\n\n const entry: ActiveEntry = {\n node,\n registryKey,\n offset: zIndexOffset,\n bubbleHovered: false,\n position,\n };\n activeMap.set(id, entry);\n\n node.addEventListener('mouseenter', function onBubbleEnter() {\n entry.bubbleHovered = true;\n });\n node.addEventListener('mouseleave', function onBubbleLeave() {\n entry.bubbleHovered = false;\n // Nếu sentinel đã không còn visible (chuột đã rời trigger), xóa tooltip\n removeTooltipIfIdle(id);\n });\n\n document.body.appendChild(node);\n}\n\n/** sentinelActive = true khi IO đang thấy sentinel (chuột trên trigger/bridge) */\nconst sentinelActiveSet = new Set<string>();\n\nfunction removeTooltipIfIdle(id: string) {\n const entry = activeMap.get(id);\n if (!entry) return;\n // Chỉ remove nếu cả sentinel lẫn bubble đều không có hover\n if (sentinelActiveSet.has(id) || entry.bubbleHovered) return;\n entry.node.remove();\n if (entry.offset >= 0) {\n release(entry.registryKey, entry.offset);\n }\n activeMap.delete(id);\n}\n\nfunction removeTooltip(id: string) {\n sentinelActiveSet.delete(id);\n removeTooltipIfIdle(id);\n}\n\n/**\n * Trick kết hợp CSS: sentinel element 1×1px ẩn bên trong wrapper.\n * Khi `:hover` CSS làm sentinel hiển thị (`display: block`), IntersectionObserver\n * phát hiện nó intersect viewport và gọi `showTooltip()`.\n * Không dùng JS event listener trên trigger — zero overhead.\n */\nfunction getOrCreateObserver(): IntersectionObserver {\n if (!observer) {\n observer = new IntersectionObserver(\n entries => {\n for (const entry of entries) {\n const el = entry.target as HTMLElement;\n const id = el.dataset.id ?? '';\n const content = el.dataset.tip;\n const pos = (el.dataset.position ?? 'top') as 'top' | 'bottom' | 'left' | 'right';\n const colorClass = el.dataset.colorClass ?? '';\n const extraClass = el.dataset.extraClass;\n const customZIndex = el.dataset.customZIndex\n ? Number(el.dataset.customZIndex)\n : undefined;\n\n if (entry.isIntersecting) {\n sentinelActiveSet.add(id);\n const triggerEl = el.closest('[data-tt]') as HTMLElement | null;\n if (!triggerEl) continue;\n const customContent = customContentRegistry.get(id);\n showTooltip(\n id,\n triggerEl,\n content,\n customContent,\n pos,\n colorClass,\n extraClass,\n customZIndex,\n );\n } else {\n removeTooltip(id);\n }\n }\n },\n { threshold: 0 },\n );\n }\n return observer;\n}\n\n// ─── Tooltip — unified entry point ──────────────────────────────────────────\n\nexport const Tooltip: Component<TooltipProps> = p => {\n return (\n <Show when={!p.hidden} fallback={<>{p.children}</>}>\n <Switch fallback={<TooltipDefaultMain {...p} />}>\n <Match when={p.type === 'portal' || 'containerId' in p}>\n <TooltipPortalMain {...(p as TooltipPortalProps)} />\n </Match>\n </Switch>\n </Show>\n );\n};\n\n// ─── Default (IO-based) impl ─────────────────────────────────────────────────\n\nconst TooltipDefaultMain: Component<TooltipProps> = p => {\n p = mergeProps(\n {\n position: 'top' as const,\n color: 'neutral' as const,\n },\n p,\n );\n const id = createUniqueId();\n let sentinelRef!: HTMLDivElement;\n let customContentRef!: HTMLDivElement;\n\n onMount(() => {\n refCount++;\n sentinelRef.dataset.id = id;\n sentinelRef.dataset.tip = p.content ?? '';\n sentinelRef.dataset.position = p.position;\n sentinelRef.dataset.colorClass = getColor(p.color);\n if (p.class?.content) sentinelRef.dataset.extraClass = p.class.content;\n if (p.zIndex !== undefined) sentinelRef.dataset.customZIndex = String(p.zIndex);\n if (p.customContent && customContentRef?.firstElementChild) {\n customContentRegistry.set(id, customContentRef.firstElementChild);\n }\n getOrCreateObserver().observe(sentinelRef);\n });\n\n onCleanup(function cleanupTooltipRegistration() {\n observer?.unobserve(sentinelRef);\n removeTooltip(id);\n customContentRegistry.delete(id);\n refCount--;\n if (refCount === 0 && observer) {\n observer.disconnect();\n observer = null;\n }\n });\n\n return (\n <div\n ref={el => (el.dataset.tt = '')}\n class={cn('too07', p.class?.root)}\n data-pos={p.position ?? 'top'}\n >\n <div ref={sentinelRef} class=\"too08\" />\n {p.children as JSX.Element}\n {p.customContent && (\n <div ref={customContentRef} class=\"hidden\">\n {p.customContent}\n </div>\n )}\n </div>\n );\n};\n\n// ═══════════════════════════════════════════════════════════════════════════\n// TOOLTIP PORTAL — Event-delegation mode\n// ═══════════════════════════════════════════════════════════════════════════\n\n/**\n * SINGLETON PORTAL BUBBLE — Thiết kế có chủ đích.\n * Signal ở module scope vì toàn bộ hệ thống tooltip portal chỉ có\n * DUY NHẤT 1 bubble tồn tại trong DOM tại bất kỳ thời điểm nào.\n */\nconst [portalBubbleStyle, setPortalBubbleStyle] = createSignal<\n import('solid-js').JSX.CSSProperties\n>({});\n\ntype TooltipEntry = {\n setHovered: (v: boolean) => void;\n updateCoords: () => void;\n};\n\ntype ContainerState = {\n count: number;\n entries: Map<string, TooltipEntry>;\n};\n\nconst containerMap = new WeakMap<Element, ContainerState>();\n\ntype ListenerPair = { over: (e: Event) => void; out: (e: Event) => void };\nconst listenerMap = new WeakMap<Element, ListenerPair>();\n\nfunction makeMouseOver(state: ContainerState) {\n return (e: Event) => {\n const el = (e.target as Element).closest('[tt]');\n if (!el) return;\n const tt = el.getAttribute('tt')!;\n const entry = state.entries.get(tt);\n if (entry) {\n entry.updateCoords();\n entry.setHovered(true);\n }\n };\n}\n\nfunction makeMouseOut(state: ContainerState) {\n return (e: Event) => {\n const el = (e.target as Element).closest('[tt]');\n if (!el) return;\n const tt = el.getAttribute('tt')!;\n const related = (e as MouseEvent).relatedTarget as Element | null;\n if (related && el.contains(related)) return;\n const entry = state.entries.get(tt);\n if (entry) entry.setHovered(false);\n };\n}\n\nfunction attachToContainer(root: Element, state: ContainerState) {\n const over = makeMouseOver(state);\n const out = makeMouseOut(state);\n listenerMap.set(root, { over, out });\n root.addEventListener('mouseover', over, { passive: true });\n root.addEventListener('mouseout', out, { passive: true });\n}\n\nfunction detachFromContainer(root: Element) {\n const pair = listenerMap.get(root);\n if (!pair) return;\n root.removeEventListener('mouseover', pair.over);\n root.removeEventListener('mouseout', pair.out);\n listenerMap.delete(root);\n}\n\nfunction calcPortalStyle(\n el: HTMLElement,\n position: 'top' | 'bottom' | 'left' | 'right',\n): import('solid-js').JSX.CSSProperties {\n const r = el.getBoundingClientRect();\n const OFFSET_PX = 8;\n\n if (position === 'top') {\n return {\n left: `${r.left + r.width / 2}px`,\n top: `${r.top - OFFSET_PX}px`,\n transform: 'translateX(-50%) translateY(-100%)',\n };\n } else if (position === 'bottom') {\n return {\n left: `${r.left + r.width / 2}px`,\n top: `${r.bottom + OFFSET_PX}px`,\n transform: 'translateX(-50%)',\n };\n } else if (position === 'left') {\n return {\n left: `${r.left - OFFSET_PX}px`,\n top: `${r.top + r.height / 2}px`,\n transform: 'translateX(-100%) translateY(-50%)',\n };\n } else {\n return {\n left: `${r.right + OFFSET_PX}px`,\n top: `${r.top + r.height / 2}px`,\n transform: 'translateY(-50%)',\n };\n }\n}\n\nconst TooltipPortalMain: Component<TooltipPortalProps> = p => {\n const id = createUniqueId();\n p = mergeProps(\n {\n position: 'top' as const,\n color: 'neutral' as const,\n },\n p,\n );\n\n const [isHovered, setIsHovered] = createSignal(false);\n\n const onTriggerMount = (el: HTMLDivElement) => {\n const position = p.position ?? 'top';\n const updateCoords = () => setPortalBubbleStyle(calcPortalStyle(el, position));\n el.setAttribute('tt', id);\n\n const handle = { cancelled: false, doCleanup: undefined as (() => void) | undefined };\n\n const register = () => {\n if (handle.cancelled) return;\n\n const root = document.getElementById(p.containerId);\n if (!root) return;\n\n let state = containerMap.get(root);\n if (!state) {\n state = { count: 0, entries: new Map() };\n containerMap.set(root, state);\n }\n state.entries.set(id, { setHovered: setIsHovered, updateCoords });\n state.count += 1;\n if (state.count === 1) attachToContainer(root, state);\n\n handle.doCleanup = () => {\n const s = containerMap.get(root);\n if (!s) return;\n s.entries.delete(id);\n s.count -= 1;\n el.removeAttribute('tt');\n if (s.count === 0) {\n detachFromContainer(root);\n containerMap.delete(root);\n }\n };\n };\n\n queueMicrotask(register);\n onCleanup(function cancelAndDetachTrigger() {\n handle.cancelled = true;\n handle.doCleanup?.();\n });\n };\n\n return (\n <div\n ref={onTriggerMount}\n class={cn(\n 'too01',\n tooltipVariants({ color: p.color, position: p.position }),\n getColor(p.color),\n 'too04',\n p.class?.root,\n )}\n {...(p.content && !p.customContent && { ['data-tip']: p.content })}\n >\n <Switch>\n <Match when={p.content}>\n <ZIndex\n type={ZIndexType.TOOLTIP}\n open={isHovered()}\n position={portalBubbleStyle()}\n class={cn('too05', getColor(p.color), p.class?.content)}\n blockScroll={false}\n customValue={p.zIndex}\n >\n {p.content}\n </ZIndex>\n </Match>\n <Match when={p.customContent}>\n <ZIndex\n type={ZIndexType.TOOLTIP}\n open={isHovered()}\n position={portalBubbleStyle()}\n class={cn('too05', p.class?.content)}\n customValue={p.zIndex}\n >\n {p.customContent}\n </ZIndex>\n </Match>\n </Switch>\n {p.children as JSX.Element}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/tour/tour.js ADDED Viewed

@@ -0,0 +1,9 @@
+import{cn as e}from"../../utils/cn.js";import{createThrottle as t}from"../../utils/helper.js";import{ZIndexType as n}from"../z-index/z-index.types.js";import{ZIndex as r}from"../z-index/z-index.js";import{addEventListener as i,className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,memo as u,mergeProps as d,setAttribute as f,style as p,template as m,use as h}from"solid-js/web";import{For as g,Show as _,createEffect as v,createSignal as y,mergeProps as b,onCleanup as x,onMount as S}from"solid-js";import C from"lucide-solid/icons/x";var w=m(`<div>`),T=m(`<button class=tr04-close aria-label="Close tour">`),E=m(`<button class="btn btn-sm btn-ghost">`),D=m(`<div><div class="ml-auto flex gap-2"><button class="btn btn-sm btn-primary">`),O=m(`<div><div><span class=tr04-title>`),k=m(`<span>`);function A(e,t){let n=document.getElementById(e);if(!n)return null;let r=n.getBoundingClientRect();return{top:r.top-t,left:r.left-t,width:r.width+t*2,height:r.height+t*2}}function j(e){let{top:t,left:n,width:r,height:i}=e,a=n+r,o=t+i;return`polygon(
+    0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%,
+    ${n}px ${t}px,
+    ${n}px ${o}px,
+    ${a}px ${o}px,
+    ${a}px ${t}px,
+    ${n}px ${t}px
+  )`}var M=12,N=340;function P(e,t,n){let r=window.innerWidth,i=window.innerHeight,{top:a,left:o,width:s,height:c}=e,l=0,u=0,d=`50%`,f=o+s/2,p=a+c/2;switch(t){case`bottom`:case`bottom-start`:case`bottom-end`:l=a+c+M,u=t===`bottom-start`?o:t===`bottom-end`?o+s-N:f-N/2,d=`${f-Math.max(16,Math.min(u,u))}px`;break;case`top`:case`top-start`:case`top-end`:l=a-n-M,u=t===`top-start`?o:t===`top-end`?o+s-N:f-N/2,d=`${f-Math.max(16,Math.min(u,u))}px`;break;case`left`:case`left-start`:case`left-end`:l=t===`left-start`?a:t===`left-end`?a+c-n:p-n/2,u=o-N-M,d=`${p-l}px`;break;case`right`:case`right-start`:case`right-end`:l=t===`right-start`?a:t===`right-end`?a+c-n:p-n/2,u=o+s+M,d=`${p-l}px`;break}return u=Math.max(16,Math.min(u,r-N-16)),l=Math.max(16,Math.min(l,i-n-16)),{top:l,left:u,arrowOffset:d}}var F=s=>{let d=b({showClose:!0,showProgress:!0,maskClosable:!1,prevLabel:`Prev`,nextLabel:`Next`,doneLabel:`Done`},s),[m,M]=y({top:0,left:0,width:0,height:0}),[F,I]=y({top:0,left:0,arrowOffset:`50%`}),[L,R]=y(200),z,B=()=>d.steps[d.activeStep()],V=()=>d.activeStep()===d.steps.length-1;function H(){let e=B();if(!e)return;let t=e.spotlightPadding??8,n=e.placement??`bottom`,r=z?.offsetHeight??L(),i=A(e.target,t);i&&(M(i),I(P(i,n,r)))}let U=t(H,60);v(function(){if(!d.visible())return;d.activeStep();let e=B();e?.target&&document.getElementById(e.target)?.scrollIntoView({block:`nearest`,behavior:`smooth`});let t=setTimeout(()=>{t=void 0,z&&R(z.offsetHeight),H()},80);x(function(){t!==void 0&&(clearTimeout(t),t=void 0)})}),S(function(){window.addEventListener(`resize`,U),window.addEventListener(`scroll`,U,!0),x(function(){window.removeEventListener(`resize`,U),window.removeEventListener(`scroll`,U,!0),U.cancel()})});let W=()=>({"clip-path":j(m())}),G=()=>{let{top:e,left:t,arrowOffset:n}=F();return{top:`${e}px`,left:`${t}px`,width:`${N}px`,"--arrow-offset":n}},K=()=>{d.maskClosable&&d.onClose()};return o(r,{get type(){return n.OVERLAY},get open(){return d.visible()},blockScroll:!0,get children(){return[(()=>{var t=w();return t.$$click=K,c(()=>a(t,e(`tr01`,d.class?.mask))),t})(),(()=>{var t=w();return c(n=>{var r=e(`tr02`,d.class?.spotlight),i=W();return r!==n.e&&a(t,n.e=r),n.t=p(t,i,n.t),n},{e:void 0,t:void 0}),t})(),(()=>{var t=O(),n=t.firstChild,r=n.firstChild,s=z;return typeof s==`function`?h(s,t):z=t,l(r,()=>B()?.title),l(n,o(_,{get when(){return d.showClose},get children(){var e=T();return i(e,`click`,d.onClose,!0),l(e,o(C,{size:14})),e}}),null),l(t,o(_,{get when(){return B()?.content},get children(){var t=w();return l(t,()=>B()?.content),c(()=>a(t,e(`tr05`,d.class?.body))),t}}),null),l(t,o(_,{get when(){return!B()?.footer},get fallback(){return(()=>{var t=w();return l(t,()=>B()?.footer),c(()=>a(t,e(`tr06`,d.class?.footer))),t})()},get children(){var t=D(),n=t.firstChild,r=n.firstChild;return l(t,o(_,{get when(){return d.showProgress},get children(){var t=w();return l(t,o(g,{get each(){return d.steps},children:(t,n)=>(()=>{var t=k();return c(()=>a(t,e(`tr07-dot`,n()===d.activeStep()&&`active`))),t})()})),c(()=>a(t,e(`tr07`,d.class?.progress))),t}}),n),l(n,o(_,{get when(){return d.activeStep()>0},get children(){var e=E();return i(e,`click`,d.onPrev,!0),l(e,()=>d.prevLabel),e}}),r),i(r,`click`,V()?d.onClose:d.onNext,!0),l(r,(()=>{var e=u(()=>!!V());return()=>e()?d.doneLabel:d.nextLabel})()),c(()=>a(t,e(`tr06`,d.class?.footer))),t}}),null),c(r=>{var i=e(`tr03`,d.class?.popup),o=G(),s=B()?.placement??`bottom`,c=e(`tr04`,d.class?.header);return i!==r.e&&a(t,r.e=i),r.t=p(t,o,r.t),s!==r.a&&f(t,`data-placement`,r.a=s),c!==r.o&&a(n,r.o=c),r},{e:void 0,t:void 0,a:void 0,o:void 0}),t})()]}})};function I(e){let[t,n]=y(0),[r,i]=y(!1);function a(t=0){n(t),i(!0),e.steps[t]?.onEnter?.(t),e.onStepChange?.(t)}function s(){let n=t();e.steps[n]?.onLeave?.(n),i(!1),e.onClose?.(n)}function c(){let r=t();e.steps[r]?.onLeave?.(r);let a=r+1;if(a>=e.steps.length){i(!1),e.onFinish?.();return}n(a),e.steps[a]?.onEnter?.(a),e.onStepChange?.(a)}function l(){let r=t();if(r<=0)return;e.steps[r]?.onLeave?.(r);let i=r-1;n(i),e.steps[i]?.onEnter?.(i),e.onStepChange?.(i)}function u(r){if(r<0||r>=e.steps.length)return;let i=t();e.steps[i]?.onLeave?.(i),n(r),e.steps[r]?.onEnter?.(r),e.onStepChange?.(r)}return[{start:a,stop:s,next:c,prev:l,goTo:u,isActive:r,currentStep:t},()=>o(F,d(e,{activeStep:t,visible:r,onClose:s,onNext:c,onPrev:l}))]}s([`click`]);export{I as createTour};
+//# sourceMappingURL=tour.js.map

package/dist/components/tour/tour.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tour.js","names":["ZIndex","ZIndexType","cn","createThrottle","X","createEffect","createSignal","For","mergeProps","onCleanup","onMount","Show","TourAPI","TourPlacement","TourProps","TourStep","SpotlightRect","top","left","width","height","getElementRect","targetId","padding","el","document","getElementById","rect","getBoundingClientRect","buildClipPath","right","bottom","PopupPosition","arrowOffset","POPUP_MARGIN","POPUP_WIDTH","computePopupPosition","spotRect","placement","popupHeight","vw","window","innerWidth","vh","innerHeight","pTop","pLeft","centerX","centerY","Math","max","min","InternalTourProps","activeStep","visible","onClose","onNext","onPrev","TourComponent","rawProps","props","showClose","showProgress","maskClosable","prevLabel","nextLabel","doneLabel","setSpotRect","popupPos","setPopupPos","setPopupHeight","popupRef","HTMLDivElement","currentStep","steps","isLastStep","length","recalculate","step","spotlightPadding","ph","offsetHeight","target","throttledRecalc","trackStepChange","_step","scrollIntoView","block","behavior","timer","ReturnType","setTimeout","undefined","cancelStepTimer","clearTimeout","registerResizeListener","addEventListener","removeResizeListener","removeEventListener","cancel","maskStyle","popupStyle","handleMaskClick","_$createComponent","type","OVERLAY","open","blockScroll","children","_el$","_tmpl$","$$click","_$effect","_$className","class","mask","_el$2","_p$","_v$","spotlight","_v$2","e","t","_$style","_el$3","_tmpl$5","_el$4","firstChild","_el$5","_ref$","_$use","_$insert","title","when","_el$6","_tmpl$2","_$addEventListener","size","content","_el$7","body","footer","fallback","_el$11","_el$8","_tmpl$4","_el$0","_el$10","_el$9","each","_","i","_el$12","_tmpl$6","progress","_el$1","_tmpl$3","_c$","_$memo","_v$3","popup","_v$4","_v$5","_v$6","header","a","_$setAttribute","o","createTour","tourProps","JSX","Element","setActiveStep","setVisible","start","stepIndex","onEnter","onStepChange","stop","onLeave","next","cur","nextStep","onFinish","prev","prevStep","goTo","api","isActive","TourRenderer","_$mergeProps","_$delegateEvents"],"sources":["../../../src/components/tour/tour.tsx"],"sourcesContent":["import { ZIndex, ZIndexType } from '@components/z-index';\nimport { cn } from '@utils/cn';\nimport { createThrottle } from '@utils/helper';\nimport X from 'lucide-solid/icons/x';\nimport { createEffect, createSignal, For, mergeProps, onCleanup, onMount, Show } from 'solid-js';\nimport { TourAPI, TourPlacement, TourProps, TourStep } from './tour.types';\n\ninterface SpotlightRect {\n top: number;\n left: number;\n width: number;\n height: number;\n}\n\nfunction getElementRect(targetId: string, padding: number): SpotlightRect | null {\n const el = document.getElementById(targetId);\n if (!el) return null;\n const rect = el.getBoundingClientRect();\n return {\n top: rect.top - padding,\n left: rect.left - padding,\n width: rect.width + padding * 2,\n height: rect.height + padding * 2,\n };\n}\n\nfunction buildClipPath(rect: SpotlightRect): string {\n const { top, left, width, height } = rect;\n const right = left + width;\n const bottom = top + height;\n\n return `polygon(\n 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%,\n ${left}px ${top}px,\n ${left}px ${bottom}px,\n ${right}px ${bottom}px,\n ${right}px ${top}px,\n ${left}px ${top}px\n )`;\n}\n\ninterface PopupPosition {\n top: number;\n left: number;\n arrowOffset: string;\n}\n\nconst POPUP_MARGIN = 12;\nconst POPUP_WIDTH = 340;\n\nfunction computePopupPosition(\n spotRect: SpotlightRect,\n placement: TourPlacement,\n popupHeight: number,\n): PopupPosition {\n const vw = window.innerWidth;\n const vh = window.innerHeight;\n\n const { top, left, width, height } = spotRect;\n let pTop = 0;\n let pLeft = 0;\n let arrowOffset = '50%';\n\n const centerX = left + width / 2;\n const centerY = top + height / 2;\n\n switch (placement) {\n case 'bottom':\n case 'bottom-start':\n case 'bottom-end':\n pTop = top + height + POPUP_MARGIN;\n pLeft =\n placement === 'bottom-start'\n ? left\n : placement === 'bottom-end'\n ? left + width - POPUP_WIDTH\n : centerX - POPUP_WIDTH / 2;\n arrowOffset = `${centerX - Math.max(16, Math.min(pLeft, pLeft))}px`;\n break;\n\n case 'top':\n case 'top-start':\n case 'top-end':\n pTop = top - popupHeight - POPUP_MARGIN;\n pLeft =\n placement === 'top-start'\n ? left\n : placement === 'top-end'\n ? left + width - POPUP_WIDTH\n : centerX - POPUP_WIDTH / 2;\n arrowOffset = `${centerX - Math.max(16, Math.min(pLeft, pLeft))}px`;\n break;\n\n case 'left':\n case 'left-start':\n case 'left-end':\n pTop =\n placement === 'left-start'\n ? top\n : placement === 'left-end'\n ? top + height - popupHeight\n : centerY - popupHeight / 2;\n pLeft = left - POPUP_WIDTH - POPUP_MARGIN;\n arrowOffset = `${centerY - pTop}px`;\n break;\n\n case 'right':\n case 'right-start':\n case 'right-end':\n pTop =\n placement === 'right-start'\n ? top\n : placement === 'right-end'\n ? top + height - popupHeight\n : centerY - popupHeight / 2;\n pLeft = left + width + POPUP_MARGIN;\n arrowOffset = `${centerY - pTop}px`;\n break;\n }\n\n pLeft = Math.max(16, Math.min(pLeft, vw - POPUP_WIDTH - 16));\n pTop = Math.max(16, Math.min(pTop, vh - popupHeight - 16));\n\n return { top: pTop, left: pLeft, arrowOffset };\n}\n\ninterface InternalTourProps extends TourProps {\n activeStep: () => number;\n visible: () => boolean;\n onClose: () => void;\n onNext: () => void;\n onPrev: () => void;\n}\n\nconst TourComponent = (rawProps: InternalTourProps) => {\n const props = mergeProps(\n {\n showClose: true,\n showProgress: true,\n maskClosable: false,\n prevLabel: 'Prev',\n nextLabel: 'Next',\n doneLabel: 'Done',\n },\n rawProps,\n );\n\n const [spotRect, setSpotRect] = createSignal<SpotlightRect>({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n const [popupPos, setPopupPos] = createSignal<PopupPosition>({\n top: 0,\n left: 0,\n arrowOffset: '50%',\n });\n const [popupHeight, setPopupHeight] = createSignal(200);\n\n let popupRef: HTMLDivElement | undefined;\n\n const currentStep = (): TourStep | undefined => props.steps[props.activeStep()];\n const isLastStep = () => props.activeStep() === props.steps.length - 1;\n\n function recalculate() {\n const step = currentStep();\n if (!step) return;\n\n const padding = step.spotlightPadding ?? 8;\n const placement = step.placement ?? 'bottom';\n const ph = popupRef?.offsetHeight ?? popupHeight();\n\n const rect = getElementRect(step.target, padding);\n if (!rect) return;\n setSpotRect(rect);\n setPopupPos(computePopupPosition(rect, placement, ph));\n }\n\n const throttledRecalc = createThrottle(recalculate, 60);\n\n createEffect(function trackStepChange() {\n if (!props.visible()) return;\n\n const _step = props.activeStep();\n void _step;\n\n const step = currentStep();\n if (step?.target) {\n const el = document.getElementById(step.target);\n el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n }\n\n let timer: ReturnType<typeof setTimeout> | undefined = setTimeout(() => {\n timer = undefined;\n if (popupRef) setPopupHeight(popupRef.offsetHeight);\n recalculate();\n }, 80);\n onCleanup(function cancelStepTimer() {\n if (timer !== undefined) {\n clearTimeout(timer);\n timer = undefined;\n }\n });\n });\n\n onMount(function registerResizeListener() {\n window.addEventListener('resize', throttledRecalc);\n window.addEventListener('scroll', throttledRecalc, true);\n onCleanup(function removeResizeListener() {\n window.removeEventListener('resize', throttledRecalc);\n window.removeEventListener('scroll', throttledRecalc, true);\n throttledRecalc.cancel();\n });\n });\n\n const maskStyle = () => ({ 'clip-path': buildClipPath(spotRect()) });\n\n const popupStyle = () => {\n const { top, left, arrowOffset } = popupPos();\n return {\n top: `${top}px`,\n left: `${left}px`,\n width: `${POPUP_WIDTH}px`,\n '--arrow-offset': arrowOffset,\n };\n };\n\n const handleMaskClick = () => {\n if (props.maskClosable) props.onClose();\n };\n\n return (\n <ZIndex type={ZIndexType.OVERLAY} open={props.visible()} blockScroll>\n <div class={cn('tr01', props.class?.mask)} onClick={handleMaskClick} />\n\n <div class={cn('tr02', props.class?.spotlight)} style={maskStyle()} />\n\n <div\n ref={popupRef}\n class={cn('tr03', props.class?.popup)}\n style={popupStyle()}\n data-placement={currentStep()?.placement ?? 'bottom'}\n >\n <div class={cn('tr04', props.class?.header)}>\n <span class=\"tr04-title\">{currentStep()?.title}</span>\n <Show when={props.showClose}>\n <button class=\"tr04-close\" onClick={props.onClose} aria-label=\"Close tour\">\n <X size={14} />\n </button>\n </Show>\n </div>\n\n <Show when={currentStep()?.content}>\n <div class={cn('tr05', props.class?.body)}>{currentStep()?.content}</div>\n </Show>\n\n <Show\n when={!currentStep()?.footer}\n fallback={<div class={cn('tr06', props.class?.footer)}>{currentStep()?.footer}</div>}\n >\n <div class={cn('tr06', props.class?.footer)}>\n <Show when={props.showProgress}>\n <div class={cn('tr07', props.class?.progress)}>\n <For each={props.steps}>\n {(_, i) => (\n <span class={cn('tr07-dot', i() === props.activeStep() && 'active')} />\n )}\n </For>\n </div>\n </Show>\n\n <div class=\"ml-auto flex gap-2\">\n <Show when={props.activeStep() > 0}>\n <button class=\"btn btn-sm btn-ghost\" onClick={props.onPrev}>\n {props.prevLabel}\n </button>\n </Show>\n <button\n class=\"btn btn-sm btn-primary\"\n onClick={isLastStep() ? props.onClose : props.onNext}\n >\n {isLastStep() ? props.doneLabel : props.nextLabel}\n </button>\n </div>\n </div>\n </Show>\n </div>\n </ZIndex>\n );\n};\n\nexport function createTour(tourProps: TourProps): [TourAPI, () => import('solid-js').JSX.Element] {\n const [activeStep, setActiveStep] = createSignal(0);\n const [visible, setVisible] = createSignal(false);\n\n function start(stepIndex = 0) {\n setActiveStep(stepIndex);\n setVisible(true);\n tourProps.steps[stepIndex]?.onEnter?.(stepIndex);\n tourProps.onStepChange?.(stepIndex);\n }\n\n function stop() {\n const step = activeStep();\n tourProps.steps[step]?.onLeave?.(step);\n setVisible(false);\n tourProps.onClose?.(step);\n }\n\n function next() {\n const cur = activeStep();\n tourProps.steps[cur]?.onLeave?.(cur);\n const nextStep = cur + 1;\n if (nextStep >= tourProps.steps.length) {\n setVisible(false);\n tourProps.onFinish?.();\n return;\n }\n setActiveStep(nextStep);\n tourProps.steps[nextStep]?.onEnter?.(nextStep);\n tourProps.onStepChange?.(nextStep);\n }\n\n function prev() {\n const cur = activeStep();\n if (cur <= 0) return;\n tourProps.steps[cur]?.onLeave?.(cur);\n const prevStep = cur - 1;\n setActiveStep(prevStep);\n tourProps.steps[prevStep]?.onEnter?.(prevStep);\n tourProps.onStepChange?.(prevStep);\n }\n\n function goTo(stepIndex: number) {\n if (stepIndex < 0 || stepIndex >= tourProps.steps.length) return;\n const cur = activeStep();\n tourProps.steps[cur]?.onLeave?.(cur);\n setActiveStep(stepIndex);\n tourProps.steps[stepIndex]?.onEnter?.(stepIndex);\n tourProps.onStepChange?.(stepIndex);\n }\n\n const api: TourAPI = {\n start,\n stop,\n next,\n prev,\n goTo,\n isActive: visible,\n currentStep: activeStep,\n };\n\n const TourRenderer = () => (\n <TourComponent\n {...tourProps}\n activeStep={activeStep}\n visible={visible}\n onClose={stop}\n onNext={next}\n onPrev={prev}\n />\n );\n\n return [api, TourRenderer];\n}\n"],"mappings":"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"}

package/dist/components/upload/upload.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{cn as e}from"../../utils/cn.js";import{ImagePreview as t}from"../image-preview/image-preview.js";import{Spinner as n}from"../loading/loading.js";import{Tooltip as r}from"../tooltip/tooltip.js";import{addEventListener as i,className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,memo as u,mergeProps as d,setAttribute as f,setStyleProperty as p,spread as m,template as h,use as g}from"solid-js/web";import{For as _,Match as v,Show as y,Switch as b,createSignal as x,createUniqueId as S,mergeProps as C}from"solid-js";import w from"lucide-solid/icons/x";import T from"lucide-solid/icons/zoom-in";import E from"lucide-solid/icons/circle-check";import D from"lucide-solid/icons/circle-x";import O from"lucide-solid/icons/cloud-upload";import k from"lucide-solid/icons/eye";import A from"lucide-solid/icons/file";import j from"lucide-solid/icons/file-image";import ee from"lucide-solid/icons/file-text";import te from"lucide-solid/icons/film";import ne from"lucide-solid/icons/music";import M from"lucide-solid/icons/trash-2";var N=h(`<div><div>`),re=h(`<div class=up62><div class=up63><span class="loading loading-spinner loading-sm text-white"></span><span class=up64>%`),ie=h(`<div class=up51><span class="loading loading-spinner loading-xs text-white">`),P=h(`<div><span> files</span><button title="Remove all">Clear all`),ae=h(`<div><ul class="flex flex-col gap-2">`),oe=h(`<li>`),se=h(`<span>`),ce=h(`<div><div class="flex min-w-0 flex-1 items-center gap-2"><div></div><div></div><button title=Remove>`),le=h(`<div><ul class=up48>`),F=h(`<img>`),ue=h(`<button class=up52 title=Preview>`),de=h(`<span class=up37> × <!> px`),I=h(`<span class=up24>Uploaded`),L=h(`<span class=up23>Upload failed`),R=h(`<button title=Preview>`),z=h(`<li><div></div><div><div class=up36><span class=up21></span><span class=up39></span></div></div><div><button title=Remove>`),B=h(`<div><span>`),V=h(`<button title="Upload file"><span class=up69>Upload`),H=h(`<div>`),fe=h(`<div class=up65><button title=Remove>`),pe=h(`<div class="w-fit cursor-pointer">`),U=h(`<div><input type=file class=hidden>`),me=h(`<p>Click or drag file to this area to upload`),he=h(`<p>`);function W(t,n,r){return!t\|\|typeof t==`string`?r??``:e(t[n],r)}function G(t,n){return t?typeof t==`string`?e(n,t):e(n,t.wrapper):n}function ge(e){return e.startsWith(`image/`)?`text-violet-500`:e.startsWith(`video/`)?`text-rose-500`:e.startsWith(`audio/`)?`text-amber-500`:e===`application/pdf`?`text-red-500`:e.includes(`text`)\|\|e.includes(`document`)?`text-blue-500`:e.includes(`spreadsheet`)\|\|e.includes(`excel`)?`text-emerald-500`:`text-base-content/40`}function _e(e){return e.startsWith(`image/`)?`bg-violet-500/10`:e.startsWith(`video/`)?`bg-rose-500/10`:e.startsWith(`audio/`)?`bg-amber-500/10`:e===`application/pdf`?`bg-red-500/10`:e.includes(`text`)\|\|e.includes(`document`)?`bg-blue-500/10`:e.includes(`spreadsheet`)\|\|e.includes(`excel`)?`bg-emerald-500/10`:`bg-base-content/5`}function K(e,t=16){return e.startsWith(`image/`)?o(j,{size:t}):e.startsWith(`video/`)?o(te,{size:t}):e.startsWith(`audio/`)?o(ne,{size:t}):e===`application/pdf`\|\|e.includes(`text`)?o(ee,{size:t}):o(A,{size:t})}function ve(e,t){return e===`application/pdf`?{label:`PDF`,colorClass:`bg-red-500`}:e.startsWith(`image/`)?{label:t.split(`.`).pop()?.toUpperCase().slice(0,3)??`IMG`,colorClass:`bg-violet-500`}:e.startsWith(`video/`)?{label:`VID`,colorClass:`bg-rose-500`}:e.startsWith(`audio/`)?{label:`AUD`,colorClass:`bg-amber-500`}:e.includes(`spreadsheet`)\|\|e.includes(`excel`)?{label:`XLS`,colorClass:`bg-emerald-500`}:e.includes(`document`)\|\|e.includes(`word`)?{label:`DOC`,colorClass:`bg-blue-500`}:e.includes(`text`)?{label:`TXT`,colorClass:`bg-blue-500`}:{label:t.split(`.`).pop()?.toUpperCase().slice(0,4)??`FILE`,colorClass:`bg-slate-400`}}function q(e){return e===0?`0 B`:e<1024?`${e} B`:e<10241024?`${(e/1024).toFixed(1)} KB`:`${(e/(10241024)).toFixed(1)} MB`}function ye(e){return e.startsWith(`image/`)}function be(e){let t=!1,n=0,r=()=>{if(t)return;let i=Math.random()10+8;n=Math.min(n+i,95),e.onProgress(Math.round(n)),n<95?setTimeout(r,100+Math.random()80):setTimeout(()=>{t\|\|(e.onProgress(100),e.onSuccess())},400+Math.random()*300)};return setTimeout(r,50),()=>{t=!0}}function J(e){let[t,n]=x([]),r=new Map,i=new Map,a=new Map,o=e=>r.get(e)?.[0]??(()=>0),s=(e,t)=>{i.get(e)?.(),i.delete(e),r.delete(e);let n=a.get(e);n&&(n.onload=null,n.src=``,a.delete(e)),t&&URL.revokeObjectURL(t)};return{fileList:t,processFiles:o=>{let s=Array.from(o),c=e.maxCount,l=e.maxFileSize,u=e.maxTotalSize,d=t();for(let t of s)if(l&&t.size>l){e.onError?.({type:`maxFileSize`,file:t,message:`"${t.name}" vượt quá dung lượng cho phép (${q(l)})`});return}if(c&&d.length+s.length>c){e.onError?.({type:`maxCount`,file:s[0],message:`Đã đạt số lượng file tối đa (${c})`});return}if(u&&d.reduce((e,t)=>e+t.size,0)+s.reduce((e,t)=>e+t.size,0)>u){e.onError?.({type:`maxTotalSize`,file:s[0],message:`Tổng dung lượng vượt quá giới hạn (${q(u)})`});return}s.forEach(o=>{let s=S(),c=ye(o.type)?URL.createObjectURL(o):void 0,[l,u]=x(0);r.set(s,[l,u]);let d={uid:s,name:o.name,size:o.size,type:o.type,status:`uploading`,originFile:o,thumbUrl:c};if(c){let e=new Image;a.set(s,e),e.onload=()=>{a.delete(s),n(t=>t.map(t=>t.uid===s?{...t,dimensions:{width:e.naturalWidth,height:e.naturalHeight}}:t))},e.src=c}n(t=>{let n=e.multiple===!1?[d]:[...t,d];return e.onChange?.({file:d,fileList:n}),n});let f=(e.customRequest??be)({file:o,onSuccess:()=>{u(100),n(t=>{let n=t.map(e=>e.uid===s?{...e,status:`done`}:e),r=n.find(e=>e.uid===s);return r&&e.onChange?.({file:r,fileList:n}),n}),i.delete(s),r.delete(s)},onError:t=>{n(n=>{let r=n.map(e=>e.uid===s?{...e,status:`error`}:e),i=r.find(e=>e.uid===s);return i&&e.onChange?.({file:{...i,error:t},fileList:r}),r}),i.delete(s),r.delete(s)},onProgress:n=>{u(n);let r=t(),i=r.findIndex(e=>e.uid===s);i!==-1&&e.onChange?.({file:{...r[i],percent:n},fileList:r})}});typeof f==`function`&&i.set(s,f)})},removeFile:t=>{n(n=>{let r=n.find(e=>e.uid===t);s(t,r?.thumbUrl);let i=n.filter(e=>e.uid!==t);return r&&e.onChange?.({file:{...r,status:`removed`},fileList:i}),i})},clearAll:()=>{n(e=>(e.forEach(e=>s(e.uid,e.thumbUrl)),[]))},getProgress:o}}function xe(t){return(()=>{var n=N(),r=n.firstChild;return c(i=>{var o=e(`up26`,t.trackClass),s=e(`up27`,t.fillClass),c=`${t.percent()}%`;return o!==i.e&&a(n,i.e=o),s!==i.t&&a(r,i.t=s),c!==i.a&&p(r,`width`,i.a=c),i},{e:void 0,t:void 0,a:void 0}),n})()}function Se(e){return(()=>{var t=re(),n=t.firstChild.firstChild.nextSibling,r=n.firstChild;return l(n,()=>e.percent(),r),t})()}function Ce(){return ie()}function Y(t){let n=S();return(()=>{var r=ae(),s=r.firstChild;return f(r,`id`,n),l(r,o(y,{get when(){return u(()=>!!t.showClearAll)()&&t.files.length>1},get children(){var n=P(),r=n.firstChild,s=r.firstChild,u=r.nextSibling,d=u.firstChild;return l(r,()=>t.files.length,s),i(u,`click`,t.onClearAll,!0),l(u,o(M,{size:12}),d),c(i=>{var o=e(`up44`,W(t.classConfig,`listHeader`)),s=e(`up45`,W(t.classConfig,`listCount`)),c=e(`up46`,W(t.classConfig,`clearBtn`));return o!==i.e&&a(n,i.e=o),s!==i.t&&a(r,i.t=s),c!==i.a&&a(u,i.a=c),i},{e:void 0,t:void 0,a:void 0}),n}}),s),l(s,o(_,{get each(){return t.files},children:e=>{let n=ve(e.type,e.name);return(()=>{var r=oe();return l(r,o(X,{file:e,badge:n,get onRemove(){return t.onRemove},get classConfig(){return t.classConfig},get showTooltip(){return t.showTooltip}})),r})()}})),c(()=>a(r,e(`up06`,W(t.classConfig,`textList`)))),r})()}function X(t){let i=()=>t.file.status===`uploading`;return(()=>{var s=ce(),u=s.firstChild,d=u.firstChild,f=d.nextSibling,p=f.nextSibling;return l(d,()=>t.badge.label),l(u,o(r,{get content(){return t.file.name},get hidden(){return!t.showTooltip},class:{root:`up09`},type:`default`,get children(){var n=se();return l(n,()=>t.file.name),c(()=>a(n,e(`up09`,W(t.classConfig,`textName`)))),n}}),f),l(f,()=>q(t.file.size)),l(u,o(b,{get children(){return[o(v,{get when(){return i()},get children(){return o(n,{class:`size-5`})}}),o(v,{get when(){return t.file.status===`done`},get children(){return o(E,{size:16,class:`text-success`})}}),o(v,{get when(){return t.file.status===`error`},get children(){return o(D,{size:16,class:`text-error`})}})]}}),p),p.$$click=()=>t.onRemove(t.file.uid),l(p,o(w,{size:16})),c(n=>{var r=e(`up07`,W(t.classConfig,`textItem`)),i=e(`up08`,t.badge.colorClass,W(t.classConfig,`textBadge`)),o=e(`up10`,W(t.classConfig,`textSize`)),c=e(`up57`,W(t.classConfig,`removeBtn`));return r!==n.e&&a(s,n.e=r),i!==n.t&&a(d,n.t=i),o!==n.a&&a(f,n.a=o),c!==n.o&&a(p,n.o=c),n},{e:void 0,t:void 0,a:void 0,o:void 0}),s})()}function Z(n){let[r,s]=x(null);return[(()=>{var t=le(),r=t.firstChild;return l(t,o(y,{get when(){return u(()=>!!n.showClearAll)()&&n.files.length>1},get children(){var t=P(),r=t.firstChild,s=r.firstChild,u=r.nextSibling,d=u.firstChild;return l(r,()=>n.files.length,s),i(u,`click`,n.onClearAll,!0),l(u,o(M,{size:12}),d),c(i=>{var o=e(`up44`,W(n.classConfig,`listHeader`)),s=e(`up45`,W(n.classConfig,`listCount`)),c=e(`up46`,W(n.classConfig,`clearBtn`));return o!==i.e&&a(t,i.e=o),s!==i.t&&a(r,i.t=s),c!==i.a&&a(u,i.a=c),i},{e:void 0,t:void 0,a:void 0}),t}}),r),l(r,o(_,{get each(){return n.files},children:t=>(()=>{var r=z(),i=r.firstChild,d=i.nextSibling,p=d.firstChild,m=p.firstChild,h=m.nextSibling,g=d.nextSibling,_=g.firstChild;return l(i,o(y,{get when(){return t.thumbUrl},get fallback(){return(()=>{var r=B(),i=r.firstChild;return l(i,()=>K(t.type,20)),c(o=>{var s=e(`up53`,_e(t.type),W(n.classConfig,`pictureIcon`)),c=ge(t.type);return s!==o.e&&a(r,o.e=s),c!==o.t&&a(i,o.t=c),o},{e:void 0,t:void 0}),r})()},get children(){return[(()=>{var e=F();return c(n=>{var r=t.thumbUrl,i=t.name;return r!==n.e&&f(e,`src`,n.e=r),i!==n.t&&f(e,`alt`,n.t=i),n},{e:void 0,t:void 0}),e})(),o(y,{get when(){return t.status===`uploading`},get children(){return o(Ce,{})}}),o(y,{get when(){return t.status===`done`},get children(){var e=ue();return e.$$click=()=>s(t),l(e,o(T,{size:14})),e}})]}})),l(m,()=>t.name),l(p,o(y,{get when(){return t.dimensions},get children(){var e=de(),n=e.firstChild,r=n.nextSibling;return r.nextSibling,l(e,()=>t.dimensions.width,n),l(e,()=>t.dimensions.height,r),e}}),h),l(h,()=>q(t.size)),l(d,o(y,{get when(){return t.status===`uploading`},get children(){return o(xe,{get percent(){return n.getProgress(t.uid)},get trackClass(){return W(n.classConfig,`progressTrack`)},get fillClass(){return W(n.classConfig,`progressFill`)}})}}),null),l(d,o(y,{get when(){return t.status===`done`},get children(){var e=I(),t=e.firstChild;return l(e,o(E,{size:11}),t),e}}),null),l(d,o(y,{get when(){return t.status===`error`},get children(){return L()}}),null),l(g,o(y,{get when(){return u(()=>t.status===`done`)()&&t.thumbUrl},get children(){var r=R();return r.$$click=()=>s(t),l(r,o(k,{size:14})),c(()=>a(r,e(`up56`,W(n.classConfig,`actionBtn`)))),r}}),_),_.$$click=()=>n.onRemove(t.uid),l(_,o(w,{size:14,class:`shrink-0`})),c(o=>{var s=e(`up49`,t.status===`uploading`&&`up49a`,t.status===`error`&&`up49b`,W(n.classConfig,`pictureItem`)),c=e(`up50`,W(n.classConfig,`pictureThumb`)),l=e(`up54`,W(n.classConfig,`pictureInfo`)),u=t.name,p=e(`up55`,W(n.classConfig,`pictureActions`)),h=e(`up57`,W(n.classConfig,`removeBtn`));return s!==o.e&&a(r,o.e=s),c!==o.t&&a(i,o.t=c),l!==o.a&&a(d,o.a=l),u!==o.o&&f(m,`title`,o.o=u),p!==o.i&&a(g,o.i=p),h!==o.n&&a(_,o.n=h),o},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),r})()})),c(()=>a(t,e(`up47`,W(n.classConfig,`pictureList`)))),t})(),o(y,{get when(){return r()},get children(){return o(t,{get src(){return r().thumbUrl},get imageName(){return r().name},get size(){return q(r().size)},onClose:()=>s(null)})}})]}function Q(n){let[r,s]=x(null);return[o(y,{get when(){return u(()=>!!n.showClearAll)()&&n.files.length>1},get children(){var t=P(),r=t.firstChild,s=r.firstChild,u=r.nextSibling,d=u.firstChild;return l(r,()=>n.files.length,s),i(u,`click`,n.onClearAll,!0),l(u,o(M,{size:12}),d),c(i=>{var o=e(`up44`,W(n.classConfig,`listHeader`)),s=e(`up45`,W(n.classConfig,`listCount`)),c=e(`up46`,W(n.classConfig,`clearBtn`));return o!==i.e&&a(t,i.e=o),s!==i.t&&a(r,i.t=s),c!==i.a&&a(u,i.a=c),i},{e:void 0,t:void 0,a:void 0}),t}}),(()=>{var t=H();return l(t,o(_,{get each(){return n.files},children:t=>(()=>{var r=H();return l(r,o(y,{get when(){return t.thumbUrl},get fallback(){return(()=>{var r=H();return l(r,()=>K(t.type,24)),c(()=>a(r,e(`up61`,W(n.classConfig,`cardIcon`)))),r})()},get children(){var r=F();return c(i=>{var o=t.thumbUrl,s=t.name,c=e(`up60`,W(n.classConfig,`cardImg`));return o!==i.e&&f(r,`src`,i.e=o),s!==i.t&&f(r,`alt`,i.t=s),c!==i.a&&a(r,i.a=c),i},{e:void 0,t:void 0,a:void 0}),r}}),null),l(r,o(y,{get when(){return t.status===`uploading`},get children(){return o(Se,{get percent(){return n.getProgress(t.uid)}})}}),null),l(r,o(y,{get when(){return t.status!==`uploading`},get children(){var r=fe(),i=r.firstChild;return l(r,o(y,{get when(){return t.thumbUrl},get children(){var r=R();return r.$$click=()=>s(t),l(r,o(k,{size:13})),c(()=>a(r,e(`up66`,W(n.classConfig,`actionBtn`)))),r}}),i),i.$$click=()=>n.onRemove(t.uid),l(i,o(M,{size:13})),c(()=>a(i,e(`up67`,W(n.classConfig,`removeBtn`)))),r}}),null),c(()=>a(r,e(`up59`,t.status===`error`&&`up59a`,W(n.classConfig,`card`)))),r})()}),null),l(t,o(y,{get when(){return n.showAddButton},get children(){var t=V(),r=t.firstChild;return i(t,`click`,n.onAdd,!0),l(t,o(O,{size:20,class:`opacity-40`}),r),c(()=>a(t,e(`up68`,W(n.classConfig,`cardAdd`)))),t}}),null),c(()=>a(t,e(`up58`,W(n.classConfig,`cardGrid`)))),t})(),o(y,{get when(){return r()},get children(){return o(t,{get src(){return r().thumbUrl},get imageName(){return r().name},get size(){return q(r().size)},onClose:()=>s(null)})}})]}function we(t){t=C({multiple:!0,listType:`text`,showUploadList:!0,showTooltip:!1},t);let n,{fileList:r,processFiles:s,removeFile:f,clearAll:p,getProgress:h}=J(t),_=()=>n.click(),x=e=>{let t=e.currentTarget;t.files?.length&&s(t.files),t.value=``},S=()=>!(!t.multiple&&r().length>=1\|\|t.maxCount&&r().length>=t.maxCount),w=()=>t.showClearAll??t.multiple!==!1;return(()=>{var s=U(),C=s.firstChild,T=n;return typeof T==`function`?g(T,C):n=C,m(C,d({get multiple(){return t.multiple},get accept(){return t.accept}},()=>t.directory?{webkitdirectory:``}:{},{onChange:x}),!1,!1),l(s,o(b,{get children(){return[o(v,{get when(){return t.listType===`picture-card`},get children(){return[o(y,{get when(){return t.showUploadList},get children(){return o(Q,{get files(){return r()},onRemove:f,onAdd:_,onClearAll:p,get showAddButton(){return S()},get showClearAll(){return w()},getProgress:h,get classConfig(){return t.class}})}}),o(y,{get when(){return!t.showUploadList},get children(){var e=pe();return e.$$click=_,l(e,()=>t.children),e}})]}}),o(v,{get when(){return t.listType!==`picture-card`},get children(){return[(()=>{var e=H();return i(e,`click`,S()?_:void 0,!0),l(e,()=>t.children),c(()=>a(e,S()?`w-fit cursor-pointer`:``)),e})(),o(y,{get when(){return u(()=>!!t.showUploadList)()&&r().length>0},get children(){return o(b,{get children(){return[o(v,{get when(){return t.listType===`picture`},get children(){return o(Z,{get files(){return r()},onRemove:f,onClearAll:p,get showClearAll(){return w()},getProgress:h,get classConfig(){return t.class}})}}),o(v,{get when(){return t.listType===`text`},get children(){return o(Y,{get files(){return r()},onRemove:f,onClearAll:p,get showClearAll(){return w()},get classConfig(){return t.class},get showTooltip(){return t.showTooltip}})}})]}})}})]}})]}}),null),l(s,o(y,{get when(){return t.errorMessage},get children(){var n=H();return l(n,()=>t.errorMessage),c(()=>a(n,e(`up76`,W(t.class,`errorMessage`)))),n}}),null),c(()=>a(s,G(t.class,`up01`))),s})()}function Te(t){t=C({multiple:!0,listType:`text`,showUploadList:!0,hint:`Support for a single or bulk upload`,showTooltip:!1},t);let n,[r,i]=x(!1),{fileList:s,processFiles:f,removeFile:p,clearAll:h,getProgress:_}=J(t),S=()=>t.showClearAll??t.multiple!==!1,w=()=>n.click(),T=e=>{let t=e.currentTarget;t.files?.length&&f(t.files),t.value=``},E=e=>{e.preventDefault(),i(!0)},D=e=>{e.preventDefault(),i(!1)},k=e=>{e.preventDefault(),i(!1);let t=e.dataTransfer?.files;t?.length&&f(t)},A=()=>!(!t.multiple&&s().length>=1\|\|t.maxCount&&s().length>=t.maxCount);return(()=>{var i=U(),f=i.firstChild,x=n;return typeof x==`function`?g(x,f):n=f,m(f,d({get multiple(){return t.multiple},get accept(){return t.accept}},()=>t.directory?{webkitdirectory:``}:{},{onChange:T}),!1,!1),l(i,o(y,{get when(){return t.listType===`picture-card`},get children(){return o(y,{get when(){return t.showUploadList},get children(){return o(Q,{get files(){return s()},onRemove:p,onAdd:w,onClearAll:h,get showAddButton(){return A()},get showClearAll(){return S()},getProgress:_,get classConfig(){return t.class}})}})}}),null),l(i,o(y,{get when(){return t.listType!==`picture-card`},get children(){return[o(y,{get when(){return A()},get children(){var n=N(),i=n.firstChild;return n.addEventListener(`drop`,k),n.addEventListener(`dragleave`,D),n.addEventListener(`dragover`,E),n.$$click=w,l(i,o(y,{get when(){return t.icon},get fallback(){return o(O,{size:48,strokeWidth:1.5})},get children(){return t.icon}})),l(n,o(y,{get when(){return t.children},get fallback(){return[(()=>{var n=me();return c(()=>a(n,e(`up04`,W(t.class,`draggerTitle`)))),n})(),(()=>{var n=he();return l(n,()=>t.hint),c(()=>a(n,e(`up05`,W(t.class,`draggerHint`)))),n})()]},get children(){return t.children}}),null),c(o=>{var s=e(`up02`,r()&&`up02a`,W(t.class,`dragger`)),c=e(`up03`,W(t.class,`draggerIcon`));return s!==o.e&&a(n,o.e=s),c!==o.t&&a(i,o.t=c),o},{e:void 0,t:void 0}),n}}),o(y,{get when(){return u(()=>!!t.showUploadList)()&&s().length>0},get children(){return o(b,{get children(){return[o(v,{get when(){return t.listType===`picture`},get children(){return o(Z,{get files(){return s()},onRemove:p,onClearAll:h,get showClearAll(){return S()},getProgress:_,get classConfig(){return t.class}})}}),o(v,{get when(){return t.listType===`text`},get children(){return o(Y,{get files(){return s()},onRemove:p,onClearAll:h,get showClearAll(){return S()},get classConfig(){return t.class},get showTooltip(){return t.showTooltip}})}})]}})}})]}}),null),l(i,o(y,{get when(){return t.errorMessage},get children(){var n=H();return l(n,()=>t.errorMessage),c(()=>a(n,e(`up76`,W(t.class,`errorMessage`)))),n}}),null),c(()=>a(i,G(t.class,`up01`))),i})()}var $=we;$.Dragger=Te,s([`click`]);export{$ as Upload};
2	+ //# sourceMappingURL=upload.js.map

package/dist/components/upload/upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"upload.js","names":["cn","ImagePreview","Spinner","CircleCheck","CircleX","CloudUpload","Eye","File","FileImage","FileText","Film","Music","Trash2","X","ZoomIn","Accessor","createSignal","createUniqueId","For","Match","mergeProps","Show","Switch","Tooltip","UploadBaseProps","UploadClassConfig","UploadComponent","UploadDraggerProps","UploadFile","UploadProps","UploadRequestOption","cls","config","key","extra","wrapperCls","base","wrapper","getFileIconColor","type","startsWith","includes","getFileIconBg","getFileIconNode","size","_$createComponent","getFileBadge","name","label","colorClass","ext","split","pop","toUpperCase","slice","formatFileSize","bytes","toFixed","isImageFile","defaultRequest","options","cancelled","current","tick","increment","Math","random","min","onProgress","round","setTimeout","onSuccess","ProgressEntry","v","useUpload","props","fileList","setFileList","progressMap","Map","cancelMap","imgMap","HTMLImageElement","getProgress","uid","get","cancelAndClean","thumbUrl","delete","img","onload","src","URL","revokeObjectURL","processFiles","rawFiles","FileList","files","Array","from","maxCount","maxFileSize","maxTotalSize","currentList","file","onError","message","newTotal","length","currentTotal","reduce","sum","f","batchTotal","forEach","createObjectURL","undefined","percent","setPercent","set","newFile","status","originFile","Image","list","map","dimensions","width","naturalWidth","height","naturalHeight","prev","nextList","multiple","onChange","requestFn","customRequest","cancel","next","const","done","find","error","Error","failed","value","snapshot","idx","findIndex","removeFile","removed","filter","clearAll","ProgressBar","trackClass","fillClass","_el$","_tmpl$","_el$2","firstChild","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","a","_$setStyleProperty","CardProgressOverlay","_el$3","_tmpl$2","_el$4","_el$5","_el$6","nextSibling","_el$7","_$insert","PictureThumbLoading","_tmpl$3","TextFileList","onRemove","onClearAll","showClearAll","classConfig","showTooltip","listId","_el$9","_tmpl$5","_el$13","_$setAttribute","when","_$memo","children","_el$0","_tmpl$4","_el$1","_el$10","_el$11","_el$12","_$addEventListener","_v$4","_v$5","_v$6","each","badge","_el$14","_tmpl$6","FileUploadItem","isUploading","_el$15","_tmpl$8","_el$16","_el$17","_el$19","_el$20","content","hidden","root","_el$18","_tmpl$7","$$click","_v$7","_v$8","_v$9","_v$0","o","PictureFileList","preview","setPreview","_el$21","_tmpl$9","_el$27","_el$22","_el$23","_el$24","_el$25","_el$26","_v$1","_v$10","_v$11","_el$28","_tmpl$14","_el$29","_el$32","_el$33","_el$34","_el$39","_el$43","_el$45","fallback","_el$46","_tmpl$15","_el$47","_v$20","_v$21","_el$30","_tmpl$0","_v$12","_v$13","_el$31","_tmpl$1","_el$35","_tmpl$10","_el$36","_el$38","_el$37","_el$40","_tmpl$11","_el$41","_tmpl$12","_el$44","_tmpl$13","_v$14","_v$15","_v$16","_v$17","_v$18","_v$19","i","n","imageName","onClose","PictureCardFileList","onAdd","showAddButton","_el$48","_el$49","_el$50","_el$51","_el$52","_v$22","_v$23","_v$24","_el$53","_tmpl$17","_el$56","_el$61","_el$57","_v$25","_v$26","_v$27","_el$58","_tmpl$18","_el$60","_el$59","_el$54","_tmpl$16","_el$55","UploadBase","p","listType","showUploadList","inputRef","HTMLInputElement","triggerInput","click","handleInputChange","Event","input","currentTarget","effectiveShowClearAll","_el$62","_tmpl$20","_el$63","_ref$","_$use","_$spread","_$mergeProps","accept","directory","webkitdirectory","class","_el$64","_tmpl$19","_el$65","errorMessage","_el$66","UploadDragger","hint","isDragging","setIsDragging","handleDragOver","DragEvent","preventDefault","handleDragLeave","handleDrop","dataTransfer","_el$67","_el$68","_ref$2","_el$69","_el$70","addEventListener","icon","strokeWidth","_el$72","_tmpl$21","_el$73","_tmpl$22","_v$28","_v$29","_el$71","Upload","Dragger","_$delegateEvents"],"sources":["../../../src/components/upload/upload.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { ImagePreview } from '@components/image-preview';\nimport { Spinner } from '@components/loading/loading';\nimport CircleCheck from 'lucide-solid/icons/circle-check';\nimport CircleX from 'lucide-solid/icons/circle-x';\nimport CloudUpload from 'lucide-solid/icons/cloud-upload';\nimport Eye from 'lucide-solid/icons/eye';\nimport File from 'lucide-solid/icons/file';\nimport FileImage from 'lucide-solid/icons/file-image';\nimport FileText from 'lucide-solid/icons/file-text';\nimport Film from 'lucide-solid/icons/film';\nimport Music from 'lucide-solid/icons/music';\nimport Trash2 from 'lucide-solid/icons/trash-2';\nimport X from 'lucide-solid/icons/x';\nimport ZoomIn from 'lucide-solid/icons/zoom-in';\nimport {\n Accessor,\n createSignal,\n createUniqueId,\n For,\n Match,\n mergeProps,\n Show,\n Switch,\n} from 'solid-js';\nimport { Tooltip } from '../tooltip';\nimport {\n UploadBaseProps,\n UploadClassConfig,\n UploadComponent,\n UploadDraggerProps,\n UploadFile,\n UploadProps,\n UploadRequestOption,\n} from './upload.types';\n\nfunction cls(\n config: string | UploadClassConfig | undefined,\n key: keyof UploadClassConfig,\n extra?: string,\n): string {\n if (!config) return extra ?? '';\n if (typeof config === 'string') return extra ?? '';\n return cn(config[key], extra);\n}\n\nfunction wrapperCls(config: string | UploadClassConfig | undefined, base: string): string {\n if (!config) return base;\n if (typeof config === 'string') return cn(base, config);\n return cn(base, config.wrapper);\n}\n\nfunction getFileIconColor(type: string): string {\n if (type.startsWith('image/')) return 'text-violet-500';\n if (type.startsWith('video/')) return 'text-rose-500';\n if (type.startsWith('audio/')) return 'text-amber-500';\n if (type === 'application/pdf') return 'text-red-500';\n if (type.includes('text') || type.includes('document')) return 'text-blue-500';\n if (type.includes('spreadsheet') || type.includes('excel')) return 'text-emerald-500';\n return 'text-base-content/40';\n}\n\nfunction getFileIconBg(type: string): string {\n if (type.startsWith('image/')) return 'bg-violet-500/10';\n if (type.startsWith('video/')) return 'bg-rose-500/10';\n if (type.startsWith('audio/')) return 'bg-amber-500/10';\n if (type === 'application/pdf') return 'bg-red-500/10';\n if (type.includes('text') || type.includes('document')) return 'bg-blue-500/10';\n if (type.includes('spreadsheet') || type.includes('excel')) return 'bg-emerald-500/10';\n return 'bg-base-content/5';\n}\n\nfunction getFileIconNode(type: string, size = 16) {\n if (type.startsWith('image/')) return <FileImage size={size} />;\n if (type.startsWith('video/')) return <Film size={size} />;\n if (type.startsWith('audio/')) return <Music size={size} />;\n if (type === 'application/pdf' || type.includes('text')) return <FileText size={size} />;\n return <File size={size} />;\n}\n\nfunction getFileBadge(type: string, name: string): { label: string; colorClass: string } {\n if (type === 'application/pdf') return { label: 'PDF', colorClass: 'bg-red-500' };\n if (type.startsWith('image/')) {\n const ext = name.split('.').pop()?.toUpperCase().slice(0, 3) ?? 'IMG';\n return { label: ext, colorClass: 'bg-violet-500' };\n }\n if (type.startsWith('video/')) return { label: 'VID', colorClass: 'bg-rose-500' };\n if (type.startsWith('audio/')) return { label: 'AUD', colorClass: 'bg-amber-500' };\n if (type.includes('spreadsheet') || type.includes('excel'))\n return { label: 'XLS', colorClass: 'bg-emerald-500' };\n if (type.includes('document') || type.includes('word'))\n return { label: 'DOC', colorClass: 'bg-blue-500' };\n if (type.includes('text')) return { label: 'TXT', colorClass: 'bg-blue-500' };\n\n const ext = name.split('.').pop()?.toUpperCase().slice(0, 4) ?? 'FILE';\n return { label: ext, colorClass: 'bg-slate-400' };\n}\n\nfunction formatFileSize(bytes: number): string {\n if (bytes === 0) return '0 B';\n if (bytes < 1024) return `${bytes} B`;\n if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction isImageFile(type: string): boolean {\n return type.startsWith('image/');\n}\n\nfunction defaultRequest(options: UploadRequestOption): () => void {\n let cancelled = false;\n let current = 0;\n\n const tick = () => {\n if (cancelled) return;\n\n const increment = Math.random() * 10 + 8;\n current = Math.min(current + increment, 95);\n options.onProgress(Math.round(current));\n\n if (current < 95) {\n setTimeout(tick, 100 + Math.random() * 80);\n } else {\n setTimeout(\n () => {\n if (cancelled) return;\n options.onProgress(100);\n options.onSuccess();\n },\n 400 + Math.random() * 300,\n );\n }\n };\n\n setTimeout(tick, 50);\n\n return () => {\n cancelled = true;\n };\n}\n\ntype ProgressEntry = [Accessor<number>, (v: number) => void];\n\nfunction useUpload(props: UploadBaseProps) {\n const [fileList, setFileList] = createSignal<UploadFile[]>([]);\n const progressMap = new Map<string, ProgressEntry>();\n\n const cancelMap = new Map<string, () => void>();\n\n const imgMap = new Map<string, HTMLImageElement>();\n\n const getProgress = (uid: string): Accessor<number> => {\n return progressMap.get(uid)?.[0] ?? (() => 0);\n };\n\n const cancelAndClean = (uid: string, thumbUrl?: string) => {\n cancelMap.get(uid)?.();\n cancelMap.delete(uid);\n progressMap.delete(uid);\n\n const img = imgMap.get(uid);\n if (img) {\n img.onload = null;\n img.src = '';\n imgMap.delete(uid);\n }\n if (thumbUrl) URL.revokeObjectURL(thumbUrl);\n };\n\n const processFiles = (rawFiles: FileList | File[]) => {\n const files = Array.from(rawFiles);\n const maxCount = props.maxCount;\n const maxFileSize = props.maxFileSize;\n const maxTotalSize = props.maxTotalSize;\n\n const currentList = fileList();\n\n for (const file of files) {\n if (maxFileSize && file.size > maxFileSize) {\n props.onError?.({\n type: 'maxFileSize',\n file,\n message: `\"${file.name}\" vượt quá dung lượng cho phép (${formatFileSize(maxFileSize)})`,\n });\n return;\n }\n }\n\n if (maxCount) {\n const newTotal = currentList.length + files.length;\n if (newTotal > maxCount) {\n props.onError?.({\n type: 'maxCount',\n file: files[0],\n message: `Đã đạt số lượng file tối đa (${maxCount})`,\n });\n return;\n }\n }\n\n if (maxTotalSize) {\n const currentTotal = currentList.reduce((sum, f) => sum + f.size, 0);\n const batchTotal = files.reduce((sum, f) => sum + f.size, 0);\n if (currentTotal + batchTotal > maxTotalSize) {\n props.onError?.({\n type: 'maxTotalSize',\n file: files[0],\n message: `Tổng dung lượng vượt quá giới hạn (${formatFileSize(maxTotalSize)})`,\n });\n return;\n }\n }\n\n files.forEach(file => {\n const uid = createUniqueId();\n const thumbUrl = isImageFile(file.type) ? URL.createObjectURL(file) : undefined;\n\n const [percent, setPercent] = createSignal(0);\n progressMap.set(uid, [percent, setPercent]);\n\n const newFile: UploadFile = {\n uid,\n name: file.name,\n size: file.size,\n type: file.type,\n status: 'uploading',\n originFile: file,\n thumbUrl,\n };\n\n if (thumbUrl) {\n const img = new Image();\n imgMap.set(uid, img);\n img.onload = () => {\n imgMap.delete(uid);\n setFileList(list =>\n list.map(f =>\n f.uid === uid\n ? { ...f, dimensions: { width: img.naturalWidth, height: img.naturalHeight } }\n : f,\n ),\n );\n };\n img.src = thumbUrl;\n }\n\n setFileList(prev => {\n const nextList = props.multiple === false ? [newFile] : [...prev, newFile];\n props.onChange?.({ file: newFile, fileList: nextList });\n return nextList;\n });\n\n const requestFn = props.customRequest ?? defaultRequest;\n const cancel = requestFn({\n file,\n onSuccess: () => {\n setPercent(100);\n setFileList(list => {\n const next = list.map(f => (f.uid === uid ? { ...f, status: 'done' as const } : f));\n const done = next.find(f => f.uid === uid);\n if (done) props.onChange?.({ file: done, fileList: next });\n return next;\n });\n cancelMap.delete(uid);\n progressMap.delete(uid);\n },\n onError: (error: Error) => {\n setFileList(list => {\n const next = list.map(f => (f.uid === uid ? { ...f, status: 'error' as const } : f));\n const failed = next.find(f => f.uid === uid);\n if (failed) props.onChange?.({ file: { ...failed, error }, fileList: next });\n return next;\n });\n cancelMap.delete(uid);\n progressMap.delete(uid);\n },\n onProgress: value => {\n setPercent(value);\n\n const snapshot = fileList();\n const idx = snapshot.findIndex(f => f.uid === uid);\n if (idx !== -1)\n props.onChange?.({\n file: { ...snapshot[idx], percent: value },\n fileList: snapshot,\n });\n },\n });\n\n if (typeof cancel === 'function') cancelMap.set(uid, cancel);\n });\n };\n\n const removeFile = (uid: string) => {\n setFileList(prev => {\n const removed = prev.find(f => f.uid === uid);\n\n cancelAndClean(uid, removed?.thumbUrl);\n const next = prev.filter(f => f.uid !== uid);\n if (removed) props.onChange?.({ file: { ...removed, status: 'removed' }, fileList: next });\n return next;\n });\n };\n\n const clearAll = () => {\n setFileList(prev => {\n prev.forEach(f => cancelAndClean(f.uid, f.thumbUrl));\n return [];\n });\n };\n\n return { fileList, processFiles, removeFile, clearAll, getProgress };\n}\n\nfunction ProgressBar(props: {\n percent: Accessor<number>;\n trackClass?: string;\n fillClass?: string;\n}) {\n return (\n <div class={cn('up26', props.trackClass)}>\n <div class={cn('up27', props.fillClass)} style={{ width: `${props.percent()}%` }} />\n </div>\n );\n}\n\nfunction CardProgressOverlay(props: { percent: Accessor<number> }) {\n return (\n <div class=\"up62\">\n <div class=\"up63\">\n <span class=\"loading loading-spinner loading-sm text-white\" />\n <span class=\"up64\">{props.percent()}%</span>\n </div>\n </div>\n );\n}\n\nfunction PictureThumbLoading() {\n return (\n <div class=\"up51\">\n <span class=\"loading loading-spinner loading-xs text-white\" />\n </div>\n );\n}\n\nfunction TextFileList(props: {\n files: UploadFile[];\n onRemove: (uid: string) => void;\n onClearAll: () => void;\n showClearAll: boolean;\n classConfig?: string | UploadClassConfig;\n showTooltip?: boolean;\n}) {\n const listId = createUniqueId();\n return (\n <div id={listId} class={cn('up06', cls(props.classConfig, 'textList'))}>\n <Show when={props.showClearAll && props.files.length > 1}>\n <div class={cn('up44', cls(props.classConfig, 'listHeader'))}>\n <span class={cn('up45', cls(props.classConfig, 'listCount'))}>\n {props.files.length} files\n </span>\n <button\n class={cn('up46', cls(props.classConfig, 'clearBtn'))}\n onClick={props.onClearAll}\n title=\"Remove all\"\n >\n <Trash2 size={12} />\n Clear all\n </button>\n </div>\n </Show>\n <ul class=\"flex flex-col gap-2\">\n <For each={props.files}>\n {file => {\n const badge = getFileBadge(file.type, file.name);\n return (\n <li>\n <FileUploadItem\n file={file}\n badge={badge}\n onRemove={props.onRemove}\n classConfig={props.classConfig}\n showTooltip={props.showTooltip}\n />\n </li>\n );\n }}\n </For>\n </ul>\n </div>\n );\n}\n\nfunction FileUploadItem(props: {\n file: UploadFile;\n badge: { label: string; colorClass: string };\n onRemove: (uid: string) => void;\n classConfig?: string | UploadClassConfig;\n showTooltip?: boolean;\n}) {\n const isUploading = () => props.file.status === 'uploading';\n\n return (\n <div class={cn('up07', cls(props.classConfig, 'textItem'))}>\n <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n <div class={cn('up08', props.badge.colorClass, cls(props.classConfig, 'textBadge'))}>\n {props.badge.label}\n </div>\n <Tooltip\n content={props.file.name}\n hidden={!props.showTooltip}\n class={{ root: 'up09' }}\n type=\"default\"\n >\n <span class={cn('up09', cls(props.classConfig, 'textName'))}>{props.file.name}</span>\n </Tooltip>\n <div class={cn('up10', cls(props.classConfig, 'textSize'))}>\n {formatFileSize(props.file.size)}\n </div>\n\n <Switch>\n <Match when={isUploading()}>\n <Spinner class=\"size-5\" />\n </Match>\n <Match when={props.file.status === 'done'}>\n <CircleCheck size={16} class=\"text-success\" />\n </Match>\n <Match when={props.file.status === 'error'}>\n <CircleX size={16} class=\"text-error\" />\n </Match>\n </Switch>\n\n <button\n class={cn('up57', cls(props.classConfig, 'removeBtn'))}\n onClick={() => props.onRemove(props.file.uid)}\n title=\"Remove\"\n >\n <X size={16} />\n </button>\n </div>\n </div>\n );\n}\n\nfunction PictureFileList(props: {\n files: UploadFile[];\n onRemove: (uid: string) => void;\n onClearAll: () => void;\n showClearAll: boolean;\n getProgress: (uid: string) => Accessor<number>;\n classConfig?: string | UploadClassConfig;\n}) {\n const [preview, setPreview] = createSignal<UploadFile | null>(null);\n\n return (\n <>\n <div class={cn('up47', cls(props.classConfig, 'pictureList'))}>\n <Show when={props.showClearAll && props.files.length > 1}>\n <div class={cn('up44', cls(props.classConfig, 'listHeader'))}>\n <span class={cn('up45', cls(props.classConfig, 'listCount'))}>\n {props.files.length} files\n </span>\n <button\n class={cn('up46', cls(props.classConfig, 'clearBtn'))}\n onClick={props.onClearAll}\n title=\"Remove all\"\n >\n <Trash2 size={12} />\n Clear all\n </button>\n </div>\n </Show>\n <ul class=\"up48\">\n <For each={props.files}>\n {file => (\n <li\n class={cn(\n 'up49',\n file.status === 'uploading' && 'up49a',\n file.status === 'error' && 'up49b',\n cls(props.classConfig, 'pictureItem'),\n )}\n >\n <div class={cn('up50', cls(props.classConfig, 'pictureThumb'))}>\n <Show\n when={file.thumbUrl}\n fallback={\n <div\n class={cn(\n 'up53',\n getFileIconBg(file.type),\n cls(props.classConfig, 'pictureIcon'),\n )}\n >\n <span class={getFileIconColor(file.type)}>\n {getFileIconNode(file.type, 20)}\n </span>\n </div>\n }\n >\n <img src={file.thumbUrl} alt={file.name} />\n\n <Show when={file.status === 'uploading'}>\n <PictureThumbLoading />\n </Show>\n\n <Show when={file.status === 'done'}>\n <button class=\"up52\" onClick={() => setPreview(file)} title=\"Preview\">\n <ZoomIn size={14} />\n </button>\n </Show>\n </Show>\n </div>\n\n <div class={cn('up54', cls(props.classConfig, 'pictureInfo'))}>\n <div class=\"up36\">\n <span class=\"up21\" title={file.name}>\n {file.name}\n </span>\n <Show when={file.dimensions}>\n <span class=\"up37\">\n {file.dimensions!.width} × {file.dimensions!.height} px\n </span>\n </Show>\n <span class=\"up39\">{formatFileSize(file.size)}</span>\n </div>\n\n <Show when={file.status === 'uploading'}>\n <ProgressBar\n percent={props.getProgress(file.uid)}\n trackClass={cls(props.classConfig, 'progressTrack')}\n fillClass={cls(props.classConfig, 'progressFill')}\n />\n </Show>\n\n <Show when={file.status === 'done'}>\n <span class=\"up24\">\n <CircleCheck size={11} />\n Uploaded\n </span>\n </Show>\n\n <Show when={file.status === 'error'}>\n <span class=\"up23\">Upload failed</span>\n </Show>\n </div>\n\n <div class={cn('up55', cls(props.classConfig, 'pictureActions'))}>\n <Show when={file.status === 'done' && file.thumbUrl}>\n <button\n class={cn('up56', cls(props.classConfig, 'actionBtn'))}\n onClick={() => setPreview(file)}\n title=\"Preview\"\n >\n <Eye size={14} />\n </button>\n </Show>\n <button\n class={cn('up57', cls(props.classConfig, 'removeBtn'))}\n onClick={() => props.onRemove(file.uid)}\n title=\"Remove\"\n >\n <X size={14} class=\"shrink-0\" />\n </button>\n </div>\n </li>\n )}\n </For>\n </ul>\n </div>\n\n <Show when={preview()}>\n <ImagePreview\n src={preview()!.thumbUrl!}\n imageName={preview()!.name}\n size={formatFileSize(preview()!.size)}\n onClose={() => setPreview(null)}\n />\n </Show>\n </>\n );\n}\n\nfunction PictureCardFileList(props: {\n files: UploadFile[];\n onRemove: (uid: string) => void;\n onAdd: () => void;\n onClearAll: () => void;\n showAddButton: boolean;\n showClearAll: boolean;\n getProgress: (uid: string) => Accessor<number>;\n classConfig?: string | UploadClassConfig;\n}) {\n const [preview, setPreview] = createSignal<UploadFile | null>(null);\n\n return (\n <>\n <Show when={props.showClearAll && props.files.length > 1}>\n <div class={cn('up44', cls(props.classConfig, 'listHeader'))}>\n <span class={cn('up45', cls(props.classConfig, 'listCount'))}>\n {props.files.length} files\n </span>\n <button\n class={cn('up46', cls(props.classConfig, 'clearBtn'))}\n onClick={props.onClearAll}\n title=\"Remove all\"\n >\n <Trash2 size={12} />\n Clear all\n </button>\n </div>\n </Show>\n <div class={cn('up58', cls(props.classConfig, 'cardGrid'))}>\n <For each={props.files}>\n {file => (\n <div\n class={cn('up59', file.status === 'error' && 'up59a', cls(props.classConfig, 'card'))}\n >\n <Show\n when={file.thumbUrl}\n fallback={\n <div class={cn('up61', cls(props.classConfig, 'cardIcon'))}>\n {getFileIconNode(file.type, 24)}\n </div>\n }\n >\n <img\n src={file.thumbUrl}\n alt={file.name}\n class={cn('up60', cls(props.classConfig, 'cardImg'))}\n />\n </Show>\n\n <Show when={file.status === 'uploading'}>\n <CardProgressOverlay percent={props.getProgress(file.uid)} />\n </Show>\n\n <Show when={file.status !== 'uploading'}>\n <div class=\"up65\">\n <Show when={file.thumbUrl}>\n <button\n class={cn('up66', cls(props.classConfig, 'actionBtn'))}\n onClick={() => setPreview(file)}\n title=\"Preview\"\n >\n <Eye size={13} />\n </button>\n </Show>\n <button\n class={cn('up67', cls(props.classConfig, 'removeBtn'))}\n onClick={() => props.onRemove(file.uid)}\n title=\"Remove\"\n >\n <Trash2 size={13} />\n </button>\n </div>\n </Show>\n </div>\n )}\n </For>\n <Show when={props.showAddButton}>\n <button\n class={cn('up68', cls(props.classConfig, 'cardAdd'))}\n onClick={props.onAdd}\n title=\"Upload file\"\n >\n <CloudUpload size={20} class=\"opacity-40\" />\n <span class=\"up69\">Upload</span>\n </button>\n </Show>\n </div>\n\n <Show when={preview()}>\n <ImagePreview\n src={preview()!.thumbUrl!}\n imageName={preview()!.name}\n size={formatFileSize(preview()!.size)}\n onClose={() => setPreview(null)}\n />\n </Show>\n </>\n );\n}\n\nfunction UploadBase(p: UploadProps) {\n p = mergeProps(\n {\n multiple: true,\n listType: 'text' as const,\n showUploadList: true,\n showTooltip: false,\n },\n p,\n );\n\n let inputRef!: HTMLInputElement;\n const { fileList, processFiles, removeFile, clearAll, getProgress } = useUpload(p);\n\n const triggerInput = () => inputRef.click();\n\n const handleInputChange = (e: Event) => {\n const input = e.currentTarget as HTMLInputElement;\n if (input.files?.length) processFiles(input.files);\n input.value = '';\n };\n\n const showAddButton = () => {\n if (!p.multiple && fileList().length >= 1) return false;\n if (p.maxCount && fileList().length >= p.maxCount) return false;\n return true;\n };\n\n const effectiveShowClearAll = () => p.showClearAll ?? p.multiple !== false;\n\n return (\n <div class={wrapperCls(p.class, 'up01')}>\n <input\n ref={inputRef}\n type=\"file\"\n class=\"hidden\"\n multiple={p.multiple}\n accept={p.accept}\n {...(p.directory ? { webkitdirectory: '' } : {})}\n onChange={handleInputChange}\n />\n\n <Switch>\n <Match when={p.listType === 'picture-card'}>\n <Show when={p.showUploadList}>\n <PictureCardFileList\n files={fileList()}\n onRemove={removeFile}\n onAdd={triggerInput}\n onClearAll={clearAll}\n showAddButton={showAddButton()}\n showClearAll={effectiveShowClearAll()}\n getProgress={getProgress}\n classConfig={p.class}\n />\n </Show>\n <Show when={!p.showUploadList}>\n <div onClick={triggerInput} class=\"w-fit cursor-pointer\">\n {p.children}\n </div>\n </Show>\n </Match>\n <Match when={p.listType !== 'picture-card'}>\n <div\n onClick={showAddButton() ? triggerInput : undefined}\n class={showAddButton() ? 'w-fit cursor-pointer' : ''}\n >\n {p.children}\n </div>\n <Show when={p.showUploadList && fileList().length > 0}>\n <Switch>\n <Match when={p.listType === 'picture'}>\n <PictureFileList\n files={fileList()}\n onRemove={removeFile}\n onClearAll={clearAll}\n showClearAll={effectiveShowClearAll()}\n getProgress={getProgress}\n classConfig={p.class}\n />\n </Match>\n <Match when={p.listType === 'text'}>\n <TextFileList\n files={fileList()}\n onRemove={removeFile}\n onClearAll={clearAll}\n showClearAll={effectiveShowClearAll()}\n classConfig={p.class}\n showTooltip={p.showTooltip}\n />\n </Match>\n </Switch>\n </Show>\n </Match>\n </Switch>\n\n <Show when={p.errorMessage}>\n <div class={cn('up76', cls(p.class, 'errorMessage'))}>{p.errorMessage}</div>\n </Show>\n </div>\n );\n}\n\nfunction UploadDragger(p: UploadDraggerProps) {\n p = mergeProps(\n {\n multiple: true,\n listType: 'text' as const,\n showUploadList: true,\n hint: 'Support for a single or bulk upload',\n showTooltip: false,\n },\n p,\n );\n\n let inputRef!: HTMLInputElement;\n const [isDragging, setIsDragging] = createSignal(false);\n const { fileList, processFiles, removeFile, clearAll, getProgress } = useUpload(p);\n const effectiveShowClearAll = () => p.showClearAll ?? p.multiple !== false;\n\n const triggerInput = () => inputRef.click();\n\n const handleInputChange = (e: Event) => {\n const input = e.currentTarget as HTMLInputElement;\n if (input.files?.length) processFiles(input.files);\n input.value = '';\n };\n\n const handleDragOver = (e: DragEvent) => {\n e.preventDefault();\n setIsDragging(true);\n };\n\n const handleDragLeave = (e: DragEvent) => {\n e.preventDefault();\n setIsDragging(false);\n };\n\n const handleDrop = (e: DragEvent) => {\n e.preventDefault();\n setIsDragging(false);\n const files = e.dataTransfer?.files;\n if (files?.length) processFiles(files);\n };\n\n const showAddButton = () => {\n if (!p.multiple && fileList().length >= 1) return false;\n if (p.maxCount && fileList().length >= p.maxCount) return false;\n return true;\n };\n\n return (\n <div class={wrapperCls(p.class, 'up01')}>\n <input\n ref={inputRef}\n type=\"file\"\n class=\"hidden\"\n multiple={p.multiple}\n accept={p.accept}\n {...(p.directory ? { webkitdirectory: '' } : {})}\n onChange={handleInputChange}\n />\n\n <Show when={p.listType === 'picture-card'}>\n <Show when={p.showUploadList}>\n <PictureCardFileList\n files={fileList()}\n onRemove={removeFile}\n onAdd={triggerInput}\n onClearAll={clearAll}\n showAddButton={showAddButton()}\n showClearAll={effectiveShowClearAll()}\n getProgress={getProgress}\n classConfig={p.class}\n />\n </Show>\n </Show>\n\n <Show when={p.listType !== 'picture-card'}>\n <Show when={showAddButton()}>\n <div\n class={cn('up02', isDragging() && 'up02a', cls(p.class, 'dragger'))}\n onClick={triggerInput}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n >\n <div class={cn('up03', cls(p.class, 'draggerIcon'))}>\n <Show when={p.icon} fallback={<CloudUpload size={48} strokeWidth={1.5} />}>\n {p.icon}\n </Show>\n </div>\n <Show\n when={p.children}\n fallback={\n <>\n <p class={cn('up04', cls(p.class, 'draggerTitle'))}>\n Click or drag file to this area to upload\n </p>\n <p class={cn('up05', cls(p.class, 'draggerHint'))}>{p.hint}</p>\n </>\n }\n >\n {p.children}\n </Show>\n </div>\n </Show>\n\n <Show when={p.showUploadList && fileList().length > 0}>\n <Switch>\n <Match when={p.listType === 'picture'}>\n <PictureFileList\n files={fileList()}\n onRemove={removeFile}\n onClearAll={clearAll}\n showClearAll={effectiveShowClearAll()}\n getProgress={getProgress}\n classConfig={p.class}\n />\n </Match>\n <Match when={p.listType === 'text'}>\n <TextFileList\n files={fileList()}\n onRemove={removeFile}\n onClearAll={clearAll}\n showClearAll={effectiveShowClearAll()}\n classConfig={p.class}\n showTooltip={p.showTooltip}\n />\n </Match>\n </Switch>\n </Show>\n </Show>\n\n <Show when={p.errorMessage}>\n <div class={cn('up76', cls(p.class, 'errorMessage'))}>{p.errorMessage}</div>\n </Show>\n </div>\n );\n}\n\nexport const Upload = UploadBase as UploadComponent;\nUpload.Dragger = UploadDragger;\n"],"mappings":"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"}

package/dist/components/z-index/z-index.context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-index.context.js","names":[],"sources":["../../../src/components/z-index/z-index.context.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js';\n\n/**\n * Holds the z-index of the nearest ZIndex ancestor that is a container type\n * (MODAL, OVERLAY). Child ZIndex components use this to compute their own\n * z-index relative to the parent container, ensuring correct stacking in\n * nested scenarios (e.g., dropdown inside modal).\n *\n * undefined = no ZIndex container ancestor (top-level context).\n */\nexport const ZIndexContext = createContext<number | undefined>(undefined);\n\n/** Returns the z-index of the nearest ZIndex container ancestor, if any. */\nexport function useParentZIndex(): number | undefined {\n return useContext(ZIndexContext);\n}\n\n/**\n * Returns the z-index of the nearest ZIndex container ancestor.\n * Useful for reading the current overlay z-index level in child components.\n */\nexport function useZIndex(): number | undefined {\n return useContext(ZIndexContext);\n}\n"],"mappings":"yDAUA,IAAa,EAAgB,EAAkC,IAAA,GAAU,CAGzE,SAAgB,GAAsC,CACpD,OAAO,EAAW,EAAc"}

package/dist/components/z-index/z-index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-index.js","names":["createEffect","mergeProps","on","onCleanup","ParentComponent","Show","Portal","cn","acquire","acquireScrollLock","release","releaseScrollLock","useParentZIndex","ZIndexContext","ZIndexType","ZIndexProps","OFFSET","Record","DROPDOWN","POPOVER","OVERLAY","MODAL","TOOLTIP","TOAST","RELATIVE_OFFSET","Partial","CONTAINER_TYPES","Set","computeEffectiveBase","type","globalBase","parentZIndex","undefined","relativeOffset","ZIndex","props","p","positioning","const","baseIndex","startIndex","Inner","innerProps","zIndex","customValue","onZIndex","blockScroll","releaseScrollLockOnUnmount","effectiveBase","acquired","releaseZIndexAndScrollLock","registryKey","offset","isContainer","has","_$createComponent","children","_el$","_tmpl$","_$insert","Provider","value","_$effect","_p$","_v$","class","_v$2","position","e","_$className","t","_$style","PreRenderInner","releaseZIndex","scrollLockHeld","open","defer","releaseScrollLockIfHeld","_el$2","_v$3","_v$4","display","preRender","when"],"sources":["../../../src/components/z-index/z-index.tsx"],"sourcesContent":["import { createEffect, mergeProps, on, onCleanup, ParentComponent, Show } from 'solid-js';\nimport { Portal } from 'solid-js/web';\nimport { cn } from '@/utils/cn';\nimport { acquire, acquireScrollLock, release, releaseScrollLock } from './z-index.store';\nimport { useParentZIndex, ZIndexContext } from './z-index.context';\nimport { ZIndexType, type ZIndexProps } from './z-index.types';\n\nexport { ZIndexType } from './z-index.types';\nexport type { ZIndexProps } from './z-index.types';\nexport { acquire, release } from './z-index.store';\n\n/** Base z-index for each type group when no parent context exists. */\nexport const OFFSET: Record<ZIndexType, number> = {\n [ZIndexType.DROPDOWN]: 200,\n [ZIndexType.POPOVER]: 200,\n [ZIndexType.OVERLAY]: 500,\n [ZIndexType.MODAL]: 1000,\n [ZIndexType.TOOLTIP]: 1500,\n [ZIndexType.TOAST]: 3000,\n};\n\n/**\n * Relative offset added to the parent container's z-index when a child popup\n * renders inside a container (MODAL or OVERLAY). This ensures correct stacking:\n * e.g., a dropdown inside a modal gets parentZIndex + 50, always above the modal.\n */\nconst RELATIVE_OFFSET: Partial<Record<ZIndexType, number>> = {\n [ZIndexType.DROPDOWN]: 10,\n [ZIndexType.POPOVER]: 20,\n [ZIndexType.TOOLTIP]: 30,\n};\n\n/**\n * Container types that publish their z-index via ZIndexContext so that\n * child popup components can calculate their z-index relative to this parent.\n */\nconst CONTAINER_TYPES = new Set<ZIndexType>([ZIndexType.MODAL, ZIndexType.OVERLAY]);\n\n/**\n * Compute the effective base index for slot allocation.\n *\n * - If a parent container z-index exists AND this type has a relative offset:\n * use `parentZIndex + relativeOffset` (context-aware mode).\n * - Otherwise: use the global `baseIndex` from OFFSET (top-level mode).\n */\nfunction computeEffectiveBase(\n type: string,\n globalBase: number,\n parentZIndex: number | undefined,\n): number {\n if (parentZIndex === undefined) return globalBase;\n const relativeOffset = RELATIVE_OFFSET[type as ZIndexType];\n if (relativeOffset === undefined) return globalBase;\n return parentZIndex + relativeOffset;\n}\n\n/**\n * ZIndex — wrapper component that renders children via Portal with an\n * auto-managed z-index from a centralized global registry.\n *\n * When `open` becomes true, it acquires the next available z-index slot\n * for the given type group. When `open` becomes false (or the component\n * unmounts), the slot is released back to the pool.\n *\n * Container types (MODAL, OVERLAY) additionally publish their z-index via\n * ZIndexContext, allowing nested popup children to auto-offset correctly.\n */\nexport const ZIndex: ParentComponent<ZIndexProps> = props => {\n const p = mergeProps({ positioning: 'fixed' as const }, props);\n\n const baseIndex = (): number => {\n if (p.startIndex !== undefined) return p.startIndex;\n return OFFSET[p.type as ZIndexType] ?? 0;\n };\n\n /**\n * Inner component — only rendered when `open` is true (or always when preRender).\n * This ties acquire/release to the actual Portal mount/unmount lifecycle.\n */\n const Inner: ParentComponent = innerProps => {\n let zIndex: number;\n\n if (p.customValue !== undefined) {\n zIndex = p.customValue;\n p.onZIndex?.(zIndex);\n if (p.blockScroll) acquireScrollLock();\n onCleanup(function releaseScrollLockOnUnmount() {\n if (p.blockScroll) releaseScrollLock();\n });\n } else {\n const parentZIndex = useParentZIndex();\n const effectiveBase = computeEffectiveBase(p.type, baseIndex(), parentZIndex);\n const acquired = acquire(p.type, effectiveBase);\n zIndex = acquired.zIndex;\n p.onZIndex?.(zIndex);\n if (p.blockScroll) acquireScrollLock();\n onCleanup(function releaseZIndexAndScrollLock() {\n release(acquired.registryKey, acquired.offset);\n if (p.blockScroll) releaseScrollLock();\n });\n }\n\n const isContainer = CONTAINER_TYPES.has(p.type as ZIndexType);\n\n // Container types (MODAL, OVERLAY) publish their z-index via ZIndexContext\n // so that nested popups (Dropdown, Tooltip…) can auto-offset correctly.\n // The Provider MUST live INSIDE the Portal so SolidJS's reactive ownership\n // tree propagates the context into the Portal's scope. Wrapping the Portal\n // element from the outside does NOT work because Portal creates its own\n // reactive scope when mounting into document.body.\n return (\n <Portal>\n <div\n class={cn(p.positioning === 'fixed' ? 'fixed' : 'absolute', p.class)}\n style={{ 'z-index': zIndex, ...p.position }}\n >\n {isContainer ? (\n <ZIndexContext.Provider value={zIndex}>{innerProps.children}</ZIndexContext.Provider>\n ) : (\n innerProps.children\n )}\n </div>\n </Portal>\n );\n };\n\n /**\n * PreRenderInner — always mounted in the DOM, but manages z-index/scroll\n * reactively based on `open`. Portal is always rendered; visibility is\n * controlled via CSS display:none when closed.\n */\n const PreRenderInner: ParentComponent = innerProps => {\n let zIndex: number;\n const parentZIndex = useParentZIndex();\n\n if (p.customValue !== undefined) {\n zIndex = p.customValue;\n } else {\n const effectiveBase = computeEffectiveBase(p.type, baseIndex(), parentZIndex);\n const acquired = acquire(p.type, effectiveBase);\n zIndex = acquired.zIndex;\n onCleanup(function releaseZIndex() {\n release(acquired.registryKey, acquired.offset);\n });\n }\n\n // Reactively manage scroll lock based on open state.\n // Track whether we've acquired the lock to avoid double-release.\n let scrollLockHeld = false;\n createEffect(\n on(\n () => p.open,\n open => {\n if (open) {\n if (p.blockScroll && !scrollLockHeld) {\n acquireScrollLock();\n scrollLockHeld = true;\n }\n p.onZIndex?.(zIndex);\n } else {\n if (p.blockScroll && scrollLockHeld) {\n releaseScrollLock();\n scrollLockHeld = false;\n }\n }\n },\n { defer: false },\n ),\n );\n onCleanup(function releaseScrollLockIfHeld() {\n if (p.blockScroll && scrollLockHeld) {\n releaseScrollLock();\n scrollLockHeld = false;\n }\n });\n\n const isContainer = CONTAINER_TYPES.has(p.type as ZIndexType);\n\n return (\n <Portal>\n <div\n class={cn(p.positioning === 'fixed' ? 'fixed' : 'absolute', p.class)}\n style={{ 'z-index': zIndex, display: p.open ? undefined : 'none', ...p.position }}\n >\n {isContainer ? (\n <ZIndexContext.Provider value={zIndex}>{innerProps.children}</ZIndexContext.Provider>\n ) : (\n innerProps.children\n )}\n </div>\n </Portal>\n );\n };\n\n return p.preRender ? (\n <PreRenderInner>{p.children}</PreRenderInner>\n ) : (\n <Show when={p.open}>\n <Inner>{p.children}</Inner>\n </Show>\n );\n};\n"],"mappings":"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"}

package/dist/components/z-index/z-index.store.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-index.store.js","names":[],"sources":["../../../src/components/z-index/z-index.store.ts"],"sourcesContent":["/**\n * Global z-index registry.\n *\n * Tracks occupied z-index slots using a composite key `type@baseIndex`.\n * This allows the same ZIndexType to have multiple independent slot pools\n * when different base indexes are used (e.g., DROPDOWN inside modal A vs modal B).\n * When a slot is released (component unmounts), it becomes available for reuse,\n * keeping z-index values compact instead of endlessly incrementing.\n */\nconst registry = new Map<string, Set<number>>();\n\nexport type AcquireResult = { zIndex: number; registryKey: string; offset: number };\n\n/** Acquire the lowest available z-index slot for the given type + base combination. */\nexport function acquire(type: string, baseIndex: number): AcquireResult {\n const registryKey = `${type}@${baseIndex}`;\n let slots = registry.get(registryKey);\n if (!slots) {\n slots = new Set();\n registry.set(registryKey, slots);\n }\n let offset = 0;\n while (slots.has(offset)) offset++;\n slots.add(offset);\n return { zIndex: baseIndex + offset, registryKey, offset };\n}\n\n/** Release a previously acquired slot back to the pool. */\nexport function release(registryKey: string, offset: number): void {\n const slots = registry.get(registryKey);\n if (!slots) return;\n slots.delete(offset);\n if (slots.size === 0) registry.delete(registryKey);\n}\n\n// ---------------------------------------------------------------------------\n// Scroll lock\n// ---------------------------------------------------------------------------\n\nlet scrollLockCount = 0;\nlet savedOverflow = '';\n\n/** Increment scroll lock counter. Locks body scroll on first call. */\nexport function acquireScrollLock(): void {\n if (scrollLockCount === 0) {\n savedOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n scrollLockCount++;\n}\n\n/** Decrement scroll lock counter. Restores body scroll when counter reaches 0. */\nexport function releaseScrollLock(): void {\n if (scrollLockCount <= 0) return;\n scrollLockCount--;\n if (scrollLockCount === 0) {\n document.body.style.overflow = savedOverflow;\n savedOverflow = '';\n }\n}\n"],"mappings":"AASA,IAAM,EAAW,IAAI,IAKrB,SAAgB,EAAQ,EAAc,EAAkC,CACtE,IAAM,EAAc,GAAG,EAAK,GAAG,IAC3B,EAAQ,EAAS,IAAI,EAAY,CAChC,IACH,EAAQ,IAAI,IACZ,EAAS,IAAI,EAAa,EAAM,EAElC,IAAI,EAAS,EACb,KAAO,EAAM,IAAI,EAAO,EAAE,IAE1B,OADA,EAAM,IAAI,EAAO,CACV,CAAE,OAAQ,EAAY,EAAQ,cAAa,SAAQ,CAI5D,SAAgB,EAAQ,EAAqB,EAAsB,CACjE,IAAM,EAAQ,EAAS,IAAI,EAAY,CAClC,IACL,EAAM,OAAO,EAAO,CAChB,EAAM,OAAS,GAAG,EAAS,OAAO,EAAY,EAOpD,IAAI,EAAkB,EAClB,EAAgB,GAGpB,SAAgB,GAA0B,CACpC,IAAoB,IACtB,EAAgB,SAAS,KAAK,MAAM,SACpC,SAAS,KAAK,MAAM,SAAW,UAEjC,IAIF,SAAgB,GAA0B,CACpC,GAAmB,IACvB,IACI,IAAoB,IACtB,SAAS,KAAK,MAAM,SAAW,EAC/B,EAAgB"}

package/dist/components/z-index/z-index.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-index.types.js","names":[],"sources":["../../../src/components/z-index/z-index.types.ts"],"sourcesContent":["import { JSX } from 'solid-js';\n\nexport enum ZIndexType {\n DROPDOWN = 'dropdown',\n MODAL = 'modal',\n TOOLTIP = 'tooltip',\n TOAST = 'toast',\n POPOVER = 'popover',\n OVERLAY = 'overlay',\n}\n\ntype TypeDefault = {\n type: ZIndexType;\n startIndex?: never;\n};\n\ntype CustomType = {\n type: string;\n startIndex: number;\n};\n\nexport type ZIndexProps = {\n /** Controls Portal mounting. When false, no DOM is rendered and no z-index slot is occupied. */\n open: boolean;\n /** CSS position type for the wrapper div. Defaults to 'fixed'. */\n positioning?: 'fixed' | 'absolute';\n /** Inline position styles (top, left, right, bottom, width, height, etc.). */\n position?: JSX.CSSProperties;\n /** Additional class for the wrapper div. */\n class?: string;\n /** Callback that receives the computed z-index when the Portal mounts. */\n onZIndex?: (zIndex: number) => void;\n /**\n * When true, blocks scroll on document.body while this layer is open.\n * Scroll inside children remains functional.\n * Multiple concurrent layers with blockScroll share a reference counter,\n * so body scroll is only restored when all of them are closed.\n * Defaults to false.\n */\n blockScroll?: boolean;\n /**\n * When provided, this value is used directly as the z-index without going\n * through the auto-allocation registry. No slot is acquired or released.\n * Takes precedence over the type-based computation and startIndex.\n */\n customValue?: number;\n /**\n * When true, the Portal is always mounted in the DOM regardless of `open`.\n * Visibility is controlled via CSS (display:none when closed).\n * Z-index slot and scroll lock are still only active when `open` is true.\n */\n preRender?: boolean;\n} & (TypeDefault | CustomType);\n"],"mappings":"AAEA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,SAAA,WACA,EAAA,MAAA,QACA,EAAA,QAAA,UACA,EAAA,MAAA,QACA,EAAA,QAAA,UACA,EAAA,QAAA,gBACD"}

package/dist/lib.d.ts CHANGED Viewed

@@ -9,7 +9,6 @@ export * from './components/chat-bubble';
 export * from './components/checkbox';
 export * from './components/collapse';
 export * from './components/context-menu';
-export * from './components/code-preview';
 export * from './components/diff';
 export * from './components/divider';
 export * from './components/drawer';

package/dist/lib.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG7D,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,~~2BAA2B,CAAC;AAC1C,cAAc,~~mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
1	+ {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG7D,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/lib.js ADDED Viewed

@@ -0,0 +1 @@

+ import{Avatar as e}from"./components/avatar/avatar.js";import{Badge as t}from"./components/badge/badge.js";import{Breadcrumb as n}from"./components/breadcrumb/breadcrumb.js";import{Button as r}from"./components/button/button.js";import{Carousel as i}from"./components/carousel/carousel.js";import{ChatBubble as a}from"./components/chat-bubble/chatBubble.js";import{Checkbox as o}from"./components/checkbox/checkbox.js";import{Collapse as s}from"./components/collapse/collapse.js";import{createContextMenuHandle as c}from"./components/context-menu/context-menu.store.js";import{ContextMenu as l}from"./components/context-menu/context-menu.js";import{Diff as u}from"./components/diff/diff.js";import{Divider as d}from"./components/divider/divider.js";import{ComponentDrawer as f,Drawer as p}from"./components/drawer/drawer.js";import{Dropdown as m}from"./components/dropdown/dropdown.js";import{FloatButton as h}from"./components/float-button/float-button.js";import{ImagePreview as g}from"./components/image-preview/image-preview.js";import{Hover3DImage as _}from"./components/hover-3d-image/hover-3d-image.js";import{Indicator as v}from"./components/indicator/indicator.js";import{Input as y}from"./components/input/input.js";import{Loading as b,Spinner as x}from"./components/loading/loading.js";import{Mansory as S}from"./components/mansory/mansory.js";import{Menu as C}from"./components/menu/menu.js";import{Modal as w}from"./components/modal/modal.js";import{closeAllModals as T,createModal as E}from"./components/modal/modalContext.js";import{Select as D}from"./components/select/select.js";import{Pagination as O}from"./components/pagination/pagination.js";import{progressBar as k}from"./components/progress-bar/progress-bar.js";import{QrCode as A}from"./components/qr-code/qr-code.js";import{Rating as j}from"./components/rating/rating.js";import{SelectZone as M,SelectZoneItem as N}from"./components/select-zone/select-zone.js";import{Skeleton as P}from"./components/skeleton/skeleton.js";import{Slider as F}from"./components/slider/slider.js";import{Splitter as I,SplitterPanel as L}from"./components/splitter/splitter.js";import{Steps as R}from"./components/steps/steps.js";import{Swap as z}from"./components/swap/swap.js";import{Switch as B}from"./components/switch/switch.js";import{Tooltip as V}from"./components/tooltip/tooltip.js";import{Tab as H}from"./components/tab/tab.js";import{Table as U}from"./components/table/table.js";import{createColumnHelper as W}from"./components/table/index.js";import{TextRotate as G}from"./components/text-rotate/text-rotate.js";import{Timeline as K}from"./components/timeline/timeline.js";import{Toaster as q,toast as J}from"./components/toast/toast.js";import{createTour as Y}from"./components/tour/tour.js";import{Upload as X}from"./components/upload/upload.js";export{e as Avatar,t as Badge,n as Breadcrumb,r as Button,i as Carousel,a as ChatBubble,o as Checkbox,s as Collapse,f as ComponentDrawer,l as ContextMenu,u as Diff,d as Divider,p as Drawer,m as Dropdown,h as FloatButton,_ as Hover3DImage,g as ImagePreview,v as Indicator,y as Input,b as Loading,S as Mansory,C as Menu,w as Modal,O as Pagination,A as QrCode,j as Rating,D as Select,M as SelectZone,N as SelectZoneItem,P as Skeleton,F as Slider,x as Spinner,I as Splitter,L as SplitterPanel,R as Steps,z as Swap,B as Switch,H as Tab,U as Table,G as TextRotate,K as Timeline,q as Toaster,V as Tooltip,X as Upload,T as closeAllModals,W as createColumnHelper,c as createContextMenuHandle,E as createModal,Y as createTour,k as progressBar,J as toast};