solid-tom-ui 0.1.0 → 0.2.0

package/dist/components/context-menu/context-menu.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{contextMenuStore as r}from"./context-menu.store.js";import{className as i,createComponent as a,delegateEvents as o,effect as s,insert as c,setAttribute as l,style as u,template as d,use as f}from"solid-js/web";import{For as p,Show as m,createEffect as h,createSignal as g,onCleanup as _}from"solid-js";import v from"lucide-solid/icons/chevron-right";var y=d(`<div>`),b=d(`<span class=cm06>`),x=d(`<div><div class=cm05><span class=cm07></span><span class=cm08></span></div><div>`),S=d(`<span class=cm10>`),C=d(`<button type=button><span class=cm07>`),w=t=>{if(t.item.type===`separator`)return(()=>{var n=y();return s(()=>i(n,e(`cm03`,t.customClass?.separator))),n})();if(t.item.type===`submenu`){let n=t.item,r,[o,u]=g(!1);return h(function(){let e=requestAnimationFrame(function(){r&&(r.getBoundingClientRect().right>window.innerWidth?u(!0):u(!1))});_(()=>cancelAnimationFrame(e))}),(()=>{var u=x(),d=u.firstChild,h=d.firstChild,g=h.nextSibling,_=d.nextSibling;return c(d,a(m,{get when(){return n.prefixIcon},get children(){var e=b();return c(e,()=>n.prefixIcon),e}}),h),c(h,()=>n.label),c(g,a(v,{size:14})),f(e=>r=e,_),c(_,a(p,{get each(){return n.items},children:e=>a(w,{item:e,get close(){return t.close},get customClass(){return t.customClass}})})),s(r=>{var a=e(`cm04`,n.disabled&&`cm04--disabled`,t.customClass?.submenu),s=n.disabled,c=e(`cm09`,o()&&`cm09--flip`);return a!==r.e&&i(u,r.e=a),s!==r.t&&l(u,`aria-disabled`,r.t=s),c!==r.a&&i(_,r.a=c),r},{e:void 0,t:void 0,a:void 0}),u})()}let n=t.item;return(()=>{var r=C(),o=r.firstChild;return r.$$click=()=>{n.disabled||(n.onClick(),t.close())},c(r,a(m,{get when(){return n.prefixIcon},get children(){var e=b();return c(e,()=>n.prefixIcon),e}}),o),c(o,()=>n.label),c(r,a(m,{get when(){return n.shortcut},get children(){var e=S();return c(e,()=>n.shortcut),e}}),null),s(a=>{var o=e(`cm02`,n.disabled&&`cm02--disabled`,t.customClass?.item),s=n.disabled;return o!==a.e&&i(r,a.e=o),s!==a.t&&(r.disabled=a.t=s),a},{e:void 0,t:void 0}),r})()},T=t=>{let n,[r,o]=g({left:`${t.x}px`,top:`${t.y}px`});return h(function(){let e=requestAnimationFrame(function(){if(!n)return;let e=n.getBoundingClientRect(),r=window.innerWidth,i=window.innerHeight,a=e.right>r?Math.max(0,t.x-e.width):t.x,s=e.bottom>i?Math.max(0,t.y-e.height):t.y;o({left:`${a}px`,top:`${s}px`})});_(()=>cancelAnimationFrame(e))}),(()=>{var o=y();return o.$$contextmenu=e=>e.preventDefault(),f(e=>n=e,o),c(o,a(p,{get each(){return t.items},children:e=>a(w,{item:e,get close(){return t.close},get customClass(){return t.customClass}})})),s(n=>{var a=e(`cm01`,t.customClass?.content),s=r();return a!==n.e&&i(o,n.e=a),n.t=u(o,s,n.t),n},{e:void 0,t:void 0}),o})()},E=e=>{let i=()=>r.menuState(),o=()=>r.close();return h(function(){if(!i())return;function e(e){e.target.closest(`.cm01`)||o()}function t(e){e.key===`Escape`&&o()}document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),_(function(){document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)})}),a(n,{get open(){return!!i()},get type(){return t.DROPDOWN},class:`inset-0`,get children(){return a(m,{get when(){return i()},children:t=>a(T,{get x(){return t().x},get y(){return t().y},get items(){return t().items},close:o,get customClass(){return e.class}})})}})};o([`click`,`contextmenu`]);export{E as ContextMenu};
+import{cn as e}from"../../utils/cn.js";import{chevron_right_default as t}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-right.js";import{ZIndexType as n}from"../z-index/z-index.types.js";import{ZIndex as r}from"../z-index/z-index.js";import{contextMenuStore as i}from"./context-menu.store.js";import{className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,setAttribute as u,style as d,template as f,use as p}from"solid-js/web";import{For as m,Show as h,createEffect as g,createSignal as _,onCleanup as v}from"solid-js";var y=f(`<div>`),b=f(`<span class=cm06>`),x=f(`<div><div class=cm05><span class=cm07></span><span class=cm08></span></div><div>`),S=f(`<span class=cm10>`),C=f(`<button type=button><span class=cm07>`),w=n=>{if(n.item.type===`separator`)return(()=>{var t=y();return c(()=>a(t,e(`cm03`,n.customClass?.separator))),t})();if(n.item.type===`submenu`){let r=n.item,i,[s,d]=_(!1);return g(function(){let e=requestAnimationFrame(function(){i&&(i.getBoundingClientRect().right>window.innerWidth?d(!0):d(!1))});v(()=>cancelAnimationFrame(e))}),(()=>{var d=x(),f=d.firstChild,g=f.firstChild,_=g.nextSibling,v=f.nextSibling;return l(f,o(h,{get when(){return r.prefixIcon},get children(){var e=b();return l(e,()=>r.prefixIcon),e}}),g),l(g,()=>r.label),l(_,o(t,{size:14})),p(e=>i=e,v),l(v,o(m,{get each(){return r.items},children:e=>o(w,{item:e,get close(){return n.close},get customClass(){return n.customClass}})})),c(t=>{var i=e(`cm04`,r.disabled&&`cm04--disabled`,n.customClass?.submenu),o=r.disabled,c=e(`cm09`,s()&&`cm09--flip`);return i!==t.e&&a(d,t.e=i),o!==t.t&&u(d,`aria-disabled`,t.t=o),c!==t.a&&a(v,t.a=c),t},{e:void 0,t:void 0,a:void 0}),d})()}let r=n.item;return(()=>{var t=C(),i=t.firstChild;return t.$$click=()=>{r.disabled||(r.onClick(),n.close())},l(t,o(h,{get when(){return r.prefixIcon},get children(){var e=b();return l(e,()=>r.prefixIcon),e}}),i),l(i,()=>r.label),l(t,o(h,{get when(){return r.shortcut},get children(){var e=S();return l(e,()=>r.shortcut),e}}),null),c(i=>{var o=e(`cm02`,r.disabled&&`cm02--disabled`,n.customClass?.item),s=r.disabled;return o!==i.e&&a(t,i.e=o),s!==i.t&&(t.disabled=i.t=s),i},{e:void 0,t:void 0}),t})()},T=t=>{let n,[r,i]=_({left:`${t.x}px`,top:`${t.y}px`});return g(function(){let e=requestAnimationFrame(function(){if(!n)return;let e=n.getBoundingClientRect(),r=window.innerWidth,a=window.innerHeight,o=e.right>r?Math.max(0,t.x-e.width):t.x,s=e.bottom>a?Math.max(0,t.y-e.height):t.y;i({left:`${o}px`,top:`${s}px`})});v(()=>cancelAnimationFrame(e))}),(()=>{var i=y();return i.$$contextmenu=e=>e.preventDefault(),p(e=>n=e,i),l(i,o(m,{get each(){return t.items},children:e=>o(w,{item:e,get close(){return t.close},get customClass(){return t.customClass}})})),c(n=>{var o=e(`cm01`,t.customClass?.content),s=r();return o!==n.e&&a(i,n.e=o),n.t=d(i,s,n.t),n},{e:void 0,t:void 0}),i})()},E=e=>{let t=()=>i.menuState(),a=()=>i.close();return g(function(){if(!t())return;function e(e){e.target.closest(`.cm01`)||a()}function n(e){e.key===`Escape`&&a()}document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,n),v(function(){document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,n)})}),o(r,{get open(){return!!t()},get type(){return n.DROPDOWN},class:`inset-0`,get children(){return o(h,{get when(){return t()},children:t=>o(T,{get x(){return t().x},get y(){return t().y},get items(){return t().items},close:a,get customClass(){return e.class}})})}})};s([`click`,`contextmenu`]);export{E as ContextMenu};
 //# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["Component","createEffect","createSignal","For","onCleanup","Show","cn","ZIndex","ZIndexType","contextMenuStore","ContextMenuProps","RenderedItem","ChevronRight","MenuItemProps","item","close","customClass","Partial","Record","MenuItem","props","type","_el$","_tmpl$","_$effect","_$className","separator","submenuRef","HTMLDivElement","flip","setFlip","detectSubmenuEdge","rafId","requestAnimationFrame","checkEdge","rect","getBoundingClientRect","right","window","innerWidth","cancelAnimationFrame","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_el$7","_$insert","_$createComponent","when","prefixIcon","children","_el$4","_tmpl$2","label","size","_$use","el","each","items","sub","_p$","_v$","disabled","submenu","_v$2","_v$3","e","t","_$setAttribute","a","undefined","_el$8","_tmpl$5","_el$0","$$click","onClick","_el$9","shortcut","_el$1","_tmpl$4","_v$4","_v$5","MenuContentProps","x","y","MenuContent","panelRef","style","setStyle","left","top","adjustPosition","computePosition","vw","vh","innerHeight","Math","max","width","bottom","height","_el$10","$$contextmenu","preventDefault","_v$6","content","_v$7","_$style","ContextMenu","state","menuState","registerGlobalListeners","onMouseDown","MouseEvent","target","Element","closest","onKeyDown","KeyboardEvent","key","document","addEventListener","removeGlobalListeners","removeEventListener","open","DROPDOWN","s","class","_$delegateEvents"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, For, onCleanup, Show } from 'solid-js';\r\nimport { cn } from '@utils/cn';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport { contextMenuStore } from './context-menu.store';\r\nimport type { ContextMenuProps, RenderedItem } from './context-menu.types';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\n\r\ntype MenuItemProps = {\r\n  item: RenderedItem;\r\n  close: () => void;\r\n  customClass?: Partial<Record<'item' | 'separator' | 'submenu', string>>;\r\n};\r\n\r\nconst MenuItem: Component<MenuItemProps> = props => {\r\n  if (props.item.type === 'separator') {\r\n    return <div class={cn('cm03', props.customClass?.separator)} />;\r\n  }\r\n\r\n  if (props.item.type === 'submenu') {\r\n    const item = props.item;\r\n    let submenuRef!: HTMLDivElement;\r\n    const [flip, setFlip] = createSignal(false);\r\n\r\n    createEffect(function detectSubmenuEdge() {\r\n      const rafId = requestAnimationFrame(function checkEdge() {\r\n        if (!submenuRef) return;\r\n        const rect = submenuRef.getBoundingClientRect();\r\n        if (rect.right > window.innerWidth) setFlip(true);\r\n        else setFlip(false);\r\n      });\r\n      onCleanup(() => cancelAnimationFrame(rafId));\r\n    });\r\n\r\n    return (\r\n      <div\r\n        class={cn('cm04', item.disabled && 'cm04--disabled', props.customClass?.submenu)}\r\n        aria-disabled={item.disabled}\r\n      >\r\n        <div class=\"cm05\">\r\n          <Show when={item.prefixIcon}>\r\n            <span class=\"cm06\">{item.prefixIcon}</span>\r\n          </Show>\r\n          <span class=\"cm07\">{item.label}</span>\r\n          <span class=\"cm08\">\r\n            <ChevronRight size={14} />\r\n          </span>\r\n        </div>\r\n        <div ref={el => (submenuRef = el)} class={cn('cm09', flip() && 'cm09--flip')}>\r\n          <For each={item.items}>\r\n            {sub => <MenuItem item={sub} close={props.close} customClass={props.customClass} />}\r\n          </For>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const item = props.item;\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      class={cn('cm02', item.disabled && 'cm02--disabled', props.customClass?.item)}\r\n      disabled={item.disabled}\r\n      onClick={() => {\r\n        if (item.disabled) return;\r\n        item.onClick();\r\n        props.close();\r\n      }}\r\n    >\r\n      <Show when={item.prefixIcon}>\r\n        <span class=\"cm06\">{item.prefixIcon}</span>\r\n      </Show>\r\n      <span class=\"cm07\">{item.label}</span>\r\n      <Show when={item.shortcut}>\r\n        <span class=\"cm10\">{item.shortcut}</span>\r\n      </Show>\r\n    </button>\r\n  );\r\n};\r\n\r\ntype MenuContentProps = {\r\n  x: number;\r\n  y: number;\r\n  items: RenderedItem[];\r\n  close: () => void;\r\n  customClass?: Partial<Record<'content' | 'item' | 'separator' | 'submenu', string>>;\r\n};\r\n\r\nconst MenuContent: Component<MenuContentProps> = props => {\r\n  let panelRef!: HTMLDivElement;\r\n  const [style, setStyle] = createSignal({ left: `${props.x}px`, top: `${props.y}px` });\r\n\r\n  createEffect(function adjustPosition() {\r\n    const rafId = requestAnimationFrame(function computePosition() {\r\n      if (!panelRef) return;\r\n      const rect = panelRef.getBoundingClientRect();\r\n      const vw = window.innerWidth;\r\n      const vh = window.innerHeight;\r\n\r\n      const left = rect.right > vw ? Math.max(0, props.x - rect.width) : props.x;\r\n      const top = rect.bottom > vh ? Math.max(0, props.y - rect.height) : props.y;\r\n\r\n      setStyle({ left: `${left}px`, top: `${top}px` });\r\n    });\r\n    onCleanup(() => cancelAnimationFrame(rafId));\r\n  });\r\n\r\n  return (\r\n    <div\r\n      ref={el => (panelRef = el)}\r\n      class={cn('cm01', props.customClass?.content)}\r\n      style={style()}\r\n      onContextMenu={e => e.preventDefault()}\r\n    >\r\n      <For each={props.items}>\r\n        {item => <MenuItem item={item} close={props.close} customClass={props.customClass} />}\r\n      </For>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const ContextMenu: Component<ContextMenuProps> = props => {\r\n  const state = () => contextMenuStore.menuState();\r\n  const close = () => contextMenuStore.close();\r\n\r\n  createEffect(function registerGlobalListeners() {\r\n    if (!state()) return;\r\n\r\n    function onMouseDown(e: MouseEvent) {\r\n      const target = e.target as Element;\r\n      if (!target.closest('.cm01')) close();\r\n    }\r\n\r\n    function onKeyDown(e: KeyboardEvent) {\r\n      if (e.key === 'Escape') close();\r\n    }\r\n\r\n    document.addEventListener('mousedown', onMouseDown);\r\n    document.addEventListener('keydown', onKeyDown);\r\n\r\n    onCleanup(function removeGlobalListeners() {\r\n      document.removeEventListener('mousedown', onMouseDown);\r\n      document.removeEventListener('keydown', onKeyDown);\r\n    });\r\n  });\r\n\r\n  return (\r\n    <ZIndex open={!!state()} type={ZIndexType.DROPDOWN} class=\"inset-0\">\r\n      <Show when={state()}>\r\n        {s => (\r\n          <MenuContent\r\n            x={s().x}\r\n            y={s().y}\r\n            items={s().items}\r\n            close={close}\r\n            customClass={props.class}\r\n          />\r\n        )}\r\n      </Show>\r\n    </ZIndex>\r\n  );\r\n};"],"mappings":"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"}
+{"version":3,"file":"context-menu.js","names":["Component","createEffect","createSignal","For","onCleanup","Show","cn","ZIndex","ZIndexType","contextMenuStore","ContextMenuProps","RenderedItem","ChevronRight","MenuItemProps","item","close","customClass","Partial","Record","MenuItem","props","type","_el$","_tmpl$","_$effect","_$className","separator","submenuRef","HTMLDivElement","flip","setFlip","detectSubmenuEdge","rafId","requestAnimationFrame","checkEdge","rect","getBoundingClientRect","right","window","innerWidth","cancelAnimationFrame","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_el$7","_$insert","_$createComponent","when","prefixIcon","children","_el$4","_tmpl$2","label","size","_$use","el","each","items","sub","_p$","_v$","disabled","submenu","_v$2","_v$3","e","t","_$setAttribute","a","undefined","_el$8","_tmpl$5","_el$0","$$click","onClick","_el$9","shortcut","_el$1","_tmpl$4","_v$4","_v$5","MenuContentProps","x","y","MenuContent","panelRef","style","setStyle","left","top","adjustPosition","computePosition","vw","vh","innerHeight","Math","max","width","bottom","height","_el$10","$$contextmenu","preventDefault","_v$6","content","_v$7","_$style","ContextMenu","state","menuState","registerGlobalListeners","onMouseDown","MouseEvent","target","Element","closest","onKeyDown","KeyboardEvent","key","document","addEventListener","removeGlobalListeners","removeEventListener","open","DROPDOWN","s","class","_$delegateEvents"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, For, onCleanup, Show } from 'solid-js';\nimport { cn } from '@utils/cn';\nimport { ZIndex, ZIndexType } from '@components/z-index';\nimport { contextMenuStore } from './context-menu.store';\nimport type { ContextMenuProps, RenderedItem } from './context-menu.types';\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\n\ntype MenuItemProps = {\n  item: RenderedItem;\n  close: () => void;\n  customClass?: Partial<Record<'item' | 'separator' | 'submenu', string>>;\n};\n\nconst MenuItem: Component<MenuItemProps> = props => {\n  if (props.item.type === 'separator') {\n    return <div class={cn('cm03', props.customClass?.separator)} />;\n  }\n\n  if (props.item.type === 'submenu') {\n    const item = props.item;\n    let submenuRef!: HTMLDivElement;\n    const [flip, setFlip] = createSignal(false);\n\n    createEffect(function detectSubmenuEdge() {\n      const rafId = requestAnimationFrame(function checkEdge() {\n        if (!submenuRef) return;\n        const rect = submenuRef.getBoundingClientRect();\n        if (rect.right > window.innerWidth) setFlip(true);\n        else setFlip(false);\n      });\n      onCleanup(() => cancelAnimationFrame(rafId));\n    });\n\n    return (\n      <div\n        class={cn('cm04', item.disabled && 'cm04--disabled', props.customClass?.submenu)}\n        aria-disabled={item.disabled}\n      >\n        <div class=\"cm05\">\n          <Show when={item.prefixIcon}>\n            <span class=\"cm06\">{item.prefixIcon}</span>\n          </Show>\n          <span class=\"cm07\">{item.label}</span>\n          <span class=\"cm08\">\n            <ChevronRight size={14} />\n          </span>\n        </div>\n        <div ref={el => (submenuRef = el)} class={cn('cm09', flip() && 'cm09--flip')}>\n          <For each={item.items}>\n            {sub => <MenuItem item={sub} close={props.close} customClass={props.customClass} />}\n          </For>\n        </div>\n      </div>\n    );\n  }\n\n  const item = props.item;\n  return (\n    <button\n      type=\"button\"\n      class={cn('cm02', item.disabled && 'cm02--disabled', props.customClass?.item)}\n      disabled={item.disabled}\n      onClick={() => {\n        if (item.disabled) return;\n        item.onClick();\n        props.close();\n      }}\n    >\n      <Show when={item.prefixIcon}>\n        <span class=\"cm06\">{item.prefixIcon}</span>\n      </Show>\n      <span class=\"cm07\">{item.label}</span>\n      <Show when={item.shortcut}>\n        <span class=\"cm10\">{item.shortcut}</span>\n      </Show>\n    </button>\n  );\n};\n\ntype MenuContentProps = {\n  x: number;\n  y: number;\n  items: RenderedItem[];\n  close: () => void;\n  customClass?: Partial<Record<'content' | 'item' | 'separator' | 'submenu', string>>;\n};\n\nconst MenuContent: Component<MenuContentProps> = props => {\n  let panelRef!: HTMLDivElement;\n  const [style, setStyle] = createSignal({ left: `${props.x}px`, top: `${props.y}px` });\n\n  createEffect(function adjustPosition() {\n    const rafId = requestAnimationFrame(function computePosition() {\n      if (!panelRef) return;\n      const rect = panelRef.getBoundingClientRect();\n      const vw = window.innerWidth;\n      const vh = window.innerHeight;\n\n      const left = rect.right > vw ? Math.max(0, props.x - rect.width) : props.x;\n      const top = rect.bottom > vh ? Math.max(0, props.y - rect.height) : props.y;\n\n      setStyle({ left: `${left}px`, top: `${top}px` });\n    });\n    onCleanup(() => cancelAnimationFrame(rafId));\n  });\n\n  return (\n    <div\n      ref={el => (panelRef = el)}\n      class={cn('cm01', props.customClass?.content)}\n      style={style()}\n      onContextMenu={e => e.preventDefault()}\n    >\n      <For each={props.items}>\n        {item => <MenuItem item={item} close={props.close} customClass={props.customClass} />}\n      </For>\n    </div>\n  );\n};\n\nexport const ContextMenu: Component<ContextMenuProps> = props => {\n  const state = () => contextMenuStore.menuState();\n  const close = () => contextMenuStore.close();\n\n  createEffect(function registerGlobalListeners() {\n    if (!state()) return;\n\n    function onMouseDown(e: MouseEvent) {\n      const target = e.target as Element;\n      if (!target.closest('.cm01')) close();\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.key === 'Escape') close();\n    }\n\n    document.addEventListener('mousedown', onMouseDown);\n    document.addEventListener('keydown', onKeyDown);\n\n    onCleanup(function removeGlobalListeners() {\n      document.removeEventListener('mousedown', onMouseDown);\n      document.removeEventListener('keydown', onKeyDown);\n    });\n  });\n\n  return (\n    <ZIndex open={!!state()} type={ZIndexType.DROPDOWN} class=\"inset-0\">\n      <Show when={state()}>\n        {s => (\n          <MenuContent\n            x={s().x}\n            y={s().y}\n            items={s().items}\n            close={close}\n            customClass={props.class}\n          />\n        )}\n      </Show>\n    </ZIndex>\n  );\n};"],"mappings":"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"}

package/dist/components/context-menu/context-menu.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.store.js","names":[],"sources":["../../../src/components/context-menu/context-menu.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\r\nimport type {\r\n  ContextRecord,\r\n  RegistryItem,\r\n  RenderedItem,\r\n  ContextMenuHandle,\r\n} from './context-menu.types';\r\n\r\ntype MenuState = {\r\n  x: number;\r\n  y: number;\r\n  items: RenderedItem[];\r\n} | null;\r\n\r\nconst [menuState, setMenuState] = createSignal<MenuState>(null);\r\n\r\nexport const contextMenuStore = {\r\n  menuState,\r\n  close: () => setMenuState(null),\r\n  isOpen: () => menuState() !== null,\r\n};\r\n\r\nexport function createContextMenuHandle<TContext extends ContextRecord>(): ContextMenuHandle<TContext> {\r\n  const registry = new Map<string, RegistryItem<TContext>>();\r\n\r\n  function register(item: RegistryItem<TContext>): void {\r\n    registry.set(item.key, item);\r\n  }\r\n\r\n  function unregister(key: string): void {\r\n    registry.delete(key);\r\n  }\r\n\r\n  function buildRenderedItems(ctx: TContext): RenderedItem[] {\r\n\r\n    const visible = [...registry.values()]\r\n      .filter(item => !item.when || item.when(ctx))\r\n      .sort((a, b) => (a.order ?? 100) - (b.order ?? 100));\r\n\r\n    if (visible.length === 0) return [];\r\n\r\n    const groups: RegistryItem<TContext>[][] = [];\r\n    const groupMap = new Map<string, RegistryItem<TContext>[]>();\r\n\r\n    for (const item of visible) {\r\n      const g = item.group ?? '__default__';\r\n      if (!groupMap.has(g)) {\r\n        const arr: RegistryItem<TContext>[] = [];\r\n        groupMap.set(g, arr);\r\n        groups.push(arr);\r\n      }\r\n      groupMap.get(g)!.push(item);\r\n    }\r\n\r\n    const result: RenderedItem[] = [];\r\n    for (let i = 0; i < groups.length; i++) {\r\n      if (i > 0) result.push({ type: 'separator' });\r\n      for (const item of groups[i]) {\r\n        if (item.type === 'item') {\r\n          result.push({\r\n            type: 'item',\r\n            key: item.key,\r\n            label: item.label,\r\n            disabled: item.disabled?.(ctx),\r\n            shortcut: item.shortcut,\r\n            prefixIcon: item.prefixIcon,\r\n            onClick: () => item.onClick(ctx),\r\n          });\r\n        } else {\r\n          result.push({\r\n            type: 'submenu',\r\n            key: item.key,\r\n            label: item.label,\r\n            disabled: item.disabled?.(ctx),\r\n            shortcut: item.shortcut,\r\n            prefixIcon: item.prefixIcon,\r\n\r\n            items: item.items\r\n              .filter(sub => !sub.when || sub.when(ctx))\r\n              .map(sub => {\r\n                if (sub.type === 'item') {\r\n                  return {\r\n                    type: 'item' as const,\r\n                    key: sub.key,\r\n                    label: sub.label,\r\n                    disabled: sub.disabled?.(ctx),\r\n                    shortcut: sub.shortcut,\r\n                    prefixIcon: sub.prefixIcon,\r\n                    onClick: () => sub.onClick(ctx),\r\n                  };\r\n                }\r\n                return { type: 'separator' as const };\r\n              }),\r\n          });\r\n        }\r\n      }\r\n    }\r\n    return result;\r\n  }\r\n\r\n  function trigger(e: MouseEvent, ctx: TContext): void {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    const items = buildRenderedItems(ctx);\r\n    if (items.length === 0) return;\r\n    setMenuState({ x: e.clientX, y: e.clientY, items });\r\n  }\r\n\r\n  return { register, unregister, trigger };\r\n}"],"mappings":"wCAcA,GAAM,CAAC,EAAW,GAAgB,EAAwB,KAAK,CAElD,EAAmB,CAC9B,YACA,UAAa,EAAa,KAAK,CAC/B,WAAc,GAAW,GAAK,KAC/B,CAED,SAAgB,GAAuF,CACrG,IAAM,EAAW,IAAI,IAErB,SAAS,EAAS,EAAoC,CACpD,EAAS,IAAI,EAAK,IAAK,EAAK,CAG9B,SAAS,EAAW,EAAmB,CACrC,EAAS,OAAO,EAAI,CAGtB,SAAS,EAAmB,EAA+B,CAEzD,IAAM,EAAU,CAAC,GAAG,EAAS,QAAQ,CAAC,CACnC,OAAO,GAAQ,CAAC,EAAK,MAAQ,EAAK,KAAK,EAAI,CAAC,CAC5C,MAAM,EAAG,KAAO,EAAE,OAAS,MAAQ,EAAE,OAAS,KAAK,CAEtD,GAAI,EAAQ,SAAW,EAAG,MAAO,EAAE,CAEnC,IAAM,EAAqC,EAAE,CACvC,EAAW,IAAI,IAErB,IAAK,IAAM,KAAQ,EAAS,CAC1B,IAAM,EAAI,EAAK,OAAS,cACxB,GAAI,CAAC,EAAS,IAAI,EAAE,CAAE,CACpB,IAAM,EAAgC,EAAE,CACxC,EAAS,IAAI,EAAG,EAAI,CACpB,EAAO,KAAK,EAAI,CAElB,EAAS,IAAI,EAAE,CAAE,KAAK,EAAK,CAG7B,IAAM,EAAyB,EAAE,CACjC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,CAClC,EAAI,GAAG,EAAO,KAAK,CAAE,KAAM,YAAa,CAAC,CAC7C,IAAK,IAAM,KAAQ,EAAO,GACpB,EAAK,OAAS,OAChB,EAAO,KAAK,CACV,KAAM,OACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WACjB,YAAe,EAAK,QAAQ,EAAI,CACjC,CAAC,CAEF,EAAO,KAAK,CACV,KAAM,UACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WAEjB,MAAO,EAAK,MACT,OAAO,GAAO,CAAC,EAAI,MAAQ,EAAI,KAAK,EAAI,CAAC,CACzC,IAAI,GACC,EAAI,OAAS,OACR,CACL,KAAM,OACN,IAAK,EAAI,IACT,MAAO,EAAI,MACX,SAAU,EAAI,WAAW,EAAI,CAC7B,SAAU,EAAI,SACd,WAAY,EAAI,WAChB,YAAe,EAAI,QAAQ,EAAI,CAChC,CAEI,CAAE,KAAM,YAAsB,CACrC,CACL,CAAC,CAIR,OAAO,EAGT,SAAS,EAAQ,EAAe,EAAqB,CACnD,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,IAAM,EAAQ,EAAmB,EAAI,CACjC,EAAM,SAAW,GACrB,EAAa,CAAE,EAAG,EAAE,QAAS,EAAG,EAAE,QAAS,QAAO,CAAC,CAGrD,MAAO,CAAE,WAAU,aAAY,UAAS"}
+{"version":3,"file":"context-menu.store.js","names":[],"sources":["../../../src/components/context-menu/context-menu.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\nimport type {\n  ContextRecord,\n  RegistryItem,\n  RenderedItem,\n  ContextMenuHandle,\n} from './context-menu.types';\n\ntype MenuState = {\n  x: number;\n  y: number;\n  items: RenderedItem[];\n} | null;\n\nconst [menuState, setMenuState] = createSignal<MenuState>(null);\n\nexport const contextMenuStore = {\n  menuState,\n  close: () => setMenuState(null),\n  isOpen: () => menuState() !== null,\n};\n\nexport function createContextMenuHandle<TContext extends ContextRecord>(): ContextMenuHandle<TContext> {\n  const registry = new Map<string, RegistryItem<TContext>>();\n\n  function register(item: RegistryItem<TContext>): void {\n    registry.set(item.key, item);\n  }\n\n  function unregister(key: string): void {\n    registry.delete(key);\n  }\n\n  function buildRenderedItems(ctx: TContext): RenderedItem[] {\n\n    const visible = [...registry.values()]\n      .filter(item => !item.when || item.when(ctx))\n      .sort((a, b) => (a.order ?? 100) - (b.order ?? 100));\n\n    if (visible.length === 0) return [];\n\n    const groups: RegistryItem<TContext>[][] = [];\n    const groupMap = new Map<string, RegistryItem<TContext>[]>();\n\n    for (const item of visible) {\n      const g = item.group ?? '__default__';\n      if (!groupMap.has(g)) {\n        const arr: RegistryItem<TContext>[] = [];\n        groupMap.set(g, arr);\n        groups.push(arr);\n      }\n      groupMap.get(g)!.push(item);\n    }\n\n    const result: RenderedItem[] = [];\n    for (let i = 0; i < groups.length; i++) {\n      if (i > 0) result.push({ type: 'separator' });\n      for (const item of groups[i]) {\n        if (item.type === 'item') {\n          result.push({\n            type: 'item',\n            key: item.key,\n            label: item.label,\n            disabled: item.disabled?.(ctx),\n            shortcut: item.shortcut,\n            prefixIcon: item.prefixIcon,\n            onClick: () => item.onClick(ctx),\n          });\n        } else {\n          result.push({\n            type: 'submenu',\n            key: item.key,\n            label: item.label,\n            disabled: item.disabled?.(ctx),\n            shortcut: item.shortcut,\n            prefixIcon: item.prefixIcon,\n\n            items: item.items\n              .filter(sub => !sub.when || sub.when(ctx))\n              .map(sub => {\n                if (sub.type === 'item') {\n                  return {\n                    type: 'item' as const,\n                    key: sub.key,\n                    label: sub.label,\n                    disabled: sub.disabled?.(ctx),\n                    shortcut: sub.shortcut,\n                    prefixIcon: sub.prefixIcon,\n                    onClick: () => sub.onClick(ctx),\n                  };\n                }\n                return { type: 'separator' as const };\n              }),\n          });\n        }\n      }\n    }\n    return result;\n  }\n\n  function trigger(e: MouseEvent, ctx: TContext): void {\n    e.preventDefault();\n    e.stopPropagation();\n    const items = buildRenderedItems(ctx);\n    if (items.length === 0) return;\n    setMenuState({ x: e.clientX, y: e.clientY, items });\n  }\n\n  return { register, unregister, trigger };\n}"],"mappings":"wCAcA,GAAM,CAAC,EAAW,GAAgB,EAAwB,KAAK,CAElD,EAAmB,CAC9B,YACA,UAAa,EAAa,KAAK,CAC/B,WAAc,GAAW,GAAK,KAC/B,CAED,SAAgB,GAAuF,CACrG,IAAM,EAAW,IAAI,IAErB,SAAS,EAAS,EAAoC,CACpD,EAAS,IAAI,EAAK,IAAK,EAAK,CAG9B,SAAS,EAAW,EAAmB,CACrC,EAAS,OAAO,EAAI,CAGtB,SAAS,EAAmB,EAA+B,CAEzD,IAAM,EAAU,CAAC,GAAG,EAAS,QAAQ,CAAC,CACnC,OAAO,GAAQ,CAAC,EAAK,MAAQ,EAAK,KAAK,EAAI,CAAC,CAC5C,MAAM,EAAG,KAAO,EAAE,OAAS,MAAQ,EAAE,OAAS,KAAK,CAEtD,GAAI,EAAQ,SAAW,EAAG,MAAO,EAAE,CAEnC,IAAM,EAAqC,EAAE,CACvC,EAAW,IAAI,IAErB,IAAK,IAAM,KAAQ,EAAS,CAC1B,IAAM,EAAI,EAAK,OAAS,cACxB,GAAI,CAAC,EAAS,IAAI,EAAE,CAAE,CACpB,IAAM,EAAgC,EAAE,CACxC,EAAS,IAAI,EAAG,EAAI,CACpB,EAAO,KAAK,EAAI,CAElB,EAAS,IAAI,EAAE,CAAE,KAAK,EAAK,CAG7B,IAAM,EAAyB,EAAE,CACjC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,CAClC,EAAI,GAAG,EAAO,KAAK,CAAE,KAAM,YAAa,CAAC,CAC7C,IAAK,IAAM,KAAQ,EAAO,GACpB,EAAK,OAAS,OAChB,EAAO,KAAK,CACV,KAAM,OACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WACjB,YAAe,EAAK,QAAQ,EAAI,CACjC,CAAC,CAEF,EAAO,KAAK,CACV,KAAM,UACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WAEjB,MAAO,EAAK,MACT,OAAO,GAAO,CAAC,EAAI,MAAQ,EAAI,KAAK,EAAI,CAAC,CACzC,IAAI,GACC,EAAI,OAAS,OACR,CACL,KAAM,OACN,IAAK,EAAI,IACT,MAAO,EAAI,MACX,SAAU,EAAI,WAAW,EAAI,CAC7B,SAAU,EAAI,SACd,WAAY,EAAI,WAChB,YAAe,EAAI,QAAQ,EAAI,CAChC,CAEI,CAAE,KAAM,YAAsB,CACrC,CACL,CAAC,CAIR,OAAO,EAGT,SAAS,EAAQ,EAAe,EAAqB,CACnD,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,IAAM,EAAQ,EAAmB,EAAI,CACjC,EAAM,SAAW,GACrB,EAAa,CAAE,EAAG,EAAE,QAAS,EAAG,EAAE,QAAS,QAAO,CAAC,CAGrD,MAAO,CAAE,WAAU,aAAY,UAAS"}

package/dist/components/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":["cn","getColor","mergeProps","ParentComponent","Show","DividerProps","thicknessClass","Record","NonNullable","Divider","p","orientation","const","variant","align","thickness","color","isVertical","lineClass","class","line","_$createComponent","when","children","fallback","_el$5","_tmpl$2","_$effect","_p$","_v$6","_v$7","root","e","_$setAttribute","t","_$className","undefined","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$insert","_v$","_v$2","_v$3","_v$4","content","_v$5","a","o","i"],"sources":["../../../src/components/divider/divider.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { getColor } from '@utils/helper';\r\nimport { mergeProps, ParentComponent, Show } from 'solid-js';\r\nimport { DividerProps } from './divider.types';\r\n\r\nconst thicknessClass: Record<NonNullable<DividerProps['thickness']>, string> = {\r\n  1: 'border-px',\r\n  2: 'border-[2px]',\r\n  3: 'border-[3px]',\r\n  4: 'border-[4px]',\r\n};\r\n\r\nconst Divider: ParentComponent<DividerProps> = p => {\r\n  p = mergeProps(\r\n    {\r\n      orientation: 'horizontal' as const,\r\n      variant: 'solid' as const,\r\n      align: 'center' as const,\r\n      thickness: 1 as const,\r\n      color: 'secondary' as const,\r\n    },\r\n    p,\r\n  );\r\n\r\n  const isVertical = () => p.orientation === 'vertical';\r\n\r\n  const lineClass = () =>\r\n    cn(\r\n      p.color ? 'divi3' : 'divi4',\r\n      isVertical() ? 'border-l' : 'border-t',\r\n      thicknessClass[p.thickness!],\r\n      p.variant === 'dashed' && 'border-dashed',\r\n      p.variant === 'dotted' && 'border-dotted',\r\n      p.class?.line,\r\n    );\r\n\r\n  return (\r\n    <Show\r\n      when={!!p.children}\r\n      fallback={\r\n\r\n        <hr\r\n          role=\"separator\"\r\n          aria-orientation={p.orientation}\r\n          class={cn(\r\n            'divi1',\r\n            p.color ? 'divi3' : 'divi4',\r\n            isVertical() ? 'h-auto self-stretch border-l' : 'w-full border-t',\r\n            thicknessClass[p.thickness!],\r\n            p.variant === 'dashed' && 'border-dashed',\r\n            p.variant === 'dotted' && 'border-dotted',\r\n            getColor(p.color),\r\n            p.class?.root,\r\n          )}\r\n        />\r\n      }\r\n    >\r\n\r\n      <div\r\n        role=\"separator\"\r\n        aria-orientation={p.orientation}\r\n        class={cn(\r\n          'divi2',\r\n          isVertical() ? 'flex-col self-stretch' : 'w-full flex-row',\r\n          getColor(p.color),\r\n          p.class?.root,\r\n        )}\r\n      >\r\n\r\n        <div\r\n          class={cn(lineClass(), p.align === 'center' || p.align === 'end' ? 'flex-1' : 'w-4')}\r\n        />\r\n\r\n        <span\r\n          class={cn(\r\n            'divi5',\r\n            p.color ? 'divi6' : 'divi7',\r\n            isVertical() ? 'py-3' : 'px-3',\r\n            p.class?.content,\r\n          )}\r\n        >\r\n          {p.children}\r\n        </span>\r\n\r\n        <div\r\n          class={cn(lineClass(), p.align === 'center' || p.align === 'start' ? 'flex-1' : 'w-4')}\r\n        />\r\n      </div>\r\n    </Show>\r\n  );\r\n};\r\n\r\nexport { Divider };"],"mappings":"sVAKMM,EAAyE,CAC7E,EAAG,YACH,EAAG,eACH,EAAG,eACH,EAAG,eACJ,CAEKG,EAAyCC,GAAK,CAClDA,EAAIR,EACF,CACES,YAAa,aACbE,QAAS,QACTC,MAAO,SACPC,UAAW,EACXC,MAAO,YACR,CACDN,EACD,CAED,IAAMO,MAAmBP,EAAEC,cAAgB,WAErCO,MACJlB,EACEU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,WAAa,WAC5BX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BH,EAAES,OAAOC,KACV,CAEH,OAAAC,EACGjB,EAAI,CAAA,IACHkB,MAAI,CAAA,MAAE,CAAC,CAACZ,EAAEa,UAAQ,IAClBC,UAAQ,CAAA,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAcH,OAdGC,EAAAC,GAAA,CAAA,IAAAC,EAIcnB,EAAEC,YAAWmB,EACxB9B,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,+BAAiC,kBAChDX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BZ,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAA,OAAAF,IAAAD,EAAAI,GAAAC,EAAAR,EAAA,mBAAAG,EAAAI,EAAAH,EAAA,CAAAC,IAAAF,EAAAM,GAAAC,EAAAV,EAAAG,EAAAM,EAAAJ,EAAA,CAAAF,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAA,CAAA,CAAAX,KAAA,EAAA,IAAAF,UAAA,CAAA,IAAAc,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAgCqF,OAhCrFE,EAAAH,MA4BA/B,EAAEa,SAAQ,CAAAI,EAAAC,GAAA,CAAA,IAAAiB,EArBKnC,EAAEC,YAAWmC,EACxB9C,EACL,QACAiB,GAAY,CAAG,wBAA0B,kBACzChB,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAAgB,EAIQ/C,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,MAAQ,SAAW,MAAM,CAAAkC,EAI7EhD,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,OAAS,OACxBP,EAAES,OAAO8B,QACV,CAAAC,EAMMlD,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,QAAU,SAAW,MAAM,CAAA,OAAA+B,IAAAjB,EAAAI,GAAAC,EAAAI,EAAA,mBAAAT,EAAAI,EAAAa,EAAA,CAAAC,IAAAlB,EAAAM,GAAAC,EAAAE,EAAAT,EAAAM,EAAAY,EAAA,CAAAC,IAAAnB,EAAAuB,GAAAhB,EAAAI,EAAAX,EAAAuB,EAAAJ,EAAA,CAAAC,IAAApB,EAAAwB,GAAAjB,EAAAM,EAAAb,EAAAwB,EAAAJ,EAAA,CAAAE,IAAAtB,EAAAyB,GAAAlB,EAAAQ,EAAAf,EAAAyB,EAAAH,EAAA,CAAAtB,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAe,EAAAf,IAAAA,GAAAgB,EAAAhB,IAAAA,GAAAiB,EAAAjB,IAAAA,GAAA,CAAA,CAAAC,GAAA,CAAA"}
+{"version":3,"file":"divider.js","names":["cn","getColor","mergeProps","ParentComponent","Show","DividerProps","thicknessClass","Record","NonNullable","Divider","p","orientation","const","variant","align","thickness","color","isVertical","lineClass","class","line","_$createComponent","when","children","fallback","_el$5","_tmpl$2","_$effect","_p$","_v$6","_v$7","root","e","_$setAttribute","t","_$className","undefined","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$insert","_v$","_v$2","_v$3","_v$4","content","_v$5","a","o","i"],"sources":["../../../src/components/divider/divider.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { getColor } from '@utils/helper';\nimport { mergeProps, ParentComponent, Show } from 'solid-js';\nimport { DividerProps } from './divider.types';\n\nconst thicknessClass: Record<NonNullable<DividerProps['thickness']>, string> = {\n  1: 'border-px',\n  2: 'border-[2px]',\n  3: 'border-[3px]',\n  4: 'border-[4px]',\n};\n\nconst Divider: ParentComponent<DividerProps> = p => {\n  p = mergeProps(\n    {\n      orientation: 'horizontal' as const,\n      variant: 'solid' as const,\n      align: 'center' as const,\n      thickness: 1 as const,\n      color: 'secondary' as const,\n    },\n    p,\n  );\n\n  const isVertical = () => p.orientation === 'vertical';\n\n  const lineClass = () =>\n    cn(\n      p.color ? 'divi3' : 'divi4',\n      isVertical() ? 'border-l' : 'border-t',\n      thicknessClass[p.thickness!],\n      p.variant === 'dashed' && 'border-dashed',\n      p.variant === 'dotted' && 'border-dotted',\n      p.class?.line,\n    );\n\n  return (\n    <Show\n      when={!!p.children}\n      fallback={\n\n        <hr\n          role=\"separator\"\n          aria-orientation={p.orientation}\n          class={cn(\n            'divi1',\n            p.color ? 'divi3' : 'divi4',\n            isVertical() ? 'h-auto self-stretch border-l' : 'w-full border-t',\n            thicknessClass[p.thickness!],\n            p.variant === 'dashed' && 'border-dashed',\n            p.variant === 'dotted' && 'border-dotted',\n            getColor(p.color),\n            p.class?.root,\n          )}\n        />\n      }\n    >\n\n      <div\n        role=\"separator\"\n        aria-orientation={p.orientation}\n        class={cn(\n          'divi2',\n          isVertical() ? 'flex-col self-stretch' : 'w-full flex-row',\n          getColor(p.color),\n          p.class?.root,\n        )}\n      >\n\n        <div\n          class={cn(lineClass(), p.align === 'center' || p.align === 'end' ? 'flex-1' : 'w-4')}\n        />\n\n        <span\n          class={cn(\n            'divi5',\n            p.color ? 'divi6' : 'divi7',\n            isVertical() ? 'py-3' : 'px-3',\n            p.class?.content,\n          )}\n        >\n          {p.children}\n        </span>\n\n        <div\n          class={cn(lineClass(), p.align === 'center' || p.align === 'start' ? 'flex-1' : 'w-4')}\n        />\n      </div>\n    </Show>\n  );\n};\n\nexport { Divider };"],"mappings":"sVAKMM,EAAyE,CAC7E,EAAG,YACH,EAAG,eACH,EAAG,eACH,EAAG,eACJ,CAEKG,EAAyCC,GAAK,CAClDA,EAAIR,EACF,CACES,YAAa,aACbE,QAAS,QACTC,MAAO,SACPC,UAAW,EACXC,MAAO,YACR,CACDN,EACD,CAED,IAAMO,MAAmBP,EAAEC,cAAgB,WAErCO,MACJlB,EACEU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,WAAa,WAC5BX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BH,EAAES,OAAOC,KACV,CAEH,OAAAC,EACGjB,EAAI,CAAA,IACHkB,MAAI,CAAA,MAAE,CAAC,CAACZ,EAAEa,UAAQ,IAClBC,UAAQ,CAAA,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAcH,OAdGC,EAAAC,GAAA,CAAA,IAAAC,EAIcnB,EAAEC,YAAWmB,EACxB9B,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,+BAAiC,kBAChDX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BZ,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAA,OAAAF,IAAAD,EAAAI,GAAAC,EAAAR,EAAA,mBAAAG,EAAAI,EAAAH,EAAA,CAAAC,IAAAF,EAAAM,GAAAC,EAAAV,EAAAG,EAAAM,EAAAJ,EAAA,CAAAF,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAA,CAAA,CAAAX,KAAA,EAAA,IAAAF,UAAA,CAAA,IAAAc,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAgCqF,OAhCrFE,EAAAH,MA4BA/B,EAAEa,SAAQ,CAAAI,EAAAC,GAAA,CAAA,IAAAiB,EArBKnC,EAAEC,YAAWmC,EACxB9C,EACL,QACAiB,GAAY,CAAG,wBAA0B,kBACzChB,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAAgB,EAIQ/C,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,MAAQ,SAAW,MAAM,CAAAkC,EAI7EhD,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,OAAS,OACxBP,EAAES,OAAO8B,QACV,CAAAC,EAMMlD,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,QAAU,SAAW,MAAM,CAAA,OAAA+B,IAAAjB,EAAAI,GAAAC,EAAAI,EAAA,mBAAAT,EAAAI,EAAAa,EAAA,CAAAC,IAAAlB,EAAAM,GAAAC,EAAAE,EAAAT,EAAAM,EAAAY,EAAA,CAAAC,IAAAnB,EAAAuB,GAAAhB,EAAAI,EAAAX,EAAAuB,EAAAJ,EAAA,CAAAC,IAAApB,EAAAwB,GAAAjB,EAAAM,EAAAb,EAAAwB,EAAAJ,EAAA,CAAAE,IAAAtB,EAAAyB,GAAAlB,EAAAQ,EAAAf,EAAAyB,EAAAH,EAAA,CAAAtB,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAe,EAAAf,IAAAA,GAAAgB,EAAAhB,IAAAA,GAAAiB,EAAAjB,IAAAA,GAAA,CAAA,CAAAC,GAAA,CAAA"}

package/dist/components/drawer/drawer.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{conditionalRender as r}from"../../utils/hoc.js";import{addEventListener as i,className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,memo as u,style as d,template as f}from"solid-js/web";import{Show as p,createEffect as m,createSignal as h,mergeProps as g,on as _,onCleanup as v}from"solid-js";import y from"lucide-solid/icons/x";var b=f(`<div>`),x=f(`<div class="pointer-events-auto fixed inset-0">`),S=f(`<button aria-label=Close>`),C=f(`<div><div>`),[w,T]=h([]),E=new Map;function D(e){if(e.key!==`Escape`)return;let t=w().at(-1);t&&E.get(t)?.()}function O(e,t){E.size===0&&document.addEventListener(`keydown`,D),E.set(e,t)}function k(e){E.delete(e),E.size===0&&document.removeEventListener(`keydown`,D)}var A={left:`dr02-left`,right:`dr02-right`,top:`dr02-top`,bottom:`dr02-bottom`},j=r=>{r=g({placement:`left`,closeOnOutsideClick:!0,closable:!0,mask:!0,maskBlur:!1,preRender:!1,open:!1,onClose:()=>{}},r);let s=Math.random().toString(36).slice(2);m(_(()=>r.open,e=>{e?(s!==w().at(-1)&&T(e=>[...e,s]),O(s,()=>r.onClose())):(k(s),T(e=>e.filter(e=>e!==s)))})),v(function(){k(s),T(e=>e.filter(e=>e!==s))});let f=()=>r.placement===`left`||r.placement===`right`,h=()=>{let e={};return f()&&r.width?e.width=r.width:!f()&&r.height&&(e.height=r.height),e},E=()=>{r.closeOnOutsideClick&&r.onClose()};return o(n,{get type(){return t.MODAL},get open(){return r.open??!1},blockScroll:!0,get preRender(){return r.preRender},position:{inset:`0`},get class(){return e(`pointer-events-none`,r.class?.wrapper)},get children(){return[o(p,{get when(){return r.mask},get children(){var t=b();return t.$$click=E,c(()=>a(t,e(r.maskBlur?`dr01-blur`:`dr01`,`pointer-events-auto`))),t}}),o(p,{get when(){return u(()=>!r.mask)()&&r.closeOnOutsideClick},get children(){var e=x();return e.$$click=E,e}}),(()=>{var t=C(),n=t.firstChild;return t.$$click=e=>e.stopPropagation(),l(t,o(p,{get when(){return r.closable},get children(){var t=S();return i(t,`click`,r.onClose,!0),l(t,o(y,{size:16})),c(()=>a(t,e(`dr03`,r.class?.closeButton))),t}}),n),l(t,o(p,{get when(){return r.header},get children(){var t=b();return l(t,()=>r.header),c(()=>a(t,e(`dr04`,r.class?.header))),t}}),n),l(n,o(p,{get when(){return r.body},get children(){return r.body}})),l(t,o(p,{get when(){return r.footer},get children(){var t=b();return l(t,()=>r.footer),c(()=>a(t,e(`dr06`,r.class?.footer))),t}}),null),c(i=>{var o=e(`dr02`,A[r.placement],`pointer-events-auto`,r.class?.panel),s=h(),c=e(`dr05`,r.class?.body);return o!==i.e&&a(t,i.e=o),i.t=d(t,s,i.t),c!==i.a&&a(n,i.a=c),i},{e:void 0,t:void 0,a:void 0}),t})()]}})},M=r(j,{preRender:`preRender`,when:`open`});s([`click`]);export{j as ComponentDrawer,M as Drawer};
+import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{x_default as r}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{conditionalRender as i}from"../../utils/hoc.js";import{addEventListener as a,className as o,createComponent as s,delegateEvents as c,effect as l,insert as u,memo as d,style as f,template as p}from"solid-js/web";import{Show as m,createEffect as h,createSignal as g,mergeProps as _,on as v,onCleanup as y}from"solid-js";var b=p(`<div>`),x=p(`<div class="pointer-events-auto fixed inset-0">`),S=p(`<button aria-label=Close>`),C=p(`<div><div>`),[w,T]=g([]),E=new Map;function D(e){if(e.key!==`Escape`)return;let t=w().at(-1);t&&E.get(t)?.()}function O(e,t){E.size===0&&document.addEventListener(`keydown`,D),E.set(e,t)}function k(e){E.delete(e),E.size===0&&document.removeEventListener(`keydown`,D)}var A={left:`dr02-left`,right:`dr02-right`,top:`dr02-top`,bottom:`dr02-bottom`},j=i=>{i=_({placement:`left`,closeOnOutsideClick:!0,closable:!0,mask:!0,maskBlur:!1,preRender:!1,open:!1,onClose:()=>{}},i);let c=Math.random().toString(36).slice(2);h(v(()=>i.open,e=>{e?(c!==w().at(-1)&&T(e=>[...e,c]),O(c,()=>i.onClose())):(k(c),T(e=>e.filter(e=>e!==c)))})),y(function(){k(c),T(e=>e.filter(e=>e!==c))});let p=()=>i.placement===`left`||i.placement===`right`,g=()=>{let e={};return p()&&i.width?e.width=i.width:!p()&&i.height&&(e.height=i.height),e},E=()=>{i.closeOnOutsideClick&&i.onClose()};return s(n,{get type(){return t.MODAL},get open(){return i.open??!1},blockScroll:!0,get preRender(){return i.preRender},position:{inset:`0`},get class(){return e(`pointer-events-none`,i.class?.wrapper)},get children(){return[s(m,{get when(){return i.mask},get children(){var t=b();return t.$$click=E,l(()=>o(t,e(i.maskBlur?`dr01-blur`:`dr01`,`pointer-events-auto`))),t}}),s(m,{get when(){return d(()=>!i.mask)()&&i.closeOnOutsideClick},get children(){var e=x();return e.$$click=E,e}}),(()=>{var t=C(),n=t.firstChild;return t.$$click=e=>e.stopPropagation(),u(t,s(m,{get when(){return i.closable},get children(){var t=S();return a(t,`click`,i.onClose,!0),u(t,s(r,{size:16})),l(()=>o(t,e(`dr03`,i.class?.closeButton))),t}}),n),u(t,s(m,{get when(){return i.header},get children(){var t=b();return u(t,()=>i.header),l(()=>o(t,e(`dr04`,i.class?.header))),t}}),n),u(n,s(m,{get when(){return i.body},get children(){return i.body}})),u(t,s(m,{get when(){return i.footer},get children(){var t=b();return u(t,()=>i.footer),l(()=>o(t,e(`dr06`,i.class?.footer))),t}}),null),l(r=>{var a=e(`dr02`,A[i.placement],`pointer-events-auto`,i.class?.panel),s=g(),c=e(`dr05`,i.class?.body);return a!==r.e&&o(t,r.e=a),r.t=f(t,s,r.t),c!==r.a&&o(n,r.a=c),r},{e:void 0,t:void 0,a:void 0}),t})()]}})},M=i(j,{preRender:`preRender`,when:`open`});c([`click`]);export{j as ComponentDrawer,M as Drawer};
 //# sourceMappingURL=drawer.js.map

package/dist/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["Component","createEffect","createSignal","mergeProps","on","onCleanup","Show","X","cn","ZIndex","ZIndexType","conditionalRender","DrawerType","drawerIds","setDrawerIds","drawerCloseCallbacks","Map","globalKeyDownHandler","e","KeyboardEvent","key","topId","at","get","registerDrawer","id","cb","size","document","addEventListener","set","unregisterDrawer","delete","removeEventListener","PANEL_PLACEMENT_CLASS","Record","left","right","top","bottom","ComponentDrawer","p","placement","closeOnOutsideClick","closable","mask","maskBlur","preRender","open","onClose","drawerId","Math","random","toString","slice","ids","filter","unregisterDrawerOnUnmount","isHorizontal","panelStyle","s","width","height","handleOverlayClick","_$createComponent","type","MODAL","blockScroll","position","inset","class","wrapper","children","when","_el$","_tmpl$","$$click","_$effect","_$className","_$memo","_el$2","_tmpl$2","_el$3","_tmpl$4","_el$6","firstChild","stopPropagation","_$insert","_el$4","_tmpl$3","_$addEventListener","closeButton","header","_el$5","Element","body","footer","_el$7","_p$","_v$","panel","_v$2","_v$3","t","_$style","a","undefined","Drawer","_$delegateEvents"],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, mergeProps, on, onCleanup, Show } from 'solid-js';\nimport X from 'lucide-solid/icons/x';\n\nimport { cn } from '@/utils/cn';\nimport { ZIndex, ZIndexType } from '../z-index';\nimport { conditionalRender } from '@/utils/hoc';\nimport { DrawerType } from './drawer.types';\n\n// Global ESC key handler — shared across all drawer instances (mirrors modal pattern)\nconst [drawerIds, setDrawerIds] = createSignal<string[]>([]);\nconst drawerCloseCallbacks = new Map<string, () => void>();\n\nfunction globalKeyDownHandler(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return;\n  const topId = drawerIds().at(-1);\n  if (topId) drawerCloseCallbacks.get(topId)?.();\n}\n\nfunction registerDrawer(id: string, cb: () => void) {\n  if (drawerCloseCallbacks.size === 0) {\n    document.addEventListener('keydown', globalKeyDownHandler);\n  }\n  drawerCloseCallbacks.set(id, cb);\n}\n\nfunction unregisterDrawer(id: string) {\n  drawerCloseCallbacks.delete(id);\n  if (drawerCloseCallbacks.size === 0) {\n    document.removeEventListener('keydown', globalKeyDownHandler);\n  }\n}\n\nconst PANEL_PLACEMENT_CLASS: Record<string, string> = {\n  left: 'dr02-left',\n  right: 'dr02-right',\n  top: 'dr02-top',\n  bottom: 'dr02-bottom',\n};\n\nconst ComponentDrawer: Component<DrawerType> = p => {\n  p = mergeProps(\n    {\n      placement: 'left',\n      closeOnOutsideClick: true,\n      closable: true,\n      mask: true,\n      maskBlur: false,\n      preRender: false,\n      open: false,\n      onClose: () => {},\n    } as DrawerType,\n    p,\n  );\n\n  const drawerId = Math.random().toString(36).slice(2);\n\n  createEffect(\n    on(\n      () => p.open,\n      open => {\n        if (open) {\n          if (drawerId !== drawerIds().at(-1)) {\n            setDrawerIds(ids => [...ids, drawerId]);\n          }\n          registerDrawer(drawerId, () => p.onClose());\n        } else {\n          unregisterDrawer(drawerId);\n          setDrawerIds(ids => ids.filter(id => id !== drawerId));\n        }\n      },\n    ),\n  );\n\n  onCleanup(function unregisterDrawerOnUnmount() {\n    unregisterDrawer(drawerId);\n    setDrawerIds(ids => ids.filter(id => id !== drawerId));\n  });\n\n  const isHorizontal = () => p.placement === 'left' || p.placement === 'right';\n\n  const panelStyle = () => {\n    const s: Record<string, string> = {};\n    if (isHorizontal() && p.width) {\n      s['width'] = p.width;\n    } else if (!isHorizontal() && p.height) {\n      s['height'] = p.height;\n    }\n    return s;\n  };\n\n  const handleOverlayClick = () => {\n    if (p.closeOnOutsideClick) p.onClose();\n  };\n\n  return (\n    <ZIndex\n      type={ZIndexType.MODAL}\n      open={p.open ?? false}\n      blockScroll\n      preRender={p.preRender}\n      position={{ inset: '0' }}\n      class={cn('pointer-events-none', p.class?.wrapper)}\n    >\n      {/* Backdrop overlay */}\n      <Show when={p.mask}>\n        <div\n          class={cn(p.maskBlur ? 'dr01-blur' : 'dr01', 'pointer-events-auto')}\n          onClick={handleOverlayClick}\n        />\n      </Show>\n\n      {/* Invisible hit-area khi tắt mask nhưng vẫn closeOnOutsideClick */}\n      <Show when={!p.mask && p.closeOnOutsideClick}>\n        <div class=\"pointer-events-auto fixed inset-0\" onClick={handleOverlayClick} />\n      </Show>\n\n      {/* Panel */}\n      <div\n        class={cn(\n          'dr02',\n          PANEL_PLACEMENT_CLASS[p.placement!],\n          'pointer-events-auto',\n          p.class?.panel,\n        )}\n        style={panelStyle()}\n        onClick={e => e.stopPropagation()}\n      >\n        {/* Close button */}\n        <Show when={p.closable}>\n          <button class={cn('dr03', p.class?.closeButton)} onClick={p.onClose} aria-label=\"Close\">\n            <X size={16} />\n          </button>\n        </Show>\n\n        {/* Header */}\n        <Show when={p.header}>\n          <div class={cn('dr04', p.class?.header)}>{p.header as Element}</div>\n        </Show>\n\n        {/* Body */}\n        <div class={cn('dr05', p.class?.body)}>\n          <Show when={p.body}>{p.body as Element}</Show>\n        </div>\n\n        {/* Footer */}\n        <Show when={p.footer}>\n          <div class={cn('dr06', p.class?.footer)}>{p.footer as Element}</div>\n        </Show>\n      </div>\n    </ZIndex>\n  );\n};\n\nexport const Drawer = conditionalRender(ComponentDrawer, { preRender: 'preRender', when: 'open' });\nexport { ComponentDrawer };\n"],"mappings":"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"}
+{"version":3,"file":"drawer.js","names":["Component","createEffect","createSignal","mergeProps","on","onCleanup","Show","X","cn","ZIndex","ZIndexType","conditionalRender","DrawerType","drawerIds","setDrawerIds","drawerCloseCallbacks","Map","globalKeyDownHandler","e","KeyboardEvent","key","topId","at","get","registerDrawer","id","cb","size","document","addEventListener","set","unregisterDrawer","delete","removeEventListener","PANEL_PLACEMENT_CLASS","Record","left","right","top","bottom","ComponentDrawer","p","placement","closeOnOutsideClick","closable","mask","maskBlur","preRender","open","onClose","drawerId","Math","random","toString","slice","ids","filter","unregisterDrawerOnUnmount","isHorizontal","panelStyle","s","width","height","handleOverlayClick","_$createComponent","type","MODAL","blockScroll","position","inset","class","wrapper","children","when","_el$","_tmpl$","$$click","_$effect","_$className","_$memo","_el$2","_tmpl$2","_el$3","_tmpl$4","_el$6","firstChild","stopPropagation","_$insert","_el$4","_tmpl$3","_$addEventListener","closeButton","header","_el$5","Element","body","footer","_el$7","_p$","_v$","panel","_v$2","_v$3","t","_$style","a","undefined","Drawer","_$delegateEvents"],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, mergeProps, on, onCleanup, Show } from 'solid-js';\nimport X from 'lucide-solid/icons/x';\n\nimport { cn } from '@/utils/cn';\nimport { ZIndex, ZIndexType } from '../z-index';\nimport { conditionalRender } from '@/utils/hoc';\nimport { DrawerType } from './drawer.types';\n\n// Global ESC key handler — shared across all drawer instances (mirrors modal pattern)\nconst [drawerIds, setDrawerIds] = createSignal<string[]>([]);\nconst drawerCloseCallbacks = new Map<string, () => void>();\n\nfunction globalKeyDownHandler(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return;\n  const topId = drawerIds().at(-1);\n  if (topId) drawerCloseCallbacks.get(topId)?.();\n}\n\nfunction registerDrawer(id: string, cb: () => void) {\n  if (drawerCloseCallbacks.size === 0) {\n    document.addEventListener('keydown', globalKeyDownHandler);\n  }\n  drawerCloseCallbacks.set(id, cb);\n}\n\nfunction unregisterDrawer(id: string) {\n  drawerCloseCallbacks.delete(id);\n  if (drawerCloseCallbacks.size === 0) {\n    document.removeEventListener('keydown', globalKeyDownHandler);\n  }\n}\n\nconst PANEL_PLACEMENT_CLASS: Record<string, string> = {\n  left: 'dr02-left',\n  right: 'dr02-right',\n  top: 'dr02-top',\n  bottom: 'dr02-bottom',\n};\n\nconst ComponentDrawer: Component<DrawerType> = p => {\n  p = mergeProps(\n    {\n      placement: 'left',\n      closeOnOutsideClick: true,\n      closable: true,\n      mask: true,\n      maskBlur: false,\n      preRender: false,\n      open: false,\n      onClose: () => {},\n    } as DrawerType,\n    p,\n  );\n\n  const drawerId = Math.random().toString(36).slice(2);\n\n  createEffect(\n    on(\n      () => p.open,\n      open => {\n        if (open) {\n          if (drawerId !== drawerIds().at(-1)) {\n            setDrawerIds(ids => [...ids, drawerId]);\n          }\n          registerDrawer(drawerId, () => p.onClose());\n        } else {\n          unregisterDrawer(drawerId);\n          setDrawerIds(ids => ids.filter(id => id !== drawerId));\n        }\n      },\n    ),\n  );\n\n  onCleanup(function unregisterDrawerOnUnmount() {\n    unregisterDrawer(drawerId);\n    setDrawerIds(ids => ids.filter(id => id !== drawerId));\n  });\n\n  const isHorizontal = () => p.placement === 'left' || p.placement === 'right';\n\n  const panelStyle = () => {\n    const s: Record<string, string> = {};\n    if (isHorizontal() && p.width) {\n      s['width'] = p.width;\n    } else if (!isHorizontal() && p.height) {\n      s['height'] = p.height;\n    }\n    return s;\n  };\n\n  const handleOverlayClick = () => {\n    if (p.closeOnOutsideClick) p.onClose();\n  };\n\n  return (\n    <ZIndex\n      type={ZIndexType.MODAL}\n      open={p.open ?? false}\n      blockScroll\n      preRender={p.preRender}\n      position={{ inset: '0' }}\n      class={cn('pointer-events-none', p.class?.wrapper)}\n    >\n      {/* Backdrop overlay */}\n      <Show when={p.mask}>\n        <div\n          class={cn(p.maskBlur ? 'dr01-blur' : 'dr01', 'pointer-events-auto')}\n          onClick={handleOverlayClick}\n        />\n      </Show>\n\n      {/* Invisible hit-area khi tắt mask nhưng vẫn closeOnOutsideClick */}\n      <Show when={!p.mask && p.closeOnOutsideClick}>\n        <div class=\"pointer-events-auto fixed inset-0\" onClick={handleOverlayClick} />\n      </Show>\n\n      {/* Panel */}\n      <div\n        class={cn(\n          'dr02',\n          PANEL_PLACEMENT_CLASS[p.placement!],\n          'pointer-events-auto',\n          p.class?.panel,\n        )}\n        style={panelStyle()}\n        onClick={e => e.stopPropagation()}\n      >\n        {/* Close button */}\n        <Show when={p.closable}>\n          <button class={cn('dr03', p.class?.closeButton)} onClick={p.onClose} aria-label=\"Close\">\n            <X size={16} />\n          </button>\n        </Show>\n\n        {/* Header */}\n        <Show when={p.header}>\n          <div class={cn('dr04', p.class?.header)}>{p.header as Element}</div>\n        </Show>\n\n        {/* Body */}\n        <div class={cn('dr05', p.class?.body)}>\n          <Show when={p.body}>{p.body as Element}</Show>\n        </div>\n\n        {/* Footer */}\n        <Show when={p.footer}>\n          <div class={cn('dr06', p.class?.footer)}>{p.footer as Element}</div>\n        </Show>\n      </div>\n    </ZIndex>\n  );\n};\n\nexport const Drawer = conditionalRender(ComponentDrawer, { preRender: 'preRender', when: 'open' });\nexport { ComponentDrawer };\n"],"mappings":"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"}

package/dist/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":["cn","trackElement","untrackElement","ZIndex","ZIndexType","cva","VariantProps","createContext","createEffect","createSignal","createUniqueId","mergeProps","onCleanup","ParentComponent","useContext","dropdownStore","DropdownProps","CloseAllContext","variants","position","top","bottom","left","right","align","start","center","end","DropdownVariantsProps","TriggerRect","width","height","Dropdown","props","p","const","blockScroll","closeAll","parentCloseAll","shouldCloseAll","id","isControlled","open","undefined","triggerRef","HTMLDivElement","rect","setRect","captureRect","r","getBoundingClientRect","isOpen","trackTrigger","untrackTrigger","handleControlledOpen","close","closeDropdownOnUnmount","toggle","anchorStyle","Record","_el$","_tmpl$","_$addEventListener","_$use","el","ref","_$insert","triggerElement","Element","_$effect","_$className","class","trigger","_$createComponent","type","DROPDOWN","customValue","zIndex","children","_$memo","_el$4","_tmpl$3","$$click","_el$2","_tmpl$2","_el$3","firstChild","Provider","value","_p$","_v$","anchor","_v$2","_v$3","_v$4","_v$5","content","e","t","_$setAttribute","a","o","_$style","i","_$delegateEvents"],"sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { trackElement, untrackElement } from '@/utils/element-tracker';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport {\r\n  createContext,\r\n  createEffect,\r\n  createSignal,\r\n  createUniqueId,\r\n  mergeProps,\r\n  onCleanup,\r\n  ParentComponent,\r\n  useContext,\r\n} from 'solid-js';\r\nimport { dropdownStore } from './dropdown.store';\r\nimport { DropdownProps } from './dropdown.types';\r\n\r\n/** Context truyền `closeAll` từ dropdown root xuống tất cả dropdown con */\r\nconst CloseAllContext = createContext(false);\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    position: {\r\n      top: 'dropdown-top',\r\n      bottom: 'dropdown-bottom',\r\n      left: 'dropdown-left',\r\n      right: 'dropdown-right',\r\n    },\r\n    align: {\r\n      start: 'dropdown-start',\r\n      center: 'dropdown-center',\r\n      end: 'dropdown-end',\r\n    },\r\n  },\r\n});\r\nexport type DropdownVariantsProps = VariantProps<typeof variants>;\r\n\r\ntype TriggerRect = {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\nexport const Dropdown: ParentComponent<DropdownProps> = props => {\r\n  const p = mergeProps(\r\n    {\r\n      position: 'bottom' as const,\r\n      align: 'start' as const,\r\n      blockScroll: true,\r\n      closeAll: false,\r\n    },\r\n    props,\r\n  );\r\n\r\n  // Kế thừa closeAll từ dropdown cha nếu có\r\n  const parentCloseAll = useContext(CloseAllContext);\r\n  const shouldCloseAll = () => p.closeAll || parentCloseAll;\r\n\r\n  const id = createUniqueId();\r\n  const isControlled = () => p.open !== undefined;\r\n\r\n  let triggerRef!: HTMLDivElement;\r\n  const [rect, setRect] = createSignal<TriggerRect | null>(null);\r\n\r\n  const captureRect = () => {\r\n    const r = triggerRef.getBoundingClientRect();\r\n    setRect({ top: r.top, left: r.left, width: r.width, height: r.height });\r\n  };\r\n\r\n  const isOpen = () => {\r\n    if (isControlled()) return !!p.open;\r\n    return dropdownStore.isOpen(id);\r\n  };\r\n\r\n  createEffect(function trackTrigger() {\r\n    if (!isOpen()) {\r\n      untrackElement(triggerRef);\r\n      return;\r\n    }\r\n    trackElement(triggerRef, r => setRect(r));\r\n    onCleanup(function untrackTrigger() {\r\n      untrackElement(triggerRef);\r\n    });\r\n  });\r\n\r\n  createEffect(function handleControlledOpen() {\r\n    if (!isControlled()) return;\r\n    if (p.open) {\r\n      captureRect();\r\n      dropdownStore.open(id);\r\n    } else {\r\n      dropdownStore.close(id);\r\n    }\r\n  });\r\n\r\n  onCleanup(function closeDropdownOnUnmount() {\r\n    dropdownStore.close(id);\r\n    untrackElement(triggerRef);\r\n  });\r\n\r\n  const toggle = () => {\r\n    if (dropdownStore.isOpen(id)) {\r\n      dropdownStore.close(id);\r\n    } else {\r\n      captureRect();\r\n      dropdownStore.open(id);\r\n    }\r\n  };\r\n\r\n  const close = () => (shouldCloseAll() ? dropdownStore.closeAll() : dropdownStore.close(id));\r\n\r\n  const anchorStyle = () => {\r\n    const r = rect();\r\n    if (!r) return {};\r\n    return {\r\n      '--nd-t': `${r.top}px`,\r\n      '--nd-l': `${r.left}px`,\r\n      '--nd-w': `${r.width}px`,\r\n      '--nd-h': `${r.height}px`,\r\n    } as Record<string, string>;\r\n  };\r\n  return (\r\n    <>\r\n      <div\r\n        ref={el => {\r\n          triggerRef = el;\r\n          const ref = p.ref;\r\n          if (typeof ref === 'function') ref(el);\r\n        }}\r\n        class={cn('dp01', p.class?.trigger)}\r\n        onClick={isControlled() ? undefined : toggle}\r\n      >\r\n        {p.triggerElement as Element}\r\n      </div>\r\n\r\n      <ZIndex\r\n        open={isOpen()}\r\n        type={ZIndexType.DROPDOWN}\r\n        blockScroll={p.blockScroll}\r\n        class={cn('inset-0', parentCloseAll && 'pointer-events-none')}\r\n        customValue={p.zIndex}\r\n      >\r\n        {!parentCloseAll && <div class=\"dp02\" onClick={close} />}\r\n\r\n        <div\r\n          class={cn('dp03', p.class?.anchor)}\r\n          data-pos={p.position}\r\n          data-align={p.align}\r\n          style={anchorStyle()}\r\n        >\r\n          <div class={cn('dp04', p.class?.content)}>\r\n            <CloseAllContext.Provider value={shouldCloseAll()}>\r\n              {p.children}\r\n            </CloseAllContext.Provider>\r\n          </div>\r\n        </div>\r\n      </ZIndex>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":["cn","trackElement","untrackElement","ZIndex","ZIndexType","cva","VariantProps","createContext","createEffect","createSignal","createUniqueId","mergeProps","onCleanup","ParentComponent","useContext","dropdownStore","DropdownProps","CloseAllContext","variants","position","top","bottom","left","right","align","start","center","end","DropdownVariantsProps","TriggerRect","width","height","Dropdown","props","p","const","blockScroll","closeAll","parentCloseAll","shouldCloseAll","id","isControlled","open","undefined","triggerRef","HTMLDivElement","rect","setRect","captureRect","r","getBoundingClientRect","isOpen","trackTrigger","untrackTrigger","handleControlledOpen","close","closeDropdownOnUnmount","toggle","anchorStyle","Record","_el$","_tmpl$","_$addEventListener","_$use","el","ref","_$insert","triggerElement","Element","_$effect","_$className","class","trigger","_$createComponent","type","DROPDOWN","customValue","zIndex","children","_$memo","_el$4","_tmpl$3","$$click","_el$2","_tmpl$2","_el$3","firstChild","Provider","value","_p$","_v$","anchor","_v$2","_v$3","_v$4","_v$5","content","e","t","_$setAttribute","a","o","_$style","i","_$delegateEvents"],"sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { trackElement, untrackElement } from '@/utils/element-tracker';\nimport { ZIndex, ZIndexType } from '@components/z-index';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport {\n  createContext,\n  createEffect,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  ParentComponent,\n  useContext,\n} from 'solid-js';\nimport { dropdownStore } from './dropdown.store';\nimport { DropdownProps } from './dropdown.types';\n\n/** Context truyền `closeAll` từ dropdown root xuống tất cả dropdown con */\nconst CloseAllContext = createContext(false);\n\nconst variants = cva('', {\n  variants: {\n    position: {\n      top: 'dropdown-top',\n      bottom: 'dropdown-bottom',\n      left: 'dropdown-left',\n      right: 'dropdown-right',\n    },\n    align: {\n      start: 'dropdown-start',\n      center: 'dropdown-center',\n      end: 'dropdown-end',\n    },\n  },\n});\nexport type DropdownVariantsProps = VariantProps<typeof variants>;\n\ntype TriggerRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\nexport const Dropdown: ParentComponent<DropdownProps> = props => {\n  const p = mergeProps(\n    {\n      position: 'bottom' as const,\n      align: 'start' as const,\n      blockScroll: true,\n      closeAll: false,\n    },\n    props,\n  );\n\n  // Kế thừa closeAll từ dropdown cha nếu có\n  const parentCloseAll = useContext(CloseAllContext);\n  const shouldCloseAll = () => p.closeAll || parentCloseAll;\n\n  const id = createUniqueId();\n  const isControlled = () => p.open !== undefined;\n\n  let triggerRef!: HTMLDivElement;\n  const [rect, setRect] = createSignal<TriggerRect | null>(null);\n\n  const captureRect = () => {\n    const r = triggerRef.getBoundingClientRect();\n    setRect({ top: r.top, left: r.left, width: r.width, height: r.height });\n  };\n\n  const isOpen = () => {\n    if (isControlled()) return !!p.open;\n    return dropdownStore.isOpen(id);\n  };\n\n  createEffect(function trackTrigger() {\n    if (!isOpen()) {\n      untrackElement(triggerRef);\n      return;\n    }\n    trackElement(triggerRef, r => setRect(r));\n    onCleanup(function untrackTrigger() {\n      untrackElement(triggerRef);\n    });\n  });\n\n  createEffect(function handleControlledOpen() {\n    if (!isControlled()) return;\n    if (p.open) {\n      captureRect();\n      dropdownStore.open(id);\n    } else {\n      dropdownStore.close(id);\n    }\n  });\n\n  onCleanup(function closeDropdownOnUnmount() {\n    dropdownStore.close(id);\n    untrackElement(triggerRef);\n  });\n\n  const toggle = () => {\n    if (dropdownStore.isOpen(id)) {\n      dropdownStore.close(id);\n    } else {\n      captureRect();\n      dropdownStore.open(id);\n    }\n  };\n\n  const close = () => (shouldCloseAll() ? dropdownStore.closeAll() : dropdownStore.close(id));\n\n  const anchorStyle = () => {\n    const r = rect();\n    if (!r) return {};\n    return {\n      '--nd-t': `${r.top}px`,\n      '--nd-l': `${r.left}px`,\n      '--nd-w': `${r.width}px`,\n      '--nd-h': `${r.height}px`,\n    } as Record<string, string>;\n  };\n  return (\n    <>\n      <div\n        ref={el => {\n          triggerRef = el;\n          const ref = p.ref;\n          if (typeof ref === 'function') ref(el);\n        }}\n        class={cn('dp01', p.class?.trigger)}\n        onClick={isControlled() ? undefined : toggle}\n      >\n        {p.triggerElement as Element}\n      </div>\n\n      <ZIndex\n        open={isOpen()}\n        type={ZIndexType.DROPDOWN}\n        blockScroll={p.blockScroll}\n        class={cn('inset-0', parentCloseAll && 'pointer-events-none')}\n        customValue={p.zIndex}\n      >\n        {!parentCloseAll && <div class=\"dp02\" onClick={close} />}\n\n        <div\n          class={cn('dp03', p.class?.anchor)}\n          data-pos={p.position}\n          data-align={p.align}\n          style={anchorStyle()}\n        >\n          <div class={cn('dp04', p.class?.content)}>\n            <CloseAllContext.Provider value={shouldCloseAll()}>\n              {p.children}\n            </CloseAllContext.Provider>\n          </div>\n        </div>\n      </ZIndex>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/components/dropdown/dropdown.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.store.js","names":[],"sources":["../../../src/components/dropdown/dropdown.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\r\n\r\nconst [openIds, setOpenIds] = createSignal<ReadonlySet<string>>(new Set(), { equals: false });\r\n\r\nexport const dropdownStore = {\r\n  openIds,\r\n  open: (id: string) =>\r\n    setOpenIds(prev => {\r\n      if (prev.has(id)) return prev;\r\n      const next = new Set(prev);\r\n      next.add(id);\r\n      return next;\r\n    }),\r\n  close: (id: string) =>\r\n    setOpenIds(prev => {\r\n      if (!prev.has(id)) return prev;\r\n      const next = new Set(prev);\r\n      next.delete(id);\r\n      return next;\r\n    }),\r\n  closeAll: () => setOpenIds(new Set<string>()),\r\n  isOpen: (id: string) => openIds().has(id),\r\n};"],"mappings":"wCAEA,GAAM,CAAC,EAAS,GAAc,EAAkC,IAAI,IAAO,CAAE,OAAQ,GAAO,CAAC,CAEhF,EAAgB,CAC3B,UACA,KAAO,GACL,EAAW,GAAQ,CACjB,GAAI,EAAK,IAAI,EAAG,CAAE,OAAO,EACzB,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,IAAI,EAAG,CACL,GACP,CACJ,MAAQ,GACN,EAAW,GAAQ,CACjB,GAAI,CAAC,EAAK,IAAI,EAAG,CAAE,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,OAAO,EAAG,CACR,GACP,CACJ,aAAgB,EAAW,IAAI,IAAc,CAC7C,OAAS,GAAe,GAAS,CAAC,IAAI,EAAG,CAC1C"}
+{"version":3,"file":"dropdown.store.js","names":[],"sources":["../../../src/components/dropdown/dropdown.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\n\nconst [openIds, setOpenIds] = createSignal<ReadonlySet<string>>(new Set(), { equals: false });\n\nexport const dropdownStore = {\n  openIds,\n  open: (id: string) =>\n    setOpenIds(prev => {\n      if (prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    }),\n  close: (id: string) =>\n    setOpenIds(prev => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    }),\n  closeAll: () => setOpenIds(new Set<string>()),\n  isOpen: (id: string) => openIds().has(id),\n};"],"mappings":"wCAEA,GAAM,CAAC,EAAS,GAAc,EAAkC,IAAI,IAAO,CAAE,OAAQ,GAAO,CAAC,CAEhF,EAAgB,CAC3B,UACA,KAAO,GACL,EAAW,GAAQ,CACjB,GAAI,EAAK,IAAI,EAAG,CAAE,OAAO,EACzB,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,IAAI,EAAG,CACL,GACP,CACJ,MAAQ,GACN,EAAW,GAAQ,CACjB,GAAI,CAAC,EAAK,IAAI,EAAG,CAAE,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,OAAO,EAAG,CACR,GACP,CACJ,aAAgB,EAAW,IAAI,IAAc,CAC7C,OAAS,GAAe,GAAS,CAAC,IAAI,EAAG,CAC1C"}

package/dist/components/float-button/float-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"float-button.js","names":["cn","For","Match","mergeProps","Show","Switch","Component","Button","FloatButtonProps","DEFAULT_PROPS","type","color","size","animate","closeIcon","label","icon","renderAnimateClass","AnimateInfinite","Record","ripple","pulse","bounce","heartBeat","headShake","swing","jello","renderBadgeWidth","count","FloatButtonBadge","badge","p","_el$","_tmpl$","_el$2","firstChild","_$insert","_c$","_$memo","_el$3","_tmpl$2","_$effect","_$className","class","FloatButton","props","_$createComponent","children","when","_el$4","_tmpl$3","_el$5","_$addEventListener","onClickOpen","variant","shape","tabIndex","style","width","height","_el$6","_tmpl$5","_el$7","_el$8","nextSibling","_el$9","_c$2","onClickClose","_$setStyleProperty","Element","_el$0","_tmpl$4","each","actions","item","_el$1","_tmpl$6","index","console","warn","_$delegateEvents"],"sources":["../../../src/components/float-button/float-button.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { For, Match, mergeProps, Show, Switch, type Component } from 'solid-js';\r\nimport { Button } from '../button';\r\nimport type { FloatButtonProps } from './float-button.types';\r\n\r\nconst DEFAULT_PROPS: FloatButtonProps = {\r\n  type: 'default',\r\n  color: 'var(--color-warning)',\r\n  size: 24,\r\n  animate: 'none',\r\n  closeIcon: {\r\n    label: 'Close',\r\n    icon: 'X',\r\n  },\r\n};\r\n\r\nexport function renderAnimateClass(animate: string | undefined) {\r\n  const AnimateInfinite: Record<string, string> = {\r\n    ripple: 'animate-ripple',\r\n    pulse: 'animate-pulse',\r\n    bounce: 'animate-bounce',\r\n    heartBeat: 'animate-heartBeat',\r\n    headShake: 'animate-headShake',\r\n    swing: 'animate-swing',\r\n    jello: 'animate-jello',\r\n  };\r\n  return animate ? AnimateInfinite[animate] : '';\r\n}\r\nfunction renderBadgeWidth(count: number): string {\r\n  if (count >= 10_000) return 'px-1 translate-x-2';\r\n  if (count >= 1000) return 'px-1 translate-x-1 -translate-y-1';\r\n  if (count >= 100) return 'px-1';\r\n  return 'w-5';\r\n}\r\nconst FloatButtonBadge: Component<{\r\n  badge?: FloatButtonProps['badge'];\r\n}> = p => {\r\n  return (\r\n    <div class=\"absolute -top-2 -right-2\">\r\n      <div\r\n        class={cn(\r\n          'bg-error flex h-5 cursor-pointer rounded-full text-xs text-white *:m-auto',\r\n          renderBadgeWidth(p.badge?.count!),\r\n          p.badge?.animate && `animate-${p.badge?.animate}`,\r\n          p.badge?.class,\r\n        )}\r\n      >\r\n        {p.badge?.count && <div>{p.badge?.count}</div>}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const FloatButton: Component<FloatButtonProps> = props => {\r\n  const p = mergeProps(DEFAULT_PROPS, props);\r\n  const size = `${p.size}px`;\r\n\r\n  return (\r\n    <Switch>\r\n      <Match when={p.type === 'single'}>\r\n        <div class={cn('fab pointer-events-auto', p.class)} onClick={p.onClickOpen}>\r\n          <div class=\"relative\">\r\n            <Button\r\n              icon={p.icon}\r\n              variant=\"solid\"\r\n              shape=\"circle\"\r\n              class={cn('fab-open border-0', renderAnimateClass(p.animate))}\r\n              tabIndex={0}\r\n              style={{\r\n                'background-color': p.color,\r\n                width: size,\r\n                height: size,\r\n                ['--innner-color']: p.color,\r\n                ['--btn-color']: p.color,\r\n              }}\r\n            />\r\n            <Show when={p.badge?.count}>\r\n              <FloatButtonBadge badge={p.badge} />\r\n            </Show>\r\n          </div>\r\n        </div>\r\n      </Match>\r\n      <Match when={p.type !== 'single'}>\r\n        <div class={cn('fab', p.type === 'flower' && 'fab-flower', p.class)}>\r\n          <div class=\"relative\" tabIndex={0}>\r\n            <Button\r\n              icon={p.icon}\r\n              variant=\"solid\"\r\n              shape=\"circle\"\r\n              class={cn('fab-open border-0', renderAnimateClass(p.animate))}\r\n              style={{\r\n                'background-color': p.color,\r\n                width: size,\r\n                height: size,\r\n                ['--innner-color']: p.color,\r\n              }}\r\n            />\r\n            <Show when={p.badge?.count}>\r\n              <FloatButtonBadge badge={p.badge} />\r\n            </Show>\r\n          </div>\r\n\r\n          <div class=\"fab-close\">\r\n            {p.type === 'default' && p.closeIcon?.label}\r\n            <div\r\n              class=\"float-close btn btn-circle btn-error\"\r\n              style={{ width: size, height: size }}\r\n              onClick={p.closeIcon?.onClickClose}\r\n            >\r\n              {(p.closeIcon?.icon as Element) ?? 'orange'}\r\n            </div>\r\n          </div>\r\n          <Switch>\r\n            <Match when={p.type === 'default'}>\r\n              <div class=\"float-menu flex flex-col items-end\">\r\n                <For each={p.actions}>\r\n                  {item => {\r\n                    return <div class=\"flex gap-2\">{item as Element}</div>;\r\n                  }}\r\n                </For>\r\n              </div>\r\n            </Match>\r\n            <Match when={p.type === 'flower'}>\r\n              <For each={p.actions}>\r\n                {(item, index) => {\r\n                  if (index() > 3) {\r\n                    console.warn(\r\n                      'Chỉ có thể nhận tối đa 4 component. Cần xóa các Component sau: ',\r\n                      item,\r\n                    );\r\n                    return;\r\n                  }\r\n                  return <>{item}</>;\r\n                }}\r\n              </For>\r\n            </Match>\r\n          </Switch>\r\n        </div>\r\n      </Match>\r\n    </Switch>\r\n  );\r\n};\r\n"],"mappings":"woBAKMS,EAAkC,CACtCC,KAAM,UACNC,MAAO,uBACPC,KAAM,GACNC,QAAS,OACTC,UAAW,CACTC,MAAO,QACPC,KAAM,IACR,CACD,CAED,SAAgBC,EAAmBJ,EAA6B,CAU9D,OAAOA,EATyC,CAC9CO,OAAQ,iBACRC,MAAO,gBACPC,OAAQ,iBACRC,UAAW,oBACXC,UAAW,oBACXC,MAAO,gBACPC,MAAO,gBACR,CACgCb,GAAW,GAE9C,SAASc,EAAiBC,EAAuB,CAI/C,OAHIA,GAAS,IAAe,qBACxBA,GAAS,IAAa,oCACtBA,GAAS,IAAY,OAClB,MAET,IAAMC,EAEDE,QACH,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAQO,OARPC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MAAA,CAAA,CAUOP,EAAED,OAAOF,MAAK,CAAA,UAAdS,GAAA,OAAA,CAAA,IAAAE,EAAAC,GAAA,CAAsC,OAAtCJ,EAAAG,MAAwBR,EAAED,OAAOF,MAAK,CAAAW,KAAO,IAAA,CAAA,CAAAE,MAAAC,EAAAR,EAPvClC,EACL,4EACA2B,EAAiBI,EAAED,OAAOF,MAAO,CACjCG,EAAED,OAAOjB,SAAW,WAAWkB,EAAED,OAAOjB,UACxCkB,EAAED,OAAOa,MACV,CAAA,CAAA,CAAAX,KAAA,CAQIY,EAA2CC,GAAS,CAC/D,IAAMd,EAAI5B,EAAWM,EAAeoC,EAAM,CACpCjC,EAAO,GAAGmB,EAAEnB,KAAI,IAEtB,OAAAkC,EACGzC,EAAM,CAAA,IAAA0C,UAAA,CAAA,MAAA,CAAAD,EACJ5C,EAAK,CAAA,IAAC8C,MAAI,CAAA,OAAEjB,EAAErB,OAAS,UAAQ,IAAAqC,UAAA,CAAA,IAAAE,EAAAC,GAAA,CAAAC,EAAAF,EAAAd,WACoB,OADpBiB,EAAAH,EAAA,QAC+BlB,EAAEsB,YAAW,GAAA,CAAAjB,EAAAe,EAAAL,EAErEvC,EAAM,CAAA,IACLS,MAAI,CAAA,OAAEe,EAAEf,MACRsC,QAAO,QACPC,MAAK,SAAA,IAAA,OAAA,CAAA,OACEvD,EAAG,oBAAqBiB,EAAmBc,EAAElB,QAAQ,CAAC,EAC7D2C,SAAU,EAAC,IACXC,OAAK,CAAA,MAAE,CACL,mBAAoB1B,EAAEpB,MACtB+C,MAAO9C,EACP+C,OAAQ/C,EACP,iBAAmBmB,EAAEpB,MACrB,cAAgBoB,EAAEpB,MACpB,EAAA,CAAA,CAAA,KAAA,CAAAyB,EAAAe,EAAAL,EAEF1C,EAAI,CAAA,IAAC4C,MAAI,CAAA,OAAEjB,EAAED,OAAOF,OAAK,IAAAmB,UAAA,CAAA,OAAAD,EACvBjB,EAAgB,CAAA,IAACC,OAAK,CAAA,OAAEC,EAAED,OAAK,CAAA,EAAA,CAAA,CAAA,KAAA,CAAAW,MAAAC,EAAAO,EAjB1BjD,EAAG,0BAA2B+B,EAAEY,MAAM,CAAA,CAAA,CAAAM,GAAA,CAAA,CAAAH,EAsBnD5C,EAAK,CAAA,IAAC8C,MAAI,CAAA,OAAEjB,EAAErB,OAAS,UAAQ,IAAAqC,UAAA,CAAA,IAAAa,EAAAC,GAAA,CAAAC,EAAAF,EAAAzB,WAAA4B,EAAAD,EAAAE,YAAAC,EAAAF,EAAA5B,WACqC,OADrCC,EAAA0B,EAAAhB,EAGzBvC,EAAM,CAAA,IACLS,MAAI,CAAA,OAAEe,EAAEf,MACRsC,QAAO,QACPC,MAAK,SAAA,IAAA,OAAA,CAAA,OACEvD,EAAG,oBAAqBiB,EAAmBc,EAAElB,QAAQ,CAAC,EAAA,IAC7D4C,OAAK,CAAA,MAAE,CACL,mBAAoB1B,EAAEpB,MACtB+C,MAAO9C,EACP+C,OAAQ/C,EACP,iBAAmBmB,EAAEpB,MACvB,EAAA,CAAA,CAAA,KAAA,CAAAyB,EAAA0B,EAAAhB,EAEF1C,EAAI,CAAA,IAAC4C,MAAI,CAAA,OAAEjB,EAAED,OAAOF,OAAK,IAAAmB,UAAA,CAAA,OAAAD,EACvBjB,EAAgB,CAAA,IAACC,OAAK,CAAA,OAAEC,EAAED,OAAK,CAAA,EAAA,CAAA,CAAA,KAAA,CAAAM,EAAA2B,OAAA,CAAA,IAAAG,EAAA5B,MAKjCP,EAAErB,OAAS,UAAS,CAAA,UAApBwD,GAAA,EAAwBnC,EAAEjB,WAAWC,SAAK,CAAAkD,EAAA,CAAAb,EAAAa,EAAA,QAIhClC,EAAEjB,WAAWqD,aAAY,GAAA,CAAAC,EAAAH,EAAA,QADlBrD,EAAI,CAAAwD,EAAAH,EAAA,SAAUrD,EAAI,CAAAwB,EAAA6B,MAGhClC,EAAEjB,WAAWE,MAAoB,SAAQ,CAAAoB,EAAAwB,EAAAd,EAG9CzC,EAAM,CAAA,IAAA0C,UAAA,CAAA,MAAA,CAAAD,EACJ5C,EAAK,CAAA,IAAC8C,MAAI,CAAA,OAAEjB,EAAErB,OAAS,WAAS,IAAAqC,UAAA,CAAA,IAAAuB,EAAAC,GAAA,CAK1B,OAL0BnC,EAAAkC,EAAAxB,EAE5B7C,EAAG,CAAA,IAACuE,MAAI,CAAA,OAAEzC,EAAE0C,SAAO1B,SACjB2B,QACC,CAAA,IAAAC,EAAAC,GAAA,CAA+C,OAA/CxC,EAAAuC,EAAgCD,EAAe,CAAAC,KAAA,CAChD,CAAA,CAAA,CAAAL,GAAA,CAAA,CAAAxB,EAIN5C,EAAK,CAAA,IAAC8C,MAAI,CAAA,OAAEjB,EAAErB,OAAS,UAAQ,IAAAqC,UAAA,CAAA,OAAAD,EAC7B7C,EAAG,CAAA,IAACuE,MAAI,CAAA,OAAEzC,EAAE0C,SAAO1B,UAChB2B,EAAMG,IAAU,CAChB,GAAIA,GAAO,CAAG,EAAG,CACfC,QAAQC,KACN,kEACAL,EACD,CACD,OAEF,OAAUA,GACX,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,KAAA,CAAAjC,MAAAC,EAAAkB,EAlDG5D,EAAG,MAAO+B,EAAErB,OAAS,UAAY,aAAcqB,EAAEY,MAAM,CAAA,CAAA,CAAAiB,GAAA,CAAA,CAAA,EAAA,CAAA,EA0DzEoB,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"float-button.js","names":["cn","For","Match","mergeProps","Show","Switch","Component","Button","FloatButtonProps","DEFAULT_PROPS","type","color","size","animate","closeIcon","label","icon","renderAnimateClass","AnimateInfinite","Record","ripple","pulse","bounce","heartBeat","headShake","swing","jello","renderBadgeWidth","count","FloatButtonBadge","badge","p","_el$","_tmpl$","_el$2","firstChild","_$insert","_c$","_$memo","_el$3","_tmpl$2","_$effect","_$className","class","FloatButton","props","_$createComponent","children","when","_el$4","_tmpl$3","_el$5","_$addEventListener","onClickOpen","variant","shape","tabIndex","style","width","height","_el$6","_tmpl$5","_el$7","_el$8","nextSibling","_el$9","_c$2","onClickClose","_$setStyleProperty","Element","_el$0","_tmpl$4","each","actions","item","_el$1","_tmpl$6","index","console","warn","_$delegateEvents"],"sources":["../../../src/components/float-button/float-button.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { For, Match, mergeProps, Show, Switch, type Component } from 'solid-js';\nimport { Button } from '../button';\nimport type { FloatButtonProps } from './float-button.types';\n\nconst DEFAULT_PROPS: FloatButtonProps = {\n  type: 'default',\n  color: 'var(--color-warning)',\n  size: 24,\n  animate: 'none',\n  closeIcon: {\n    label: 'Close',\n    icon: 'X',\n  },\n};\n\nexport function renderAnimateClass(animate: string | undefined) {\n  const AnimateInfinite: Record<string, string> = {\n    ripple: 'animate-ripple',\n    pulse: 'animate-pulse',\n    bounce: 'animate-bounce',\n    heartBeat: 'animate-heartBeat',\n    headShake: 'animate-headShake',\n    swing: 'animate-swing',\n    jello: 'animate-jello',\n  };\n  return animate ? AnimateInfinite[animate] : '';\n}\nfunction renderBadgeWidth(count: number): string {\n  if (count >= 10_000) return 'px-1 translate-x-2';\n  if (count >= 1000) return 'px-1 translate-x-1 -translate-y-1';\n  if (count >= 100) return 'px-1';\n  return 'w-5';\n}\nconst FloatButtonBadge: Component<{\n  badge?: FloatButtonProps['badge'];\n}> = p => {\n  return (\n    <div class=\"absolute -top-2 -right-2\">\n      <div\n        class={cn(\n          'bg-error flex h-5 cursor-pointer rounded-full text-xs text-white *:m-auto',\n          renderBadgeWidth(p.badge?.count!),\n          p.badge?.animate && `animate-${p.badge?.animate}`,\n          p.badge?.class,\n        )}\n      >\n        {p.badge?.count && <div>{p.badge?.count}</div>}\n      </div>\n    </div>\n  );\n};\n\nexport const FloatButton: Component<FloatButtonProps> = props => {\n  const p = mergeProps(DEFAULT_PROPS, props);\n  const size = `${p.size}px`;\n\n  return (\n    <Switch>\n      <Match when={p.type === 'single'}>\n        <div class={cn('fab pointer-events-auto', p.class)} onClick={p.onClickOpen}>\n          <div class=\"relative\">\n            <Button\n              icon={p.icon}\n              variant=\"solid\"\n              shape=\"circle\"\n              class={cn('fab-open border-0', renderAnimateClass(p.animate))}\n              tabIndex={0}\n              style={{\n                'background-color': p.color,\n                width: size,\n                height: size,\n                ['--innner-color']: p.color,\n                ['--btn-color']: p.color,\n              }}\n            />\n            <Show when={p.badge?.count}>\n              <FloatButtonBadge badge={p.badge} />\n            </Show>\n          </div>\n        </div>\n      </Match>\n      <Match when={p.type !== 'single'}>\n        <div class={cn('fab', p.type === 'flower' && 'fab-flower', p.class)}>\n          <div class=\"relative\" tabIndex={0}>\n            <Button\n              icon={p.icon}\n              variant=\"solid\"\n              shape=\"circle\"\n              class={cn('fab-open border-0', renderAnimateClass(p.animate))}\n              style={{\n                'background-color': p.color,\n                width: size,\n                height: size,\n                ['--innner-color']: p.color,\n              }}\n            />\n            <Show when={p.badge?.count}>\n              <FloatButtonBadge badge={p.badge} />\n            </Show>\n          </div>\n\n          <div class=\"fab-close\">\n            {p.type === 'default' && p.closeIcon?.label}\n            <div\n              class=\"float-close btn btn-circle btn-error\"\n              style={{ width: size, height: size }}\n              onClick={p.closeIcon?.onClickClose}\n            >\n              {(p.closeIcon?.icon as Element) ?? 'orange'}\n            </div>\n          </div>\n          <Switch>\n            <Match when={p.type === 'default'}>\n              <div class=\"float-menu flex flex-col items-end\">\n                <For each={p.actions}>\n                  {item => {\n                    return <div class=\"flex gap-2\">{item as Element}</div>;\n                  }}\n                </For>\n              </div>\n            </Match>\n            <Match when={p.type === 'flower'}>\n              <For each={p.actions}>\n                {(item, index) => {\n                  if (index() > 3) {\n                    console.warn(\n                      'Chỉ có thể nhận tối đa 4 component. Cần xóa các Component sau: ',\n                      item,\n                    );\n                    return;\n                  }\n                  return <>{item}</>;\n                }}\n              </For>\n            </Match>\n          </Switch>\n        </div>\n      </Match>\n    </Switch>\n  );\n};\n"],"mappings":"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"}

package/dist/components/hover-3d-image/hover-3d-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-3d-image.js","names":["cn","Image","ImagePreview","Component","createSignal","Show","ImagePreviewProps","Hover3DImage","image","preview","enabled","previewOptions","class","Partial","Record","p","open","setOpen","previewEnabled","_el$","_tmpl$","_el$2","firstChild","_el$3","$$click","_$spread","_$mergeProps","_$effect","_p$","_v$","root","_v$2","figure","e","_$className","t","undefined","_$createComponent","when","children","src","imageName","_$memo","alt","onClose","_$delegateEvents"],"sources":["../../../src/components/hover-3d-image/hover-3d-image.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { Image } from '@/utils/helper';\r\nimport { ImagePreview } from '@components/image-preview';\r\nimport { Component, createSignal, Show } from 'solid-js';\r\nimport { ImagePreviewProps } from '../image-preview/image-preview';\r\n\r\nexport const Hover3DImage: Component<{\r\n  image: Image;\r\n  /** Bật/tắt tính năng click để preview ảnh. @default true */\r\n  preview?: boolean | { enabled: true; previewOptions?: ImagePreviewProps };\r\n  class?: Partial<Record<'root' | 'figure' | 'image', string>>;\r\n}> = p => {\r\n  const [open, setOpen] = createSignal(false);\r\n  const previewEnabled = () => p.preview !== false;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        class={cn('hover-3d', previewEnabled() && 'cursor-zoom-in', p.class?.root)}\r\n        onClick={() => previewEnabled() && setOpen(true)}\r\n      >\r\n        <figure class={cn('rounded-2xl', p.class?.figure)}>\r\n          <img {...p.image} />\r\n        </figure>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n\r\n      <Show when={open()}>\r\n        <ImagePreview\r\n          src={p.image.src}\r\n          imageName={typeof p.image.alt === 'string' ? p.image.alt : undefined}\r\n          onClose={() => setOpen(false)}\r\n          {...(typeof p.preview === 'object' ? p.preview.previewOptions : undefined)}\r\n        />\r\n      </Show>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"qaAMaO,EAKRQ,GAAK,CACR,GAAM,CAACC,EAAMC,GAAWb,EAAa,GAAM,CACrCc,MAAuBH,EAAEN,UAAY,GAE3C,MAAA,MAAA,CAAA,IAAAU,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAMuD,MANvDH,GAAAK,YAIqBN,GAAgB,EAAID,EAAQ,GAAK,CAAAQ,EAAAF,EAAAG,MAGrCX,EAAEP,MAAK,CAAA,GAAA,GAAA,CAAAmB,EAAAC,GAAA,CAAA,IAAAC,EAJX7B,EAAG,WAAYkB,GAAgB,EAAI,iBAAkBH,EAAEH,OAAOkB,KAAK,CAAAC,EAG3D/B,EAAG,cAAee,EAAEH,OAAOoB,OAAO,CAAA,OAAAH,IAAAD,EAAAK,GAAAC,EAAAf,EAAAS,EAAAK,EAAAJ,EAAA,CAAAE,IAAAH,EAAAO,GAAAD,EAAAb,EAAAO,EAAAO,EAAAJ,EAAA,CAAAH,GAAA,CAAAK,EAAAG,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAjB,KAAA,CAAAkB,EAalDhC,EAAI,CAAA,IAACiC,MAAI,CAAA,OAAEtB,GAAM,EAAA,IAAAuB,UAAA,CAAA,OAAAF,EACfnC,EAAYwB,EAAA,CAAA,IACXc,KAAG,CAAA,OAAEzB,EAAEP,MAAMgC,KAAG,IAChBC,WAAS,CAAA,OAAEC,MAAA,OAAO3B,EAAEP,MAAMmC,KAAQ,SAAQ,EAAA,CAAG5B,EAAEP,MAAMmC,IAAMP,IAAAA,IAC3DQ,YAAe3B,EAAQ,GAAK,CAAC,KACxB,OAAOF,EAAEN,SAAY,SAAWM,EAAEN,QAAQE,eAAiByB,IAAAA,GAAS,CAAA,EAAA,CAAA,CAAA,EAKjFS,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"hover-3d-image.js","names":["cn","Image","ImagePreview","Component","createSignal","Show","ImagePreviewProps","Hover3DImage","image","preview","enabled","previewOptions","class","Partial","Record","p","open","setOpen","previewEnabled","_el$","_tmpl$","_el$2","firstChild","_el$3","$$click","_$spread","_$mergeProps","_$effect","_p$","_v$","root","_v$2","figure","e","_$className","t","undefined","_$createComponent","when","children","src","imageName","_$memo","alt","onClose","_$delegateEvents"],"sources":["../../../src/components/hover-3d-image/hover-3d-image.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { Image } from '@/utils/helper';\nimport { ImagePreview } from '@components/image-preview';\nimport { Component, createSignal, Show } from 'solid-js';\nimport { ImagePreviewProps } from '../image-preview/image-preview';\n\nexport const Hover3DImage: Component<{\n  image: Image;\n  /** Bật/tắt tính năng click để preview ảnh. @default true */\n  preview?: boolean | { enabled: true; previewOptions?: ImagePreviewProps };\n  class?: Partial<Record<'root' | 'figure' | 'image', string>>;\n}> = p => {\n  const [open, setOpen] = createSignal(false);\n  const previewEnabled = () => p.preview !== false;\n\n  return (\n    <>\n      <div\n        class={cn('hover-3d', previewEnabled() && 'cursor-zoom-in', p.class?.root)}\n        onClick={() => previewEnabled() && setOpen(true)}\n      >\n        <figure class={cn('rounded-2xl', p.class?.figure)}>\n          <img {...p.image} />\n        </figure>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n        <div></div>\n      </div>\n\n      <Show when={open()}>\n        <ImagePreview\n          src={p.image.src}\n          imageName={typeof p.image.alt === 'string' ? p.image.alt : undefined}\n          onClose={() => setOpen(false)}\n          {...(typeof p.preview === 'object' ? p.preview.previewOptions : undefined)}\n        />\n      </Show>\n    </>\n  );\n};\n"],"mappings":"qaAMaO,EAKRQ,GAAK,CACR,GAAM,CAACC,EAAMC,GAAWb,EAAa,GAAM,CACrCc,MAAuBH,EAAEN,UAAY,GAE3C,MAAA,MAAA,CAAA,IAAAU,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAMuD,MANvDH,GAAAK,YAIqBN,GAAgB,EAAID,EAAQ,GAAK,CAAAQ,EAAAF,EAAAG,MAGrCX,EAAEP,MAAK,CAAA,GAAA,GAAA,CAAAmB,EAAAC,GAAA,CAAA,IAAAC,EAJX7B,EAAG,WAAYkB,GAAgB,EAAI,iBAAkBH,EAAEH,OAAOkB,KAAK,CAAAC,EAG3D/B,EAAG,cAAee,EAAEH,OAAOoB,OAAO,CAAA,OAAAH,IAAAD,EAAAK,GAAAC,EAAAf,EAAAS,EAAAK,EAAAJ,EAAA,CAAAE,IAAAH,EAAAO,GAAAD,EAAAb,EAAAO,EAAAO,EAAAJ,EAAA,CAAAH,GAAA,CAAAK,EAAAG,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAjB,KAAA,CAAAkB,EAalDhC,EAAI,CAAA,IAACiC,MAAI,CAAA,OAAEtB,GAAM,EAAA,IAAAuB,UAAA,CAAA,OAAAF,EACfnC,EAAYwB,EAAA,CAAA,IACXc,KAAG,CAAA,OAAEzB,EAAEP,MAAMgC,KAAG,IAChBC,WAAS,CAAA,OAAEC,MAAA,OAAO3B,EAAEP,MAAMmC,KAAQ,SAAQ,EAAA,CAAG5B,EAAEP,MAAMmC,IAAMP,IAAAA,IAC3DQ,YAAe3B,EAAQ,GAAK,CAAC,KACxB,OAAOF,EAAEN,SAAY,SAAWM,EAAEN,QAAQE,eAAiByB,IAAAA,GAAS,CAAA,EAAA,CAAA,CAAA,EAKjFS,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/image-preview/image-preview.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{addEventListener as r,className as i,createComponent as a,delegateEvents as o,effect as s,insert as c,memo as l,setAttribute as u,setStyleProperty as ee,template as d,use as f}from"solid-js/web";import{Show as p,createSignal as m,mergeProps as h,onCleanup as g,onMount as _}from"solid-js";import v from"lucide-solid/icons/x";import y from"lucide-solid/icons/flip-horizontal-2";import b from"lucide-solid/icons/flip-vertical-2";import x from"lucide-solid/icons/info";import S from"lucide-solid/icons/maximize-2";import C from"lucide-solid/icons/rotate-ccw";import w from"lucide-solid/icons/rotate-cw";import T from"lucide-solid/icons/zoom-in";import E from"lucide-solid/icons/zoom-out";var D=d(`<div class="flex items-start gap-2"><span class="w-24 shrink-0 text-white/40"></span><span class="min-w-0 break-all text-white/90">`),O=d(`<div class=img07>`),k=d(`<div><p class="mb-2 text-xs font-semibold tracking-wide text-white/50 uppercase">Thông tin ảnh</p><div class="flex flex-col gap-1.5 text-xs">`),A=d(`<div class=relative><button title="Thông tin ảnh">`),j=d(`<div><button></button><div><img></div><div><button title="Lật dọc"></button><button title="Lật ngang"></button><div class=img07></div><button title="Xoay ngược chiều kim đồng hồ"></button><button title="Xoay thuận chiều kim đồng hồ"></button><div class=img07></div><button title="Thu nhỏ"></button><span>%</span><button title="Phóng to"></button><div class=img07></div><button title="Reset về 100%">`),M=.25,N=.25,P=4;function te(e){if(!e)return;let t=e instanceof Date?e:new Date(e);return isNaN(t.getTime())?String(e):t.toLocaleString(`vi-VN`,{day:`2-digit`,month:`2-digit`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})}function F(e){return a(p,{get when(){return e.value},get children(){var t=D(),n=t.firstChild,r=n.nextSibling;return c(n,()=>e.label),c(r,()=>e.value),t}})}function I(o){o=h({closeOnBackdrop:!1,closeOnEsc:!0},o);let[d,D]=m(0),[I,L]=m(!1),[R,z]=m(!1),[B,V]=m(1),[H,U]=m(0),[W,G]=m(0),[K,q]=m(!1),[J,ne]=m(!1),[Y,re]=m(null),ie=0,ae=0,oe=0,se=0,ce=()=>B()>1,le=()=>{let e=I()?-B():B(),t=R()?-B():B();return`translate(${H()}px, ${W()}px) rotate(${d()}deg) scale(${e}, ${t})`},ue=()=>V(e=>Math.min(+(e+M).toFixed(2),P)),de=()=>{let e=Math.max(+(B()-M).toFixed(2),N);V(e),e<=1&&(U(0),G(0))},fe=()=>{V(1),U(0),G(0),D(0),L(!1),z(!1)},pe=()=>{D(e=>e+90),U(0),G(0)},me=()=>{D(e=>e-90),U(0),G(0)},he=()=>L(e=>!e),ge=()=>z(e=>!e),_e=e=>{ce()&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),q(!0),ie=e.clientX,ae=e.clientY,oe=H(),se=W())},ve=e=>{K()&&(U(oe+e.clientX-ie),G(se+e.clientY-ae))},ye=()=>q(!1),X,Z,Q,$;_(()=>{let e=e=>{e.preventDefault();let t=e.deltaY<0?M:-M,n=B(),r=Math.min(Math.max(+(n+t).toFixed(2),N),P);if(r===n)return;let i=Z.getBoundingClientRect(),a=e.clientX-i.left-i.width/2,o=e.clientY-i.top-i.height/2,s=r/n-1;V(r),U(e=>e-(a-e)*s),G(e=>e-(o-e)*s),r<=1&&(U(0),G(0))},t=e=>{e.key===`Escape`&&(o.closeOnEsc??!0)&&(e.stopImmediatePropagation(),o.onClose())},n=e=>{if(!J())return;let t=e.target;!Q?.contains(t)&&!$?.contains(t)&&ne(!1)},r=e=>e.preventDefault();X.addEventListener(`wheel`,r,{passive:!1}),Z.addEventListener(`wheel`,e,{passive:!1}),document.addEventListener(`pointerdown`,n),document.addEventListener(`keydown`,t,{capture:!0}),g(function(){X.removeEventListener(`wheel`,r),Z.removeEventListener(`wheel`,e),document.removeEventListener(`pointerdown`,n),document.removeEventListener(`keydown`,t,{capture:!0})})});let be=()=>!!(o.imageName||o.size||o.createdAt||o.modifiedAt);return a(n,{open:!0,get type(){return t.MODAL},blockScroll:!0,positioning:`fixed`,preRender:!1,get customValue(){return o.zIndex},class:`inset-0`,get children(){var t=j(),n=t.firstChild,m=n.nextSibling,h=m.firstChild,g=m.nextSibling,_=g.firstChild,D=_.nextSibling,M=D.nextSibling.nextSibling,L=M.nextSibling,z=L.nextSibling.nextSibling,V=z.nextSibling,H=V.firstChild,U=V.nextSibling,W=U.nextSibling.nextSibling;r(t,`click`,o.closeOnBackdrop?o.onClose:void 0,!0);var G=X;typeof G==`function`?f(G,t):X=t,r(n,`click`,o.onClose,!0),c(n,a(v,{size:20})),m.addEventListener(`pointercancel`,ye),m.$$pointerup=ye,m.$$pointermove=ve,m.$$pointerdown=_e,m.$$click=e=>e.stopPropagation();var q=Z;return typeof q==`function`?f(q,m):Z=m,h.addEventListener(`load`,e=>{let t=e.currentTarget;re({w:t.naturalWidth,h:t.naturalHeight})}),u(h,`draggable`,!1),g.$$click=e=>e.stopPropagation(),_.$$click=ge,c(_,a(b,{size:16})),D.$$click=he,c(D,a(y,{size:16})),M.$$click=me,c(M,a(C,{size:16})),L.$$click=pe,c(L,a(w,{size:16})),z.$$click=de,c(z,a(E,{size:16})),c(V,()=>Math.round(B()*100),H),U.$$click=ue,c(U,a(T,{size:16})),W.$$click=fe,c(W,a(S,{size:16})),c(g,a(p,{get when(){return be()},get children(){return[O(),(()=>{var t=A(),n=t.firstChild;n.$$click=()=>ne(e=>!e);var r=$;return typeof r==`function`?f(r,n):$=n,c(n,a(x,{size:16})),c(t,a(p,{get when(){return J()},get children(){var t=k(),n=t.firstChild.nextSibling,r=Q;return typeof r==`function`?f(r,t):Q=t,c(n,a(F,{label:`Tên file`,get value(){return o.imageName}}),null),c(n,a(F,{label:`Kích thước`,get value(){return o.size}}),null),c(n,a(F,{label:`Dimension`,get value(){return l(()=>!!Y())()?`${Y().w} × ${Y().h} px`:void 0}}),null),c(n,a(F,{label:`Ngày tạo`,get value(){return te(o.createdAt)}}),null),c(n,a(F,{label:`Ngày sửa`,get value(){return te(o.modifiedAt)}}),null),s(()=>i(t,e(`img09`,o.class?.infoPopup))),t}}),null),s(()=>i(n,e(`img06`,J()&&`bg-white/20 text-white`,o.class?.toolBtn))),t})()]}}),null),s(r=>{var a=e(`img01`,o.class?.backdrop),s=e(`img02`,o.class?.close),c=e(`img03`,ce()&&(K()?`cursor-grabbing`:`cursor-grab`),o.class?.box),l=o.src,f=o.imageName,p=e(`img04`,K()&&`img04--drag`,o.class?.img),v=le(),y=e(`img05`,o.class?.toolbar),b=e(`img06`,o.class?.toolBtn),x=e(`img06`,o.class?.toolBtn),S=e(`img06`,o.class?.toolBtn),C=e(`img06`,o.class?.toolBtn),w=e(`img06`,o.class?.toolBtn),T=B()<=N,E=e(`img08`,o.class?.zoomLabel),O=e(`img06`,o.class?.toolBtn),k=B()>=P,A=e(`img06`,o.class?.toolBtn),j=B()===1&&d()===0&&!I()&&!R();return a!==r.e&&i(t,r.e=a),s!==r.t&&i(n,r.t=s),c!==r.a&&i(m,r.a=c),l!==r.o&&u(h,`src`,r.o=l),f!==r.i&&u(h,`alt`,r.i=f),p!==r.n&&i(h,r.n=p),v!==r.s&&ee(h,`transform`,r.s=v),y!==r.h&&i(g,r.h=y),b!==r.r&&i(_,r.r=b),x!==r.d&&i(D,r.d=x),S!==r.l&&i(M,r.l=S),C!==r.u&&i(L,r.u=C),w!==r.c&&i(z,r.c=w),T!==r.w&&(z.disabled=r.w=T),E!==r.m&&i(V,r.m=E),O!==r.f&&i(U,r.f=O),k!==r.y&&(U.disabled=r.y=k),A!==r.g&&i(W,r.g=A),j!==r.p&&(W.disabled=r.p=j),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0,y:void 0,g:void 0,p:void 0}),t}})}o([`click`,`pointerdown`,`pointermove`,`pointerup`]);export{I as ImagePreview};
+import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{x_default as r}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{flip_horizontal_2_default as i}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/flip-horizontal-2.js";import{flip_vertical_2_default as a}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/flip-vertical-2.js";import{info_default as o}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/info.js";import{maximize_2_default as s}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/maximize-2.js";import{rotate_ccw_default as c}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/rotate-ccw.js";import{rotate_cw_default as l}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/rotate-cw.js";import{zoom_in_default as u}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/zoom-in.js";import{zoom_out_default as d}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/zoom-out.js";import{addEventListener as f,className as p,createComponent as m,delegateEvents as h,effect as g,insert as _,memo as v,setAttribute as y,setStyleProperty as ee,template as b,use as x}from"solid-js/web";import{Show as S,createSignal as C,mergeProps as w,onCleanup as T,onMount as E}from"solid-js";var D=b(`<div class="flex items-start gap-2"><span class="w-24 shrink-0 text-white/40"></span><span class="min-w-0 break-all text-white/90">`),O=b(`<div class=img07>`),k=b(`<div><p class="mb-2 text-xs font-semibold tracking-wide text-white/50 uppercase">Thông tin ảnh</p><div class="flex flex-col gap-1.5 text-xs">`),A=b(`<div class=relative><button title="Thông tin ảnh">`),j=b(`<div><button></button><div><img></div><div><button title="Lật dọc"></button><button title="Lật ngang"></button><div class=img07></div><button title="Xoay ngược chiều kim đồng hồ"></button><button title="Xoay thuận chiều kim đồng hồ"></button><div class=img07></div><button title="Thu nhỏ"></button><span>%</span><button title="Phóng to"></button><div class=img07></div><button title="Reset về 100%">`),M=.25,N=.25,P=4;function te(e){if(!e)return;let t=e instanceof Date?e:new Date(e);return isNaN(t.getTime())?String(e):t.toLocaleString(`vi-VN`,{day:`2-digit`,month:`2-digit`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})}function F(e){return m(S,{get when(){return e.value},get children(){var t=D(),n=t.firstChild,r=n.nextSibling;return _(n,()=>e.label),_(r,()=>e.value),t}})}function I(h){h=w({closeOnBackdrop:!1,closeOnEsc:!0},h);let[b,D]=C(0),[I,L]=C(!1),[R,z]=C(!1),[B,V]=C(1),[H,U]=C(0),[W,G]=C(0),[K,q]=C(!1),[J,ne]=C(!1),[Y,re]=C(null),ie=0,ae=0,oe=0,se=0,ce=()=>B()>1,le=()=>{let e=I()?-B():B(),t=R()?-B():B();return`translate(${H()}px, ${W()}px) rotate(${b()}deg) scale(${e}, ${t})`},ue=()=>V(e=>Math.min(+(e+M).toFixed(2),P)),de=()=>{let e=Math.max(+(B()-M).toFixed(2),N);V(e),e<=1&&(U(0),G(0))},fe=()=>{V(1),U(0),G(0),D(0),L(!1),z(!1)},pe=()=>{D(e=>e+90),U(0),G(0)},me=()=>{D(e=>e-90),U(0),G(0)},he=()=>L(e=>!e),ge=()=>z(e=>!e),_e=e=>{ce()&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),q(!0),ie=e.clientX,ae=e.clientY,oe=H(),se=W())},ve=e=>{K()&&(U(oe+e.clientX-ie),G(se+e.clientY-ae))},ye=()=>q(!1),X,Z,Q,$;E(()=>{let e=e=>{e.preventDefault();let t=e.deltaY<0?M:-M,n=B(),r=Math.min(Math.max(+(n+t).toFixed(2),N),P);if(r===n)return;let i=Z.getBoundingClientRect(),a=e.clientX-i.left-i.width/2,o=e.clientY-i.top-i.height/2,s=r/n-1;V(r),U(e=>e-(a-e)*s),G(e=>e-(o-e)*s),r<=1&&(U(0),G(0))},t=e=>{e.key===`Escape`&&(h.closeOnEsc??!0)&&(e.stopImmediatePropagation(),h.onClose())},n=e=>{if(!J())return;let t=e.target;!Q?.contains(t)&&!$?.contains(t)&&ne(!1)},r=e=>e.preventDefault();X.addEventListener(`wheel`,r,{passive:!1}),Z.addEventListener(`wheel`,e,{passive:!1}),document.addEventListener(`pointerdown`,n),document.addEventListener(`keydown`,t,{capture:!0}),T(function(){X.removeEventListener(`wheel`,r),Z.removeEventListener(`wheel`,e),document.removeEventListener(`pointerdown`,n),document.removeEventListener(`keydown`,t,{capture:!0})})});let be=()=>!!(h.imageName||h.size||h.createdAt||h.modifiedAt);return m(n,{open:!0,get type(){return t.MODAL},blockScroll:!0,positioning:`fixed`,preRender:!1,get customValue(){return h.zIndex},class:`inset-0`,get children(){var t=j(),n=t.firstChild,C=n.nextSibling,w=C.firstChild,T=C.nextSibling,E=T.firstChild,D=E.nextSibling,M=D.nextSibling.nextSibling,L=M.nextSibling,z=L.nextSibling.nextSibling,V=z.nextSibling,H=V.firstChild,U=V.nextSibling,W=U.nextSibling.nextSibling;f(t,`click`,h.closeOnBackdrop?h.onClose:void 0,!0);var G=X;typeof G==`function`?x(G,t):X=t,f(n,`click`,h.onClose,!0),_(n,m(r,{size:20})),C.addEventListener(`pointercancel`,ye),C.$$pointerup=ye,C.$$pointermove=ve,C.$$pointerdown=_e,C.$$click=e=>e.stopPropagation();var q=Z;return typeof q==`function`?x(q,C):Z=C,w.addEventListener(`load`,e=>{let t=e.currentTarget;re({w:t.naturalWidth,h:t.naturalHeight})}),y(w,`draggable`,!1),T.$$click=e=>e.stopPropagation(),E.$$click=ge,_(E,m(a,{size:16})),D.$$click=he,_(D,m(i,{size:16})),M.$$click=me,_(M,m(c,{size:16})),L.$$click=pe,_(L,m(l,{size:16})),z.$$click=de,_(z,m(d,{size:16})),_(V,()=>Math.round(B()*100),H),U.$$click=ue,_(U,m(u,{size:16})),W.$$click=fe,_(W,m(s,{size:16})),_(T,m(S,{get when(){return be()},get children(){return[O(),(()=>{var t=A(),n=t.firstChild;n.$$click=()=>ne(e=>!e);var r=$;return typeof r==`function`?x(r,n):$=n,_(n,m(o,{size:16})),_(t,m(S,{get when(){return J()},get children(){var t=k(),n=t.firstChild.nextSibling,r=Q;return typeof r==`function`?x(r,t):Q=t,_(n,m(F,{label:`Tên file`,get value(){return h.imageName}}),null),_(n,m(F,{label:`Kích thước`,get value(){return h.size}}),null),_(n,m(F,{label:`Dimension`,get value(){return v(()=>!!Y())()?`${Y().w} × ${Y().h} px`:void 0}}),null),_(n,m(F,{label:`Ngày tạo`,get value(){return te(h.createdAt)}}),null),_(n,m(F,{label:`Ngày sửa`,get value(){return te(h.modifiedAt)}}),null),g(()=>p(t,e(`img09`,h.class?.infoPopup))),t}}),null),g(()=>p(n,e(`img06`,J()&&`bg-white/20 text-white`,h.class?.toolBtn))),t})()]}}),null),g(r=>{var i=e(`img01`,h.class?.backdrop),a=e(`img02`,h.class?.close),o=e(`img03`,ce()&&(K()?`cursor-grabbing`:`cursor-grab`),h.class?.box),s=h.src,c=h.imageName,l=e(`img04`,K()&&`img04--drag`,h.class?.img),u=le(),d=e(`img05`,h.class?.toolbar),f=e(`img06`,h.class?.toolBtn),m=e(`img06`,h.class?.toolBtn),g=e(`img06`,h.class?.toolBtn),_=e(`img06`,h.class?.toolBtn),v=e(`img06`,h.class?.toolBtn),x=B()<=N,S=e(`img08`,h.class?.zoomLabel),O=e(`img06`,h.class?.toolBtn),k=B()>=P,A=e(`img06`,h.class?.toolBtn),j=B()===1&&b()===0&&!I()&&!R();return i!==r.e&&p(t,r.e=i),a!==r.t&&p(n,r.t=a),o!==r.a&&p(C,r.a=o),s!==r.o&&y(w,`src`,r.o=s),c!==r.i&&y(w,`alt`,r.i=c),l!==r.n&&p(w,r.n=l),u!==r.s&&ee(w,`transform`,r.s=u),d!==r.h&&p(T,r.h=d),f!==r.r&&p(E,r.r=f),m!==r.d&&p(D,r.d=m),g!==r.l&&p(M,r.l=g),_!==r.u&&p(L,r.u=_),v!==r.c&&p(z,r.c=v),x!==r.w&&(z.disabled=r.w=x),S!==r.m&&p(V,r.m=S),O!==r.f&&p(U,r.f=O),k!==r.y&&(U.disabled=r.y=k),A!==r.g&&p(W,r.g=A),j!==r.p&&(W.disabled=r.p=j),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0,y:void 0,g:void 0,p:void 0}),t}})}h([`click`,`pointerdown`,`pointermove`,`pointerup`]);export{I as ImagePreview};
 //# sourceMappingURL=image-preview.js.map

package/dist/components/image-preview/image-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-preview.js","names":["cn","ZIndex","ZIndexType","FlipHorizontal2","FlipVertical2","Info","Maximize2","RotateCcw","RotateCw","X","ZoomIn","ZoomOut","createSignal","mergeProps","onCleanup","onMount","Show","ImagePreviewClassProps","backdrop","close","box","img","toolbar","toolBtn","zoomLabel","infoPopup","ImagePreviewProps","src","imageName","size","createdAt","Date","modifiedAt","onClose","closeOnBackdrop","closeOnEsc","class","zIndex","ZOOM_STEP","ZOOM_MIN","ZOOM_MAX","formatDate","value","undefined","d","isNaN","getTime","String","toLocaleString","day","month","year","hour","minute","InfoRow","props","label","_$createComponent","when","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","ImagePreview","p","rotate","setRotate","flipH","setFlipH","flipV","setFlipV","scale","setScale","offsetX","setOffsetX","offsetY","setOffsetY","isDragging","setIsDragging","showInfo","setShowInfo","naturalSize","setNaturalSize","w","h","dragStartX","dragStartY","dragStartOffsetX","dragStartOffsetY","canPan","imgTransform","sx","sy","zoomIn","s","Math","min","toFixed","zoomOut","next","max","resetView","rotateCw","r","rotateCcw","doFlipH","v","doFlipV","onPointerDown","e","PointerEvent","preventDefault","currentTarget","HTMLElement","setPointerCapture","pointerId","clientX","clientY","onPointerMove","onPointerUp","backdropRef","HTMLDivElement","boxRef","infoPopupRef","infoBtnRef","HTMLButtonElement","onWheel","WheelEvent","delta","deltaY","oldScale","newScale","rect","getBoundingClientRect","cx","left","width","cy","top","height","ratio","ox","oy","onKeyDown","KeyboardEvent","key","stopImmediatePropagation","onDocPointerDown","target","Node","contains","preventScroll","addEventListener","passive","document","capture","removePreviewEventListeners","removeEventListener","hasInfo","open","type","MODAL","blockScroll","positioning","preRender","customValue","_el$4","_tmpl$5","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_$addEventListener","_ref$","_$use","$$pointerup","$$pointermove","$$pointerdown","$$click","stopPropagation","_ref$2","HTMLImageElement","naturalWidth","naturalHeight","_$setAttribute","round","_tmpl$2","_el$20","_tmpl$4","_el$21","_ref$3","_el$22","_tmpl$3","_el$23","_el$24","_ref$4","_$memo","_$effect","_$className","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","_v$17","t","a","o","i","n","_$setStyleProperty","l","u","c","disabled","m","f","y","g","_$delegateEvents"],"sources":["../../../src/components/image-preview/image-preview.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport FlipHorizontal2 from 'lucide-solid/icons/flip-horizontal-2';\r\nimport FlipVertical2 from 'lucide-solid/icons/flip-vertical-2';\r\nimport Info from 'lucide-solid/icons/info';\r\nimport Maximize2 from 'lucide-solid/icons/maximize-2';\r\nimport RotateCcw from 'lucide-solid/icons/rotate-ccw';\r\nimport RotateCw from 'lucide-solid/icons/rotate-cw';\r\nimport X from 'lucide-solid/icons/x';\r\nimport ZoomIn from 'lucide-solid/icons/zoom-in';\r\nimport ZoomOut from 'lucide-solid/icons/zoom-out';\r\nimport { createSignal, mergeProps, onCleanup, onMount, Show } from 'solid-js';\r\n\r\ntype ImagePreviewClassProps = {\r\n  backdrop?: string;\r\n  close?: string;\r\n  box?: string;\r\n  img?: string;\r\n  toolbar?: string;\r\n  toolBtn?: string;\r\n  zoomLabel?: string;\r\n  infoPopup?: string;\r\n};\r\n\r\nexport type ImagePreviewProps = {\r\n  src: string;\r\n  imageName?: string;\r\n  size?: string;\r\n  createdAt?: Date | string;\r\n  modifiedAt?: Date | string;\r\n  onClose: () => void;\r\n  closeOnBackdrop?: boolean;\r\n  closeOnEsc?: boolean;\r\n  class?: ImagePreviewClassProps;\r\n  zIndex?: number;\r\n};\r\n\r\nconst ZOOM_STEP = 0.25;\r\nconst ZOOM_MIN = 0.25;\r\nconst ZOOM_MAX = 4;\r\n\r\nfunction formatDate(value: Date | string | undefined): string | undefined {\r\n  if (!value) return undefined;\r\n  const d = value instanceof Date ? value : new Date(value);\r\n  if (isNaN(d.getTime())) return String(value);\r\n  return d.toLocaleString('vi-VN', {\r\n    day: '2-digit',\r\n    month: '2-digit',\r\n    year: 'numeric',\r\n    hour: '2-digit',\r\n    minute: '2-digit',\r\n  });\r\n}\r\n\r\nfunction InfoRow(props: { label: string; value: string | undefined }) {\r\n  return (\r\n    <Show when={props.value}>\r\n      <div class=\"flex items-start gap-2\">\r\n        <span class=\"w-24 shrink-0 text-white/40\">{props.label}</span>\r\n        <span class=\"min-w-0 break-all text-white/90\">{props.value}</span>\r\n      </div>\r\n    </Show>\r\n  );\r\n}\r\n\r\nexport function ImagePreview(p: ImagePreviewProps) {\r\n  p = mergeProps({ closeOnBackdrop: false, closeOnEsc: true }, p);\r\n  const [rotate, setRotate] = createSignal(0);\r\n  const [flipH, setFlipH] = createSignal(false);\r\n  const [flipV, setFlipV] = createSignal(false);\r\n  const [scale, setScale] = createSignal(1);\r\n  const [offsetX, setOffsetX] = createSignal(0);\r\n  const [offsetY, setOffsetY] = createSignal(0);\r\n  const [isDragging, setIsDragging] = createSignal(false);\r\n  const [showInfo, setShowInfo] = createSignal(false);\r\n  const [naturalSize, setNaturalSize] = createSignal<{ w: number; h: number } | null>(null);\r\n\r\n  let dragStartX = 0;\r\n  let dragStartY = 0;\r\n  let dragStartOffsetX = 0;\r\n  let dragStartOffsetY = 0;\r\n\r\n  const canPan = () => scale() > 1;\r\n\r\n  const imgTransform = () => {\r\n    const sx = flipH() ? -scale() : scale();\r\n    const sy = flipV() ? -scale() : scale();\r\n    return `translate(${offsetX()}px, ${offsetY()}px) rotate(${rotate()}deg) scale(${sx}, ${sy})`;\r\n  };\r\n\r\n  const zoomIn = () => setScale(s => Math.min(+(s + ZOOM_STEP).toFixed(2), ZOOM_MAX));\r\n\r\n  const zoomOut = () => {\r\n    const next = Math.max(+(scale() - ZOOM_STEP).toFixed(2), ZOOM_MIN);\r\n    setScale(next);\r\n    if (next <= 1) {\r\n      setOffsetX(0);\r\n      setOffsetY(0);\r\n    }\r\n  };\r\n\r\n  const resetView = () => {\r\n    setScale(1);\r\n    setOffsetX(0);\r\n    setOffsetY(0);\r\n    setRotate(0);\r\n    setFlipH(false);\r\n    setFlipV(false);\r\n  };\r\n\r\n  const rotateCw = () => {\r\n    setRotate(r => r + 90);\r\n    setOffsetX(0);\r\n    setOffsetY(0);\r\n  };\r\n  const rotateCcw = () => {\r\n    setRotate(r => r - 90);\r\n    setOffsetX(0);\r\n    setOffsetY(0);\r\n  };\r\n  const doFlipH = () => setFlipH(v => !v);\r\n  const doFlipV = () => setFlipV(v => !v);\r\n\r\n  const onPointerDown = (e: PointerEvent) => {\r\n    if (!canPan()) return;\r\n    e.preventDefault();\r\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\r\n    setIsDragging(true);\r\n    dragStartX = e.clientX;\r\n    dragStartY = e.clientY;\r\n    dragStartOffsetX = offsetX();\r\n    dragStartOffsetY = offsetY();\r\n  };\r\n\r\n  const onPointerMove = (e: PointerEvent) => {\r\n    if (!isDragging()) return;\r\n    setOffsetX(dragStartOffsetX + e.clientX - dragStartX);\r\n    setOffsetY(dragStartOffsetY + e.clientY - dragStartY);\r\n  };\r\n\r\n  const onPointerUp = () => setIsDragging(false);\r\n\r\n  let backdropRef!: HTMLDivElement;\r\n  let boxRef!: HTMLDivElement;\r\n  let infoPopupRef!: HTMLDivElement;\r\n  let infoBtnRef!: HTMLButtonElement;\r\n\r\n  onMount(() => {\r\n    const onWheel = (e: WheelEvent) => {\r\n      e.preventDefault();\r\n      const delta = e.deltaY < 0 ? ZOOM_STEP : -ZOOM_STEP;\r\n      const oldScale = scale();\r\n      const newScale = Math.min(Math.max(+(oldScale + delta).toFixed(2), ZOOM_MIN), ZOOM_MAX);\r\n      if (newScale === oldScale) return;\r\n\r\n      const rect = boxRef.getBoundingClientRect();\r\n      const cx = e.clientX - rect.left - rect.width / 2;\r\n      const cy = e.clientY - rect.top - rect.height / 2;\r\n      const ratio = newScale / oldScale - 1;\r\n\r\n      setScale(newScale);\r\n      setOffsetX(ox => ox - (cx - ox) * ratio);\r\n      setOffsetY(oy => oy - (cy - oy) * ratio);\r\n\r\n      if (newScale <= 1) {\r\n        setOffsetX(0);\r\n        setOffsetY(0);\r\n      }\r\n    };\r\n\r\n    const onKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape' && (p.closeOnEsc ?? true)) {\r\n        e.stopImmediatePropagation();\r\n        p.onClose();\r\n      }\r\n    };\r\n\r\n    const onDocPointerDown = (e: PointerEvent) => {\r\n      if (!showInfo()) return;\r\n      const target = e.target as Node;\r\n      if (!infoPopupRef?.contains(target) && !infoBtnRef?.contains(target)) {\r\n        setShowInfo(false);\r\n      }\r\n    };\r\n\r\n    const preventScroll = (e: WheelEvent) => e.preventDefault();\r\n    backdropRef.addEventListener('wheel', preventScroll, { passive: false });\r\n    boxRef.addEventListener('wheel', onWheel, { passive: false });\r\n    document.addEventListener('pointerdown', onDocPointerDown);\r\n    document.addEventListener('keydown', onKeyDown, { capture: true });\r\n\r\n    onCleanup(function removePreviewEventListeners() {\r\n      backdropRef.removeEventListener('wheel', preventScroll);\r\n      boxRef.removeEventListener('wheel', onWheel);\r\n      document.removeEventListener('pointerdown', onDocPointerDown);\r\n      document.removeEventListener('keydown', onKeyDown, { capture: true });\r\n    });\r\n  });\r\n\r\n  const hasInfo = () => !!(p.imageName || p.size || p.createdAt || p.modifiedAt);\r\n\r\n  return (\r\n    <ZIndex\r\n      open={true}\r\n      type={ZIndexType.MODAL}\r\n      blockScroll={true}\r\n      positioning=\"fixed\"\r\n      preRender={false}\r\n      customValue={p.zIndex}\r\n      class=\"inset-0\"\r\n    >\r\n      <div\r\n        ref={backdropRef}\r\n        class={cn('img01', p.class?.backdrop)}\r\n        onClick={p.closeOnBackdrop ? p.onClose : undefined}\r\n      >\r\n        <button class={cn('img02', p.class?.close)} onClick={p.onClose}>\r\n          <X size={20} />\r\n        </button>\r\n\r\n        <div\r\n          ref={boxRef}\r\n          class={cn(\r\n            'img03',\r\n            canPan() && (isDragging() ? 'cursor-grabbing' : 'cursor-grab'),\r\n            p.class?.box,\r\n          )}\r\n          onClick={e => e.stopPropagation()}\r\n          onPointerDown={onPointerDown}\r\n          onPointerMove={onPointerMove}\r\n          onPointerUp={onPointerUp}\r\n          onPointerCancel={onPointerUp}\r\n        >\r\n          <img\r\n            src={p.src}\r\n            alt={p.imageName}\r\n            class={cn('img04', isDragging() && 'img04--drag', p.class?.img)}\r\n            style={{ transform: imgTransform() }}\r\n            draggable={false}\r\n            onLoad={e => {\r\n              const img = e.currentTarget as HTMLImageElement;\r\n              setNaturalSize({ w: img.naturalWidth, h: img.naturalHeight });\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <div class={cn('img05', p.class?.toolbar)} onClick={e => e.stopPropagation()}>\r\n          <button class={cn('img06', p.class?.toolBtn)} onClick={doFlipV} title=\"Lật dọc\">\r\n            <FlipVertical2 size={16} />\r\n          </button>\r\n          <button class={cn('img06', p.class?.toolBtn)} onClick={doFlipH} title=\"Lật ngang\">\r\n            <FlipHorizontal2 size={16} />\r\n          </button>\r\n          <div class=\"img07\" />\r\n          <button\r\n            class={cn('img06', p.class?.toolBtn)}\r\n            onClick={rotateCcw}\r\n            title=\"Xoay ngược chiều kim đồng hồ\"\r\n          >\r\n            <RotateCcw size={16} />\r\n          </button>\r\n          <button\r\n            class={cn('img06', p.class?.toolBtn)}\r\n            onClick={rotateCw}\r\n            title=\"Xoay thuận chiều kim đồng hồ\"\r\n          >\r\n            <RotateCw size={16} />\r\n          </button>\r\n          <div class=\"img07\" />\r\n          <button\r\n            class={cn('img06', p.class?.toolBtn)}\r\n            onClick={zoomOut}\r\n            title=\"Thu nhỏ\"\r\n            disabled={scale() <= ZOOM_MIN}\r\n          >\r\n            <ZoomOut size={16} />\r\n          </button>\r\n          <span class={cn('img08', p.class?.zoomLabel)}>{Math.round(scale() * 100)}%</span>\r\n          <button\r\n            class={cn('img06', p.class?.toolBtn)}\r\n            onClick={zoomIn}\r\n            title=\"Phóng to\"\r\n            disabled={scale() >= ZOOM_MAX}\r\n          >\r\n            <ZoomIn size={16} />\r\n          </button>\r\n          <div class=\"img07\" />\r\n          <button\r\n            class={cn('img06', p.class?.toolBtn)}\r\n            onClick={resetView}\r\n            title=\"Reset về 100%\"\r\n            disabled={scale() === 1 && rotate() === 0 && !flipH() && !flipV()}\r\n          >\r\n            <Maximize2 size={16} />\r\n          </button>\r\n\r\n          <Show when={hasInfo()}>\r\n            <div class=\"img07\" />\r\n            <div class=\"relative\">\r\n              <button\r\n                ref={infoBtnRef}\r\n                class={cn('img06', showInfo() && 'bg-white/20 text-white', p.class?.toolBtn)}\r\n                onClick={() => setShowInfo(v => !v)}\r\n                title=\"Thông tin ảnh\"\r\n              >\r\n                <Info size={16} />\r\n              </button>\r\n\r\n              <Show when={showInfo()}>\r\n                <div ref={infoPopupRef} class={cn('img09', p.class?.infoPopup)}>\r\n                  <p class=\"mb-2 text-xs font-semibold tracking-wide text-white/50 uppercase\">\r\n                    Thông tin ảnh\r\n                  </p>\r\n                  <div class=\"flex flex-col gap-1.5 text-xs\">\r\n                    <InfoRow label=\"Tên file\" value={p.imageName} />\r\n                    <InfoRow label=\"Kích thước\" value={p.size} />\r\n                    <InfoRow\r\n                      label=\"Dimension\"\r\n                      value={\r\n                        naturalSize() ? `${naturalSize()!.w} × ${naturalSize()!.h} px` : undefined\r\n                      }\r\n                    />\r\n                    <InfoRow label=\"Ngày tạo\" value={formatDate(p.createdAt)} />\r\n                    <InfoRow label=\"Ngày sửa\" value={formatDate(p.modifiedAt)} />\r\n                  </div>\r\n                </div>\r\n              </Show>\r\n            </div>\r\n          </Show>\r\n        </div>\r\n      </div>\r\n    </ZIndex>\r\n  );\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"image-preview.js","names":["cn","ZIndex","ZIndexType","FlipHorizontal2","FlipVertical2","Info","Maximize2","RotateCcw","RotateCw","X","ZoomIn","ZoomOut","createSignal","mergeProps","onCleanup","onMount","Show","ImagePreviewClassProps","backdrop","close","box","img","toolbar","toolBtn","zoomLabel","infoPopup","ImagePreviewProps","src","imageName","size","createdAt","Date","modifiedAt","onClose","closeOnBackdrop","closeOnEsc","class","zIndex","ZOOM_STEP","ZOOM_MIN","ZOOM_MAX","formatDate","value","undefined","d","isNaN","getTime","String","toLocaleString","day","month","year","hour","minute","InfoRow","props","label","_$createComponent","when","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","ImagePreview","p","rotate","setRotate","flipH","setFlipH","flipV","setFlipV","scale","setScale","offsetX","setOffsetX","offsetY","setOffsetY","isDragging","setIsDragging","showInfo","setShowInfo","naturalSize","setNaturalSize","w","h","dragStartX","dragStartY","dragStartOffsetX","dragStartOffsetY","canPan","imgTransform","sx","sy","zoomIn","s","Math","min","toFixed","zoomOut","next","max","resetView","rotateCw","r","rotateCcw","doFlipH","v","doFlipV","onPointerDown","e","PointerEvent","preventDefault","currentTarget","HTMLElement","setPointerCapture","pointerId","clientX","clientY","onPointerMove","onPointerUp","backdropRef","HTMLDivElement","boxRef","infoPopupRef","infoBtnRef","HTMLButtonElement","onWheel","WheelEvent","delta","deltaY","oldScale","newScale","rect","getBoundingClientRect","cx","left","width","cy","top","height","ratio","ox","oy","onKeyDown","KeyboardEvent","key","stopImmediatePropagation","onDocPointerDown","target","Node","contains","preventScroll","addEventListener","passive","document","capture","removePreviewEventListeners","removeEventListener","hasInfo","open","type","MODAL","blockScroll","positioning","preRender","customValue","_el$4","_tmpl$5","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_$addEventListener","_ref$","_$use","$$pointerup","$$pointermove","$$pointerdown","$$click","stopPropagation","_ref$2","HTMLImageElement","naturalWidth","naturalHeight","_$setAttribute","round","_tmpl$2","_el$20","_tmpl$4","_el$21","_ref$3","_el$22","_tmpl$3","_el$23","_el$24","_ref$4","_$memo","_$effect","_$className","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","_v$17","t","a","o","i","n","_$setStyleProperty","l","u","c","disabled","m","f","y","g","_$delegateEvents"],"sources":["../../../src/components/image-preview/image-preview.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { ZIndex, ZIndexType } from '@components/z-index';\nimport FlipHorizontal2 from 'lucide-solid/icons/flip-horizontal-2';\nimport FlipVertical2 from 'lucide-solid/icons/flip-vertical-2';\nimport Info from 'lucide-solid/icons/info';\nimport Maximize2 from 'lucide-solid/icons/maximize-2';\nimport RotateCcw from 'lucide-solid/icons/rotate-ccw';\nimport RotateCw from 'lucide-solid/icons/rotate-cw';\nimport X from 'lucide-solid/icons/x';\nimport ZoomIn from 'lucide-solid/icons/zoom-in';\nimport ZoomOut from 'lucide-solid/icons/zoom-out';\nimport { createSignal, mergeProps, onCleanup, onMount, Show } from 'solid-js';\n\ntype ImagePreviewClassProps = {\n  backdrop?: string;\n  close?: string;\n  box?: string;\n  img?: string;\n  toolbar?: string;\n  toolBtn?: string;\n  zoomLabel?: string;\n  infoPopup?: string;\n};\n\nexport type ImagePreviewProps = {\n  src: string;\n  imageName?: string;\n  size?: string;\n  createdAt?: Date | string;\n  modifiedAt?: Date | string;\n  onClose: () => void;\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  class?: ImagePreviewClassProps;\n  zIndex?: number;\n};\n\nconst ZOOM_STEP = 0.25;\nconst ZOOM_MIN = 0.25;\nconst ZOOM_MAX = 4;\n\nfunction formatDate(value: Date | string | undefined): string | undefined {\n  if (!value) return undefined;\n  const d = value instanceof Date ? value : new Date(value);\n  if (isNaN(d.getTime())) return String(value);\n  return d.toLocaleString('vi-VN', {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nfunction InfoRow(props: { label: string; value: string | undefined }) {\n  return (\n    <Show when={props.value}>\n      <div class=\"flex items-start gap-2\">\n        <span class=\"w-24 shrink-0 text-white/40\">{props.label}</span>\n        <span class=\"min-w-0 break-all text-white/90\">{props.value}</span>\n      </div>\n    </Show>\n  );\n}\n\nexport function ImagePreview(p: ImagePreviewProps) {\n  p = mergeProps({ closeOnBackdrop: false, closeOnEsc: true }, p);\n  const [rotate, setRotate] = createSignal(0);\n  const [flipH, setFlipH] = createSignal(false);\n  const [flipV, setFlipV] = createSignal(false);\n  const [scale, setScale] = createSignal(1);\n  const [offsetX, setOffsetX] = createSignal(0);\n  const [offsetY, setOffsetY] = createSignal(0);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [showInfo, setShowInfo] = createSignal(false);\n  const [naturalSize, setNaturalSize] = createSignal<{ w: number; h: number } | null>(null);\n\n  let dragStartX = 0;\n  let dragStartY = 0;\n  let dragStartOffsetX = 0;\n  let dragStartOffsetY = 0;\n\n  const canPan = () => scale() > 1;\n\n  const imgTransform = () => {\n    const sx = flipH() ? -scale() : scale();\n    const sy = flipV() ? -scale() : scale();\n    return `translate(${offsetX()}px, ${offsetY()}px) rotate(${rotate()}deg) scale(${sx}, ${sy})`;\n  };\n\n  const zoomIn = () => setScale(s => Math.min(+(s + ZOOM_STEP).toFixed(2), ZOOM_MAX));\n\n  const zoomOut = () => {\n    const next = Math.max(+(scale() - ZOOM_STEP).toFixed(2), ZOOM_MIN);\n    setScale(next);\n    if (next <= 1) {\n      setOffsetX(0);\n      setOffsetY(0);\n    }\n  };\n\n  const resetView = () => {\n    setScale(1);\n    setOffsetX(0);\n    setOffsetY(0);\n    setRotate(0);\n    setFlipH(false);\n    setFlipV(false);\n  };\n\n  const rotateCw = () => {\n    setRotate(r => r + 90);\n    setOffsetX(0);\n    setOffsetY(0);\n  };\n  const rotateCcw = () => {\n    setRotate(r => r - 90);\n    setOffsetX(0);\n    setOffsetY(0);\n  };\n  const doFlipH = () => setFlipH(v => !v);\n  const doFlipV = () => setFlipV(v => !v);\n\n  const onPointerDown = (e: PointerEvent) => {\n    if (!canPan()) return;\n    e.preventDefault();\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    setIsDragging(true);\n    dragStartX = e.clientX;\n    dragStartY = e.clientY;\n    dragStartOffsetX = offsetX();\n    dragStartOffsetY = offsetY();\n  };\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (!isDragging()) return;\n    setOffsetX(dragStartOffsetX + e.clientX - dragStartX);\n    setOffsetY(dragStartOffsetY + e.clientY - dragStartY);\n  };\n\n  const onPointerUp = () => setIsDragging(false);\n\n  let backdropRef!: HTMLDivElement;\n  let boxRef!: HTMLDivElement;\n  let infoPopupRef!: HTMLDivElement;\n  let infoBtnRef!: HTMLButtonElement;\n\n  onMount(() => {\n    const onWheel = (e: WheelEvent) => {\n      e.preventDefault();\n      const delta = e.deltaY < 0 ? ZOOM_STEP : -ZOOM_STEP;\n      const oldScale = scale();\n      const newScale = Math.min(Math.max(+(oldScale + delta).toFixed(2), ZOOM_MIN), ZOOM_MAX);\n      if (newScale === oldScale) return;\n\n      const rect = boxRef.getBoundingClientRect();\n      const cx = e.clientX - rect.left - rect.width / 2;\n      const cy = e.clientY - rect.top - rect.height / 2;\n      const ratio = newScale / oldScale - 1;\n\n      setScale(newScale);\n      setOffsetX(ox => ox - (cx - ox) * ratio);\n      setOffsetY(oy => oy - (cy - oy) * ratio);\n\n      if (newScale <= 1) {\n        setOffsetX(0);\n        setOffsetY(0);\n      }\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && (p.closeOnEsc ?? true)) {\n        e.stopImmediatePropagation();\n        p.onClose();\n      }\n    };\n\n    const onDocPointerDown = (e: PointerEvent) => {\n      if (!showInfo()) return;\n      const target = e.target as Node;\n      if (!infoPopupRef?.contains(target) && !infoBtnRef?.contains(target)) {\n        setShowInfo(false);\n      }\n    };\n\n    const preventScroll = (e: WheelEvent) => e.preventDefault();\n    backdropRef.addEventListener('wheel', preventScroll, { passive: false });\n    boxRef.addEventListener('wheel', onWheel, { passive: false });\n    document.addEventListener('pointerdown', onDocPointerDown);\n    document.addEventListener('keydown', onKeyDown, { capture: true });\n\n    onCleanup(function removePreviewEventListeners() {\n      backdropRef.removeEventListener('wheel', preventScroll);\n      boxRef.removeEventListener('wheel', onWheel);\n      document.removeEventListener('pointerdown', onDocPointerDown);\n      document.removeEventListener('keydown', onKeyDown, { capture: true });\n    });\n  });\n\n  const hasInfo = () => !!(p.imageName || p.size || p.createdAt || p.modifiedAt);\n\n  return (\n    <ZIndex\n      open={true}\n      type={ZIndexType.MODAL}\n      blockScroll={true}\n      positioning=\"fixed\"\n      preRender={false}\n      customValue={p.zIndex}\n      class=\"inset-0\"\n    >\n      <div\n        ref={backdropRef}\n        class={cn('img01', p.class?.backdrop)}\n        onClick={p.closeOnBackdrop ? p.onClose : undefined}\n      >\n        <button class={cn('img02', p.class?.close)} onClick={p.onClose}>\n          <X size={20} />\n        </button>\n\n        <div\n          ref={boxRef}\n          class={cn(\n            'img03',\n            canPan() && (isDragging() ? 'cursor-grabbing' : 'cursor-grab'),\n            p.class?.box,\n          )}\n          onClick={e => e.stopPropagation()}\n          onPointerDown={onPointerDown}\n          onPointerMove={onPointerMove}\n          onPointerUp={onPointerUp}\n          onPointerCancel={onPointerUp}\n        >\n          <img\n            src={p.src}\n            alt={p.imageName}\n            class={cn('img04', isDragging() && 'img04--drag', p.class?.img)}\n            style={{ transform: imgTransform() }}\n            draggable={false}\n            onLoad={e => {\n              const img = e.currentTarget as HTMLImageElement;\n              setNaturalSize({ w: img.naturalWidth, h: img.naturalHeight });\n            }}\n          />\n        </div>\n\n        <div class={cn('img05', p.class?.toolbar)} onClick={e => e.stopPropagation()}>\n          <button class={cn('img06', p.class?.toolBtn)} onClick={doFlipV} title=\"Lật dọc\">\n            <FlipVertical2 size={16} />\n          </button>\n          <button class={cn('img06', p.class?.toolBtn)} onClick={doFlipH} title=\"Lật ngang\">\n            <FlipHorizontal2 size={16} />\n          </button>\n          <div class=\"img07\" />\n          <button\n            class={cn('img06', p.class?.toolBtn)}\n            onClick={rotateCcw}\n            title=\"Xoay ngược chiều kim đồng hồ\"\n          >\n            <RotateCcw size={16} />\n          </button>\n          <button\n            class={cn('img06', p.class?.toolBtn)}\n            onClick={rotateCw}\n            title=\"Xoay thuận chiều kim đồng hồ\"\n          >\n            <RotateCw size={16} />\n          </button>\n          <div class=\"img07\" />\n          <button\n            class={cn('img06', p.class?.toolBtn)}\n            onClick={zoomOut}\n            title=\"Thu nhỏ\"\n            disabled={scale() <= ZOOM_MIN}\n          >\n            <ZoomOut size={16} />\n          </button>\n          <span class={cn('img08', p.class?.zoomLabel)}>{Math.round(scale() * 100)}%</span>\n          <button\n            class={cn('img06', p.class?.toolBtn)}\n            onClick={zoomIn}\n            title=\"Phóng to\"\n            disabled={scale() >= ZOOM_MAX}\n          >\n            <ZoomIn size={16} />\n          </button>\n          <div class=\"img07\" />\n          <button\n            class={cn('img06', p.class?.toolBtn)}\n            onClick={resetView}\n            title=\"Reset về 100%\"\n            disabled={scale() === 1 && rotate() === 0 && !flipH() && !flipV()}\n          >\n            <Maximize2 size={16} />\n          </button>\n\n          <Show when={hasInfo()}>\n            <div class=\"img07\" />\n            <div class=\"relative\">\n              <button\n                ref={infoBtnRef}\n                class={cn('img06', showInfo() && 'bg-white/20 text-white', p.class?.toolBtn)}\n                onClick={() => setShowInfo(v => !v)}\n                title=\"Thông tin ảnh\"\n              >\n                <Info size={16} />\n              </button>\n\n              <Show when={showInfo()}>\n                <div ref={infoPopupRef} class={cn('img09', p.class?.infoPopup)}>\n                  <p class=\"mb-2 text-xs font-semibold tracking-wide text-white/50 uppercase\">\n                    Thông tin ảnh\n                  </p>\n                  <div class=\"flex flex-col gap-1.5 text-xs\">\n                    <InfoRow label=\"Tên file\" value={p.imageName} />\n                    <InfoRow label=\"Kích thước\" value={p.size} />\n                    <InfoRow\n                      label=\"Dimension\"\n                      value={\n                        naturalSize() ? `${naturalSize()!.w} × ${naturalSize()!.h} px` : undefined\n                      }\n                    />\n                    <InfoRow label=\"Ngày tạo\" value={formatDate(p.createdAt)} />\n                    <InfoRow label=\"Ngày sửa\" value={formatDate(p.modifiedAt)} />\n                  </div>\n                </div>\n              </Show>\n            </div>\n          </Show>\n        </div>\n      </div>\n    </ZIndex>\n  );\n}\n"],"mappings":"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"}