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/select/select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.js","names":["SolidComponent","cn","getColor","createVirtualizer","cva","VariantProps","Check","ChevronDown","Search","X","createEffect","createMemo","createSignal","For","mergeProps","on","Show","Component","JSXElement","Dropdown","FlattenOptionData","LabeledValue","OptGroupType","SelectBaseProps","SelectFieldNames","SelectOptionType","SelectProps","SelectValue","ShowSearchConfig","TagRenderProps","selectVariants","variants","variant","outline","filled","borderless","underlined","size","lg","md","sm","color","neutral","primary","secondary","accent","info","success","warning","error","SelectVariantsProps","SelectTagProps","tag","value","label","closable","removeIcon","tagRender","props","onRemove","e","MouseEvent","SelectTag","onClose","_el$","_tmpl$2","_el$2","firstChild","_$insert","Element","_$createComponent","when","children","_el$3","_tmpl$","$$click","_c$","_$memo","InnerTooltip","content","_el$4","_tmpl$3","_el$5","_el$6","resolveFieldNames","fn","options","groupLabel","getField","option","field","FlatOption","disabled","class","title","raw","flattenOptions","fieldNames","ReturnType","result","opt","subOptions","Array","isArray","sub","push","undefined","OptionGroup","items","regroupFlatOptions","flatOptions","groups","last","length","extractValue","v","extractValues","map","item","filter","x","single","Select","p","const","loading","placement","listHeight","virtual","defaultActiveFirstOption","notFoundContent","labelInValue","placeholder","blockScroll","isMultiple","mode","allowCustomValue","showSearchEnabled","showSearch","searchConfig","base","autoClearSearchValue","filterOption","optionFilterProp","internalValue","setInternalValue","defaultValue","isOpen","setIsOpen","defaultOpen","searchText","setSearchText","activeIndex","setActiveIndex","selectedValues","dropdownOpen","open","controlledSearchValue","cfg","searchValue","currentSearchText","inputRef","HTMLInputElement","selectRootRef","HTMLDivElement","triggerRef","listRef","setListRef","allFlatOptions","allOptionsWithCustom","flat","existingValues","Set","o","customOpts","val","has","String","optionMap","Map","set","filteredOptions","all","text","filtered","Function","filterProps","lowerText","toLowerCase","some","prop","includes","filterSort","sortFn","sort","a","b","groupedForRender","RenderItem","type","flatIdx","flatRenderList","group","ITEM_HEIGHT","GROUP_LABEL_HEIGHT","virtualizer","count","getScrollElement","estimateSize","index","overscan","selectedValuesSet","isSelected","isMaxReached","max","maxCount","suppressBlurUntil","openDropdown","performance","now","onOpenChange","closeDropdown","onSearch","toggleDropdown","buildOutputValue","values","get","buildOutputOption","handleSelect","optValue","rawOpt","current","newValues","deselectVal","onDeselect","selectVal","onSelect","onChange","handleClear","stopPropagation","preventDefault","onClear","handleRemoveTag","handleKeyDown","KeyboardEvent","onInputKeyDown","opts","key","next","onActive","scrollActiveIntoView","prev","idx","trim","focus","vals","list","renderIdx","findIndex","scrollToIndex","align","el","querySelectorAll","HTMLElement","scrollIntoView","block","scrollToFirstSelected","firstSelectedValue","querySelector","handleSearchInput","InputEvent","target","handleFocus","FocusEvent","scrollX","window","scrollY","restoreScroll","requestAnimationFrame","scrollTo","addEventListener","once","passive","setTimeout","removeEventListener","onFocus","handleBlur","related","relatedTarget","contains","closest","onBlur","selectedLabel","labelRender","TagInfo","visibleTags","visible","omitted","maxTagCount","maxTextLen","maxTagTextLength","tags","slice","showClear","allowClear","handleTriggerClick","findOptionIndex","EventTarget","dataset","optionIndex","Number","classList","parentElement","handleListClick","renderOptionItem","selected","isActive","isDisabledOpt","flattenData","optionRender","_el$7","_tmpl$5","_el$8","_$setAttribute","_el$9","_tmpl$4","_c$2","menuItemSelectedIcon","_$effect","_p$","_v$","_v$2","_$className","t","dropdownContent","renderList","_el$0","_tmpl$6","_el$1","_tmpl$7","_el$10","_$use","each","getVirtualItems","virtualRow","_el$11","_tmpl$8","_c$3","_el$12","_tmpl$9","_v$6","_v$7","start","_$setStyleProperty","_v$3","_v$4","_v$5","getTotalSize","_el$13","_tmpl$0","_el$14","_$p","renderTag","measure","queueMicrotask","preventScroll","ref","position","trigger","triggerElement","_el$18","_tmpl$17","_el$20","_el$24","nextSibling","$$keydown","prefix","_el$19","_tmpl$11","fallback","_el$27","_tmpl$19","_el$29","_tmpl$13","_el$28","_tmpl$18","_el$21","_tmpl$14","_el$22","_tmpl$12","maxTagPlaceholder","omittedValues","_el$23","_el$25","_tmpl$15","_tmpl$20","_el$26","_tmpl$16","_c$5","suffixIcon","_v$0","root","_v$1","_v$10","_el$15","_tmpl$10","$$mousedown","tagName","_el$16","_tmpl$1","_el$17","$$input","_v$8","_v$9","_c$4","popupRender","_$delegateEvents"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import type { SolidComponent } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport { createVirtualizer } from '@tanstack/solid-virtual';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport Check from 'lucide-solid/icons/check';\nimport ChevronDown from 'lucide-solid/icons/chevron-down';\nimport Search from 'lucide-solid/icons/search';\nimport X from 'lucide-solid/icons/x';\nimport {\n createEffect,\n createMemo,\n createSignal,\n For,\n mergeProps,\n on,\n Show,\n type Component,\n type JSXElement,\n} from 'solid-js';\nimport { Dropdown } from '../dropdown';\nimport type {\n FlattenOptionData,\n LabeledValue,\n OptGroupType,\n SelectBaseProps,\n SelectFieldNames,\n SelectOptionType,\n SelectProps,\n SelectValue,\n ShowSearchConfig,\n TagRenderProps,\n} from './select.types';\n\nconst selectVariants = cva('sel01', {\n variants: {\n variant: {\n outline: 'sel07',\n filled: 'sel09',\n borderless: 'sel08',\n underlined: 'sel10',\n },\n size: {\n lg: 'sel06',\n md: 'sel05',\n sm: 'sel04',\n },\n color: {\n neutral: 'input-neutral',\n primary: 'input-primary',\n secondary: 'input-secondary',\n accent: 'input-accent',\n info: 'input-info',\n success: 'input-success',\n warning: 'input-warning',\n error: 'input-error',\n },\n },\n});\nexport type SelectVariantsProps = VariantProps<typeof selectVariants>;\n\ntype SelectTagProps = {\n tag: { value: string | number; label: SolidComponent; closable: boolean };\n removeIcon?: JSXElement;\n tagRender?: (props: TagRenderProps) => JSXElement;\n onRemove: (value: string | number, e: MouseEvent) => void;\n};\n\nconst SelectTag: Component<SelectTagProps> = props => {\n if (props.tagRender) {\n return props.tagRender({\n label: props.tag.label,\n value: props.tag.value,\n closable: props.tag.closable,\n onClose: () => props.onRemove(props.tag.value, new MouseEvent('click')),\n }) as JSXElement;\n }\n\n return (\n <span class=\"sel17\">\n <span class=\"sel18\">{props.tag.label as Element}</span>\n <Show when={props.tag.closable}>\n <span class=\"sel19\" onClick={e => props.onRemove(props.tag.value, e)}>\n {props.removeIcon ? (\n (props.removeIcon as Element)\n ) : (\n <X class=\"m-auto\" size={12} stroke-width={3} />\n )}\n </span>\n </Show>\n </span>\n );\n};\n\nconst InnerTooltip: Component<{ content: JSXElement; children: JSXElement }> = props => {\n return (\n <span class=\"sel42\">\n {props.children}\n <span class=\"sel43\">\n <span class=\"sel44\">{props.content}</span>\n </span>\n </span>\n );\n};\n\nfunction resolveFieldNames(fn?: SelectFieldNames) {\n return {\n label: fn?.label ?? 'label',\n value: fn?.value ?? 'value',\n options: fn?.options ?? 'options',\n groupLabel: fn?.groupLabel ?? 'label',\n };\n}\n\nfunction getField(option: any, field: string): any {\n return option?.[field];\n}\n\ninterface FlatOption {\n label: SolidComponent;\n value: string | number;\n disabled?: boolean;\n class?: string;\n title?: string;\n groupLabel?: SolidComponent;\n raw: any;\n}\n\nfunction flattenOptions(\n options: (SelectOptionType | OptGroupType)[] | undefined,\n fieldNames: ReturnType<typeof resolveFieldNames>,\n): FlatOption[] {\n if (!options) return [];\n const result: FlatOption[] = [];\n for (const opt of options) {\n const subOptions = getField(opt, fieldNames.options) as SelectOptionType[] | undefined;\n if (subOptions && Array.isArray(subOptions)) {\n const groupLabel = getField(opt, fieldNames.groupLabel) as SolidComponent;\n for (const sub of subOptions) {\n result.push({\n label: getField(sub, fieldNames.label) as SolidComponent,\n value: getField(sub, fieldNames.value) as string | number,\n disabled: sub.disabled,\n class: sub.class,\n title: sub.title,\n groupLabel,\n raw: sub,\n });\n }\n } else {\n result.push({\n label: getField(opt, fieldNames.label) as SolidComponent,\n value: getField(opt, fieldNames.value) as string | number,\n disabled: (opt as SelectOptionType).disabled,\n class: (opt as SelectOptionType).class,\n title: (opt as SelectOptionType).title,\n groupLabel: undefined,\n raw: opt,\n });\n }\n }\n return result;\n}\n\ninterface OptionGroup {\n groupLabel?: SolidComponent;\n items: FlatOption[];\n}\n\nfunction regroupFlatOptions(flatOptions: FlatOption[]): OptionGroup[] {\n const groups: OptionGroup[] = [];\n for (const opt of flatOptions) {\n const last = groups[groups.length - 1];\n if (last && last.groupLabel === opt.groupLabel) {\n last.items.push(opt);\n } else {\n groups.push({ groupLabel: opt.groupLabel, items: [opt] });\n }\n }\n return groups;\n}\n\nfunction extractValue(v: string | number | LabeledValue | undefined): string | number | undefined {\n if (v === undefined || v === null) return undefined;\n if (typeof v === 'object' && 'value' in v) return v.value;\n return v as string | number;\n}\n\nfunction extractValues(\n v: string | string[] | number | number[] | LabeledValue | LabeledValue[] | undefined,\n): (string | number)[] {\n if (v === undefined || v === null) return [];\n if (Array.isArray(v)) {\n return v.map(item => extractValue(item)!).filter(x => x !== undefined);\n }\n const single = extractValue(v as string | number | LabeledValue);\n return single !== undefined ? [single] : [];\n}\n\nexport const Select: Component<SelectProps> = p => {\n p = mergeProps(\n {\n color: 'error' as const,\n size: 'md' as const,\n variant: 'outline' as const,\n disabled: false,\n loading: false,\n placement: 'bottom' as const,\n listHeight: 256,\n virtual: false,\n defaultActiveFirstOption: false,\n notFoundContent: 'Not Found' as SolidComponent,\n labelInValue: false,\n placeholder: 'Select...',\n blockScroll: true,\n } as SelectBaseProps,\n p,\n );\n\n const fieldNames = createMemo(() => resolveFieldNames(p.fieldNames));\n\n const isMultiple = createMemo(() => p.mode === 'multiple');\n const allowCustomValue = createMemo(() => isMultiple() && !!(p as any).allowCustomValue);\n\n const showSearchEnabled = createMemo(() => {\n if (typeof p.showSearch === 'boolean') return p.showSearch;\n if (typeof p.showSearch === 'object') return true;\n\n return isMultiple();\n });\n\n const searchConfig = createMemo((): ShowSearchConfig => {\n const base: ShowSearchConfig = {\n autoClearSearchValue: true,\n filterOption: true,\n optionFilterProp: 'value',\n };\n if (typeof p.showSearch === 'object') {\n return { ...base, ...p.showSearch };\n }\n return base;\n });\n\n const [internalValue, setInternalValue] = createSignal<(string | number)[]>(\n extractValues(p.defaultValue),\n );\n const [isOpen, setIsOpen] = createSignal(p.defaultOpen ?? false);\n const [searchText, setSearchText] = createSignal('');\n const [activeIndex, setActiveIndex] = createSignal(-1);\n\n const selectedValues = createMemo(() => {\n if (p.value !== undefined) {\n return extractValues(p.value);\n }\n return internalValue();\n });\n\n const dropdownOpen = createMemo(() => {\n if (p.open !== undefined) {\n return p.open as boolean;\n }\n return isOpen();\n });\n\n const controlledSearchValue = createMemo(() => {\n const cfg = searchConfig();\n if (cfg.searchValue !== undefined) return cfg.searchValue;\n return undefined;\n });\n\n const currentSearchText = createMemo(() => {\n return controlledSearchValue() ?? searchText();\n });\n\n let inputRef: HTMLInputElement | undefined;\n let selectRootRef: HTMLDivElement | undefined;\n let triggerRef: HTMLDivElement | undefined;\n const [listRef, setListRef] = createSignal<HTMLDivElement | null>(null);\n\n const allFlatOptions = createMemo(() => flattenOptions(p.options, fieldNames()));\n\n const allOptionsWithCustom = createMemo(() => {\n const flat = allFlatOptions();\n if (!allowCustomValue()) return flat;\n const existingValues = new Set(flat.map(o => o.value));\n const customOpts: FlatOption[] = [];\n for (const val of selectedValues()) {\n if (!existingValues.has(val)) {\n customOpts.push({\n label: String(val),\n value: val,\n disabled: false,\n class: undefined,\n title: undefined,\n groupLabel: undefined,\n raw: { label: String(val), value: val },\n });\n }\n }\n return [...flat, ...customOpts];\n });\n\n const optionMap = createMemo(() => {\n const map = new Map<string | number, FlatOption>();\n for (const opt of allOptionsWithCustom()) {\n map.set(opt.value, opt);\n }\n return map;\n });\n\n const filteredOptions = createMemo(() => {\n const all = allOptionsWithCustom();\n const text = currentSearchText();\n if (!text || !showSearchEnabled()) return all;\n\n const cfg = searchConfig();\n if (cfg.filterOption === false) return all;\n\n let filtered: FlatOption[];\n if (typeof cfg.filterOption === 'function') {\n filtered = all.filter(opt =>\n (cfg.filterOption as Function)(text, opt.raw as SelectOptionType),\n );\n } else {\n const filterProps = Array.isArray(cfg.optionFilterProp)\n ? cfg.optionFilterProp\n : [cfg.optionFilterProp ?? 'value'];\n const lowerText = text.toLowerCase();\n filtered = all.filter(opt => {\n return filterProps.some(prop => {\n const val = getField(opt.raw, prop) ?? (prop === 'label' ? opt.label : opt.value);\n return String(val ?? '')\n .toLowerCase()\n .includes(lowerText);\n });\n });\n }\n\n if (cfg.filterSort) {\n const sortFn = cfg.filterSort;\n filtered.sort((a, b) =>\n sortFn(a.raw as SelectOptionType, b.raw as SelectOptionType, { searchValue: text }),\n );\n }\n\n return filtered;\n });\n\n const groupedForRender = createMemo(() => {\n const text = currentSearchText();\n if (text && showSearchEnabled()) {\n return [{ groupLabel: undefined, items: filteredOptions() }] as OptionGroup[];\n }\n return regroupFlatOptions(allOptionsWithCustom());\n });\n\n type RenderItem =\n | { type: 'group'; groupLabel: SolidComponent }\n | { type: 'option'; option: FlatOption; flatIdx: number };\n\n const flatRenderList = createMemo((): RenderItem[] => {\n const groups = groupedForRender();\n const result: RenderItem[] = [];\n let flatIdx = 0;\n for (const group of groups) {\n if (group.groupLabel !== undefined) {\n result.push({ type: 'group', groupLabel: group.groupLabel });\n }\n for (const item of group.items) {\n result.push({ type: 'option', option: item, flatIdx });\n flatIdx++;\n }\n }\n return result;\n });\n\n const ITEM_HEIGHT = 32;\n const GROUP_LABEL_HEIGHT = 28;\n\n const virtualizer = createVirtualizer({\n get count() {\n return flatRenderList().length;\n },\n getScrollElement: () => listRef(),\n estimateSize: (index: number) => {\n const item = flatRenderList()[index];\n return item?.type === 'group' ? GROUP_LABEL_HEIGHT : ITEM_HEIGHT;\n },\n overscan: 2,\n });\n\n const selectedValuesSet = createMemo(() => new Set(selectedValues()));\n\n const isSelected = (val: string | number) => {\n return selectedValuesSet().has(val);\n };\n\n const isMaxReached = createMemo(() => {\n if (!isMultiple()) return false;\n const max = p.maxCount as number | undefined;\n if (max === undefined) return false;\n return selectedValues().length >= max;\n });\n\n // Set for a brief window after openDropdown() to suppress spurious focusout events\n // that fire when SolidJS re-renders the DOM (inserting dropdown content causes\n // the focused trigger div to receive a focusout with relatedTarget=null before\n // the search input is mounted and re-focused via queueMicrotask).\n let suppressBlurUntil = 0;\n\n const openDropdown = () => {\n if (p.disabled) return;\n suppressBlurUntil = performance.now() + 150;\n if (p.open === undefined) {\n setIsOpen(true);\n }\n p.onOpenChange?.(true);\n };\n\n const closeDropdown = () => {\n if (p.open === undefined) {\n setIsOpen(false);\n }\n setListRef(null);\n p.onOpenChange?.(false);\n\n if (showSearchEnabled()) {\n setSearchText('');\n searchConfig().onSearch?.('');\n }\n };\n\n const toggleDropdown = () => {\n if (dropdownOpen()) {\n closeDropdown();\n } else {\n openDropdown();\n }\n };\n\n const buildOutputValue = (values: (string | number)[]): SelectValue => {\n const map = optionMap();\n if (isMultiple()) {\n if (p.labelInValue) {\n return values.map(v => {\n const opt = map.get(v);\n return {\n value: v,\n label: opt?.label ?? String(v),\n } as LabeledValue;\n });\n }\n return values as string[] | number[];\n }\n\n const val = values[0];\n if (val === undefined) return undefined as any;\n if (p.labelInValue) {\n const opt = map.get(val);\n return {\n value: val,\n label: opt?.label ?? String(val),\n } as LabeledValue;\n }\n return val;\n };\n\n const buildOutputOption = (\n values: (string | number)[],\n ): SelectOptionType | SelectOptionType[] => {\n const map = optionMap();\n if (isMultiple()) {\n return values.map(v => {\n const opt = map.get(v);\n return (opt?.raw as SelectOptionType) ?? { value: v, label: String(v) };\n });\n }\n const val = values[0];\n const opt = map.get(val);\n return (opt?.raw as SelectOptionType) ?? { value: val, label: String(val) };\n };\n\n const handleSelect = (optValue: string | number) => {\n const opt = optionMap().get(optValue);\n const rawOpt = (opt?.raw as SelectOptionType) ?? {\n value: optValue,\n label: String(optValue),\n };\n\n if (isMultiple()) {\n const current = selectedValues();\n let newValues: (string | number)[];\n\n if (current.includes(optValue)) {\n newValues = current.filter(v => v !== optValue);\n const deselectVal = p.labelInValue\n ? ({ value: optValue, label: opt?.label ?? String(optValue) } as LabeledValue)\n : optValue;\n p.onDeselect?.(deselectVal);\n } else {\n if (isMaxReached()) return;\n newValues = [...current, optValue];\n const selectVal = p.labelInValue\n ? ({ value: optValue, label: opt?.label ?? String(optValue) } as LabeledValue)\n : optValue;\n p.onSelect?.(selectVal, rawOpt);\n }\n\n if (p.value === undefined) {\n setInternalValue(newValues);\n }\n p.onChange?.(buildOutputValue(newValues), buildOutputOption(newValues));\n\n if (searchConfig().autoClearSearchValue !== false) {\n setSearchText('');\n searchConfig().onSearch?.('');\n }\n } else {\n const newValues = [optValue];\n const selectVal = p.labelInValue\n ? ({ value: optValue, label: opt?.label ?? String(optValue) } as LabeledValue)\n : optValue;\n p.onSelect?.(selectVal, rawOpt);\n\n if (p.value === undefined) {\n setInternalValue(newValues);\n }\n p.onChange?.(buildOutputValue(newValues), buildOutputOption(newValues));\n closeDropdown();\n setSearchText('');\n }\n };\n\n const handleClear = (e: MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n if (p.value === undefined) {\n setInternalValue([]);\n }\n p.onClear?.();\n p.onChange?.(isMultiple() ? [] : (undefined as any), isMultiple() ? [] : (undefined as any));\n setSearchText('');\n };\n\n const handleRemoveTag = (val: string | number, e?: MouseEvent) => {\n e?.stopPropagation();\n e?.preventDefault();\n const current = selectedValues();\n const newValues = current.filter(v => v !== val);\n\n const opt = optionMap().get(val);\n const deselectVal = p.labelInValue\n ? ({ value: val, label: opt?.label ?? String(val) } as LabeledValue)\n : val;\n p.onDeselect?.(deselectVal);\n\n if (p.value === undefined) {\n setInternalValue(newValues);\n }\n p.onChange?.(buildOutputValue(newValues), buildOutputOption(newValues));\n };\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (p.disabled) return;\n p.onInputKeyDown?.(e);\n\n const opts = filteredOptions();\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n if (!dropdownOpen()) {\n openDropdown();\n return;\n }\n let next = activeIndex() + 1;\n while (next < opts.length) {\n const opt = opts[next];\n if (!opt.disabled && (!isMaxReached() || isSelected(opt.value))) {\n break;\n }\n next++;\n }\n if (next < opts.length) {\n setActiveIndex(next);\n const val = p.labelInValue\n ? ({ value: opts[next].value, label: opts[next].label } as LabeledValue)\n : opts[next].value;\n p.onActive?.(val);\n scrollActiveIntoView(next);\n }\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n if (!dropdownOpen()) {\n openDropdown();\n return;\n }\n let prev = activeIndex() === -1 ? opts.length - 1 : activeIndex() - 1;\n while (prev >= 0) {\n const opt = opts[prev];\n if (!opt.disabled && (!isMaxReached() || isSelected(opt.value))) {\n break;\n }\n prev--;\n }\n if (prev >= 0) {\n setActiveIndex(prev);\n const val = p.labelInValue\n ? ({ value: opts[prev].value, label: opts[prev].label } as LabeledValue)\n : opts[prev].value;\n p.onActive?.(val);\n scrollActiveIntoView(prev);\n }\n break;\n }\n case 'Enter':\n case ' ': {\n e.preventDefault();\n if (!dropdownOpen()) {\n openDropdown();\n return;\n }\n if (e.key === ' ' && showSearchEnabled()) break;\n const idx = activeIndex();\n if (idx >= 0 && idx < opts.length) {\n const opt = opts[idx];\n if (!opt.disabled) {\n handleSelect(opt.value);\n }\n } else if (allowCustomValue() && currentSearchText().trim()) {\n const tag = currentSearchText().trim();\n handleSelect(tag);\n }\n break;\n }\n case 'Escape': {\n e.preventDefault();\n closeDropdown();\n triggerRef?.focus();\n break;\n }\n case 'Backspace': {\n if (isMultiple() && currentSearchText() === '') {\n const vals = selectedValues();\n if (vals.length > 0) {\n handleRemoveTag(vals[vals.length - 1]);\n }\n }\n break;\n }\n case 'Tab': {\n closeDropdown();\n break;\n }\n }\n };\n\n const scrollActiveIntoView = (flatIdx: number) => {\n if (p.virtual) {\n const list = flatRenderList();\n const renderIdx = list.findIndex(item => item.type === 'option' && item.flatIdx === flatIdx);\n if (renderIdx >= 0) {\n virtualizer.scrollToIndex(renderIdx, { align: 'auto' });\n }\n return;\n }\n\n const el = listRef();\n if (!el) return;\n const items = el.querySelectorAll('[data-option-index]');\n const item = items[flatIdx] as HTMLElement | undefined;\n if (item) {\n item.scrollIntoView({ block: 'nearest' });\n }\n };\n\n const scrollToFirstSelected = () => {\n const vals = selectedValues();\n if (vals.length === 0) return;\n\n const firstSelectedValue = vals[0];\n const opts = filteredOptions();\n const flatIdx = opts.findIndex(o => o.value === firstSelectedValue);\n if (flatIdx < 0) return;\n\n if (p.virtual) {\n const list = flatRenderList();\n const renderIdx = list.findIndex(item => item.type === 'option' && item.flatIdx === flatIdx);\n if (renderIdx >= 0) {\n virtualizer.scrollToIndex(renderIdx, { align: 'start' });\n }\n } else {\n const el = listRef();\n if (!el) return;\n const item = el.querySelector(`[data-option-index=\"${flatIdx}\"]`) as HTMLElement | null;\n if (item) {\n item.scrollIntoView({ block: 'nearest' });\n }\n }\n };\n\n const handleSearchInput = (e: InputEvent) => {\n const target = e.target as HTMLInputElement;\n const val = target.value;\n\n if (controlledSearchValue() === undefined) {\n setSearchText(val);\n }\n searchConfig().onSearch?.(val);\n\n if (!dropdownOpen()) {\n openDropdown();\n }\n };\n\n const handleFocus = (e: FocusEvent) => {\n // Only fix scroll when the trigger div (not the search input) receives focus.\n // The trigger div has offsetTop=0 relative to .dropdown (position:relative), which\n // causes Chromium to scroll the page to 0 when focusing it (a browser quirk).\n // We listen for the next scroll event and immediately restore the position.\n if (e.target === triggerRef) {\n const scrollX = window.scrollX;\n const scrollY = window.scrollY;\n // Chromium scrolls the page when focusing triggerRef because its offsetTop=0\n // relative to the .dropdown positioned parent (a browser quirk). We restore after\n // the focus-scroll completes by waiting for the scroll event, then deferring one rAF\n // so the browser's internal focus-scroll is truly done before we override it.\n const restoreScroll = () =>\n requestAnimationFrame(() => requestAnimationFrame(() => window.scrollTo(scrollX, scrollY)));\n window.addEventListener('scroll', restoreScroll, { once: true, passive: false });\n setTimeout(() => window.removeEventListener('scroll', restoreScroll), 200);\n }\n p.onFocus?.(e);\n };\n\n const handleBlur = (e: FocusEvent) => {\n const related = e.relatedTarget as HTMLElement | null;\n if (related && selectRootRef?.contains(related)) return;\n if (related?.closest('.nd-content')) return;\n // Suppress spurious focusout that fires immediately after openDropdown() while\n // SolidJS is re-rendering the DOM (before the search input is mounted and focused).\n if (performance.now() < suppressBlurUntil) return;\n p.onBlur?.(e);\n closeDropdown();\n };\n\n const selectedLabel = createMemo((): JSXElement => {\n if (isMultiple()) return null;\n const vals = selectedValues();\n if (vals.length === 0) return null;\n const val = vals[0];\n const opt = optionMap().get(val);\n\n if (p.labelRender) {\n return p.labelRender({\n value: val,\n label: opt?.label ?? String(val),\n key: String(val),\n });\n }\n\n return (opt?.label as Element) ?? String(val);\n });\n\n interface TagInfo {\n value: string | number;\n label: SolidComponent;\n closable: boolean;\n }\n const visibleTags = createMemo((): { visible: TagInfo[]; omitted: TagInfo[] } => {\n if (!isMultiple()) return { visible: [], omitted: [] };\n const vals = selectedValues();\n const map = optionMap();\n const maxTagCount = p.maxTagCount as number | 'responsive' | undefined;\n const maxTextLen = p.maxTagTextLength as number | undefined;\n\n const tags: TagInfo[] = vals.map(val => {\n const opt = map.get(val);\n let label: SolidComponent = opt?.label ?? String(val);\n if (maxTextLen && typeof label === 'string' && label.length > maxTextLen) {\n label = label.slice(0, maxTextLen) + '...';\n }\n return { value: val, label, closable: !p.disabled };\n });\n\n if (typeof maxTagCount === 'number' && tags.length > maxTagCount) {\n return { visible: tags.slice(0, maxTagCount), omitted: tags.slice(maxTagCount) };\n }\n\n return { visible: tags, omitted: [] };\n });\n\n const showClear = createMemo(() => {\n if (!p.allowClear) return false;\n if (p.disabled) return false;\n return selectedValues().length > 0;\n });\n\n const handleTriggerClick = (e: MouseEvent) => {\n if (p.disabled || p.loading) return;\n e.preventDefault();\n toggleDropdown();\n };\n\n const findOptionIndex = (target: EventTarget | null): number | null => {\n let el = target as HTMLElement | null;\n while (el) {\n const idx = el.dataset?.optionIndex;\n if (idx !== undefined) return Number(idx);\n\n if (el.classList?.contains('sel30')) return null;\n el = el.parentElement;\n }\n return null;\n };\n\n const handleListClick = (e: MouseEvent) => {\n const flatIdx = findOptionIndex(e.target);\n if (flatIdx === null) return;\n const opts = filteredOptions();\n const opt = opts[flatIdx];\n if (!opt || opt.disabled || (isMaxReached() && !isSelected(opt.value))) return;\n // In multiple mode, selecting an option re-renders the tag list (DOM mutation)\n // which can cause a spurious focusout. Suppress blur handling briefly.\n if (isMultiple()) suppressBlurUntil = performance.now() + 150;\n handleSelect(opt.value);\n };\n\n const renderOptionItem = (opt: FlatOption, flatIdx: number) => {\n const selected = () => isSelected(opt.value);\n const isActive = () => activeIndex() === flatIdx;\n const isDisabledOpt = () => opt.disabled || (isMaxReached() && !selected());\n\n const flattenData: FlattenOptionData = {\n label: opt.label,\n value: opt.value,\n disabled: opt.disabled,\n key: opt.value,\n groupLabel: opt.groupLabel,\n };\n\n const content = p.optionRender\n ? p.optionRender(flattenData, { index: flatIdx })\n : (opt.label as Element);\n\n return (\n <div\n data-option-index={flatIdx}\n class={cn(\n 'sel31',\n selected() && 'sel33',\n isActive() && 'sel32',\n isDisabledOpt() && 'sel34',\n opt.groupLabel !== undefined && 'sel38',\n opt.class,\n )}\n title={opt.title}\n >\n <span class=\"sel35\">{content}</span>\n <Show when={selected()}>\n <span class=\"sel36\">\n {p.menuItemSelectedIcon ? (\n (p.menuItemSelectedIcon as Element)\n ) : (\n <Check size={14} color=\"var(--color)\" stroke-width={3} />\n )}\n </span>\n </Show>\n </div>\n );\n };\n\n const dropdownContent = () => {\n const renderList = flatRenderList();\n\n if (renderList.length === 0) {\n return <div class=\"sel39\">{p.notFoundContent as Element}</div>;\n }\n\n if (p.virtual) {\n return (\n <div\n ref={el => {\n requestAnimationFrame(() => setListRef(el));\n }}\n class={cn('sel30', getColor(p.color))}\n style={{ 'max-height': `${p.listHeight}px`, 'overflow-y': 'auto' }}\n onClick={handleListClick}\n >\n <div\n style={{\n height: `${virtualizer.getTotalSize()}px`,\n width: '100%',\n position: 'relative',\n }}\n >\n <For each={virtualizer.getVirtualItems()}>\n {virtualRow => {\n const item = renderList[virtualRow.index];\n return (\n <div\n data-index={virtualRow.index}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n {item.type === 'group' ? (\n <div class=\"sel37\">{item.groupLabel as Element}</div>\n ) : (\n renderOptionItem(item.option, item.flatIdx)\n )}\n </div>\n );\n }}\n </For>\n </div>\n </div>\n );\n }\n\n return (\n <div\n ref={el => setListRef(el)}\n class=\"sel30\"\n style={{ 'max-height': `${p.listHeight}px` }}\n onClick={handleListClick}\n >\n <For each={renderList}>\n {item =>\n item.type === 'group' ? (\n <div class=\"sel37\">{item.groupLabel as Element}</div>\n ) : (\n renderOptionItem(item.option, item.flatIdx)\n )\n }\n </For>\n </div>\n );\n };\n\n const renderTag = (tag: { value: string | number; label: SolidComponent; closable: boolean }) => (\n <SelectTag\n tag={tag}\n removeIcon={p.removeIcon as JSXElement}\n tagRender={p.tagRender as ((props: TagRenderProps) => JSXElement) | undefined}\n onRemove={handleRemoveTag}\n />\n );\n\n createEffect(\n on(dropdownOpen, open => {\n if (open && p.defaultActiveFirstOption) {\n const opts = filteredOptions();\n const idx = opts.findIndex(o => !o.disabled && (!isMaxReached() || isSelected(o.value)));\n setActiveIndex(idx >= 0 ? idx : -1);\n }\n if (!open) {\n setActiveIndex(-1);\n }\n }),\n );\n\n createEffect(\n on(\n () => currentSearchText(),\n () => {\n if (dropdownOpen() && p.defaultActiveFirstOption) {\n const opts = filteredOptions();\n const idx = opts.findIndex(o => !o.disabled && (!isMaxReached() || isSelected(o.value)));\n setActiveIndex(idx >= 0 ? idx : -1);\n }\n },\n ),\n );\n\n createEffect(\n on(listRef, el => {\n if (el && dropdownOpen()) {\n requestAnimationFrame(() => {\n if (p.virtual) virtualizer.measure();\n scrollToFirstSelected();\n });\n }\n }),\n );\n\n createEffect(\n on(\n () => dropdownOpen(),\n open => {\n if (open && showSearchEnabled()) {\n queueMicrotask(() => inputRef?.focus({ preventScroll: true }));\n }\n },\n ),\n );\n\n return (\n <Dropdown\n ref={el => (selectRootRef = el)}\n open={dropdownOpen()}\n blockScroll={p.blockScroll}\n position={p.placement === 'top' ? 'top' : 'bottom'}\n class={{\n trigger: `${p.disabled ? 'pointer-events-none' : ''} w-full`,\n content: cn(\n 'border-c3 bg-base-100 rounded-box menu p-0',\n p.placement === 'bottom' ? 'mt-1 shadow-md' : 'shadow-md-top mb-1',\n p.class?.dropdownContent,\n ),\n }}\n triggerElement={\n <div\n ref={el => (triggerRef = el)}\n class={cn(\n selectVariants({ size: p.size, variant: p.variant }),\n getColor(p.color),\n dropdownOpen() && 'sel41 sel02',\n isMultiple() && 'sel40',\n p.class?.root,\n p.disabled && 'sel03',\n )}\n tabIndex={p.disabled ? -1 : 0}\n onClick={handleTriggerClick}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n role=\"combobox\"\n aria-expanded={dropdownOpen()}\n aria-haspopup=\"listbox\"\n >\n <Show when={p.prefix}>\n <span class=\"sel11\">{p.prefix as Element}</span>\n </Show>\n\n <div class=\"sel12\">\n <Show\n when={isMultiple()}\n fallback={\n <div class=\"sel13\">\n <Show\n when={selectedValues().length > 0}\n fallback={\n <span\n class=\"sel15\"\n style={{\n visibility: currentSearchText() ? 'hidden' : undefined,\n }}\n >\n {p.placeholder}\n </span>\n }\n >\n <span\n class=\"sel14\"\n style={{\n visibility:\n currentSearchText() && showSearchEnabled() ? 'hidden' : undefined,\n }}\n >\n {selectedLabel()}\n </span>\n </Show>\n </div>\n }\n >\n <div class=\"sel16\">\n <For each={visibleTags().visible}>{tag => renderTag(tag)}</For>\n\n <Show when={visibleTags().omitted.length > 0}>\n <InnerTooltip\n content={\n <For each={visibleTags().omitted}>\n {tag => (\n <SelectTag\n tag={tag}\n removeIcon={p.removeIcon as JSXElement}\n tagRender={\n p.tagRender as ((props: TagRenderProps) => JSXElement) | undefined\n }\n onRemove={handleRemoveTag}\n />\n )}\n </For>\n }\n >\n <span class=\"sel17 sel20\">\n {(() => {\n const placeholder = p.maxTagPlaceholder;\n if (typeof placeholder === 'function') {\n const omittedValues = visibleTags().omitted.map(t => ({\n value: t.value,\n label: t.label,\n })) as LabeledValue[];\n return placeholder(omittedValues) as Element;\n }\n if (placeholder) return placeholder;\n return `+${visibleTags().omitted.length} more...`;\n })()}\n </span>\n </InnerTooltip>\n </Show>\n\n <Show when={selectedValues().length === 0}>\n <span class=\"sel15\">{p.placeholder}</span>\n </Show>\n </div>\n </Show>\n </div>\n\n <div class=\"sel22\">\n <Show when={showClear()}>\n <span class=\"sel26\" onClick={handleClear}>\n <X class=\"m-auto\" size={14} />\n </span>\n </Show>\n <Show when={!p.loading} fallback={<span class=\"sel25\"></span>}>\n <span class={cn('sel23', dropdownOpen() && 'sel24')}>\n {p.suffixIcon ? (p.suffixIcon as Element) : <ChevronDown size={16} />}\n </span>\n </Show>\n </div>\n </div>\n }\n >\n <div\n role=\"listbox\"\n class={getColor(p.color)}\n onMouseDown={e => {\n if ((e.target as HTMLElement)?.tagName !== 'INPUT') {\n e.preventDefault();\n }\n }}\n >\n <Show when={showSearchEnabled()}>\n <div class=\"flex items-center px-3 shadow-2xs\">\n <Search size={14} />\n <input\n ref={ref => (inputRef = ref)}\n class=\"sel29\"\n value={currentSearchText()}\n onInput={handleSearchInput}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n disabled={p.disabled}\n autocomplete=\"off\"\n role=\"combobox\"\n aria-expanded={dropdownOpen()}\n aria-haspopup=\"listbox\"\n aria-autocomplete=\"list\"\n placeholder=\"Search...\"\n />\n </div>\n </Show>\n {p.popupRender ? p.popupRender(dropdownContent()) : dropdownContent()}\n </div>\n </Dropdown>\n );\n};\n"],"mappings":"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"}

package/dist/components/select-zone/select-zone.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select-zone.js","names":["Component","createContext","createEffect","createSignal","mergeProps","onCleanup","useContext","Portal","cn","SelectZoneItemProps","SelectZoneProps","SelectZoneContextValue","registerItem","key","el","HTMLElement","unregisterItem","isSelected","SelectZoneContext","DEFAULT_PROPS","additive","scrollThreshold","scrollSpeed","disabled","SelectZone","props","p","itemMap","Map","selectedKeys","setSelectedKeys","Set","overlayRect","setOverlayRect","x","y","w","h","rootEl","HTMLDivElement","intersects","selLeft","selTop","selRight","selBottom","r","getBoundingClientRect","docLeft","left","window","scrollX","docTop","top","scrollY","docRight","right","docBottom","bottom","computeSelection","startPageX","startPageY","currPageX","currPageY","Math","min","max","hit","forEach","checkItem","add","isDragging","isAdditive","prevKeys","rafId","lastClientX","lastClientY","scrollLoop","threshold","speed","vw","innerWidth","vh","innerHeight","cx","cy","dx","dy","scrollBy","updateOverlay","requestAnimationFrame","currClientX","currClientY","abs","next","k","has","delete","onMouseDown","e","MouseEvent","button","target","closest","clientX","clientY","shiftKey","ctrlKey","metaKey","document","addEventListener","onMouseMove","onMouseUp","removeEventListener","cancelAnimationFrame","onSelect","item","contextValue","set","syncControlledValue","v","value","undefined","mountListeners","unmountListeners","_$createComponent","Provider","children","_el$","_tmpl$","_ref$","_$use","_$insert","_c$","_$memo","mount","body","_el$2","_$effect","_p$","_v$","class","overlay","_v$2","_v$3","_v$4","_v$5","_$className","t","_$setStyleProperty","a","o","i","root","SelectZoneItem","ctx","Error","registerOnMount","itemKey","unregisterOnUnmount","_el$3","_ref$2","_v$6","_v$7","_$setAttribute"],"sources":["../../../src/components/select-zone/select-zone.tsx"],"sourcesContent":["import {\n Component,\n createContext,\n createEffect,\n createSignal,\n mergeProps,\n onCleanup,\n useContext,\n} from 'solid-js';\nimport { Portal } from 'solid-js/web';\nimport { cn } from '@utils/cn';\nimport { SelectZoneItemProps, SelectZoneProps } from './select-zone.types';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface SelectZoneContextValue {\n registerItem: (key: string, el: HTMLElement) => void;\n unregisterItem: (key: string) => void;\n isSelected: (key: string) => boolean;\n}\n\nconst SelectZoneContext = createContext<SelectZoneContextValue>();\n\n// ─── SelectZone ───────────────────────────────────────────────────────────────\n\nconst DEFAULT_PROPS = {\n additive: true,\n scrollThreshold: 40,\n scrollSpeed: 12,\n disabled: false,\n};\n\nexport const SelectZone: Component<SelectZoneProps> = props => {\n const p = mergeProps(DEFAULT_PROPS, props);\n\n // Map từ itemKey → DOM element (đăng ký bởi SelectZoneItem)\n const itemMap = new Map<string, HTMLElement>();\n\n // Tập hợp các key đang được chọn\n const [selectedKeys, setSelectedKeys] = createSignal<Set<string>>(new Set());\n\n // Overlay rect: null = ẩn, có giá trị = đang kéo\n const [overlayRect, setOverlayRect] = createSignal<{\n x: number;\n y: number;\n w: number;\n h: number;\n } | null>(null);\n\n let rootEl!: HTMLDivElement;\n\n // ── Helpers ─────────────────────────────────────────────────────────────────\n\n /**\n * Tính giao nhau AABB.\n * selLeft/Top/Right/Bottom: document coordinates (pageX/Y).\n * el.getBoundingClientRect(): viewport coordinates → convert sang document.\n */\n function intersects(\n selLeft: number,\n selTop: number,\n selRight: number,\n selBottom: number,\n el: HTMLElement,\n ): boolean {\n const r = el.getBoundingClientRect();\n const docLeft = r.left + window.scrollX;\n const docTop = r.top + window.scrollY;\n const docRight = r.right + window.scrollX;\n const docBottom = r.bottom + window.scrollY;\n return docRight > selLeft && docLeft < selRight && docBottom > selTop && docTop < selBottom;\n }\n\n /**\n * Tính selection.\n * startPageX/Y, currPageX/Y: document coordinates.\n */\n function computeSelection(\n startPageX: number,\n startPageY: number,\n currPageX: number,\n currPageY: number,\n ): Set<string> {\n const selLeft = Math.min(startPageX, currPageX);\n const selTop = Math.min(startPageY, currPageY);\n const selRight = Math.max(startPageX, currPageX);\n const selBottom = Math.max(startPageY, currPageY);\n\n const hit = new Set<string>();\n itemMap.forEach(function checkItem(el, key) {\n if (intersects(selLeft, selTop, selRight, selBottom, el)) {\n hit.add(key);\n }\n });\n return hit;\n }\n\n // ── Drag state ───────────────────────────────────────────────────────────────\n\n // startPageX/Y: document coordinates — cố định suốt drag, không bị ảnh hưởng bởi scroll\n let startPageX = 0;\n let startPageY = 0;\n let isDragging = false;\n let isAdditive = false;\n let prevKeys: Set<string> = new Set();\n let rafId = 0;\n let lastClientX = 0;\n let lastClientY = 0;\n\n // ── Auto-scroll loop ─────────────────────────────────────────────────────────\n\n function scrollLoop() {\n if (!isDragging) return;\n\n const threshold = p.scrollThreshold;\n const speed = p.scrollSpeed;\n const vw = window.innerWidth;\n const vh = window.innerHeight;\n const cx = lastClientX;\n const cy = lastClientY;\n\n let dx = 0;\n let dy = 0;\n\n if (cx < threshold) dx = -speed * (1 - cx / threshold);\n else if (cx > vw - threshold) dx = speed * (1 - (vw - cx) / threshold);\n\n if (cy < threshold) dy = -speed * (1 - cy / threshold);\n else if (cy > vh - threshold) dy = speed * (1 - (vh - cy) / threshold);\n\n if (dx !== 0 || dy !== 0) {\n window.scrollBy(dx, dy);\n // startPageX/Y KHÔNG thay đổi — nó là điểm neo trong document space\n }\n\n // Cập nhật overlay sau mỗi frame (kể cả khi chỉ scroll mà chuột đứng yên)\n updateOverlay(cx, cy);\n\n rafId = requestAnimationFrame(scrollLoop);\n }\n\n // ── Overlay update ───────────────────────────────────────────────────────────\n\n function updateOverlay(currClientX: number, currClientY: number) {\n // Convert cursor về document coordinates\n const currPageX = currClientX + window.scrollX;\n const currPageY = currClientY + window.scrollY;\n\n // Overlay rect tính trong document space\n const docLeft = Math.min(startPageX, currPageX);\n const docTop = Math.min(startPageY, currPageY);\n const w = Math.abs(currPageX - startPageX);\n const h = Math.abs(currPageY - startPageY);\n\n // Convert sang viewport để render (position: fixed dùng viewport coords)\n setOverlayRect({\n x: docLeft - window.scrollX,\n y: docTop - window.scrollY,\n w,\n h,\n });\n\n // Selection dùng document coordinates\n const hit = computeSelection(startPageX, startPageY, currPageX, currPageY);\n\n let next: Set<string>;\n if (isAdditive) {\n // Toggle per-item: item trong prevKeys bị drag đè → deselect; item mới → select\n next = new Set(prevKeys);\n hit.forEach(k => {\n if (prevKeys.has(k)) next.delete(k);\n else next.add(k);\n });\n } else {\n next = hit;\n }\n setSelectedKeys(next);\n }\n\n // ── Event handlers ───────────────────────────────────────────────────────────\n\n function onMouseDown(e: MouseEvent) {\n if (p.disabled) return;\n // Chỉ xử lý click trái, không xử lý trên scrollbar, input, button, a\n if (e.button !== 0) return;\n const target = e.target as HTMLElement;\n if (target.closest('input, button, a, textarea, select, [data-no-select]')) return;\n\n isDragging = false;\n // Lưu điểm bắt đầu trong document space — bất biến suốt drag\n startPageX = e.clientX + window.scrollX;\n startPageY = e.clientY + window.scrollY;\n lastClientX = e.clientX;\n lastClientY = e.clientY;\n isAdditive = e.shiftKey || e.ctrlKey || e.metaKey;\n prevKeys = isAdditive ? new Set(selectedKeys()) : new Set();\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n }\n\n function onMouseMove(e: MouseEvent) {\n lastClientX = e.clientX;\n lastClientY = e.clientY;\n\n // So sánh trong document space để tránh nhiễu từ scroll\n const dx = e.clientX + window.scrollX - startPageX;\n const dy = e.clientY + window.scrollY - startPageY;\n\n if (!isDragging) {\n // Chỉ bắt đầu drag khi kéo ít nhất 4px để tránh nhầm với click\n if (Math.abs(dx) < 4 && Math.abs(dy) < 4) return;\n isDragging = true;\n rafId = requestAnimationFrame(scrollLoop);\n }\n\n updateOverlay(e.clientX, e.clientY);\n }\n\n function onMouseUp(e: MouseEvent) {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n\n cancelAnimationFrame(rafId);\n isDragging = false;\n\n if (overlayRect() !== null) {\n setOverlayRect(null);\n // Thông báo selection cuối cùng\n p.onSelect?.(new Set(selectedKeys()));\n } else {\n // Không drag → click đơn → deselect tất cả (nếu không additive)\n if (!isAdditive) {\n const target = e.target as HTMLElement;\n const item = target.closest('[data-select-key]') as HTMLElement | null;\n if (!item) {\n setSelectedKeys(new Set<string>());\n p.onSelect?.(new Set<string>());\n }\n }\n }\n }\n\n // ── Context value ────────────────────────────────────────────────────────────\n\n const contextValue: SelectZoneContextValue = {\n registerItem(key, el) {\n itemMap.set(key, el);\n },\n unregisterItem(key) {\n itemMap.delete(key);\n },\n isSelected(key) {\n return selectedKeys().has(key);\n },\n };\n\n // ── Đồng bộ controlled value ─────────────────────────────────────────────────\n\n createEffect(function syncControlledValue() {\n const v = p.value;\n if (v !== undefined) setSelectedKeys(new Set(v));\n });\n\n // ── Cleanup khi unmount ──────────────────────────────────────────────────────\n\n createEffect(function mountListeners() {\n rootEl.addEventListener('mousedown', onMouseDown);\n onCleanup(function unmountListeners() {\n rootEl.removeEventListener('mousedown', onMouseDown);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n cancelAnimationFrame(rafId);\n });\n });\n\n // ── Render ───────────────────────────────────────────────────────────────────\n\n return (\n <SelectZoneContext.Provider value={contextValue}>\n <div ref={rootEl} class={cn('sz01', p.class?.root)}>\n {p.children}\n\n {/* Selection overlay — render qua Portal để tránh ảnh hưởng layout */}\n {overlayRect() && (\n <Portal mount={document.body}>\n <div\n class={cn('sz02', p.class?.overlay)}\n style={{\n left: `${overlayRect()!.x}px`,\n top: `${overlayRect()!.y}px`,\n width: `${overlayRect()!.w}px`,\n height: `${overlayRect()!.h}px`,\n }}\n />\n </Portal>\n )}\n </div>\n </SelectZoneContext.Provider>\n );\n};\n\n// ─── SelectZoneItem ───────────────────────────────────────────────────────────\n\nexport const SelectZoneItem: Component<SelectZoneItemProps> = props => {\n const ctx = useContext(SelectZoneContext);\n if (!ctx) throw new Error('SelectZoneItem must be used inside <SelectZone>');\n\n let el!: HTMLDivElement;\n\n createEffect(function registerOnMount() {\n ctx.registerItem(props.itemKey, el);\n onCleanup(function unregisterOnUnmount() {\n ctx.unregisterItem(props.itemKey);\n });\n });\n\n const isSelected = () => ctx.isSelected(props.itemKey);\n\n return (\n <div ref={el} data-select-key={props.itemKey} class={cn('sz03', props.class)}>\n {props.children(isSelected)}\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"skeleton.js","names":["cn","Component","mergeProps","ParentComponent","Show","Switch","LayoutVariant","ShapeVariant","LayoutSkeletonProps","type","variant","enabled","ShapeSkeletonProps","CustomSkeletonProps","class","SkeletonProps","Skeleton","rawProps","p","const","_$createComponent","when","fallback","children","_$memo","_el$","_tmpl$","_$effect","_$className","SkeletonDisplay","SkeletonDisplayProps","ShapeSkeleton","LayoutSkeleton","_tmpl$2","_tmpl$3","_tmpl$4","_tmpl$5","_tmpl$6","_tmpl$7","_tmpl$8","_tmpl$9","_tmpl$0","_tmpl$1","_tmpl$10","_tmpl$11"],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { Component, mergeProps, ParentComponent, Show, Switch } from 'solid-js';\n// No custom CSS needed — uses DaisyUI's built-in .skeleton class\n\n// ─── Type definitions ─────────────────────────────────────────────────────────\n\n/** Layout skeleton: giao diện phức tạp gồm nhiều element */\ntype LayoutVariant =\n | 'cardImage' // Card với ảnh trên + text dưới\n | 'cardHorizontal' // Card nằm ngang: ảnh trái, nội dung phải\n | 'profile' // Avatar tròn + tên + mô tả\n | 'article' // Tiêu đề + đoạn văn nhiều dòng\n | 'feedItem' // Item list: avatar trái + text dọc\n | 'stat'; // Khối thống kê: label + số lớn + sublabel\n\n/** Shape skeleton: hình khối đơn giản với kích thước preset */\ntype ShapeVariant =\n | 'rectangle' // Hình chữ nhật (mặc định w-full)\n | 'square' // Hình vuông (w = h)\n | 'circle' // Hình tròn\n | 'textLine' // Một dòng text\n | 'textParagraph'; // Đoạn text 3–4 dòng\n\ntype LayoutSkeletonProps = {\n type: 'layout';\n variant?: LayoutVariant;\n enabled: boolean;\n};\n\ntype ShapeSkeletonProps = {\n type: 'shape';\n variant?: ShapeVariant;\n enabled: boolean;\n};\n\n/** Custom skeleton: user toàn quyền cấu hình — class áp thẳng lên element skeleton */\ntype CustomSkeletonProps = {\n type: 'custom';\n enabled: boolean;\n class: string; // bắt buộc — định nghĩa hình dạng, kích thước, bo góc\n};\n\nexport type SkeletonProps = LayoutSkeletonProps | ShapeSkeletonProps | CustomSkeletonProps;\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const Skeleton: ParentComponent<SkeletonProps> = rawProps => {\n const p = mergeProps({ variant: 'card-image' } as const, rawProps);\n\n return (\n <Show when={p.enabled} fallback={p.children}>\n {p.type === 'custom' ? (\n <div class={cn('skeleton', p.class)} />\n ) : (\n <SkeletonDisplay\n type={p.type}\n variant={(p as LayoutSkeletonProps | ShapeSkeletonProps).variant as never}\n />\n )}\n </Show>\n );\n};\n\n// ─── Display switcher ─────────────────────────────────────────────────────────\n\ntype SkeletonDisplayProps = {\n type: 'layout' | 'shape';\n variant: LayoutVariant | ShapeVariant;\n class?: string;\n};\n\nconst SkeletonDisplay: Component<SkeletonDisplayProps> = p => {\n if (p.type === 'shape') {\n return <ShapeSkeleton variant={p.variant as ShapeVariant} />;\n }\n return <LayoutSkeleton variant={p.variant as LayoutVariant} />;\n};\n\n// ─── Layout Skeletons ─────────────────────────────────────────────────────────\n\nconst LayoutSkeleton: Component<{ variant?: LayoutVariant }> = p => {\n switch (p.variant) {\n case 'cardImage':\n return (\n <div class=\"flex flex-col gap-3\">\n <div class=\"skeleton h-40 w-full rounded-lg\" />\n <div class=\"skeleton h-5 w-3/4 rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-5/6 rounded\" />\n <div class=\"skeleton h-3.5 w-4/5 rounded\" />\n </div>\n );\n\n case 'cardHorizontal':\n return (\n <div class=\"flex flex-row items-start gap-4\">\n <div class=\"skeleton size-24 shrink-0 rounded-lg\" />\n <div class=\"flex flex-1 flex-col gap-2.5\">\n <div class=\"skeleton h-5 w-2/3 rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-4/5 rounded\" />\n <div class=\"skeleton h-3.5 w-3/4 rounded\" />\n </div>\n </div>\n );\n\n case 'profile':\n return (\n <div class=\"flex flex-col items-center gap-3\">\n <div class=\"skeleton size-20 shrink-0 rounded-full\" />\n <div class=\"skeleton h-5 w-36 rounded\" />\n <div class=\"skeleton h-3.5 w-48 rounded\" />\n <div class=\"skeleton h-3.5 w-40 rounded\" />\n </div>\n );\n\n case 'article':\n return (\n <div class=\"flex flex-col gap-3\">\n <div class=\"skeleton h-7 w-3/4 rounded\" />\n <div class=\"skeleton h-4 w-1/3 rounded\" />\n <div class=\"mt-1 flex flex-col gap-2\">\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-11/12 rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-4/5 rounded\" />\n </div>\n </div>\n );\n\n case 'feedItem':\n return (\n <div class=\"flex flex-row items-start gap-3\">\n <div class=\"skeleton size-10 shrink-0 rounded-full\" />\n <div class=\"flex flex-1 flex-col gap-2\">\n <div class=\"skeleton h-4 w-1/3 rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n <div class=\"skeleton h-3.5 w-5/6 rounded\" />\n </div>\n </div>\n );\n\n case 'stat':\n return (\n <div class=\"flex flex-col gap-2\">\n <div class=\"skeleton h-3.5 w-24 rounded\" />\n <div class=\"skeleton h-9 w-32 rounded\" />\n <div class=\"skeleton h-3 w-20 rounded\" />\n </div>\n );\n\n default:\n return (\n <div class=\"flex flex-col gap-3\">\n <div class=\"skeleton h-40 w-full rounded-lg\" />\n <div class=\"skeleton h-5 w-3/4 rounded\" />\n <div class=\"skeleton h-3.5 w-full rounded\" />\n </div>\n );\n }\n};\n\n// ─── Shape Skeletons ──────────────────────────────────────────────────────────\n\nconst ShapeSkeleton: Component<{ variant?: ShapeVariant }> = p => {\n switch (p.variant) {\n case 'rectangle':\n return <div class=\"skeleton h-32 w-full rounded-lg\" />;\n\n case 'square':\n return <div class=\"skeleton size-32 rounded-lg\" />;\n\n case 'circle':\n return <div class=\"skeleton size-16 rounded-full\" />;\n\n case 'textLine':\n return <div class=\"skeleton h-4 w-full rounded\" />;\n\n case 'textParagraph':\n return (\n <div class=\"flex flex-col gap-2\">\n <div class=\"skeleton h-4 w-full rounded\" />\n <div class=\"skeleton h-4 w-11/12 rounded\" />\n <div class=\"skeleton h-4 w-4/5 rounded\" />\n <div class=\"skeleton h-4 w-5/6 rounded\" />\n </div>\n );\n\n default:\n return <div class=\"skeleton h-32 w-full rounded-lg\" />;\n }\n};\n"],"mappings":"u+EA8CagB,EAA2CC,GAAY,CAClE,IAAMC,EAAIhB,EAAW,CAAEQ,QAAS,aAAc,CAAWO,EAAS,CAElE,OAAAG,EACGhB,EAAI,CAAA,IAACiB,MAAI,CAAA,OAAEH,EAAEP,SAAO,IAAEW,UAAQ,CAAA,OAAEJ,EAAEK,UAAQ,IAAAA,UAAA,CAAA,OACxCC,MAAAN,EAAET,OAAS,SAAQ,EAAA,MAAA,CAAA,IAAAgB,EAAAC,GAAA,CACiB,OADjBC,MAAAC,EAAAH,EACNzB,EAAG,WAAYkB,EAAEJ,MAAM,CAAA,CAAA,CAAAW,KAAA,CAAAL,EAElCS,EAAe,CAAA,IACdpB,MAAI,CAAA,OAAES,EAAET,MAAI,IACZC,SAAO,CAAA,OAAGQ,EAA+CR,SAAgB,CAE5E,EAAA,CAAA,EAaDmB,EAAmDX,GACnDA,EAAET,OAAS,QACbW,EAAQW,EAAa,CAAA,IAACrB,SAAO,CAAA,OAAEQ,EAAER,SAAuB,CAAA,CAE1DU,EAAQY,EAAc,CAAA,IAACtB,SAAO,CAAA,OAAEQ,EAAER,SAAwB,CAAA,CAKtDsB,EAAyDd,GAAK,CAClE,OAAQA,EAAER,QAAV,CACE,IAAK,YACH,OAAAuB,GAAA,CAUF,IAAK,iBACH,OAAAC,GAAA,CAYF,IAAK,UACH,OAAAC,GAAA,CASF,IAAK,UACH,OAAAC,GAAA,CAcF,IAAK,WACH,OAAAC,GAAA,CAWF,IAAK,OACH,OAAAC,GAAA,CAQF,QACE,OAAAC,GAAA,GAYAR,EAAuDb,GAAK,CAChE,OAAQA,EAAER,QAAV,CACE,IAAK,YACH,OAAA8B,GAAA,CAEF,IAAK,SACH,OAAAC,GAAA,CAEF,IAAK,SACH,OAAAC,GAAA,CAEF,IAAK,WACH,OAAAC,GAAA,CAEF,IAAK,gBACH,OAAAC,GAAA,CASF,QACE,OAAAJ,GAAA"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"slider.js","names":["cn","getColor","Component","createEffect","createMemo","createSignal","For","mergeProps","on","Show","ParentComponent","SliderProps","SliderTooltipProps","SliderTooltipInternalProps","content","open","SliderTooltip","p","_el$","_tmpl$","_$insert","children","_$effect","_p$","_v$","position","color","class","_v$2","e","_$className","t","_$setAttribute","undefined","DEFAULT_PROPS","Partial","min","max","step","disabled","reverse","orientation","dots","included","tooltip","hidden","Slider","activeThumb","setActiveThumb","hoveredThumb","setHoveredThumb","railRef","HTMLDivElement","isRange","range","getInitialValue","value","defaultValue","internalValue","setInternalValue","newValue","currentValue","valuesArray","val","Array","isArray","valueToPercent","percent","percentToValue","actualPercent","Math","round","marks","markValues","Object","keys","map","Number","push","reduce","prev","curr","abs","getPositionFromEvent","event","MouseEvent","TouchEvent","rect","getBoundingClientRect","isVertical","clientPos","touches","clientY","clientX","bottom","height","left","width","updateValue","thumbIndex","finalValue","current","newValues","onChange","handleThumbMouseDown","preventDefault","stopPropagation","handleMove","handleEnd","document","removeEventListener","addEventListener","handleRailClick","clickedValue","v0","v1","dist0","dist1","closestThumb","marksList","entries","key","numKey","markData","label","style","dotsList","v","isInRange","trackStyle","start","length","p0","p1","thumbPositions","formatTooltip","formatter","String","shouldShowTooltip","forceOpen","getTooltipProps","rest","_el$2","_tmpl$4","_el$3","firstChild","_el$7","$$click","_ref$","_$use","_$createComponent","when","_el$4","_v$3","track","_v$4","_$style","each","dot","_el$9","_v$19","_v$20","mark","_el$0","_v$21","_v$22","_el$1","_tmpl$5","_v$23","markText","_v$24","_el$5","_tmpl$3","fallback","_el$10","_tmpl$2","$$touchstart","$$mousedown","_v$25","handle","_v$26","_v$27","_v$28","_v$29","_v$30","a","o","i","n","_$mergeProps","_el$6","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_$p","_el$11","_v$31","_v$32","_v$33","_v$34","_v$35","_v$36","_el$8","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","root","_v$16","_v$17","rail","_v$18","_$delegateEvents"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport {\n Component,\n createEffect,\n createMemo,\n createSignal,\n For,\n mergeProps,\n on,\n Show,\n type ParentComponent,\n} from 'solid-js';\nimport type { SliderProps, SliderTooltipProps } from './slider.types';\n\ntype SliderTooltipInternalProps = SliderTooltipProps & {\n content: string;\n open: boolean;\n};\n\nconst SliderTooltip: ParentComponent<SliderTooltipInternalProps> = p => (\n <div\n class={cn(\n 'tooltip',\n p.position === 'bottom' && 'tooltip-bottom',\n p.position === 'left' && 'tooltip-left',\n p.position === 'right' && 'tooltip-right',\n p.color && `tooltip-${p.color}`,\n p.open && 'tooltip-open',\n p.class,\n )}\n data-tip={p.content}\n >\n {p.children}\n </div>\n);\n\nconst DEFAULT_PROPS: Partial<SliderProps> = {\n color: 'primary',\n min: 0,\n max: 100,\n step: 1,\n disabled: false,\n reverse: false,\n orientation: 'horizontal',\n dots: false,\n included: true,\n tooltip: {\n hidden: false,\n },\n};\n\nexport const Slider: Component<SliderProps> = p => {\n p = mergeProps(DEFAULT_PROPS, p);\n\n // Internal state\n const [activeThumb, setActiveThumb] = createSignal<0 | 1 | null>(null);\n const [hoveredThumb, setHoveredThumb] = createSignal<0 | 1 | null>(null);\n\n // Refs\n let railRef: HTMLDivElement | undefined;\n\n // Determine if range mode\n const isRange = createMemo(() => p.range === true);\n\n // Internal value state (for uncontrolled mode)\n const getInitialValue = (): number | [number, number] => {\n if (p.value !== undefined) return p.value;\n if (p.defaultValue !== undefined) return p.defaultValue;\n return isRange() ? ([p.min!, p.max!] as [number, number]) : p.min!;\n };\n\n const [internalValue, setInternalValue] = createSignal<number | [number, number]>(\n getInitialValue(),\n );\n\n // Sync with controlled value\n createEffect(\n on(\n () => p.value,\n newValue => {\n if (newValue !== undefined) {\n setInternalValue(newValue);\n }\n },\n ),\n );\n\n // Current value getter\n const currentValue = createMemo(() => {\n return p.value !== undefined ? p.value : internalValue();\n });\n\n // Get values as array for easy handling\n const valuesArray = createMemo<[number, number]>(() => {\n const val = currentValue();\n if (Array.isArray(val)) {\n return val as [number, number];\n }\n return [p.min!, val] as [number, number];\n });\n\n // Calculate percentage from value\n const valueToPercent = (value: number): number => {\n const { min, max } = p;\n const percent = ((value - min!) / (max! - min!)) * 100;\n return p.reverse ? 100 - percent : percent;\n };\n\n // Calculate value from percentage\n const percentToValue = (percent: number): number => {\n const { min, max, step } = p;\n const actualPercent = p.reverse ? 100 - percent : percent;\n let value = min! + (actualPercent / 100) * (max! - min!);\n\n // Snap to step if defined\n if (step !== null && step !== undefined) {\n value = Math.round(value / step) * step;\n }\n\n // Snap to marks if step is null\n if (step === null && p.marks) {\n const markValues = Object.keys(p.marks).map(Number);\n markValues.push(min!, max!);\n value = markValues.reduce((prev, curr) =>\n Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev,\n );\n }\n\n return Math.max(min!, Math.min(max!, value));\n };\n\n // Get position from mouse/touch event\n const getPositionFromEvent = (event: MouseEvent | TouchEvent): number => {\n if (!railRef) return 0;\n\n const rect = railRef.getBoundingClientRect();\n const isVertical = p.orientation === 'vertical';\n\n let clientPos: number;\n if ('touches' in event) {\n clientPos = isVertical ? event.touches[0].clientY : event.touches[0].clientX;\n } else {\n clientPos = isVertical ? event.clientY : event.clientX;\n }\n\n let percent: number;\n if (isVertical) {\n percent = ((rect.bottom - clientPos) / rect.height) * 100;\n } else {\n percent = ((clientPos - rect.left) / rect.width) * 100;\n }\n\n return Math.max(0, Math.min(100, percent));\n };\n\n // Update value\n const updateValue = (newValue: number, thumbIndex: 0 | 1) => {\n let finalValue: number | [number, number];\n\n if (isRange()) {\n const current = valuesArray();\n const newValues: [number, number] = [...current];\n newValues[thumbIndex] = newValue;\n\n // Ensure min <= max for range\n if (thumbIndex === 0 && newValue > newValues[1]) {\n newValues[0] = newValues[1];\n } else if (thumbIndex === 1 && newValue < newValues[0]) {\n newValues[1] = newValues[0];\n }\n\n finalValue = newValues;\n } else {\n finalValue = newValue;\n }\n\n // Update internal state (for uncontrolled mode)\n if (p.value === undefined) {\n setInternalValue(finalValue);\n }\n\n // Call onChange callback\n p.onChange?.(finalValue);\n };\n\n // Handle mouse/touch start on thumb\n const handleThumbMouseDown = (event: MouseEvent | TouchEvent, thumbIndex: 0 | 1) => {\n if (p.disabled) return;\n event.preventDefault();\n event.stopPropagation();\n\n setActiveThumb(thumbIndex);\n\n const handleMove = (e: MouseEvent | TouchEvent) => {\n const percent = getPositionFromEvent(e);\n const value = percentToValue(percent);\n updateValue(value, thumbIndex);\n };\n\n const handleEnd = () => {\n setActiveThumb(null);\n document.removeEventListener('mousemove', handleMove);\n document.removeEventListener('mouseup', handleEnd);\n document.removeEventListener('touchmove', handleMove);\n document.removeEventListener('touchend', handleEnd);\n };\n\n document.addEventListener('mousemove', handleMove);\n document.addEventListener('mouseup', handleEnd);\n document.addEventListener('touchmove', handleMove);\n document.addEventListener('touchend', handleEnd);\n };\n\n // Handle click on rail\n const handleRailClick = (event: MouseEvent) => {\n if (p.disabled) return;\n\n const percent = getPositionFromEvent(event);\n const clickedValue = percentToValue(percent);\n\n if (isRange()) {\n // Find closest thumb\n const [v0, v1] = valuesArray();\n const dist0 = Math.abs(clickedValue - v0);\n const dist1 = Math.abs(clickedValue - v1);\n const closestThumb: 0 | 1 = dist0 <= dist1 ? 0 : 1;\n updateValue(clickedValue, closestThumb);\n } else {\n updateValue(clickedValue, 1);\n }\n };\n\n // Calculate marks\n const marksList = createMemo(() => {\n if (!p.marks) return [];\n return Object.entries(p.marks).map(([key, value]) => {\n const numKey = Number(key);\n const percent = valueToPercent(numKey);\n const markData = typeof value === 'string' ? { label: value, style: undefined } : value;\n return {\n value: numKey,\n percent,\n ...markData,\n };\n });\n });\n\n // Calculate dots\n const dotsList = createMemo(() => {\n if (!p.dots) return [];\n const { min, max, step } = p;\n if (!step || step <= 0) return [];\n\n const dots: { value: number; percent: number }[] = [];\n for (let v = min!; v <= max!; v += step) {\n dots.push({\n value: v,\n percent: valueToPercent(v),\n });\n }\n return dots;\n });\n\n // Check if value is in range (for included styling)\n const isInRange = (value: number): boolean => {\n if (!p.included) return false;\n const [v0, v1] = valuesArray();\n if (isRange()) {\n return value >= v0 && value <= v1;\n }\n return value >= p.min! && value <= v1;\n };\n\n // Track styles\n const trackStyle = createMemo(() => {\n const [v0, v1] = valuesArray();\n const isVertical = p.orientation === 'vertical';\n\n let start: number, length: number;\n\n if (isRange()) {\n const p0 = valueToPercent(v0);\n const p1 = valueToPercent(v1);\n start = Math.min(p0, p1);\n length = Math.abs(p1 - p0);\n } else {\n if (p.reverse) {\n const p1 = valueToPercent(v1);\n start = p1;\n length = 100 - p1;\n } else {\n start = 0;\n length = valueToPercent(v1);\n }\n }\n\n if (isVertical) {\n return { bottom: `${start}%`, height: `${length}%` };\n }\n return { left: `${start}%`, width: `${length}%` };\n });\n\n // Thumb positions\n const thumbPositions = createMemo(() => {\n const [v0, v1] = valuesArray();\n const isVertical = p.orientation === 'vertical';\n\n const p0 = valueToPercent(v0);\n const p1 = valueToPercent(v1);\n\n if (isVertical) {\n return [{ bottom: `${p0}%` }, { bottom: `${p1}%` }];\n }\n return [{ left: `${p0}%` }, { left: `${p1}%` }];\n });\n\n // Tooltip formatter\n const formatTooltip = (value: number): string => {\n if (p.tooltip?.formatter === null) return '';\n if (typeof p.tooltip?.formatter === 'function') {\n return String(p.tooltip.formatter(value));\n }\n return String(value);\n };\n\n // Should show tooltip\n const shouldShowTooltip = (thumbIndex: 0 | 1): boolean => {\n if (p.tooltip?.forceOpen === false) return false;\n if (p.tooltip?.forceOpen === true) return true;\n return activeThumb() === thumbIndex || hoveredThumb() === thumbIndex;\n };\n\n // Get tooltip props excluding internal ones\n const getTooltipProps = () => {\n if (!p.tooltip) return {};\n const { forceOpen, formatter, hidden, ...rest } = p.tooltip;\n return rest;\n };\n\n const isVertical = () => p.orientation === 'vertical';\n\n return (\n <div\n class={cn(\n 'sli01',\n getColor(p.color!),\n isVertical() && 'sli02',\n p.disabled && 'sli03',\n p.class?.root,\n )}\n data-disabled={p.disabled || undefined}\n >\n {/* Rail */}\n <div ref={railRef} class={cn('sli04', p.class?.rail)} onClick={handleRailClick}>\n {/* Track */}\n <Show when={p.included !== false}>\n <div class={cn('sli05', p.class?.track)} style={trackStyle()} />\n </Show>\n\n {/* Dots */}\n <For each={dotsList()}>\n {dot => (\n <div\n class={cn('sli09', isInRange(dot.value) && 'sli10', p.class?.dot)}\n style={isVertical() ? { bottom: `${dot.percent}%` } : { left: `${dot.percent}%` }}\n />\n )}\n </For>\n\n {/* Marks */}\n <For each={marksList()}>\n {mark => (\n <>\n <div\n class={cn('sli11', isInRange(mark.value) && 'sli12', p.class?.mark)}\n style={isVertical() ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` }}\n />\n <span\n class={cn('sli13', isInRange(mark.value) && 'sli14', p.class?.markText)}\n style={{\n ...(isVertical() ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` }),\n ...mark.style,\n }}\n >\n {mark.label}\n </span>\n </>\n )}\n </For>\n\n {/* Thumbs */}\n <Show when={isRange()}>\n <div class=\"sli06\" style={thumbPositions()[0]}>\n <Show\n when={!p.tooltip?.hidden}\n fallback={\n <div\n class={cn('sli07', activeThumb() === 0 && 'sli08', p.class?.handle)}\n tabIndex={p.disabled ? -1 : 0}\n role=\"slider\"\n aria-valuemin={p.min}\n aria-valuemax={p.max}\n aria-valuenow={valuesArray()[0]}\n aria-disabled={p.disabled}\n onMouseDown={e => handleThumbMouseDown(e, 0)}\n onTouchStart={e => handleThumbMouseDown(e, 0)}\n onMouseEnter={() => setHoveredThumb(0)}\n onMouseLeave={() => setHoveredThumb(null)}\n onFocus={() => setHoveredThumb(0)}\n onBlur={() => setHoveredThumb(null)}\n />\n }\n >\n <SliderTooltip\n content={formatTooltip(valuesArray()[0])}\n open={shouldShowTooltip(0)}\n position={isVertical() ? 'right' : 'top'}\n {...getTooltipProps()}\n >\n <div\n class={cn('sli07', activeThumb() === 0 && 'sli08', p.class?.handle)}\n tabIndex={p.disabled ? -1 : 0}\n role=\"slider\"\n aria-valuemin={p.min}\n aria-valuemax={p.max}\n aria-valuenow={valuesArray()[0]}\n aria-disabled={p.disabled}\n onMouseDown={e => handleThumbMouseDown(e, 0)}\n onTouchStart={e => handleThumbMouseDown(e, 0)}\n onMouseEnter={() => setHoveredThumb(0)}\n onMouseLeave={() => setHoveredThumb(null)}\n onFocus={() => setHoveredThumb(0)}\n onBlur={() => setHoveredThumb(null)}\n />\n </SliderTooltip>\n </Show>\n </div>\n </Show>\n\n <div class=\"sli06\" style={thumbPositions()[1]}>\n <Show\n when={!p.tooltip?.hidden}\n fallback={\n <div\n class={cn('sli07', activeThumb() === 1 && 'sli08', p.class?.handle)}\n tabIndex={p.disabled ? -1 : 0}\n role=\"slider\"\n aria-valuemin={p.min}\n aria-valuemax={p.max}\n aria-valuenow={valuesArray()[1]}\n aria-disabled={p.disabled}\n onMouseDown={e => handleThumbMouseDown(e, 1)}\n onTouchStart={e => handleThumbMouseDown(e, 1)}\n onMouseEnter={() => setHoveredThumb(1)}\n onMouseLeave={() => setHoveredThumb(null)}\n onFocus={() => setHoveredThumb(1)}\n onBlur={() => setHoveredThumb(null)}\n />\n }\n >\n <SliderTooltip\n content={formatTooltip(valuesArray()[1])}\n open={shouldShowTooltip(1)}\n position={isVertical() ? 'right' : 'top'}\n {...getTooltipProps()}\n >\n <div\n class={cn('sli07', activeThumb() === 1 && 'sli08', p.class?.handle)}\n tabIndex={p.disabled ? -1 : 0}\n role=\"slider\"\n aria-valuemin={p.min}\n aria-valuemax={p.max}\n aria-valuenow={valuesArray()[1]}\n aria-disabled={p.disabled}\n onMouseDown={e => handleThumbMouseDown(e, 1)}\n onTouchStart={e => handleThumbMouseDown(e, 1)}\n onMouseEnter={() => setHoveredThumb(1)}\n onMouseLeave={() => setHoveredThumb(null)}\n onFocus={() => setHoveredThumb(1)}\n onBlur={() => setHoveredThumb(null)}\n />\n </SliderTooltip>\n </Show>\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"splitter.js","names":["cn","getColor","children","Component","createContext","createEffect","createMemo","createSignal","createUniqueId","For","JSX","mergeProps","on","onCleanup","Show","useContext","CollapsibleConfig","PanelProps","SplitterContextValue","SplitterOrientation","SplitterProps","SplitterContext","orientation","PanelRegistration","id","props","PanelRegistryContextValue","register","reg","unregister","PanelRegistryContext","renderIcon","icon","Element","CollapseLeft","_tmpl$","CollapseRight","_tmpl$2","CollapseUp","_tmpl$3","CollapseDown","_tmpl$4","clamp","v","min","max","Math","redistributeSizes","sizes","draggerIdx","delta","panelMetas","collapsed","leftIdx","rightIdx","length","next","leftMeta","rightMeta","leftMin","leftMax","rightMin","rightMax","totalAvail","newLeft","newRight","SplitterPanel","rawProps","registry","unregisterPanel","DraggerItemProps","dIdx","getPanelList","getCollapsed","getDraggingIdx","draggerIcon","showCollapsibleIcon","collapsibleIcon","collapse","expand","collapsedControlled","class","onMouseDown","idx","e","MouseEvent","onDblClick","onCollapse","panelIdx","DraggerItem","p","leftResizable","resizable","rightResizable","canResize","isDragging","leftCollapsible","collapsible","rightCollapsible","hasCollapse","isLeftCollapsed","isRightCollapsed","iconAlwaysShow","isH","showBtnNext","cfg","showBtnPrevFull","_el$5","_tmpl$6","_el$6","firstChild","$$dblclick","$$mousedown","_$insert","_c$","_$memo","_$createComponent","when","_el$7","_tmpl$5","$$click","stopPropagation","_c$2","_$effect","_p$","_v$","collapseBtn","_v$2","_$className","t","_$setAttribute","undefined","_el$8","_c$3","_v$3","_v$4","_v$5","dragger","_v$6","draggerBar","Splitter","Panel","lazy","color","const","vertical","setPanelMetas","prev","findIndex","r","filter","resolvedChildren","Provider","value","initSizes","metas","n","size","raw","map","m","defaultSize","hasAll","every","total","reduce","s","definedTotal","undefinedCount","eachUndefined","isCollapsedControlled","Array","isArray","setSizes","collapsedInternal","setCollapsedInternal","draggingIdx","setDraggingIdx","setCollapsed","lazyGhostPos","setLazyGhostPos","controlled","containerRef","HTMLDivElement","cachedContainerSize","observeContainerSize","observer","ResizeObserver","entries","entry","contentRect","width","height","observe","disconnectContainerObserver","disconnect","getContainerSize","getNormalizedSizes","col","visibleTotal","sum","i","dragStartPos","dragStartSizes","dragStartCollapsed","onDraggerMouseDown","preventDefault","clientX","clientY","onResizeStart","index","document","addEventListener","onMouseMove","onMouseUp","applyNewSizes","newSizes","changed","pos","containerSize","deltaPct","leftSumPct","slice","onResize","onResizeEnd","removeEventListener","removeDragListeners","collapsePanel","currentCollapsed","newCollapsed","ghostStyle","CSSProperties","display","left","top","_el$9","_tmpl$7","_el$0","_tmpl$9","_ref$","_$use","each","meta","isCollapsed","panelStyle","rawSizes","normalized","showDragger","hasVisibleLeft","hasVisibleRight","_el$10","_v$7","panel","_v$8","_v$9","_$style","a","onDraggerDoubleClick","_el$1","_tmpl$8","_$p","root","_$delegateEvents"],"sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { getColor } from '@utils/helper';\nimport {\n children,\n Component,\n createContext,\n createEffect,\n createMemo,\n createSignal,\n createUniqueId,\n For,\n JSX,\n mergeProps,\n on,\n onCleanup,\n Show,\n useContext,\n} from 'solid-js';\nimport type {\n CollapsibleConfig,\n PanelProps,\n SplitterContextValue,\n SplitterOrientation,\n SplitterProps,\n} from './splitter.types';\n\nconst SplitterContext = createContext<SplitterContextValue>({ orientation: 'horizontal' });\n\ntype PanelRegistration = {\n id: string;\n props: PanelProps;\n};\n\ntype PanelRegistryContextValue = {\n register: (reg: PanelRegistration) => void;\n unregister: (id: string) => void;\n};\n\nconst PanelRegistryContext = createContext<PanelRegistryContextValue | null>(null);\n\nfunction renderIcon(icon: JSX.Element | (() => JSX.Element) | undefined): JSX.Element {\n if (typeof icon === 'function') return (icon as () => JSX.Element)();\n return icon as JSX.Element;\n}\n\nconst CollapseLeft = () => (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n <path d=\"M6 2L3 5l3 3V2z\" />\n </svg>\n);\n\nconst CollapseRight = () => (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n <path d=\"M4 2l3 3-3 3V2z\" />\n </svg>\n);\n\nconst CollapseUp = () => (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n <path d=\"M2 6l3-3 3 3H2z\" />\n </svg>\n);\n\nconst CollapseDown = () => (\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n <path d=\"M2 4l3 3 3-3H2z\" />\n </svg>\n);\n\nfunction clamp(v: number, min: number, max: number) {\n return Math.min(Math.max(v, min), max);\n}\n\nfunction redistributeSizes(\n sizes: number[],\n draggerIdx: number,\n delta: number,\n panelMetas: PanelRegistration[],\n collapsed: boolean[],\n): number[] {\n // Tìm panel visible thực sự ở hai phía của dragger.\n // Bỏ qua các panel đang collapsed vì chúng bị CSS force về 0 và không\n // đóng góp vào tổng width thực tế — redistribute vào chúng sẽ tạo gap.\n let leftIdx = draggerIdx;\n while (leftIdx >= 0 && collapsed[leftIdx]) leftIdx--;\n\n let rightIdx = draggerIdx + 1;\n while (rightIdx < sizes.length && collapsed[rightIdx]) rightIdx++;\n\n if (leftIdx < 0 || rightIdx >= sizes.length) return sizes;\n\n const next = [...sizes];\n\n const leftMeta = panelMetas[leftIdx]?.props;\n const rightMeta = panelMetas[rightIdx]?.props;\n\n const leftMin = leftMeta?.min ?? 0;\n const leftMax = leftMeta?.max ?? 100;\n const rightMin = rightMeta?.min ?? 0;\n const rightMax = rightMeta?.max ?? 100;\n\n const totalAvail = next[leftIdx] + next[rightIdx];\n\n // Clamp newLeft trong khoảng [leftMin, leftMax] và đảm bảo right có đủ chỗ tối thiểu\n let newLeft = clamp(next[leftIdx] + delta, leftMin, Math.min(leftMax, totalAvail - rightMin));\n let newRight = totalAvail - newLeft;\n\n // Nếu right vượt quá rightMax, clamp right lại và tính lại left\n if (newRight > rightMax) {\n newRight = rightMax;\n newLeft = totalAvail - newRight;\n if (newLeft < leftMin || newLeft > leftMax) return sizes;\n }\n\n if (newRight < rightMin) return sizes;\n\n next[leftIdx] = newLeft;\n next[rightIdx] = newRight;\n return next;\n}\n\nexport const SplitterPanel: Component<PanelProps> = rawProps => {\n const registry = useContext(PanelRegistryContext);\n const id = createUniqueId();\n\n if (registry) {\n registry.register({ id, props: rawProps });\n onCleanup(function unregisterPanel() {\n registry.unregister(id);\n });\n }\n return null;\n};\n\ntype DraggerItemProps = {\n dIdx: number;\n getPanelList: () => PanelRegistration[];\n getCollapsed: () => boolean[];\n getDraggingIdx: () => number | null;\n orientation: () => SplitterOrientation;\n draggerIcon?: JSX.Element | (() => JSX.Element);\n showCollapsibleIcon: () => CollapsibleConfig;\n collapsibleIcon?: {\n collapse?: JSX.Element | (() => JSX.Element);\n expand?: JSX.Element | (() => JSX.Element);\n };\n collapsedControlled: () => boolean;\n class?: SplitterProps['class'];\n onMouseDown: (idx: number, e: MouseEvent) => void;\n onDblClick: (idx: number) => void;\n onCollapse: (panelIdx: number) => void;\n};\n\nconst DraggerItem: Component<DraggerItemProps> = p => {\n const dIdx = p.dIdx;\n\n const leftResizable = createMemo(() => p.getPanelList()[dIdx]?.props.resizable !== false);\n const rightResizable = createMemo(() => p.getPanelList()[dIdx + 1]?.props.resizable !== false);\n const canResize = createMemo(() => leftResizable() && rightResizable());\n const isDragging = createMemo(() => p.getDraggingIdx() === dIdx);\n\n const leftCollapsible = createMemo(() => p.getPanelList()[dIdx]?.props.collapsible ?? false);\n const rightCollapsible = createMemo(() => p.getPanelList()[dIdx + 1]?.props.collapsible ?? false);\n const hasCollapse = createMemo(() => leftCollapsible() || rightCollapsible());\n\n const isLeftCollapsed = createMemo(() => p.getCollapsed()[dIdx] ?? false);\n const isRightCollapsed = createMemo(() => p.getCollapsed()[dIdx + 1] ?? false);\n\n const iconAlwaysShow = createMemo(() => p.showCollapsibleIcon() === true);\n const isH = createMemo(() => p.orientation() === 'horizontal');\n\n const showBtnNext = createMemo(() => {\n if (p.collapsedControlled()) return false;\n const cfg = p.showCollapsibleIcon();\n if (cfg === false) return false;\n if (!hasCollapse()) return false;\n\n return rightCollapsible() || isLeftCollapsed();\n });\n\n const showBtnPrevFull = createMemo(() => {\n if (p.collapsedControlled()) return false;\n const cfg = p.showCollapsibleIcon();\n if (cfg === false) return false;\n if (!hasCollapse()) return false;\n return leftCollapsible() || isRightCollapsed();\n });\n\n return (\n <div\n class={cn('sp06', !canResize() && 'sp07', isDragging() && 'sp08', p.class?.dragger)}\n onMouseDown={e => p.onMouseDown(dIdx, e)}\n onDblClick={() => p.onDblClick(dIdx)}\n >\n <div class={cn('sp15', p.class?.draggerBar)}>\n {p.draggerIcon ? renderIcon(p.draggerIcon) : null}\n </div>\n\n <Show when={showBtnPrevFull()}>\n <button\n class={cn(\n 'sp10',\n 'sp11',\n iconAlwaysShow() && 'sp13',\n\n (isLeftCollapsed() || isRightCollapsed()) && 'sp14',\n p.class?.collapseBtn,\n )}\n title={isLeftCollapsed() || isRightCollapsed() ? 'Expand' : 'Collapse'}\n onClick={e => {\n e.stopPropagation();\n\n if (isRightCollapsed()) p.onCollapse(dIdx + 1);\n else p.onCollapse(dIdx);\n }}\n >\n {isLeftCollapsed()\n ? renderIcon(\n p.collapsibleIcon?.expand ?? (isH() ? <CollapseRight /> : <CollapseDown />),\n )\n : isRightCollapsed()\n ? renderIcon(p.collapsibleIcon?.expand ?? (isH() ? <CollapseLeft /> : <CollapseUp />))\n : renderIcon(\n p.collapsibleIcon?.collapse ?? (isH() ? <CollapseLeft /> : <CollapseUp />),\n )}\n </button>\n </Show>\n\n <Show when={showBtnNext()}>\n <button\n class={cn(\n 'sp10',\n 'sp12',\n iconAlwaysShow() && 'sp13',\n\n (isRightCollapsed() || isLeftCollapsed()) && 'sp14',\n p.class?.collapseBtn,\n )}\n title={isRightCollapsed() ? 'Collapse' : 'Expand'}\n onClick={e => {\n e.stopPropagation();\n\n if (isLeftCollapsed()) p.onCollapse(dIdx);\n else p.onCollapse(dIdx + 1);\n }}\n >\n {isRightCollapsed()\n ? renderIcon(p.collapsibleIcon?.expand ?? (isH() ? <CollapseLeft /> : <CollapseUp />))\n : isLeftCollapsed()\n ? renderIcon(\n p.collapsibleIcon?.expand ?? (isH() ? <CollapseRight /> : <CollapseDown />),\n )\n : renderIcon(\n p.collapsibleIcon?.collapse ?? (isH() ? <CollapseRight /> : <CollapseDown />),\n )}\n </button>\n </Show>\n </div>\n );\n};\n\nexport const Splitter: Component<SplitterProps> & { Panel: Component<PanelProps> } = rawProps => {\n const p = mergeProps(\n {\n orientation: 'horizontal' as SplitterOrientation,\n lazy: false,\n color: 'primary' as const,\n },\n rawProps,\n );\n\n const orientation = createMemo<SplitterOrientation>(() =>\n p.vertical ? 'vertical' : (p.orientation ?? 'horizontal'),\n );\n\n const [panelMetas, setPanelMetas] = createSignal<PanelRegistration[]>([]);\n\n const registry: PanelRegistryContextValue = {\n register(reg) {\n setPanelMetas(prev => {\n const idx = prev.findIndex(r => r.id === reg.id);\n if (idx >= 0) {\n const next = [...prev];\n next[idx] = reg;\n return next;\n }\n return [...prev, reg];\n });\n },\n unregister(id) {\n setPanelMetas(prev => prev.filter(r => r.id !== id));\n },\n };\n\n const resolvedChildren = children(() => (\n <PanelRegistryContext.Provider value={registry}>{p.children}</PanelRegistryContext.Provider>\n ));\n\n function initSizes(metas: PanelRegistration[]): number[] {\n const n = metas.length;\n if (n === 0) return [];\n if (p.size && p.size.length === n) return [...p.size];\n\n const raw = metas.map(m => m.props.size ?? m.props.defaultSize);\n const hasAll = raw.every(v => v !== undefined);\n if (hasAll) {\n const total = raw.reduce((s, v) => s + v!, 0);\n return raw.map(v => (v! / total) * 100);\n }\n\n const definedTotal = (raw.filter(v => v !== undefined) as number[]).reduce((s, v) => s + v, 0);\n const undefinedCount = raw.filter(v => v === undefined).length;\n const eachUndefined = undefinedCount > 0 ? Math.max(0, 100 - definedTotal) / undefinedCount : 0;\n return raw.map(v => (v !== undefined ? v : eachUndefined));\n }\n\n const isCollapsedControlled = createMemo(() => Array.isArray(p.collapsed));\n\n const [sizes, setSizes] = createSignal<number[]>([]);\n const [collapsedInternal, setCollapsedInternal] = createSignal<boolean[]>([]);\n const [draggingIdx, setDraggingIdx] = createSignal<number | null>(null);\n\n const collapsed = createMemo(() =>\n isCollapsedControlled() ? (p.collapsed as boolean[]) : collapsedInternal(),\n );\n const setCollapsed = (next: boolean[]) => {\n if (!isCollapsedControlled()) setCollapsedInternal(next);\n };\n\n const [lazyGhostPos, setLazyGhostPos] = createSignal<number | null>(null);\n\n createEffect(\n on(panelMetas, metas => {\n if (metas.length === 0) return;\n setSizes(initSizes(metas));\n setCollapsedInternal(metas.map(() => false));\n }),\n );\n\n createEffect(\n on(\n () => p.size,\n controlled => {\n if (!controlled) return;\n if (controlled.length === panelMetas().length) setSizes([...controlled]);\n },\n ),\n );\n\n let containerRef: HTMLDivElement | undefined;\n let cachedContainerSize = 0;\n\n createEffect(function observeContainerSize() {\n if (!containerRef) return;\n const isH = orientation() === 'horizontal';\n const observer = new ResizeObserver(entries => {\n const entry = entries[0];\n if (!entry) return;\n cachedContainerSize = isH ? entry.contentRect.width : entry.contentRect.height;\n });\n observer.observe(containerRef);\n onCleanup(function disconnectContainerObserver() {\n observer.disconnect();\n });\n });\n\n function getContainerSize(): number {\n return cachedContainerSize;\n }\n\n // Trả về sizes đã normalize: tổng 100% chỉ tính trên panel visible\n function getNormalizedSizes(): number[] {\n const col = collapsed();\n const raw = sizes();\n const visibleTotal = raw.reduce((sum, s, i) => sum + (col[i] ? 0 : s), 0);\n if (visibleTotal === 0) return raw.map(() => 0);\n return raw.map((s, i) => (col[i] ? s : (s / visibleTotal) * 100));\n }\n\n let dragStartPos = 0;\n let dragStartSizes: number[] = [];\n let dragStartCollapsed: boolean[] = [];\n\n function onDraggerMouseDown(idx: number, e: MouseEvent) {\n const metas = panelMetas();\n if (metas[idx]?.props.resizable === false) return;\n if (metas[idx + 1]?.props.resizable === false) return;\n\n e.preventDefault();\n setDraggingIdx(idx);\n dragStartPos = orientation() === 'horizontal' ? e.clientX : e.clientY;\n dragStartSizes = getNormalizedSizes();\n dragStartCollapsed = [...collapsed()];\n p.onResizeStart?.({ sizes: dragStartSizes, index: idx });\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n }\n\n function applyNewSizes(newSizes: number[], idx: number) {\n const col = [...collapsed()];\n let changed = false;\n if (col[idx] && newSizes[idx] > 0) {\n col[idx] = false;\n changed = true;\n }\n if (col[idx + 1] && newSizes[idx + 1] > 0) {\n col[idx + 1] = false;\n changed = true;\n }\n if (changed) setCollapsed(col);\n setSizes(newSizes);\n }\n\n function onMouseMove(e: MouseEvent) {\n const idx = draggingIdx();\n if (idx === null) return;\n\n const pos = orientation() === 'horizontal' ? e.clientX : e.clientY;\n const containerSize = getContainerSize();\n if (containerSize === 0) return;\n\n const deltaPct = ((pos - dragStartPos) / containerSize) * 100;\n const newSizes = redistributeSizes(\n dragStartSizes,\n idx,\n deltaPct,\n panelMetas(),\n dragStartCollapsed,\n );\n\n if (p.lazy) {\n const leftSumPct = newSizes.slice(0, idx + 1).reduce((s, v) => s + v, 0);\n setLazyGhostPos((leftSumPct / 100) * containerSize);\n } else {\n applyNewSizes(newSizes, idx);\n p.onResize?.({ sizes: newSizes, index: idx });\n }\n }\n\n function onMouseUp(e: MouseEvent) {\n const idx = draggingIdx();\n if (idx === null) return;\n\n if (p.lazy) {\n const pos = orientation() === 'horizontal' ? e.clientX : e.clientY;\n const containerSize = getContainerSize();\n if (containerSize > 0) {\n const deltaPct = ((pos - dragStartPos) / containerSize) * 100;\n const newSizes = redistributeSizes(\n dragStartSizes,\n idx,\n deltaPct,\n panelMetas(),\n dragStartCollapsed,\n );\n applyNewSizes(newSizes, idx);\n p.onResize?.({ sizes: newSizes, index: idx });\n p.onResizeEnd?.({ sizes: newSizes, index: idx });\n }\n setLazyGhostPos(null);\n } else {\n p.onResizeEnd?.({ sizes: sizes(), index: idx });\n }\n\n setDraggingIdx(null);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n }\n\n onCleanup(function removeDragListeners() {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n });\n\n function collapsePanel(panelIdx: number) {\n const metas = panelMetas();\n if (!metas[panelIdx]?.props.collapsible) return;\n\n const currentCollapsed = collapsed();\n const newCollapsed = [...currentCollapsed];\n\n if (currentCollapsed[panelIdx]) {\n // Expand: chỉ bỏ collapsed flag — render tự normalize sizes\n newCollapsed[panelIdx] = false;\n setCollapsed(newCollapsed);\n p.onCollapse?.({ sizes: sizes(), collapsed: newCollapsed, index: panelIdx });\n } else {\n // Collapse: chỉ đánh dấu collapsed — render tự normalize sizes\n newCollapsed[panelIdx] = true;\n setCollapsed(newCollapsed);\n p.onCollapse?.({ sizes: sizes(), collapsed: newCollapsed, index: panelIdx });\n }\n }\n\n const ghostStyle = createMemo<JSX.CSSProperties>(() => {\n const pos = lazyGhostPos();\n\n if (pos === null) return { display: 'none' };\n return orientation() === 'horizontal'\n ? { display: 'block', left: `${pos}px` }\n : { display: 'block', top: `${pos}px` };\n });\n\n return (\n <SplitterContext.Provider value={{ orientation: orientation() }}>\n <div class=\"hidden\">{resolvedChildren()}</div>\n\n <div\n ref={containerRef}\n class={cn(\n 'sp01',\n orientation() === 'vertical' ? 'sp02' : 'sp03',\n getColor(p.color),\n p.class?.root,\n )}\n >\n <For each={panelMetas()}>\n {(meta, idx) => {\n const isCollapsed = createMemo(() => collapsed()[idx()] ?? false);\n\n // Tính normalized size: chia đều 100% cho các panel visible\n const panelStyle = createMemo<JSX.CSSProperties>(() => {\n if (isCollapsed()) return { display: 'none' };\n\n const col = collapsed();\n const rawSizes = sizes();\n\n // Tính tổng size của các panel visible\n const visibleTotal = rawSizes.reduce((sum, s, i) => sum + (col[i] ? 0 : s), 0);\n\n const s = rawSizes[idx()] ?? 0;\n const normalized = visibleTotal > 0 ? (s / visibleTotal) * 100 : 0;\n\n return orientation() === 'horizontal'\n ? { 'flex-basis': `${normalized}%`, 'min-width': `${meta.props.min ?? 0}%` }\n : { 'flex-basis': `${normalized}%`, 'min-height': `${meta.props.min ?? 0}%` };\n });\n\n // Dragger sau panel idx() — ẩn chỉ khi cả hai phía đều không có panel visible.\n // Trong controlled mode: ẩn dragger nếu một trong hai panel kề trực tiếp bị ẩn,\n // vì nút collapse/expand đã bị tắt và thanh chỉ còn dùng để resize (vô nghĩa khi\n // một bên không hiển thị).\n const showDragger = createMemo(() => {\n if (idx() >= panelMetas().length - 1) return false;\n const col = collapsed();\n\n if (isCollapsedControlled()) {\n return !col[idx()] && !(col[idx() + 1] ?? false);\n }\n\n // Tìm panel visible gần nhất bên trái (bao gồm idx())\n let hasVisibleLeft = false;\n for (let i = idx(); i >= 0; i--) {\n if (!col[i]) {\n hasVisibleLeft = true;\n break;\n }\n }\n // Tìm panel visible gần nhất bên phải (idx()+1 trở đi)\n let hasVisibleRight = false;\n for (let i = idx() + 1; i < panelMetas().length; i++) {\n if (!col[i]) {\n hasVisibleRight = true;\n break;\n }\n }\n return hasVisibleLeft || hasVisibleRight;\n });\n\n return (\n <>\n <div\n class={cn('sp04', isCollapsed() && 'sp05', meta.props.class, p.class?.panel)}\n style={panelStyle()}\n data-panel-id={meta.id}\n >\n {meta.props.children}\n </div>\n\n <Show when={showDragger()}>\n <DraggerItem\n dIdx={idx()}\n getPanelList={panelMetas}\n getCollapsed={collapsed}\n getDraggingIdx={draggingIdx}\n orientation={orientation}\n draggerIcon={p.draggerIcon}\n showCollapsibleIcon={() => p.showCollapsibleIcon ?? 'auto'}\n collapsibleIcon={p.collapsibleIcon}\n collapsedControlled={isCollapsedControlled}\n class={p.class}\n onMouseDown={onDraggerMouseDown}\n onDblClick={dIdx => p.onDraggerDoubleClick?.(dIdx, sizes())}\n onCollapse={collapsePanel}\n />\n </Show>\n </>\n );\n }}\n </For>\n\n <Show when={p.lazy}>\n <div class=\"sp09\" style={ghostStyle()} />\n </Show>\n </div>\n </SplitterContext.Provider>\n );\n};\n\nSplitter.Panel = SplitterPanel;\n"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{className as n,createComponent as r,delegateEvents as i,effect as a,insert as o,memo as s,mergeProps as c,setAttribute as l,template as u}from"solid-js/web";import{For as d,Show as f,createMemo as p,mergeProps as m}from"solid-js";import h from"lucide-solid/icons/check";import g from"lucide-solid/icons/arrow-right";var _=u(`<div>`),v=u(`<span class=ste17>`),y=u(`<div class=ste16>`),b=u(`<div><div class=ste18>`),x=u(`<span class=ste11 aria-hidden=true>`),S=u(`<div><div class=ste10><div class=ste18>`),C=u(`<div class=ste13><div>`),w=(e,t,n,r)=>n.includes(e)?`disabled`:r?.includes(e)\|\|e===t?`active`:e<t?`done`:`upcoming`,T=t=>(()=>{var i=_();return o(i,r(f,{get when(){return s(()=>t.status===`done`)()&&!t.icon},get fallback(){return r(f,{get when(){return t.icon},get fallback(){return(()=>{var e=v();return o(e,()=>t.index+1),e})()},get children(){return t.icon}})},get children(){return r(h,{size:16,"stroke-width":3})}})),a(()=>n(i,e(`ste15`,t.class))),i})(),E=t=>(()=>{var i=_();return o(i,r(d,{get each(){return t.items},children:(i,c)=>{let u=()=>w(c(),t.current,t.disabled,t.activeIndex);return[r(f,{get when(){return s(()=>!t.isVertical)()&&c()>0},get children(){var r=_();return a(()=>n(r,e(`ste21 ste22`,`ste-s-${u()}`,t.class?.connector))),r}}),(()=>{var s=b(),d=s.firstChild;return s.$$click=()=>u()!==`disabled`&&t.onStepClick(c()),o(s,r(f,{get when(){return t.isVertical},get children(){var s=y();return o(s,r(T,{get index(){return c()},get status(){return u()},get icon(){return i.icon},get class(){return t.class?.icon}}),null),o(s,r(f,{get when(){return c()<t.items.length-1},get children(){var r=_();return a(()=>n(r,e(`ste21 ste23`,t.class?.connector))),r}}),null),s}}),d),o(s,r(f,{get when(){return!t.isVertical},get children(){return r(T,{get index(){return c()},get status(){return u()},get icon(){return i.icon},get class(){return t.class?.icon}})}}),d),o(d,r(f,{get when(){return i.title},get children(){var r=_();return o(r,()=>i.title),a(()=>n(r,e(`ste19`,t.class?.title))),r}}),null),o(d,r(f,{get when(){return i.description},get children(){var r=_();return o(r,()=>i.description),a(()=>n(r,e(`ste20`,t.class?.description))),r}}),null),a(r=>{var i=e(`ste07 ste08`,`ste-s-${u()}`,t.class?.step),a=u();return i!==r.e&&n(s,r.e=i),a!==r.t&&l(s,`data-status`,r.t=a),r},{e:void 0,t:void 0}),s})()]}})),a(()=>n(i,e(`ste01 ste02`,t.colorClass,t.isVertical?`ste06`:`ste05`,t.class?.root))),i})(),D=t=>(()=>{var i=_();return o(i,r(d,{get each(){return t.items},children:(i,c)=>{let u=()=>w(c(),t.current,t.disabled,t.activeIndex);return[r(f,{get when(){return s(()=>!t.isVertical)()&&c()>0},get children(){var e=x();return o(e,r(g,{size:14,"stroke-width":3,get color(){return u()===`active`\|\|u()===`done`?`var(--color)`:`currentColor`}})),e}}),(()=>{var s=S(),d=s.firstChild,p=d.firstChild;return s.$$click=()=>u()!==`disabled`&&t.onStepClick(c()),o(d,r(T,{get index(){return c()},get status(){return u()},get icon(){return i.icon},get class(){return t.class?.icon}}),p),o(p,r(f,{get when(){return i.title},get children(){var r=_();return o(r,()=>i.title),a(()=>n(r,e(`ste19`,t.class?.title))),r}}),null),o(p,r(f,{get when(){return i.description},get children(){var r=_();return o(r,()=>i.description),a(()=>n(r,e(`ste20`,t.class?.description))),r}}),null),a(r=>{var i=e(`ste07 ste09`,`ste-s-${u()}`,t.class?.step),a=u();return i!==r.e&&n(s,r.e=i),a!==r.t&&l(s,`data-status`,r.t=a),r},{e:void 0,t:void 0}),s})()]}})),a(()=>n(i,e(`ste01 ste03`,t.colorClass,t.isVertical?`ste06`:`ste05`,t.class?.root))),i})(),O=t=>(()=>{var i=_();return o(i,r(d,{get each(){return t.items},children:(i,c)=>{let u=()=>w(c(),t.current,t.disabled,t.activeIndex);return[r(f,{get when(){return s(()=>!t.isVertical)()&&c()>0},get children(){var r=_();return a(()=>n(r,e(`ste21 ste22 ste24`,`ste-s-${u()}`,t.class?.connector))),r}}),(()=>{var s=b(),d=s.firstChild;return s.$$click=()=>u()!==`disabled`&&t.onStepClick(c()),o(s,r(f,{get when(){return t.isVertical},get children(){var i=C(),s=i.firstChild;return o(i,r(f,{get when(){return c()<t.items.length-1},get children(){var r=_();return a(()=>n(r,e(`ste21 ste23`,t.class?.connector))),r}}),null),a(()=>n(s,e(`ste14`,t.class?.icon))),i}}),d),o(s,r(f,{get when(){return!t.isVertical},get children(){var r=_();return a(()=>n(r,e(`ste14`,t.class?.icon))),r}}),d),o(d,r(f,{get when(){return i.title},get children(){var r=_();return o(r,()=>i.title),a(()=>n(r,e(`ste19`,t.class?.title))),r}}),null),o(d,r(f,{get when(){return i.description},get children(){var r=_();return o(r,()=>i.description),a(()=>n(r,e(`ste20`,t.class?.description))),r}}),null),a(r=>{var i=e(`ste07 ste12`,`ste-s-${u()}`,t.class?.step),a=u();return i!==r.e&&n(s,r.e=i),a!==r.t&&l(s,`data-status`,r.t=a),r},{e:void 0,t:void 0}),s})()]}})),a(()=>n(i,e(`ste01 ste04`,t.colorClass,t.isVertical?`ste06`:`ste05`,t.class?.root))),i})(),k=e=>{e=m({type:`default`,orientation:`horizontal`,color:`primary`,disabled:[],items:[]},e);let n=()=>e.current?.()??0,i=p(()=>e.items&&e.items.length>0?e.items:e.total&&e.total>0?Array.from({length:e.total},(e,t)=>({title:`Step ${t+1}`})):[]),a=t=>{e.setCurrent?.(t),e.onChange?.(t)},o=p(()=>({items:i(),current:n(),disabled:e.disabled??[],activeIndex:e.activeIndex,isVertical:e.orientation===`vertical`,colorClass:t(e.color,`color-primary`),onStepClick:a,class:e.class}));return r(f,{get when(){return e.type===`navigation`},get fallback(){return r(f,{get when(){return e.type===`dot`},get fallback(){return r(E,c(o))},get children(){return r(O,c(o))}})},get children(){return r(D,c(o))}})};i([`click`]);export{k as Steps};
2	+ //# sourceMappingURL=steps.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"steps.js","names":["BaseColorProps","cn","getColor","ArrowRight","Check","Accessor","Component","createMemo","For","JSX","mergeProps","Setter","Show","StepItem","title","Element","description","icon","StepsProps","type","color","orientation","total","items","current","setCurrent","onChange","index","disabled","activeIndex","class","root","step","connector","StepStatus","getStepStatus","includes","StepIconProps","status","StepIconContent","p","_el$","_tmpl$","_$insert","_$createComponent","when","_$memo","fallback","_el$2","_tmpl$2","children","size","_$effect","_$className","InternalProps","isVertical","colorClass","onStepClick","TypeDefault","_el$3","each","item","i","_el$4","_el$5","_tmpl$4","_el$8","firstChild","$$click","_el$6","_tmpl$3","length","_el$7","_el$9","_el$0","_p$","_v$","_v$2","e","t","_$setAttribute","undefined","TypeNavigation","_el$1","_el$10","_tmpl$5","_el$11","_tmpl$6","_el$12","_el$13","_el$14","_el$15","_v$3","_v$4","TypeDot","_el$16","_el$17","_el$18","_el$23","_el$19","_tmpl$7","_el$20","_el$21","_el$22","_el$24","_el$25","_v$5","_v$6","Steps","resolvedItems","Array","from","_","handleClick","shared","_$mergeProps","_$delegateEvents"],"sources":["../../../src/components/steps/steps.tsx"],"sourcesContent":["import { BaseColorProps } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport ArrowRight from 'lucide-solid/icons/arrow-right';\nimport Check from 'lucide-solid/icons/check';\nimport { Accessor, Component, createMemo, For, JSX, mergeProps, Setter, Show } from 'solid-js';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type StepItem = {\n title?: JSX.Element;\n description?: JSX.Element;\n icon?: JSX.Element;\n};\n\nexport type StepsProps = {\n type?: 'default' | 'navigation' | 'dot';\n color?: BaseColorProps;\n orientation?: 'horizontal' | 'vertical';\n total?: number;\n items?: StepItem[];\n current?: Accessor<number>;\n setCurrent?: Setter<number>;\n onChange?: (index: number) => void;\n disabled?: number[];\n activeIndex?: number[];\n class?: {\n root?: string;\n step?: string;\n icon?: string;\n title?: string;\n description?: string;\n connector?: string;\n };\n};\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\ntype StepStatus = 'active' | 'done' | 'upcoming' | 'disabled';\n\nconst getStepStatus = (\n index: number,\n current: number,\n disabled: number[],\n activeIndex?: number[],\n): StepStatus => {\n if (disabled.includes(index)) return 'disabled';\n if (activeIndex?.includes(index)) return 'active';\n if (index === current) return 'active';\n if (index < current) return 'done';\n return 'upcoming';\n};\n\n// ─── StepIcon — reusable icon renderer ───────────────────────────────────────\n// Renders: checkmark (done, no custom icon) | custom icon | step number\n\ntype StepIconProps = {\n index: number;\n status: StepStatus;\n icon?: JSX.Element;\n class?: string;\n};\n\nconst StepIconContent: Component<StepIconProps> = p => (\n <div class={cn('ste15', p.class)}>\n <Show\n when={p.status === 'done' && !p.icon}\n fallback={\n <Show when={p.icon} fallback={<span class=\"ste17\">{p.index + 1}</span>}>\n {p.icon}\n </Show>\n }\n >\n <Check size={16} stroke-width={3} />\n </Show>\n </div>\n);\n\n// ─── Internal props shared across sub-components ──────────────────────────────\n\ntype InternalProps = {\n items: StepItem[];\n current: number;\n disabled: number[];\n activeIndex?: number[];\n isVertical: boolean;\n colorClass: string;\n onStepClick: (index: number) => void;\n class?: StepsProps['class'];\n};\n\n// ─── Sub-component: Default ───────────────────────────────────────────────────\n\nconst TypeDefault: Component<InternalProps> = p => (\n <div class={cn('ste01 ste02', p.colorClass, p.isVertical ? 'ste06' : 'ste05', p.class?.root)}>\n <For each={p.items}>\n {(item, i) => {\n const status = () => getStepStatus(i(), p.current, p.disabled, p.activeIndex);\n\n return (\n <>\n {/* Connector nằm giữa hai step (horizontal), trước mỗi step từ index 1 */}\n <Show when={!p.isVertical && i() > 0}>\n <div class={cn('ste21 ste22', `ste-s-${status()}`, p.class?.connector)} />\n </Show>\n\n <div\n class={cn('ste07 ste08', `ste-s-${status()}`, p.class?.step)}\n data-status={status()}\n onClick={() => status() !== 'disabled' && p.onStepClick(i())}\n >\n {/* ── Vertical: icon col + connector ── */}\n <Show when={p.isVertical}>\n <div class=\"ste16\">\n <StepIconContent\n index={i()}\n status={status()}\n icon={item.icon}\n class={p.class?.icon}\n />\n <Show when={i() < p.items.length - 1}>\n <div class={cn('ste21 ste23', p.class?.connector)} />\n </Show>\n </div>\n </Show>\n\n {/* ── Horizontal: chỉ icon (connector đã là sibling bên ngoài) ── */}\n <Show when={!p.isVertical}>\n <StepIconContent\n index={i()}\n status={status()}\n icon={item.icon}\n class={p.class?.icon}\n />\n </Show>\n\n {/* ── Content ── */}\n <div class=\"ste18\">\n <Show when={item.title}>\n <div class={cn('ste19', p.class?.title)}>{item.title}</div>\n </Show>\n <Show when={item.description}>\n <div class={cn('ste20', p.class?.description)}>{item.description}</div>\n </Show>\n </div>\n </div>\n </>\n );\n }}\n </For>\n </div>\n);\n\n// ─── Sub-component: Navigation ────────────────────────────────────────────────\n\nconst TypeNavigation: Component<InternalProps> = p => (\n <div class={cn('ste01 ste03', p.colorClass, p.isVertical ? 'ste06' : 'ste05', p.class?.root)}>\n <For each={p.items}>\n {(item, i) => {\n const status = () => getStepStatus(i(), p.current, p.disabled, p.activeIndex);\n\n return (\n <>\n {/* Separator giữa các step — horizontal only */}\n <Show when={!p.isVertical && i() > 0}>\n <span class=\"ste11\" aria-hidden=\"true\">\n <ArrowRight\n size={14}\n stroke-width={3}\n color={\n status() === 'active' || status() === 'done' ? 'var(--color)' : 'currentColor'\n }\n />\n </span>\n </Show>\n\n <div\n class={cn('ste07 ste09', `ste-s-${status()}`, p.class?.step)}\n data-status={status()}\n onClick={() => status() !== 'disabled' && p.onStepClick(i())}\n >\n <div class=\"ste10\">\n <StepIconContent\n index={i()}\n status={status()}\n icon={item.icon}\n class={p.class?.icon}\n />\n <div class=\"ste18\">\n <Show when={item.title}>\n <div class={cn('ste19', p.class?.title)}>{item.title}</div>\n </Show>\n <Show when={item.description}>\n <div class={cn('ste20', p.class?.description)}>{item.description}</div>\n </Show>\n </div>\n </div>\n </div>\n </>\n );\n }}\n </For>\n </div>\n);\n\n// ─── Sub-component: Dot ───────────────────────────────────────────────────────\n\nconst TypeDot: Component<InternalProps> = p => (\n <div class={cn('ste01 ste04', p.colorClass, p.isVertical ? 'ste06' : 'ste05', p.class?.root)}>\n <For each={p.items}>\n {(item, i) => {\n const status = () => getStepStatus(i(), p.current, p.disabled, p.activeIndex);\n\n return (\n <>\n {/* Connector sibling — horizontal only, trước mỗi step từ index 1 */}\n <Show when={!p.isVertical && i() > 0}>\n <div class={cn('ste21 ste22 ste24', `ste-s-${status()}`, p.class?.connector)} />\n </Show>\n\n <div\n class={cn('ste07 ste12', `ste-s-${status()}`, p.class?.step)}\n data-status={status()}\n onClick={() => status() !== 'disabled' && p.onStepClick(i())}\n >\n {/* ── Vertical: dot col + connector ── */}\n <Show when={p.isVertical}>\n <div class=\"ste13\">\n <div class={cn('ste14', p.class?.icon)} />\n <Show when={i() < p.items.length - 1}>\n <div class={cn('ste21 ste23', p.class?.connector)} />\n </Show>\n </div>\n </Show>\n\n {/* ── Horizontal: chỉ dot (connector là sibling bên ngoài) ── */}\n <Show when={!p.isVertical}>\n <div class={cn('ste14', p.class?.icon)} />\n </Show>\n\n {/* Content */}\n <div class=\"ste18\">\n <Show when={item.title}>\n <div class={cn('ste19', p.class?.title)}>{item.title}</div>\n </Show>\n <Show when={item.description}>\n <div class={cn('ste20', p.class?.description)}>{item.description}</div>\n </Show>\n </div>\n </div>\n </>\n );\n }}\n </For>\n </div>\n);\n\n// ─── Main Component ───────────────────────────────────────────────────────────\n\nexport const Steps: Component<StepsProps> = p => {\n p = mergeProps(\n {\n type: 'default',\n orientation: 'horizontal',\n color: 'primary',\n disabled: [],\n items: [],\n } as StepsProps,\n p,\n );\n\n const current = () => p.current?.() ?? 0;\n\n const resolvedItems = createMemo((): StepItem[] => {\n if (p.items && p.items.length > 0) return p.items;\n if (p.total && p.total > 0)\n return Array.from({ length: p.total }, (_, i) => ({ title: `Step ${i + 1}` }));\n return [];\n });\n\n const handleClick = (index: number) => {\n p.setCurrent?.(index);\n p.onChange?.(index);\n };\n\n const shared = createMemo(\n (): InternalProps => ({\n items: resolvedItems(),\n current: current(),\n disabled: p.disabled ?? [],\n activeIndex: p.activeIndex,\n isVertical: p.orientation === 'vertical',\n colorClass: getColor(p.color, 'color-primary'),\n onStepClick: handleClick,\n class: p.class,\n }),\n );\n\n return (\n <Show\n when={p.type === 'navigation'}\n fallback={\n <Show when={p.type === 'dot'} fallback={<TypeDefault {...shared()} />}>\n <TypeDot {...shared()} />\n </Show>\n }\n >\n <TypeNavigation {...shared()} />\n </Show>\n );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"swap.js","names":["SolidComponent","cn","Component","SwapType","item1","item2","effect","onChange","value","Swap","p","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","addEventListener","e","target","checked","_$insert","Element","_$effect","_$className"],"sources":["../../../src/components/swap/swap.tsx"],"sourcesContent":["import { SolidComponent } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { Component } from 'solid-js';\n\ntype SwapType = {\n item1: SolidComponent;\n item2: SolidComponent;\n effect?: 'rotate' | 'flip' | 'none';\n onChange?: (value: boolean) => void;\n};\nexport const Swap: Component<SwapType> = p => {\n return (\n <label\n class={cn(\n 'swap',\n p.effect === 'flip' ? 'swap-flip' : p.effect === 'rotate' ? 'swap-rotate' : '',\n )}\n >\n <input\n type=\"checkbox\"\n onChange={e => {\n p?.onChange?.(e.target.checked);\n }}\n />\n <div class=\"swap-on\">{p.item1 as Element}</div>\n <div class=\"swap-off\">{p.item2 as Element}</div>\n <div class=\"swap-indeterminate\"></div>\n </label>\n );\n};\n"],"mappings":"+OAUaS,EAA4BC,QACvC,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAKK,OALLH,EAAAK,iBAAA,SASgBC,GAAK,CACbT,GAAGH,WAAWY,EAAEC,OAAOC,QAAQ,EAChC,CAAAC,EAAAP,MAEmBL,EAAEN,MAAgB,CAAAkB,EAAAL,MACjBP,EAAEL,MAAgB,CAAAmB,MAAAC,EAAAd,EAZlCV,EACL,OACAS,EAAEJ,SAAW,OAAS,YAAcI,EAAEJ,SAAW,SAAW,cAAgB,GAC7E,CAAA,CAAA,CAAAK,KAAA"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"switch.js","names":["cn","cva","VariantProps","Component","createEffect","createSignal","mergeProps","Show","SwitchProps","variants","size","xs","sm","md","lg","xl","color","primary","secondary","accent","neutral","info","success","warning","error","SwitchVariantProps","Switch","props","p","className","defaultChecked","disabled","loading","const","internalChecked","setInternalChecked","isControlled","checked","undefined","syncControlledChecked","mergedDisabled","handleClick","e","MouseEvent","newChecked","onClick","onChange","_el$","_tmpl$2","_el$2","firstChild","$$click","_$insert","_$createComponent","when","children","_el$3","_tmpl$","IconLoading","_$effect","_p$","_v$","_v$2","_v$3","class","root","_v$4","_$setAttribute","t","a","_$className","o","_tmpl$3","_$delegateEvents"],"sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Component, createEffect, createSignal, mergeProps, Show } from 'solid-js';\nimport type { SwitchProps } from './switch.types';\n\nconst variants = cva('', {\n variants: {\n size: {\n xs: 'h-4 w-7',\n sm: 'h-5 w-9',\n md: 'h-6 w-11',\n lg: 'h-7 w-14',\n xl: 'h-8 w-16',\n },\n color: {\n primary: 'bg-primary text-primary',\n secondary: 'bg-secondary text-secondary',\n accent: 'bg-accent text-accent',\n neutral: 'bg-neutral text-neutral',\n info: 'bg-info text-info',\n success: 'bg-success text-success',\n warning: 'bg-warning text-warning',\n error: 'bg-error text-error',\n },\n },\n});\n\nexport type SwitchVariantProps = VariantProps<typeof variants>;\n\nexport const Switch: Component<SwitchProps> = props => {\n const p = mergeProps(\n {\n className: '',\n defaultChecked: false,\n disabled: false,\n loading: false,\n size: 'md' as const,\n color: 'primary' as const,\n },\n props,\n );\n\n const [internalChecked, setInternalChecked] = createSignal(p.defaultChecked);\n\n const isControlled = () => p.checked !== undefined;\n const checked = () => (isControlled() ? p.checked! : internalChecked());\n\n createEffect(function syncControlledChecked() {\n if (isControlled()) {\n setInternalChecked(p.checked!);\n }\n });\n\n const mergedDisabled = () => p.disabled || p.loading;\n\n const handleClick = (e: MouseEvent) => {\n if (mergedDisabled()) return;\n\n const newChecked = !checked();\n\n if (!isControlled()) {\n setInternalChecked(newChecked);\n }\n\n p.onClick?.(newChecked);\n p.onChange?.(newChecked);\n };\n\n return (\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked()}\n disabled={mergedDisabled()}\n class={cn(\n 'sui_switch @container relative flex cursor-pointer items-center rounded-full border-2 border-transparent p-px',\n variants({ size: p.size, color: p.color }),\n 'transition duration-400',\n !checked() && 'bg-gray-300',\n mergedDisabled() && 'cursor-not-allowed opacity-50',\n p.class?.root,\n )}\n onClick={handleClick}\n >\n <div\n class={cn(\n 'sui_thumb aspect-square h-full rounded-full bg-white transition-transform duration-400 ease-in-out',\n\n checked() && 'translate-x-[calc(100cqw-100%)]',\n )}\n >\n <Show when={p.loading}>\n <span class=\"flex size-full animate-spin\">\n <IconLoading />\n </span>\n </Show>\n </div>\n </button>\n );\n};\n\nconst IconLoading = () => {\n return (\n <svg class=\"size-full\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#ccc\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-90\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n );\n};\n"],"mappings":"8tBAKMS,EAAWR,EAAI,GAAI,CACvBQ,SAAU,CACRC,KAAM,CACJC,GAAI,UACJC,GAAI,UACJC,GAAI,WACJC,GAAI,WACJC,GAAI,WACL,CACDC,MAAO,CACLC,QAAS,0BACTC,UAAW,8BACXC,OAAQ,wBACRC,QAAS,0BACTC,KAAM,oBACNC,QAAS,0BACTC,QAAS,0BACTC,MAAO,sBACT,CACF,CACD,CAAC,CAIWE,EAAiCC,GAAS,CACrD,IAAMC,EAAItB,EACR,CACEuB,UAAW,GACXC,eAAgB,GAChBC,SAAU,GACVC,QAAS,GACTtB,KAAM,KACNM,MAAO,UACR,CACDW,EACD,CAEK,CAACO,EAAiBC,GAAsB9B,EAAauB,EAAEE,eAAe,CAEtEM,MAAqBR,EAAES,UAAYC,IAAAA,GACnCD,MAAiBD,GAAc,CAAGR,EAAES,QAAWH,GAAkB,CAEvE9B,EAAa,UAAiC,CACxCgC,GAAc,EAChBD,EAAmBP,EAAES,QAAS,EAEhC,CAEF,IAAMG,MAAuBZ,EAAEG,UAAYH,EAAEI,QAEvCS,EAAeC,GAAkB,CACrC,GAAIF,GAAgB,CAAE,OAEtB,IAAMI,EAAa,CAACP,GAAS,CAExBD,GAAc,EACjBD,EAAmBS,EAAW,CAGhChB,EAAEiB,UAAUD,EAAW,CACvBhB,EAAEkB,WAAWF,EAAW,EAG1B,WAAA,CAAA,IAAAG,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAqBO,MArBPH,GAAAI,QAcaV,EAAWW,EAAAH,EAAAI,EASjB9C,EAAI,CAAA,IAAC+C,MAAI,CAAA,OAAE1B,EAAEI,SAAO,IAAAuB,UAAA,CAAA,IAAAC,EAAAC,GAAA,CAEL,OAFKL,EAAAI,EAAAH,EAEhBK,EAAW,EAAA,CAAA,CAAA,CAAAF,GAAA,CAAA,CAAA,CAAAG,EAAAC,GAAA,CAAA,IAAAC,EArBJxB,GAAS,CAAAyB,EACbtB,GAAgB,CAAAuB,EACnB/D,EACL,gHACAS,EAAS,CAAEC,KAAMkB,EAAElB,KAAMM,MAAOY,EAAEZ,MAAO,CAAC,CAC1C,0BACA,CAACqB,GAAS,EAAI,cACdG,GAAgB,EAAI,gCACpBZ,EAAEoC,OAAOC,KACV,CAAAC,EAIQlE,EACL,qGAEAqC,GAAS,EAAI,kCACd,CAAA,OAAAwB,IAAAD,EAAAlB,GAAAyB,EAAApB,EAAA,eAAAa,EAAAlB,EAAAmB,EAAA,CAAAC,IAAAF,EAAAQ,IAAArB,EAAAhB,SAAA6B,EAAAQ,EAAAN,GAAAC,IAAAH,EAAAS,GAAAC,EAAAvB,EAAAa,EAAAS,EAAAN,EAAA,CAAAG,IAAAN,EAAAW,GAAAD,EAAArB,EAAAW,EAAAW,EAAAL,EAAA,CAAAN,GAAA,CAAAlB,EAAAJ,IAAAA,GAAA8B,EAAA9B,IAAAA,GAAA+B,EAAA/B,IAAAA,GAAAiC,EAAAjC,IAAAA,GAAA,CAAA,CAAAS,KAAA,EAYHW,MACJc,GAAA,CAUAC,EAAA,CAAA,QAAA,CAAA"}

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

	@@ -0,0 +1,2 @@
1	+ import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{Tooltip as n}from"../tooltip/tooltip.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,mergeProps as l,setAttribute as u,template as d,use as f}from"solid-js/web";import{cva as p}from"class-variance-authority";import{For as m,Show as h,createEffect as g,createMemo as _,createSignal as v,createUniqueId as y,mergeProps as b,on as x}from"solid-js";import S from"lucide-solid/icons/x";import C from"lucide-solid/icons/pin";import w from"lucide-solid/icons/pin-off";import T from"lucide-solid/icons/plus";var E=d(`<div>New Tab Content`),D=d(`<button title="Add new tab">`),O=d(`<button class=tab12>`),k=d(`<div class=tab15><span>No tabs available`),A=d(`<div><div></div><div>`),j=d(`<div class=tab14>`),ee=d(`<span class=tab06>`),te=d(`<input type=text class=tab16>`),ne=d(`<button class="tab09 tab10">`),M=d(`<button class="tab09 tab11"title="Close tab">`),N=d(`<div class=tab08>`),P=d(`<div>`),F=d(`<span class=tab07>`),I=p(``,{variants:{variants:{lift:``,box:``,border:`rounded-none p-0`},tabPlacement:{horizontal:``,vertical:``},position:{top:``,bottom:``,left:``,right:``}},compoundVariants:[{variants:`lift`,position:`top`,class:`pb-0`},{variants:`lift`,position:`bottom`,class:`pt-0`},{variants:`lift`,tabPlacement:`vertical`,position:`left`,class:`pr-0 overflow-x-hidden`},{variants:`lift`,tabPlacement:`vertical`,position:`right`,class:`pl-0 overflow-x-hidden`}]}),L={tabPlacement:`horizontal`,position:`top`,align:`left`,variants:`box`,canAdd:!0,canPin:!1,canRename:!0,preRender:!1,color:`primary`},R=19,z=a=>{let d=b(L,a),p=y(),[z,B]=v(d.defaultActiveKey\|\|d.items()[0]?.key\|\|``),[V,H]=v(new Set),[U,W]=v(null),[G,K]=v(``),q=_(()=>d.tabPlacement===`vertical`?d.position===`left`\|\|d.position===`right`?d.position:`left`:d.position===`top`\|\|d.position===`bottom`?d.position:`top`),J=_(()=>{let e=d.items(),t=e.filter(e=>e.pinned),n=e.filter(e=>!e.pinned);return[...t,...n]}),Y=_(()=>{let e=d.items(),t=e.some(e=>e.pinned),n=e.some(e=>!e.pinned);return t&&n}),X=_(()=>J().findIndex(e=>!e.pinned));g(x(()=>d.items(),e=>{e.length>0&&!e.find(e=>e.key===z())&&B(e[0].key)})),g(x(z,e=>{e&&!V().has(e)&&H(t=>new Set([...t,e]))}));let re=e=>{e.disabled\|\|(B(e.key),d.onChange?.(e.key))},ie=(e,t)=>{e.button===1&&t.closable!==!1&&(e.preventDefault(),Q(t))},Z=()=>{if(d.onAdd){let e=d.onAdd();e&&(d.setItems(t=>[...t,e]),B(e.key))}else{let e=y(),t={key:e,label:`Tab ${d.items().length+1}`,children:E()};d.setItems(e=>[...e,t]),B(e)}},Q=async e=>{if(e.closable===!1)return;let t=e.label\|\|`Tab ${d.items().findIndex(t=>t.key===e.key)+1}`;if(d.onRemove&&await d.onRemove(e.key,t)===!1)return;let n=d.items(),r=n.findIndex(t=>t.key===e.key);if(z()===e.key){let e=n[r+1]\|\|n[r-1];e&&B(e.key)}d.setItems(t=>t.filter(t=>t.key!==e.key)),H(t=>{let n=new Set(t);return n.delete(e.key),n})},ae=(e,t)=>{t.stopPropagation();let n=!e.pinned;d.setItems(t=>t.map(t=>t.key===e.key?{...t,pinned:n}:t)),d.onPin?.(e.key,n)},oe=(e,t)=>{if(!d.canRename\|\|e.disabled)return;t.stopPropagation();let n=e.label\|\|`Tab ${d.items().findIndex(t=>t.key===e.key)+1}`;W(e.key),K(n)},$=e=>{let t=G().trim();t&&t!==e.label&&(d.setItems(n=>n.map(n=>n.key===e.key?{...n,label:t}:n)),d.onRename?.(e.key,t)),W(null),K(``)},se=(e,t)=>{t.key===`Enter`?(t.preventDefault(),$(e)):t.key===`Escape`&&(t.preventDefault(),W(null),K(``))},ce=e=>{let t=z()===e.key;return(e.pinned\|\|d.preRender)&&V().has(e.key)\|\|t};return(()=>{var a=A(),g=a.firstChild,_=g.nextSibling;return u(a,`id`,p),s(g,i(m,{get each(){return J()},children:(t,a)=>[i(h,{get when(){return c(()=>!!Y())()&&a()===X()},get children(){return j()}}),(()=>{var a=P();return a.$$dblclick=e=>oe(t,e),a.$$mousedown=e=>ie(e,t),a.$$click=()=>re(t),s(a,i(h,{get when(){return t.icon},get children(){var e=ee();return s(e,()=>t.icon),e}}),null),s(a,i(h,{get when(){return U()===t.key},get fallback(){return i(h,{get when(){return d.useTooltip},get fallback(){return(()=>{var e=F();return s(e,()=>t.label\|\|`Tab ${d.items().findIndex(e=>e.key===t.key)+1}`),e})()},get children(){return(()=>{let e=t.label\|\|`Tab ${d.items().findIndex(e=>e.key===t.key)+1}`;if(!(e.length>R))return(()=>{var t=F();return s(t,e),t})();let r=d.tooltipOptions??{};return i(n,l(`customContent`in r&&r.customContent!=null?{type:`default`,position:`top`,color:d?.color,customContent:r.customContent}:{type:`default`,position:`top`,color:d?.color,content:r.content??e},{get children(){var t=F();return s(t,e),t}}))})()}})},get children(){var e=te();return e.$$click=e=>e.stopPropagation(),e.$$keydown=e=>se(t,e),e.addEventListener(`blur`,()=>$(t)),e.$$input=e=>K(e.currentTarget.value),f(e=>setTimeout(()=>{e?.focus(),e?.select()},0),e),o(()=>e.value=G()),e}}),null),s(a,i(h,{get when(){return d.canPin\|\|t.closable!==!1},get children(){var e=N();return s(e,i(h,{get when(){return d.canPin},get children(){var e=ne();return e.$$click=e=>ae(t,e),s(e,i(h,{get when(){return t.pinned},get fallback(){return i(C,{size:12})},get children(){return i(w,{size:12})}})),o(()=>u(e,`title`,t.pinned?`Unpin tab`:`Pin tab`)),e}}),null),s(e,i(h,{get when(){return t.closable!==!1},get children(){var e=M();return e.$$click=e=>{e.stopPropagation(),Q(t)},s(e,i(S,{size:12})),e}}),null),e}}),null),o(()=>r(a,e(`tab03`,U()===t.key&&`bg-base-100`,z()===t.key&&`tab04`,t.pinned&&`tab05`,t.disabled&&`pointer-events-none opacity-50`,d.class?.item))),a})()]}),null),s(g,i(h,{get when(){return d.canAdd},get children(){var t=D();return t.$$click=Z,s(t,i(T,{size:14})),o(()=>r(t,e(`tab12`,d.class?.addButton))),t}}),null),s(_,i(h,{get when(){return d.items().length===0},get children(){var e=k();return e.firstChild,s(e,i(h,{get when(){return d.canAdd},get children(){var e=O();return e.$$click=Z,s(e,i(C,{size:14})),e}}),null),e}}),null),s(_,i(m,{get each(){return d.items()},children:t=>i(h,{get when(){return ce(t)},get children(){var n=P();return s(n,()=>t.children),o(()=>r(n,e(`tab29 size-full`,z()!==t.key&&`hidden`))),n}})}),null),o(n=>{var i=e(`tab01`,t(d.color),`tab${d.variants===`box`?`23`:d.variants===`lift`?`24`:`25`}`,`tab${d.tabPlacement===`horizontal`?`17`:`18`}`,`tab${q()===`top`?`19`:q()===`bottom`?`20`:q()===`left`?`21`:`22`}`,d.class?.root),o=e(`tab02`,`tab${d.align===`left`?`26`:d.align===`center`?`27`:`28`}`,I({variants:d.variants,tabPlacement:d.tabPlacement,position:d.position}),d.class?.header),s=e(`tab13`,d.class?.content);return i!==n.e&&r(a,n.e=i),o!==n.t&&r(g,n.t=o),s!==n.a&&r(_,n.a=s),n},{e:void 0,t:void 0,a:void 0}),a})()};a([`click`,`mousedown`,`dblclick`,`input`,`keydown`]);export{z as Tab};
2	+ //# sourceMappingURL=tab.js.map