@vireo-ai/trellis-ui 0.1.57 → 0.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/package.json +2 -1
  2. package/packages/client/src/components/keybinding/styles.css +15 -5
  3. package/packages/client/src/components/tabs/styles.css +9 -1
  4. package/packages/client/src/components/tooltip/styles.css +2 -2
  5. package/packages/client/src/directives/sortable.css +8 -0
  6. package/packages/client/src/runtime/drag-and-drop/resize-handle.css +50 -0
  7. package/packages/client/src/styles/generated/theme-fonts.css +1 -1
  8. package/packages/client/src/styles/generated/theme-palette.css +1 -1
  9. package/packages/client/src/styles/generated/theme-runtime.css +3 -3
  10. package/packages/client/src/styles/generated-sources.css +1 -1
  11. package/packages/client/types/components/keybinding/contract.d.ts +5 -5
  12. package/packages/client/types/components/modal/contract.d.ts +9 -3
  13. package/packages/client/types/motion/recipe.d.ts +2 -2
  14. package/packages/client/types/runtime/drag-and-drop/pdd.d.ts +2 -2
  15. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +45 -13
  16. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  17. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +277 -277
  18. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +1 -1
  19. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
  20. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-BGVnZE_T.js → capability-motion-D_BJBnwB.js} +2 -2
  21. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-BGVnZE_T.js.map → capability-motion-D_BJBnwB.js.map} +1 -1
  22. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BDbURlVO.js +5 -0
  23. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BDbURlVO.js.map +1 -0
  24. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-C8xqwkr0.js +2 -0
  25. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-C8xqwkr0.js.map +1 -0
  26. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DYQxGle9.js → entry.generated-18lXAVBg.js} +2 -2
  27. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DYQxGle9.js.map → entry.generated-18lXAVBg.js.map} +1 -1
  28. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C_ObpRjR.js → entry.generated-2YvnuzOD.js} +2 -2
  29. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C_ObpRjR.js.map → entry.generated-2YvnuzOD.js.map} +1 -1
  30. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-z3EbXrD0.js → entry.generated-BITa8xFV.js} +2 -2
  31. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-z3EbXrD0.js.map → entry.generated-BITa8xFV.js.map} +1 -1
  32. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D_jeOgRf.js → entry.generated-BSVJpGWu.js} +2 -2
  33. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D_jeOgRf.js.map → entry.generated-BSVJpGWu.js.map} +1 -1
  34. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BgGSoQFS.js +2 -0
  35. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BgGSoQFS.js.map +1 -0
  36. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-COp9wMCd.js → entry.generated-Bp3Npe3t.js} +2 -2
  37. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-COp9wMCd.js.map → entry.generated-Bp3Npe3t.js.map} +1 -1
  38. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CVOYoh61.js → entry.generated-Ce_fpT15.js} +2 -2
  39. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CVOYoh61.js.map → entry.generated-Ce_fpT15.js.map} +1 -1
  40. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cb-VMAE1.js → entry.generated-DDrayI_M.js} +2 -2
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cb-VMAE1.js.map → entry.generated-DDrayI_M.js.map} +1 -1
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DaXIKPN9.js → entry.generated-HqE8R7N1.js} +2 -2
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DaXIKPN9.js.map → entry.generated-HqE8R7N1.js.map} +1 -1
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BREj4oHG.js → entry.generated-OT_bt7F2.js} +2 -2
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BREj4oHG.js.map → entry.generated-OT_bt7F2.js.map} +1 -1
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BAghaHV-.js → entry.generated-WRveW7p9.js} +2 -2
  47. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BAghaHV-.js.map → entry.generated-WRveW7p9.js.map} +1 -1
  48. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D6ai6meC.js → entry.generated-dcqwycC7.js} +2 -2
  49. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D6ai6meC.js.map → entry.generated-dcqwycC7.js.map} +1 -1
  50. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{flip-Bzn312Nc.js → flip-crNQSZEa.js} +2 -2
  51. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{flip-Bzn312Nc.js.map → flip-crNQSZEa.js.map} +1 -1
  52. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{motion-DI5H1Js0.js → motion-B90yNOaV.js} +2 -2
  53. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-B90yNOaV.js.map +1 -0
  54. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/pdd-BG5sXFGF.js.map +1 -1
  55. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
  56. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/data-grid.js +1 -1
  57. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
  58. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
  59. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
  60. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/keybinding.js +1 -1
  61. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
  62. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
  63. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
  64. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
  65. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
  66. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
  67. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tooltip.js +1 -1
  68. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
  69. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +77 -77
  70. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +7 -7
  71. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +7 -7
  72. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-ehmPfdn1.js +0 -5
  73. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-ehmPfdn1.js.map +0 -1
  74. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-CalXJ5hB.js +0 -2
  75. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-CalXJ5hB.js.map +0 -1
  76. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DqL-zI7j.js +0 -2
  77. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DqL-zI7j.js.map +0 -1
  78. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-DI5H1Js0.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"entry.generated-BgGSoQFS.js","names":[],"sources":["../../../../../../../../client/src/components/modal/contract.ts","../../../../../../../../client/src/components/modal/machine.ts","../../../../../../../../client/src/components/modal/styles.ts","../../../../../../../../client/src/components/modal/index.ts","../../../../../../../../client/src/components/modal/entry.generated.ts"],"sourcesContent":["import {bool, oneOf, string, type PropState, type SchemaToProps} from '../../runtime';\nimport {\n COMPONENT_RADII,\n LAYOUT_SPACES,\n EDGE_POSITIONS,\n ELEVATION_REFERENCES,\n HEADING_LEVELS,\n SURFACE_REFERENCES,\n type ComponentRadius,\n type LayoutSpace,\n type EdgePosition,\n type ElevationReference,\n type HeadingLevel,\n type SurfaceReference,\n} from '../common';\n\nconst MODAL_MODES = ['modal', 'sheet'] as const;\nconst MODAL_SIDES = EDGE_POSITIONS;\nconst MODAL_INSETS = LAYOUT_SPACES;\nconst MODAL_RADII = COMPONENT_RADII;\nconst MODAL_SIZES = ['sm', 'md', 'lg', 'xl', 'full'] as const;\nconst MODAL_SURFACES = SURFACE_REFERENCES;\nconst MODAL_ELEVATIONS = ELEVATION_REFERENCES;\nconst MODAL_TITLE_AS_VALUES = HEADING_LEVELS;\n\ntype ModalMode = typeof MODAL_MODES[number];\ntype ModalSide = EdgePosition;\ntype ModalInset = LayoutSpace;\ntype ModalRadius = ComponentRadius;\ntype ModalSize = typeof MODAL_SIZES[number];\ntype ModalSurface = SurfaceReference;\ntype ModalElevation = ElevationReference;\ntype ModalTitleAs = HeadingLevel;\n\nconst modalSchema = {\n name: string,\n open: bool,\n mode: oneOf(MODAL_MODES, 'modal'),\n side: oneOf(MODAL_SIDES, 'right'),\n inset: oneOf(MODAL_INSETS, '0'),\n radius: oneOf(MODAL_RADII, 'none'),\n size: oneOf(MODAL_SIZES, 'md'),\n surface: oneOf(MODAL_SURFACES, '1' as ModalSurface),\n elevation: oneOf(MODAL_ELEVATIONS, '5' as ModalElevation),\n dismissible: bool.default(true),\n closable: bool.default(true),\n disabled: bool,\n initialFocus: string,\n finalFocus: string,\n label: string,\n descriptionId: string,\n panelClass: string,\n overlayClass: string,\n class: string,\n};\n\nconst modalTriggerSchema = {\n name: string,\n disabled: bool,\n class: string,\n};\n\nconst modalOutletSchema = {\n id: string.default('ui-modal-root'),\n class: string,\n};\n\nconst modalTitleSchema = {\n as: oneOf(MODAL_TITLE_AS_VALUES, 'h2'),\n class: string,\n};\n\nconst modalDescriptionSchema = {\n class: string,\n};\n\nconst modalBodySchema = {\n class: string,\n};\n\nconst modalFooterSchema = {\n class: string,\n};\n\nconst modalCloseSchema = {\n label: string.default('Close'),\n class: string,\n};\n\ntype ModalProps = SchemaToProps<typeof modalSchema>;\ntype ModalTriggerProps = PropState<typeof modalTriggerSchema>;\n\nexport {\n MODAL_SIDES,\n MODAL_INSETS,\n MODAL_RADII,\n MODAL_SIZES,\n MODAL_ELEVATIONS,\n MODAL_SURFACES,\n MODAL_TITLE_AS_VALUES,\n MODAL_MODES,\n modalBodySchema,\n modalCloseSchema,\n modalDescriptionSchema,\n modalFooterSchema,\n modalOutletSchema,\n modalSchema,\n modalTitleSchema,\n modalTriggerSchema,\n};\nexport type {\n ModalSide,\n ModalInset,\n ModalRadius,\n ModalProps,\n ModalSize,\n ModalSurface,\n ModalElevation,\n ModalTitleAs,\n ModalTriggerProps,\n ModalMode,\n};\n","import {\n createMachine,\n type Machine,\n} from '../../runtime/state-machine';\nimport {defineHook, type TransitionHookDefinition} from '../../runtime/transition-coordinator';\nimport {defineControlledOpenProps} from '../shared/controlled-open';\nimport type {ModalProps} from './contract';\n\ntype ModalContext = Record<string, never>;\n\ntype ModalMachineEffects = {\n prepareOpen(): void;\n finishOpen(): void;\n prepareClose(): void;\n finishClose(): void;\n syncProps(): void;\n emitCancel(reason: 'escape' | 'outside'): void;\n};\n\ntype CreateModalMachineOptions = {\n props: ModalProps;\n effects: ModalMachineEffects;\n};\n\nconst openingHook = defineHook({\n name: 'opening',\n state: 'opening',\n project: () => ({}),\n onDone: 'OPENING_DONE',\n onError: 'OPENING_ERROR',\n} satisfies TransitionHookDefinition<ModalContext, ModalProps, Record<string, never>, 'opening'>);\n\nconst closingHook = defineHook({\n name: 'closing',\n state: 'closing',\n project: () => ({}),\n onDone: 'CLOSING_DONE',\n onError: 'CLOSING_ERROR',\n} satisfies TransitionHookDefinition<ModalContext, ModalProps, Record<string, never>, 'closing'>);\n\nconst modalHooks = [openingHook, closingHook] as const;\nconst controlledOpenProps = defineControlledOpenProps<ModalContext, ModalProps>();\n\nconst createModalMachine = ({\n props,\n effects,\n}: CreateModalMachineOptions): Machine<ModalContext, ModalProps> => createMachine<ModalContext, ModalProps>({\n initial: 'closed',\n states: {\n closed: {\n tags: ['closed'],\n on: {\n OPEN: {target: 'opening', guard: 'canOpen', effects: 'prepareOpen'},\n PROPS_CHANGED: [\n {\n target: 'opening',\n guard: controlledOpenProps.shouldOpen,\n reduce: 'replaceProps',\n effects: ['syncProps', 'prepareOpen'],\n },\n {reduce: 'replaceProps', effects: 'syncProps'},\n ],\n },\n },\n opening: {\n tags: ['visible', 'interactive', 'transitioning'],\n on: {\n OPENING_DONE: {target: 'open', effects: 'finishOpen'},\n OPENING_ERROR: {target: 'open', effects: 'finishOpen'},\n CLOSE: {target: 'closing', effects: 'prepareClose'},\n CANCEL: {target: 'closing', guard: 'canDismiss', effects: ['emitCancel', 'prepareClose']},\n PROPS_CHANGED: [\n {\n target: 'closing',\n guard: controlledOpenProps.shouldClose,\n reduce: 'replaceProps',\n effects: ['syncProps', 'prepareClose'],\n },\n {reduce: 'replaceProps', effects: 'syncProps'},\n ],\n },\n },\n open: {\n tags: ['visible', 'interactive', 'open'],\n on: {\n CLOSE: {target: 'closing', effects: 'prepareClose'},\n CANCEL: {target: 'closing', guard: 'canDismiss', effects: ['emitCancel', 'prepareClose']},\n PROPS_CHANGED: [\n {\n target: 'closing',\n guard: controlledOpenProps.shouldClose,\n reduce: 'replaceProps',\n effects: ['syncProps', 'prepareClose'],\n },\n {reduce: 'replaceProps', effects: 'syncProps'},\n ],\n },\n },\n closing: {\n tags: ['visible', 'transitioning'],\n on: {\n CLOSING_DONE: {target: 'closed', effects: 'finishClose'},\n CLOSING_ERROR: {target: 'closed', effects: 'finishClose'},\n OPEN: {target: 'opening', guard: 'canOpen', effects: 'prepareOpen'},\n PROPS_CHANGED: [\n {\n target: 'opening',\n guard: controlledOpenProps.shouldOpen,\n reduce: 'replaceProps',\n effects: ['syncProps', 'prepareOpen'],\n },\n {reduce: 'replaceProps', effects: 'syncProps'},\n ],\n },\n },\n },\n}, {\n context: {},\n props,\n reducers: {\n replaceProps: controlledOpenProps.replace,\n },\n guards: {\n canOpen: ({props: currentProps}) => !currentProps.disabled,\n canDismiss: ({props: currentProps}) => currentProps.dismissible,\n },\n effects: {\n prepareOpen: effects.prepareOpen,\n finishOpen: effects.finishOpen,\n prepareClose: effects.prepareClose,\n finishClose: effects.finishClose,\n syncProps: effects.syncProps,\n emitCancel: ({event}) => {\n if (event.reason === 'escape' || event.reason === 'outside') effects.emitCancel(event.reason);\n },\n },\n});\n\nexport {createModalMachine, modalHooks};\nexport type {CreateModalMachineOptions, ModalContext, ModalMachineEffects};\n","import {defineStyles} from '../../runtime';\nimport {COMPONENT_RADII, LAYOUT_SPACES, LAYOUT_PADDING_CLASSES, type ComponentRadius} from '../common';\nimport {MODAL_SIZES, type ModalSize} from './contract';\n\nconst PANEL_WIDTH_CLASSES = {\n sm: 'max-w-modal-sm',\n md: 'max-w-modal-md',\n lg: 'max-w-modal-lg',\n xl: 'max-w-modal-xl',\n full: 'max-w-full',\n} as const satisfies Record<ModalSize, string>;\n\nconst SHEET_RADIUS_CLASSES = {\n none: '',\n xs: 'rounded-overlay-xs',\n sm: 'rounded-overlay-sm',\n md: 'rounded-overlay-md',\n lg: 'rounded-overlay-lg',\n full: 'rounded-full',\n} as const satisfies Record<ComponentRadius, string>;\n\nconst EDGE_PANEL_LAYOUT_CLASSES = [\n 'grid-rows-[auto_auto_minmax(0,1fr)_auto]',\n '[&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:content-start',\n '[&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1',\n '[&>[data-ui-modal-footer]]:self-end',\n] as const;\n\nconst modalStyles = defineStyles({definition: {\n component: 'ui.modal',\n parts: {\n instance: {\n base: 'contents',\n },\n root: {\n base: [\n 'fixed inset-0 z-dialog m-0 h-auto max-h-none w-auto max-w-none overflow-visible border-0 bg-transparent p-0 text-surface-ink',\n 'backdrop:bg-transparent',\n ],\n },\n viewport: {\n base: 'fixed inset-0 z-dialog flex h-dvh',\n variants: {\n mode: {\n modal: 'items-center justify-center overflow-y-auto p-4',\n sheet: '',\n },\n side: {\n top: '',\n right: '',\n bottom: '',\n left: '',\n },\n },\n compounds: [\n ...LAYOUT_SPACES.map((inset) => ({\n when: {mode: 'sheet', inset},\n class: LAYOUT_PADDING_CLASSES[inset],\n })),\n {when: {mode: 'sheet', side: 'top'}, class: 'items-start justify-center'},\n {when: {mode: 'sheet', side: 'right'}, class: 'items-center justify-end overflow-hidden'},\n {when: {mode: 'sheet', side: 'bottom'}, class: 'items-end justify-center'},\n {when: {mode: 'sheet', side: 'left'}, class: 'items-center justify-start overflow-hidden'},\n ],\n defaults: {\n mode: 'modal',\n side: 'right',\n inset: '0',\n },\n },\n overlay: {\n base: 'fixed inset-0 bg-scrim',\n },\n panel: {\n base: [\n 'relative z-dialog grid w-full min-w-0 gap-4 overflow-auto p-5 outline-none',\n 'max-h-full',\n ],\n variants: {\n mode: {\n modal: 'rounded-overlay-md',\n sheet: '',\n },\n side: {\n top: '',\n right: '',\n bottom: '',\n left: '',\n },\n },\n compounds: [\n ...MODAL_SIZES.flatMap((size) => [\n {when: {mode: 'modal', size}, class: PANEL_WIDTH_CLASSES[size]},\n {when: {mode: 'sheet', side: 'right', size}, class: PANEL_WIDTH_CLASSES[size]},\n {when: {mode: 'sheet', side: 'left', size}, class: PANEL_WIDTH_CLASSES[size]},\n ]),\n {when: {mode: 'sheet', side: 'right'}, class: ['h-full', EDGE_PANEL_LAYOUT_CLASSES]},\n {when: {mode: 'sheet', side: 'left'}, class: ['h-full', EDGE_PANEL_LAYOUT_CLASSES]},\n {when: {mode: 'sheet', side: 'top'}, class: 'max-w-full'},\n {when: {mode: 'sheet', side: 'bottom'}, class: 'max-w-full'},\n ...COMPONENT_RADII.map((radius) => ({\n when: {mode: 'sheet', radius},\n class: SHEET_RADIUS_CLASSES[radius],\n })),\n {when: {mode: 'sheet', inset: '0', side: 'right'}, class: 'rounded-r-none'},\n {when: {mode: 'sheet', inset: '0', side: 'left'}, class: 'rounded-l-none'},\n {when: {mode: 'sheet', inset: '0', side: 'top'}, class: 'rounded-t-none'},\n {when: {mode: 'sheet', inset: '0', side: 'bottom'}, class: 'rounded-b-none'},\n ],\n defaults: {\n mode: 'modal',\n side: 'right',\n size: 'md',\n inset: '0',\n radius: 'none',\n },\n },\n trigger: {\n base: 'contents',\n },\n outlet: {\n base: '',\n },\n title: {\n base: 'pr-8',\n },\n description: {\n base: '-mt-3 pr-8 text-surface-ink-muted',\n },\n body: {\n base: 'grid min-w-0 gap-3 text-sm',\n },\n footer: {\n base: 'flex min-w-0 items-center justify-end gap-2 pt-1',\n },\n close: {\n base: [\n 'absolute right-3 top-3 inline-flex size-control-md items-center justify-center rounded-full border border-transparent text-surface-ink-muted outline-none',\n 'hover:bg-interaction-hover focus-visible:ui-focus-ring',\n ],\n },\n closeIcon: {\n base: 'size-icon fill-current',\n },\n },\n}});\n\nexport {modalStyles};\n","import type Alpine from 'alpinejs';\nimport {isTabbable} from 'tabbable';\n\nimport {createBoundsMotion, type BoundsMotion} from '@client/motion';\nimport {\n type AlpineMachine,\n createAlpineMachine,\n defineAlpineData,\n reflectSchemaProp,\n type TransitionForHook,\n type TrellisAlpineComponent,\n} from '@client/runtime';\nimport {cleanupManagerFor} from '@client/runtime/alpine-data';\nimport {defineProps} from '@client/runtime/codecs';\nimport {CleanupManager} from '@client/runtime/cleanup-manager';\nimport {addDismissableLayer} from '@client/runtime/dismissable-layer';\nimport {closestTabbable, trapFocus as trapFocusWithin} from '@client/runtime/focus-scope';\nimport {focusElement} from '@client/runtime/focus';\nimport {mergeBindings, type BindingObject} from '@client/runtime/merge-bindings';\nimport {declareMorphAttributes} from '@client/runtime/morph';\nimport {acquireDocumentScrollLock} from '@client/runtime/scroll-lock';\nimport {resolveStyle} from '@client/runtime/styles';\nimport {addListener, dispatch} from '@client/utils';\nimport {\n modalSchema,\n modalTriggerSchema,\n type ModalProps,\n type ModalTriggerProps,\n} from './contract';\nimport {createModalMachine, modalHooks, type ModalContext} from './machine';\nimport {modalStyles} from './styles';\n\ntype ModalTransitionName = (typeof modalHooks)[number]['name'];\ntype ModalTransition<TName extends ModalTransitionName = ModalTransitionName> = TransitionForHook<\n Extract<(typeof modalHooks)[number], {name: TName}>,\n HTMLElement\n>;\n\ntype CancelReason = 'escape' | 'outside';\n\ntype ModalCancelDetail = {\n reason: CancelReason;\n};\n\ntype ModalCloseEventDetail = {\n name?: string;\n};\n\ntype ModalController = {\n readonly name: string;\n readonly isOpen: boolean;\n readonly dialogId: string;\n openFrom(trigger: HTMLElement): void;\n close(event?: Event): void;\n syncExternalTrigger(trigger: HTMLElement, disabled: boolean): void;\n};\n\ntype ModalTriggerController = {\n readonly name: string;\n readonly target: HTMLElement;\n sync(): void;\n};\n\n/**\n * Public Alpine API for `ui.modal`.\n *\n * @public\n */\ninterface UiModalApi {\n /** Whether the modal has completed its opening transition. */\n readonly isOpen: boolean;\n\n /** Whether the modal is opening, open, or closing. */\n readonly isVisible: boolean;\n\n /** Opens the modal unless it is disabled. */\n open(event?: Event): void;\n\n /** Closes the modal. */\n close(event?: Event): void;\n}\n\n/**\n * Public Alpine API for `ui.modal.trigger`.\n *\n * @public\n */\ninterface UiModalTriggerApi {\n /** Opens the named modal unless the trigger or modal is disabled. */\n open(event?: Event): void;\n}\n\ntype ModalData = AlpineMachine<ModalContext, ModalProps, typeof modalHooks> & UiModalApi & {\n readonly name: string;\n readonly dialogId: string;\n readonly root: BindingObject;\n readonly dialog: BindingObject;\n readonly viewport: BindingObject;\n readonly overlay: BindingObject;\n readonly panel: BindingObject;\n init(): void;\n destroy(): void;\n};\n\ntype ModalTriggerData = UiModalTriggerApi & {\n readonly root: BindingObject;\n init(): void;\n destroy(): void;\n};\n\nconst modalControllers = new Set<ModalController>();\nconst modalTriggerControllers = new Set<ModalTriggerController>();\n\nconst stateFor = (open: boolean): 'open' | 'closed' => (open ? 'open' : 'closed');\nconst isExpandedState = (state: unknown): boolean => state === 'opening' || state === 'open';\n\nconst findNamedModal = (name: string): ModalController | null => (\n Array.from(modalControllers).find((controller) => controller.name === name) ?? null\n);\n\nconst setOpenAttributes = (el: HTMLElement, open: boolean): void => {\n el.setAttribute('data-state', stateFor(open));\n el.setAttribute('aria-expanded', open ? 'true' : 'false');\n};\n\nconst UiModal = (AlpineInstance: Alpine.Alpine): TrellisAlpineComponent<ModalData> => {\n let rootEl: (HTMLElement & Alpine.ElementWithXAttributes) | null = null;\n let dialogId = '';\n let activeTrigger: HTMLElement | null = null;\n let previouslyFocused: HTMLElement | null = null;\n let didShowModal = false;\n let releaseScrollLock: (() => void) | null = null;\n let isRegistered = false;\n let cleanup: CleanupManager;\n let localTriggerCleanup: CleanupManager | null = null;\n let settledMode: ModalProps['mode'] | null = null;\n let boundsMotion: BoundsMotion | null = null;\n\n const root = (): HTMLElement => {\n if (!rootEl) throw new Error('Modal has not been initialized.');\n return rootEl;\n };\n\n const dialogEl = (): HTMLDialogElement => {\n const dialog = root().querySelector<HTMLDialogElement>('[data-ui-modal]');\n if (!(dialog instanceof HTMLDialogElement)) throw new Error('Modal requires a dialog element.');\n return dialog;\n };\n\n const viewportEl = (): HTMLElement => {\n const viewport = root().querySelector<HTMLElement>('[data-ui-modal-viewport]');\n if (!viewport) throw new Error('Modal requires a viewport element.');\n return viewport;\n };\n\n const overlayEl = (): HTMLElement => {\n const overlay = root().querySelector<HTMLElement>('[data-ui-modal-overlay]');\n if (!overlay) throw new Error('Modal requires an overlay element.');\n return overlay;\n };\n\n const panelEl = (): HTMLElement => {\n const panel = root().querySelector<HTMLElement>('[data-ui-modal-panel]');\n if (!panel) throw new Error('Modal requires a panel element.');\n return panel;\n };\n\n const titleEl = (): HTMLElement | null => root().querySelector<HTMLElement>('[data-ui-modal-title]');\n const descriptionEl = (): HTMLElement | null => root().querySelector<HTMLElement>('[data-ui-modal-description]');\n\n const syncPresentation = (): void => {\n const props = currentProps();\n dialogEl().className = resolveStyle({part: modalStyles.parts.root, props, className: props.class});\n viewportEl().className = resolveStyle({part: modalStyles.parts.viewport, props});\n overlayEl().className = resolveStyle({\n part: modalStyles.parts.overlay,\n props,\n className: props.overlayClass,\n });\n panelEl().className = resolveStyle({\n part: modalStyles.parts.panel,\n props,\n className: props.panelClass,\n });\n };\n\n const syncPresentationWithBoundsMotion = (): void => {\n const props = currentProps();\n const shouldAnimate = (\n settledMode === props.mode\n && props.open\n && dialogEl().open\n && bridge.matches('open')\n );\n boundsMotion?.update(syncPresentation, {\n animate: shouldAnimate,\n key: `${props.mode}:${props.side}:${props.size}:${props.inset}`,\n });\n settledMode = props.mode;\n };\n\n const localTriggerEl = (): HTMLElement | null => (\n Array.from(root().children)\n .find((child) => child instanceof HTMLElement && child.matches('[data-ui-modal-trigger]')) as HTMLElement | undefined\n ?? null\n );\n\n const currentProps = (): Readonly<ModalProps> => bridge.getCommittedSnapshot().props;\n const isExpanded = (): boolean => bridge.matches('opening') || bridge.matches('open');\n\n const syncExternalTrigger = (trigger: HTMLElement, disabled: boolean): void => {\n const expanded = isExpanded();\n setOpenAttributes(trigger, expanded);\n trigger.setAttribute('aria-controls', dialogId);\n trigger.setAttribute('data-ui-modal-trigger-target', dialogId);\n\n if (disabled || currentProps().disabled) {\n trigger.setAttribute('aria-disabled', 'true');\n trigger.setAttribute('data-disabled', '');\n if (trigger instanceof HTMLButtonElement) trigger.disabled = true;\n if (!isTabbable(trigger)) trigger.tabIndex = -1;\n return;\n }\n\n trigger.removeAttribute('aria-disabled');\n trigger.removeAttribute('data-disabled');\n if (trigger instanceof HTMLButtonElement) trigger.disabled = false;\n if (!isTabbable(trigger)) trigger.tabIndex = 0;\n };\n\n const syncTriggers = (): void => {\n const local = localTriggerEl();\n if (local) syncExternalTrigger(closestTabbable(local), currentProps().disabled);\n modalTriggerControllers.forEach((trigger) => trigger.sync());\n };\n\n const syncAccessibility = (): void => {\n const props = currentProps();\n const dialog = dialogEl();\n const panel = panelEl();\n const title = titleEl();\n const description = descriptionEl();\n\n dialog.id = dialogId;\n dialog.setAttribute('role', 'dialog');\n dialog.setAttribute('aria-modal', 'true');\n panel.id ||= `${dialogId}-panel`;\n panel.tabIndex = -1;\n\n if (title) {\n title.id ||= `${dialogId}-title`;\n dialog.setAttribute('aria-labelledby', title.id);\n dialog.removeAttribute('aria-label');\n } else {\n dialog.removeAttribute('aria-labelledby');\n if (props.label) dialog.setAttribute('aria-label', props.label);\n else dialog.removeAttribute('aria-label');\n }\n\n if (description) description.id ||= `${dialogId}-description`;\n if (props.descriptionId === 'none') dialog.removeAttribute('aria-describedby');\n else if (props.descriptionId) dialog.setAttribute('aria-describedby', props.descriptionId);\n else if (description) dialog.setAttribute('aria-describedby', description.id);\n else dialog.removeAttribute('aria-describedby');\n };\n\n const syncStateAttributes = ({syncOpen = true}: {syncOpen?: boolean} = {}): void => {\n const expanded = isExpanded();\n const state = stateFor(expanded);\n if (syncOpen) {\n reflectSchemaProp({el: root(), schema: modalSchema, key: 'open', value: expanded});\n }\n [dialogEl(), viewportEl(), overlayEl(), panelEl()].forEach((element) => {\n element.setAttribute('data-state', state);\n });\n syncTriggers();\n };\n\n const evaluateFocusExpression = (expression: string): unknown => {\n if (!expression.trim()) return undefined;\n try {\n return AlpineInstance.evaluate(root(), expression);\n } catch {\n return undefined;\n }\n };\n\n const focusInitial = (): void => {\n const configured = evaluateFocusExpression(currentProps().initialFocus);\n if (configured === false) {\n const active = dialogEl().ownerDocument.activeElement;\n if (active instanceof HTMLElement && dialogEl().contains(active)) active.blur();\n return;\n }\n if (configured instanceof HTMLElement && focusElement(configured, {showIndicator: false})) return;\n const autofocus = panelEl().querySelector<HTMLElement>('[autofocus]');\n if (focusElement(autofocus, {showIndicator: false})) return;\n focusElement(panelEl(), {showIndicator: false});\n };\n\n const restoreFocus = (): boolean => {\n const configured = evaluateFocusExpression(currentProps().finalFocus);\n if (configured === false) return false;\n if (configured instanceof HTMLElement && focusElement(configured, {showIndicator: false})) return true;\n const target = activeTrigger ?? previouslyFocused;\n if (focusElement(target, {showIndicator: false})) return true;\n const ownerFallback = root().parentElement?.closest<HTMLElement>('[data-ui-modal-panel]') ?? null;\n return focusElement(ownerFallback, {showIndicator: false});\n };\n\n const clearFocus = (): void => {\n const body = dialogEl().ownerDocument.body;\n const tabindex = body.getAttribute('tabindex');\n body.tabIndex = -1;\n focusElement(body, {showIndicator: false});\n if (tabindex === null) body.removeAttribute('tabindex');\n else body.setAttribute('tabindex', tabindex);\n };\n\n const clearPanelTransform = (): void => {\n const panel = panelEl();\n panel.style.removeProperty('transform');\n panel.style.removeProperty('translate');\n panel.style.removeProperty('scale');\n panel.style.removeProperty('rotate');\n };\n\n const prepareOpen = (): void => {\n boundsMotion?.refresh({animate: false});\n const dialog = dialogEl();\n const active = dialog.ownerDocument.activeElement;\n previouslyFocused = active instanceof HTMLElement ? active : null;\n if (typeof dialog.showModal === 'function' && !didShowModal) {\n if (dialog.open) dialog.removeAttribute('open');\n // Native autofocus must see resting geometry rather than the previous\n // exit transform, which would scroll the sheet viewport off its edge.\n clearPanelTransform();\n dialog.showModal();\n didShowModal = true;\n } else if (!dialog.open) {\n dialog.setAttribute('open', '');\n }\n\n releaseScrollLock ??= acquireDocumentScrollLock(dialog.ownerDocument);\n syncAccessibility();\n syncStateAttributes();\n queueMicrotask(focusInitial);\n };\n\n const finishOpen = (): void => {\n boundsMotion?.refresh({animate: false});\n clearPanelTransform();\n settledMode = currentProps().mode;\n syncStateAttributes();\n dispatch({el: dialogEl(), name: 'ui:open'});\n };\n\n const prepareClose = (): void => {\n boundsMotion?.refresh({animate: false});\n syncStateAttributes();\n };\n\n const finishClose = (): void => {\n boundsMotion?.refresh({animate: false});\n const dialog = dialogEl();\n const focusedBeforeClose = dialog.ownerDocument.activeElement;\n if (focusedBeforeClose instanceof HTMLElement && dialog.contains(focusedBeforeClose)) {\n focusedBeforeClose.blur();\n }\n if (dialog.open) dialog.close();\n didShowModal = false;\n releaseScrollLock?.();\n releaseScrollLock = null;\n syncStateAttributes();\n settledMode = null;\n const restored = restoreFocus();\n const active = dialog.ownerDocument.activeElement;\n if (\n active instanceof HTMLElement\n && (\n dialog.contains(active)\n || (!restored && (active === activeTrigger || active === previouslyFocused))\n )\n ) clearFocus();\n queueMicrotask(() => {\n const retained = dialog.ownerDocument.activeElement;\n if (retained instanceof HTMLElement && dialog.contains(retained)) clearFocus();\n });\n activeTrigger = null;\n previouslyFocused = null;\n dispatch({el: dialog, name: 'ui:close'});\n };\n\n const syncProps = (): void => {\n syncPresentationWithBoundsMotion();\n syncAccessibility();\n syncTriggers();\n };\n\n const bridge = createAlpineMachine({\n schema: modalSchema,\n hooks: modalHooks,\n createMachine: ({props}) => createModalMachine({\n props,\n effects: {\n prepareOpen,\n finishOpen,\n prepareClose,\n finishClose,\n syncProps,\n emitCancel: (reason) => {\n dispatch<ModalCancelDetail>({el: dialogEl(), name: 'ui:cancel', detail: {reason}});\n },\n },\n }),\n });\n\n const openFrom = (trigger: HTMLElement): void => {\n if (currentProps().disabled) return;\n activeTrigger = trigger;\n bridge.send('OPEN');\n };\n\n const cancel = (reason: CancelReason, event?: Event): void => {\n event?.preventDefault();\n bridge.send({type: 'CANCEL', reason});\n };\n\n const teardownLocalTrigger = (): void => {\n localTriggerCleanup?.run();\n localTriggerCleanup = null;\n };\n\n const setupLocalTrigger = (trigger: HTMLElement): void => {\n const target = closestTabbable(trigger);\n teardownLocalTrigger();\n localTriggerCleanup = new CleanupManager();\n cleanup.addChild(localTriggerCleanup);\n syncExternalTrigger(target, currentProps().disabled);\n addListener({target, event: 'click', handler: () => openFrom(target), cleanup: localTriggerCleanup});\n addListener({target, event: 'keydown', handler: (event) => {\n if (!(event instanceof KeyboardEvent)) return;\n if (target instanceof HTMLButtonElement || target instanceof HTMLAnchorElement) return;\n if (event.key !== 'Enter' && event.key !== ' ') return;\n event.preventDefault();\n openFrom(target);\n }, cleanup: localTriggerCleanup});\n };\n\n const mountLocalTrigger = (): void => {\n const dialog = dialogEl();\n const inlineTrigger = dialog.querySelector<HTMLElement>('[data-ui-modal-trigger]');\n if (!inlineTrigger || inlineTrigger.dataset.name) return;\n root().insertBefore(inlineTrigger, dialog);\n setupLocalTrigger(inlineTrigger);\n };\n\n const setupEvents = (): void => {\n const dialog = dialogEl();\n addListener({target: dialog, event: 'cancel', handler: (event) => {\n if (event.target !== dialog) return;\n cancel('escape', event);\n }, cleanup});\n addListener({target: dialog, event: 'close', handler: () => {\n if (bridge.hasTag('visible')) bridge.send('CLOSE');\n }, cleanup});\n addListener({target: dialog, event: 'keydown', handler: (event) => {\n if (\n event instanceof KeyboardEvent\n && bridge.hasTag('interactive')\n ) trapFocusWithin(event, panelEl());\n }, cleanup});\n addListener({target: dialog, event: 'click', handler: (event) => {\n const target = event.target;\n if (!(target instanceof Element)) return;\n const close = target.closest('[data-ui-modal-close]');\n if (!close || close.closest('[data-ui-modal]') !== dialog) return;\n event.preventDefault();\n bridge.send('CLOSE');\n }, cleanup});\n addListener({target: document, event: 'ui:modal-close', handler: (event) => {\n const detail = (event as CustomEvent<ModalCloseEventDetail>).detail;\n if (!detail?.name || detail.name !== currentProps().name) return;\n bridge.send('CLOSE');\n }, cleanup});\n cleanup.add(addDismissableLayer({\n isEnabled: () => bridge.hasTag('interactive'),\n roots: () => [panelEl(), activeTrigger, localTriggerEl()],\n onDismiss: (event) => cancel('outside', event),\n }));\n };\n\n let component!: TrellisAlpineComponent<ModalData>;\n const controller: ModalController = {\n get name() {\n return currentProps().name;\n },\n get isOpen() {\n return bridge.matches('open');\n },\n get dialogId() {\n return dialogId;\n },\n openFrom,\n close(event?: Event) {\n event?.preventDefault();\n bridge.send('CLOSE');\n },\n syncExternalTrigger,\n };\n\n component = {\n ...bridge,\n get name(): string {\n return this.snapshot.current?.props.name ?? '';\n },\n get isOpen(): boolean {\n return this.snapshot.current?.value === 'open';\n },\n get isVisible(): boolean {\n return this.snapshot.current?.tags.includes('visible') ?? false;\n },\n get dialogId(): string {\n return dialogId;\n },\n init(): void {\n cleanup = cleanupManagerFor(this);\n rootEl = this.$el;\n bridge.connect(this.$el, this.snapshot);\n const props = currentProps();\n syncPresentation();\n boundsMotion = createBoundsMotion(panelEl(), {properties: ['height', 'maxWidth']});\n dialogId = dialogEl().id || this.$id(`modal${props.name ? `-${props.name}` : ''}`);\n declareMorphAttributes(dialogEl(), 'open');\n syncAccessibility();\n modalControllers.add(controller);\n isRegistered = true;\n mountLocalTrigger();\n setupEvents();\n syncStateAttributes({syncOpen: false});\n if (props.open) queueMicrotask(() => bridge.send('OPEN'));\n },\n destroy(): void {\n boundsMotion?.destroy();\n boundsMotion = null;\n localTriggerCleanup = null;\n if (isRegistered) {\n modalControllers.delete(controller);\n isRegistered = false;\n }\n bridge.disconnect();\n const dialog = rootEl?.querySelector<HTMLDialogElement>('[data-ui-modal]');\n if (dialog?.open) dialog.close();\n releaseScrollLock?.();\n releaseScrollLock = null;\n modalTriggerControllers.forEach((trigger) => trigger.sync());\n rootEl = null;\n },\n get root(): BindingObject {\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.instance, props: {}, className: ''}),\n {'data-ui-modal-instance': ''},\n ]});\n },\n get dialog(): BindingObject {\n const snapshot = this.snapshot;\n const props = snapshot.current?.props ?? currentProps();\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.root, props, className: props.class}),\n {\n id: dialogId,\n role: 'dialog',\n 'aria-modal': 'true',\n ':data-state': () => stateFor(isExpandedState(snapshot.current?.value)),\n ':data-mode': () => snapshot.current?.props.mode,\n ':data-side': () => snapshot.current?.props.side,\n ':data-size': () => snapshot.current?.props.size,\n },\n ]});\n },\n get viewport(): BindingObject {\n const snapshot = this.snapshot;\n const props = snapshot.current?.props ?? currentProps();\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.viewport, props}),\n {\n ':data-state': () => stateFor(isExpandedState(snapshot.current?.value)),\n ':data-mode': () => snapshot.current?.props.mode,\n ':data-side': () => snapshot.current?.props.side,\n },\n ]});\n },\n get overlay(): BindingObject {\n const snapshot = this.snapshot;\n const props = snapshot.current?.props ?? currentProps();\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.overlay, props, className: props.overlayClass}),\n {':data-state': () => stateFor(isExpandedState(snapshot.current?.value))},\n ]});\n },\n get panel(): BindingObject {\n const snapshot = this.snapshot;\n const props = snapshot.current?.props ?? currentProps();\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.panel, props, className: props.panelClass}),\n {\n tabindex: -1,\n ':data-state': () => stateFor(isExpandedState(snapshot.current?.value)),\n ':data-mode': () => snapshot.current?.props.mode,\n ':data-side': () => snapshot.current?.props.side,\n ':data-size': () => snapshot.current?.props.size,\n ':data-ui-surface': () => snapshot.current?.props.surface,\n ':data-ui-elevation': () => snapshot.current?.props.elevation,\n },\n ]});\n },\n open(event?: Event): void {\n event?.preventDefault();\n if (currentProps().disabled) return;\n const local = localTriggerEl();\n if (local) activeTrigger = closestTabbable(local);\n bridge.send('OPEN');\n },\n close(event?: Event): void {\n event?.preventDefault();\n bridge.send('CLOSE');\n },\n };\n\n return component;\n};\n\nconst UiModalTrigger = (): TrellisAlpineComponent<ModalTriggerData> => {\n let props: ModalTriggerProps | null = null;\n let target: HTMLElement | null = null;\n let cleanup: CleanupManager;\n let isRegistered = false;\n\n const currentProps = (): ModalTriggerProps => {\n if (!props) throw new Error('Modal trigger has not been initialized.');\n return props;\n };\n\n const targetEl = (): HTMLElement => {\n if (!target) throw new Error('Modal trigger has not been initialized.');\n return target;\n };\n\n const modal = (): ModalController | null => {\n const name = currentProps().name;\n return name ? findNamedModal(name) : null;\n };\n\n const sync = (): void => {\n const triggerProps = currentProps();\n const trigger = targetEl();\n const modalController = modal();\n if (modalController) {\n modalController.syncExternalTrigger(trigger, triggerProps.disabled);\n return;\n }\n\n setOpenAttributes(trigger, false);\n if (triggerProps.disabled) {\n trigger.setAttribute('aria-disabled', 'true');\n trigger.setAttribute('data-disabled', '');\n } else {\n trigger.removeAttribute('aria-disabled');\n trigger.removeAttribute('data-disabled');\n }\n };\n\n const controller: ModalTriggerController = {\n get name() {\n return currentProps().name;\n },\n get target() {\n return targetEl();\n },\n sync,\n };\n\n return {\n init(): void {\n cleanup = cleanupManagerFor(this);\n props = defineProps({\n el: this.$el,\n schema: modalTriggerSchema,\n onChange: () => {\n if (props?.name) sync();\n },\n });\n target = closestTabbable(this.$el);\n if (!props.name) return;\n modalTriggerControllers.add(controller);\n isRegistered = true;\n sync();\n\n addListener({target, event: 'click', handler: (event) => this.open(event), cleanup});\n addListener({target, event: 'keydown', handler: (event) => {\n if (!(event instanceof KeyboardEvent)) return;\n if (target instanceof HTMLButtonElement || target instanceof HTMLAnchorElement) return;\n if (event.key !== 'Enter' && event.key !== ' ') return;\n this.open(event);\n }, cleanup});\n },\n destroy(): void {\n props?.disconnect();\n if (isRegistered) modalTriggerControllers.delete(controller);\n isRegistered = false;\n props = null;\n target = null;\n },\n get root(): BindingObject {\n const triggerProps = currentProps();\n return mergeBindings({inputs: [\n resolveStyle({part: modalStyles.parts.trigger, props: {}, className: triggerProps.class}),\n {\n 'data-ui-modal-trigger': '',\n ':data-name': () => props?.name || undefined,\n ':data-disabled': () => (props?.disabled ? '' : undefined),\n },\n ]});\n },\n open(event?: Event): void {\n event?.preventDefault();\n if (currentProps().disabled) return;\n modal()?.openFrom(targetEl());\n },\n };\n};\n\nconst registerModal = (AlpineInstance: Alpine.Alpine): void => {\n defineAlpineData('UiModal', () => UiModal(AlpineInstance))(AlpineInstance);\n defineAlpineData('UiModalTrigger', UiModalTrigger)(AlpineInstance);\n};\n\nexport {registerModal, UiModal, UiModalTrigger};\nexport type {ModalCancelDetail, ModalTransition, UiModalApi, UiModalTriggerApi};\n","// Generated by scripts/generate_component_entries.mjs from packages/client/component-entries.json.\n// Do not edit by hand.\nimport type {Alpine as AlpineType} from 'alpinejs';\nimport {registerMotionCapability} from '../../capabilities/motion';\nimport {registerModal as registerComponent} from './index';\n\nconst registered = new WeakSet<AlpineType>();\n\nconst registerModal = (AlpineInstance: AlpineType): void => {\n if (registered.has(AlpineInstance)) return;\n registered.add(AlpineInstance);\n registerMotionCapability(AlpineInstance);\n registerComponent(AlpineInstance);\n};\n\nexport {registerModal};\nexport default registerModal;\nexport * from './index';\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{i as e,t}from"./object-SRW-YaCA.js";import{t as n}from"./capability-motion-BGVnZE_T.js";import{c as r,f as i,l as a,n as o,o as s,s as c,u as l}from"./codecs-CQ7olTJL.js";import{n as ee}from"./dom-invalidation-Dw6clnS4.js";import{t as u}from"./fragment-9OT0mn7F.js";import{t as te}from"./cleanup-manager-D9QiZF_Q.js";import{n as d,t as ne}from"./alpine-data-Dvc_bXq6.js";import{a as re,i as f,n as ie,r as ae,t as oe}from"./cursor-data-source-Do0FfF4Z.js";import{t as p}from"./capability-sortable-ehmPfdn1.js";import{n as se,t as m}from"./capability-resizable-ByUbMIHF.js";import{R as h,y as g}from"./common-CBK89mIt.js";var _=[`none`,`single`,`multiple`],v=[`compact`,`default`,`comfortable`],y=[`none`,`row`,`grid`],b=[`onChange`,`onEnd`],x=[``,`left`,`right`],S=[`none`,`ascending`,`descending`,`other`],C=[`start`,`center`,`end`],w={fetchUrl:i,cursor:o,query:c(null),totalRows:r.min(0).default(0),rowHeight:r.min(2**-52).default(36),bufferSize:r.min(1).default(50),overscan:r.min(0).default(0),initialIndex:r.min(0).default(0),startParam:i.default(`start`),countParam:i.default(`count`),totalParam:i.default(`total`),totalHeader:i.default(`X-Trellis-Total-Items`),assetsHeader:i.default(`X-Trellis-Assets`),metaSelector:i.default(`template[data-ui-virtualizer-meta]`),selection:a(_,`none`),selectionValue:c({mode:`ids`,ids:[]}),selectOnRowClick:o,rowKey:i.default(`id`),stickyHeader:o.default(!0),resizableColumns:o.default(!0),reorderableColumns:o.default(!0),sortableColumns:o.default(!0),minColumnWidth:r.min(0).default(60),defaultColumnWidth:r.min(2**-52).default(180),maxColumnWidth:c(null),resizeMode:a(b,`onChange`),color:a(h,`neutral`),interaction:a(g,`edge`),dragPreviewPosition:i.trim.default(`preserve`),density:a(v,`default`),border:a(y,`row`),empty:i.default(`No rows found.`),class:i,controlsClass:i,viewportClass:i,headerClass:i,rowClass:i,cellClass:i,footerClass:i,emptyClass:i};r.min(2**-52).default(180),r.min(0).default(60),c(null),a(x,``),a(S,`none`),o.default(!0),o.default(!0),a(C,`start`),c([]),c([]),r.min(0).default(0),i.default(`id`),i.default(`ui.data-grid.row`),i.default(`ui.data-grid.cell`),r.min(0).default(0),r.min(1).default(1),a(C,`start`);var T=(e,t,n)=>{let r=e.getAttribute(t);if(r===null||r.trim()===``)return n;let i=Number(r);return Number.isFinite(i)?i:n},E=(e,t,n)=>{let r=e.getAttribute(t);if(r===null||r.trim()===``)return n;let i=Number(r);return Number.isFinite(i)&&i>0?i:null},D=(e,t,n)=>{if(!e.hasAttribute(t))return n;let r=e.getAttribute(t)??``;return r===``||[`true`,`1`,`yes`,`on`].includes(r.toLowerCase())},ce=(e,t)=>{let n=new Set;return e.flatMap(e=>{let r=(e.dataset.column??``).trim();if(!r)throw Error(`Data Grid columns require a non-empty key.`);if(e.hasAttribute(`data-hidden`))return[];if(n.has(r))throw Error(`Data Grid column key "${r}" is duplicated.`);n.add(r);let i=Math.max(0,T(e,`data-min-width`,t.minWidth)),a=E(e,`data-max-width`,t.maxWidth),o=T(e,`data-width`,t.width),s=Math.min(a??1/0,Math.max(i,o)),c=e.dataset.pinned===`left`||e.dataset.pinned===`right`?e.dataset.pinned:null,l=[`ascending`,`descending`,`other`].includes(e.dataset.sort??``)?e.dataset.sort:`none`,ee=[`center`,`end`].includes(e.dataset.align??``)?e.dataset.align:`start`;return[{key:r,label:e.dataset.label??e.textContent?.trim()??r,width:s,minWidth:i,maxWidth:a,hidden:!1,pinned:c,sortable:D(e,`data-sortable`,!1),sort:l,resizable:D(e,`data-resizable`,t.resizable),reorderable:D(e,`data-reorderable`,t.reorderable),align:ee,cellClass:e.dataset.cellClass??``,element:e}]})},le=e=>e.map(({width:e})=>`${e}px`).join(` `),O=e=>e.map(({element:e,...t})=>t),k=e=>{let t=new Map,n=new Map,r=0;return e.forEach(e=>{e.pinned===`left`&&(t.set(e.key,r),r+=e.width)}),r=0,[...e].reverse().forEach(e=>{e.pinned===`right`&&(n.set(e.key,r),r+=e.width)}),{left:t,right:n}},A=e=>globalThis.CSS?.escape?globalThis.CSS.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`),ue=(e,t)=>{let n=k(t),r=`z-index:2;background-color:var(--ui-surface-color);`;return t.map((t,i)=>{let a=`[data-ui-data-grid-scope="${A(e)}"]`,o=`[data-column="${A(t.key)}"]`,s=`${a} [data-ui-data-grid-column-header]${o},${a} [data-ui-data-grid-cell]${o}`,c=t.pinned===`left`?`position:sticky;left:${n.left.get(t.key)??0}px;${r}`:t.pinned===`right`?`position:sticky;right:${n.right.get(t.key)??0}px;${r}`:``;return`${s}{grid-column:${i+1};${c}}`}).join(``)},j=(e,t)=>{if(t===`multiple`&&typeof e==`object`&&e&&e.mode===`query`){let t=e;if(typeof t.token==`string`&&Number.isFinite(t.total))return{mode:`query`,token:t.token,total:Math.max(0,Math.floor(t.total??0)),except:[...new Set(Array.isArray(t.except)?t.except.filter(e=>typeof e==`string`):[])]}}let n=typeof e==`object`&&e&&e.mode===`ids`&&Array.isArray(e.ids)?e.ids.filter(e=>typeof e==`string`):[],r=[...new Set(n)];return{mode:`ids`,ids:t===`single`?r.slice(0,1):t===`none`?[]:r}},de=(e,t)=>e.mode===`query`?!e.except.includes(t):e.ids.includes(t),fe=(e,t,n,r)=>{let i=j(e,n);if(n===`none`)return{selection:i,added:[],removed:[]};let a=de(i,t),o=r??!a;if(a===o)return{selection:i,added:[],removed:[]};if(i.mode===`query`){let e=o?i.except.filter(e=>e!==t):[...i.except,t];return{selection:{...i,except:e},added:o?[t]:[],removed:o?[]:[t]}}return{selection:{mode:`ids`,ids:n===`single`&&o?[t]:o?[...i.ids,t]:i.ids.filter(e=>e!==t)},added:o?[t]:[],removed:o?[]:[t]}},pe=(e,t,n)=>{let r=e.findIndex(e=>e.key===t);if(r<0||!e[r]?.reorderable)return null;let i=e[r]?.pinned??null;if(!e.flatMap((e,t)=>e.pinned===i?[t]:[]).includes(n))return null;let a=[...e],[o]=a.splice(r,1);return o?(a.splice(n,0,o),a):null},M=(e,t=0)=>Math.max(t,Math.floor(Number.isFinite(e)?e:t)),me=`a,button,input,select,textarea,[contenteditable],[role="button"],[role="link"]`,N=n=>{let r=null,i=null,a=null,o=null,c=null,d=null,p=[],m=[],h=0,g={mode:`ids`,ids:[]},_=``,v=null,y=0,b=!1,x=null,S=!1,C=null,T=null,E=null,D=[],k=null,A=null,N=null,P=!1,F=!1,I,L=null,R=new Map,he=new WeakMap,ge=new WeakMap,z=ae(f),B=(e,t)=>{r?.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))},V=(e,t,n)=>{let r=n.get(e)??[];r.length&&e.classList.remove(...r);let i=[...new Set(t.split(/\s+/).filter(Boolean))];i.length&&e.classList.add(...i),n.set(e,i)},_e=()=>({width:$.props.defaultColumnWidth,minWidth:$.props.minColumnWidth,maxWidth:$.props.maxColumnWidth,resizable:$.props.resizableColumns,reorderable:$.props.reorderableColumns}),H=()=>ce(Array.from(r?.querySelectorAll(`[data-ui-data-grid-column-header]`)??[]),_e()),ve=e=>{let t=e.element.querySelector(`[data-ui-data-grid-column-label]`),n=e.element.querySelector(`[data-ui-data-grid-sort-button]`);if(t){if(e.sortable&&!n){let n=document.createElement(`button`);n.type=`button`,n.setAttribute(`data-ui-data-grid-sort-button`,``),n.className=e.element.dataset.sortButtonClass??``;let r=document.createElement(`span`);r.setAttribute(`data-ui-data-grid-sort-indicator`,``),r.setAttribute(`aria-hidden`,`true`),t.replaceWith(n),n.append(t,r)}else!e.sortable&&n&&n.replaceWith(t)}},ye=()=>Array.from(r?.querySelectorAll(`[data-ui-data-grid-row]`)??[]),be=e=>{o?.style.setProperty(`width`,`${e.getBoundingClientRect().width}px`)},U=()=>{ye().forEach(e=>{let t=e.dataset.rowKey??``,n=$.props.selection!==`none`&&t!==``&&de(g,t);e.toggleAttribute(`data-selected`,n),$.props.selection===`none`?e.removeAttribute(`aria-selected`):e.setAttribute(`aria-selected`,String(n))})},W=()=>{if(!r||!d)return;r.style.setProperty(`--ui-data-grid-template`,le(p));let e=r.dataset.uiDataGridScope??``;d.textContent=ue(e,p);let t=r.querySelector(`[data-ui-data-grid-header-row]`);t&&be(t)},G=()=>{if(!r)return;let e=new Map(p.map((e,t)=>[e.key,{column:e,index:t}]));a?.setAttribute(`aria-colcount`,String(p.length));let t=r.querySelector(`[data-ui-data-grid-header-row]`),n=t?.querySelector(`[data-ui-data-grid-column-indicator]`);n&&t?.append(n);let i=ye();i.forEach(t=>{let n=Array.from(t.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-ui-data-grid-cell`)),r=new Map(n.flatMap(e=>e instanceof HTMLElement&&e.hasAttribute(`data-ui-data-grid-cell`)?[[e.dataset.column??``,e]]:[]));p.forEach(({key:e})=>{let n=r.get(e);n&&(n.hidden=!1,t.append(n))}),n.forEach(n=>{e.has(n.dataset.column??``)||(n.hidden=!0,n.removeAttribute(`aria-colindex`),n.removeAttribute(`data-pinned`),t.append(n))})}),p.forEach((e,t)=>{ve(e),e.element.setAttribute(`aria-colindex`,String(t+1)),e.pinned?e.element.dataset.pinned=e.pinned:e.element.removeAttribute(`data-pinned`),e.sortable?e.element.setAttribute(`aria-sort`,e.sort):e.element.removeAttribute(`aria-sort`),e.element.dataset.disabled=String(!e.reorderable||!$.props.reorderableColumns);let n=e.element.querySelector(`[data-ui-data-grid-column-label-owned]`);n&&(n.textContent=e.label);let r=e.element.querySelector(`[data-ui-data-grid-column-preview-label]`);r&&(r.textContent=e.label);let i=e.element.querySelector(`[data-ui-data-grid-sort-indicator]`);i&&(i.textContent=e.sort===`ascending`?`↑`:e.sort===`descending`?`↓`:``),e.element.querySelector(`[data-ui-data-grid-resize-handle]`)?.setAttribute(`aria-label`,`Resize ${e.label||e.key} column`)}),i.forEach(e=>V(e,$.props.rowClass,he)),r.querySelectorAll(`[data-ui-data-grid-cell]`).forEach(t=>{let n=e.get(t.dataset.column??``);n&&(t.setAttribute(`aria-colindex`,String(n.index+1)),t.dataset.align=n.column.align,V(t,`${$.props.cellClass} ${n.column.cellClass}`,ge),n.column.pinned?t.dataset.pinned=n.column.pinned:t.removeAttribute(`data-pinned`))})},xe=(t,n)=>{let r=new Map(t.map(e=>[e.key,e])),i=new Map(n.map(e=>[e.key,e]));return{previous:t,columns:n,added:n.filter(({key:e})=>!r.has(e)).map(({key:e})=>e),removed:t.filter(({key:e})=>!i.has(e)).map(({key:e})=>e),changed:n.flatMap(t=>{let n=r.get(t.key);if(!n)return[];let i=Object.keys(t).filter(r=>r!==`key`&&!e(n[r],t[r]));return i.length?[{key:t.key,fields:i}]:[]})}},Se=()=>{if(P=!1,!r||b)return;let n=H(),i=O(n),a=!e(D,i),o=p.length!==n.length||p.some((e,t)=>e.element!==n[t]?.element),s=o||p.some((e,t)=>{let r=n[t];return!r||e.key!==r.key||e.resizable!==r.resizable||e.minWidth!==r.minWidth||e.maxWidth!==r.maxWidth});if(a||o||F){let e=D;p=n,D=i;let t=s||F;F=!1,G(),W(),t&&ke(),a&&B(`ui:data-grid-columns-change`,xe(e,i))}if($.props.totalRows!==h&&(J($.props.totalRows),C&&(r.dataset.totalItems=String(h))),C){let n=r.hasAttribute(`data-query`)?$.props.query:T;e(E,n)||(E=t(n),C.setQuery(n))}},K=()=>{P||(P=!0,queueMicrotask(Se))},q=()=>{r&&c&&(C||(r.toggleAttribute(`data-loading`,R.size>0),r.toggleAttribute(`data-empty`,h===0)),r.dataset.selection=$.props.selection,a?.setAttribute(`aria-rowcount`,String(h+1)),r.style.setProperty(`--ui-data-grid-row-height`,`${$.props.rowHeight}px`),r.style.setProperty(`--ui-data-grid-total-height`,`${Math.max(h*$.props.rowHeight,$.props.rowHeight)}px`),(!C||h>0)&&(c.style.height=`var(--ui-data-grid-total-height)`),U())},J=e=>{let t=M(e);t!==h&&(h=t,q(),B(`ui:data-grid-total-change`,{totalRows:h}))},Ce=e=>f.compute({axes:{y:{total:h,itemSize:$.props.rowHeight,viewportSize:$.props.bufferSize*$.props.rowHeight,scrollOffset:e*$.props.rowHeight,buffer:0}}}),we=e=>{if(h===0)return[];let t=M($.props.bufferSize,1),n=Math.min(h-1,Math.floor(Math.max(0,e)/$.props.rowHeight)),r=Math.floor(n/t)*t,i=Math.floor((h-1)/t)*t,a=[r-t,r,r+t].map(e=>Math.min(i,Math.max(0,e)));return r===0&&i>t?a.splice(0,3,0,t,Math.min(i,t*2)):r===i&&i>t&&a.splice(0,3,Math.max(0,i-t*2),i-t,i),[...new Set(a)].map(Ce)},Te=e=>{let t=e.axes.y;if(!t)throw Error(`Data Grid requires a vertical virtual window.`);let n=new URL($.props.fetchUrl,document.baseURI);return n.searchParams.set($.props.startParam,String(t.start)),n.searchParams.set($.props.countParam,String(t.count)),n.searchParams.set($.props.totalParam,String(t.total)),/^[a-z][a-z\d+.-]*:/i.test($.props.fetchUrl)||$.props.fetchUrl.startsWith(`//`)?n.href:`${n.pathname}${n.search}${n.hash}`},Ee=(e,t)=>{if(R.get(e)!==t||(R.delete(e),q(),R.size>0||v===null||b))return;let n=v;v=null,Y(n)},De=async(e,t,i)=>{let a=t.axes.y;if(!a)return;let o=new AbortController;R.set(e.key,o),q(),r?.removeAttribute(`data-error`),B(`ui:data-grid-load-start`,{window:t});try{let s=globalThis.crypto?.randomUUID?.()??`${Date.now()}-${i.requestGeneration}`,c=await fetch(Te(t),{method:`GET`,headers:{Accept:`text/html`,"X-Trellis-Virtualizer":`true`,"X-Trellis-Request-ID":s},signal:o.signal});if(!c.ok&&c.status!==204){z.fail(i),r?.setAttribute(`data-error`,``),B(`ui:data-grid-error`,{window:t,status:c.status});return}let l=await re(c,$.props);if(z.pending(e.key)!==i||b||!await u(n,e.element,l.html,{assets:l.assets,shouldReplace:()=>z.pending(e.key)===i&&!b})||(l.totalItems!==null&&J(l.totalItems),!z.commit(i,t)))return;e.element.style.height=`${a.count*$.props.rowHeight}px`,e.element.style.transform=`translateY(${a.translateOffset}px)`,G(),U(),B(`ui:data-grid-load`,{window:t,start:a.start,count:a.count,end:a.start+a.count})}catch(e){if(o.signal.aborted)return;z.fail(i),r?.setAttribute(`data-error`,``),B(`ui:data-grid-error`,{window:t,status:0,error:e})}finally{Ee(e.key,o)}},Y=e=>{if(C||$.props.cursor)return;if(R.size>0){v=e;return}let t=we(e),r=Math.min(Math.max(0,h-1),Math.floor(Math.max(0,e)/$.props.rowHeight)),i=t.find(e=>{let t=e.axes.y;return t&&r>=t.start&&r<t.start+t.count})??t[0];if(i&&_!==i.key){_=i.key;let e=i.axes.y;B(`ui:data-grid-range`,{start:e.start,count:e.count,end:e.start+e.count,window:i})}if(t.length===0){m.forEach(e=>void u(n,e.element,``));return}let a=new Set;t.forEach(e=>{let t=m.find(t=>z.mounted(t.key)?.key===e.key);t&&a.add(t)});let o=m.filter(e=>!a.has(e));t.forEach(e=>{if(m.some(t=>z.mounted(t.key)?.key===e.key))return;let t=o.shift();if(!t)return;let n=z.begin(t.key,e);n&&De(t,e,n)})},X=()=>{R.forEach(e=>e.abort()),R.clear(),v=null,_=``,z.invalidate(),m.forEach(e=>{e.element.style.height=``,e.element.style.transform=``,u(n,e.element,``)}),q()},Z=(e,t)=>{g=j(e,$.props.selection),S=!0,$.props.selectionValue=g,r&&l({el:r,schema:w,key:`selectionValue`,value:g}),S=!1,U(),B(`ui:data-grid-selection-change`,{selection:g,added:t?.added??[],removed:t?.removed??[]})},Q=(e,t)=>{let n=fe(g,String(e),$.props.selection,t);(n.added.length!==0||n.removed.length!==0)&&Z(n.selection,n)},Oe=(e,t,n)=>{e.width=Math.min(e.maxWidth??1/0,Math.max(e.minWidth,t)),e.element.dataset.width=String(e.width),D=O(p),W(),B(`ui:data-grid-column-resize`,{column:e.key,width:e.width,phase:n})},ke=()=>{L?.run(),L=new te,I.addChild(L),p.forEach(e=>{let t=e.element.querySelector(`[data-ui-data-grid-resize-handle]`);if(!t)return;let n=e.resizable&&$.props.resizableColumns;if(t.hidden=!e.resizable,n?t.removeAttribute(`aria-disabled`):t.setAttribute(`aria-disabled`,`true`),t.tabIndex=n?0:-1,!n)return;let r=t=>Oe(e,t.previewWidth,t.phase);L?.add(se({element:e.element,handle:t,axis:`x`,min:e.minWidth,max:e.maxWidth,mode:$.props.resizeMode,disabled:()=>!$.props.resizableColumns||!e.resizable,onStart:r,onResize:r,onEnd:r}))})},$={get supportsSeek(){return C?.supportsSeek??!1},props:null,init(){I=ne(this),r=this.$el,b=!1;let e=globalThis.crypto?.randomUUID?.()??`grid-${Date.now()}-${Math.random().toString(36).slice(2)}`;if(r.dataset.uiDataGridScope=e,r.querySelector(`[data-ui-data-grid-header-row]`)?.setAttribute(`data-sortable-scope`,e),this.props=s({el:r,schema:w,onChange:(e,t)=>{if(S)return;let n=t.map(({key:e})=>e);(n.includes(`selectionValue`)||n.includes(`selection`))&&(g=j(this.props.selectionValue,this.props.selection),U()),n.some(e=>[`resizableColumns`,`reorderableColumns`,`minColumnWidth`,`defaultColumnWidth`,`maxColumnWidth`].includes(e))&&(F=!0),n.some(e=>[`query`,`totalRows`,`resizableColumns`,`reorderableColumns`,`minColumnWidth`,`defaultColumnWidth`,`maxColumnWidth`].includes(e))&&K(),n.some(e=>[`fetchUrl`,`rowHeight`,`bufferSize`].includes(e))&&this.reload()}}),h=M(this.props.totalRows),g=j(this.props.selectionValue,this.props.selection),i=r.querySelector(`[data-ui-data-grid-viewport]`)??r.querySelector(`[data-ui-scroll-area-viewport]`),a=r.querySelector(`[data-ui-data-grid-inner]`),o=r.querySelector(`[data-ui-data-grid-body]`),c=r.querySelector(`[data-ui-data-grid-spacer]`),d=r.querySelector(`style[data-ui-data-grid-layout]`),m=Array.from(r.querySelectorAll(`[data-ui-data-grid-block]`)).slice(0,3).map((e,t)=>({element:e,key:`block-${t+1}`})),!i||!a||!o||!c||!d||m.length!==3)throw Error(`Data Grid requires one viewport, table owner, body, spacer, layout style, and three row blocks.`);i.setAttribute(`data-ui-data-grid-viewport`,``),p=H(),D=O(p),G(),W(),ke();let t=r.querySelector(`[data-ui-data-grid-header-row]`);t&&(typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>be(t)),A.observe(t)),k=new MutationObserver(K),k.observe(t,{attributes:!0,childList:!0,subtree:!0,attributeFilter:[`data-column`,`data-label`,`data-width`,`data-min-width`,`data-max-width`,`data-hidden`,`data-pinned`,`data-sortable`,`data-sort`,`data-resizable`,`data-reorderable`,`data-align`,`data-cell-class`,`hidden`]})),N=ee(r,{invalidateDom:K}),x=new AbortController,i.addEventListener(`scroll`,()=>{y||=requestAnimationFrame(()=>{y=0,i&&Y(i.scrollTop)})},{passive:!0,signal:x.signal}),r.addEventListener(`click`,e=>{let t=e.target,n=t.closest(`[data-ui-data-grid-sort-button]`);if(n&&this.props.sortableColumns){let t=n.closest(`[data-ui-data-grid-column-header]`),r=p.find(({key:e})=>e===t?.dataset.column);if(r?.sortable){let t=r.sort===`ascending`?`descending`:`ascending`;B(`ui:data-grid-sort`,{column:r.key,direction:t,additive:e.shiftKey})}return}let i=t.closest(`[data-ui-data-grid-row]`);if(!i||!r?.contains(i))return;let a=i.dataset.rowKey??``;this.props.selectOnRowClick&&!t.closest(me)&&Q(a),B(`ui:data-grid-row-activate`,{rowKey:a,row:i})},{signal:x.signal}),r.addEventListener(`dblclick`,e=>{let t=e.target.closest(`[data-ui-data-grid-cell]`),n=t?.closest(`[data-ui-data-grid-row]`);t&&n&&B(`ui:data-grid-cell-activate`,{rowKey:n.dataset.rowKey??``,column:t.dataset.column??``,cell:t})},{signal:x.signal}),r.addEventListener(`ui:sortable-drop`,(e=>{let t=e.detail?.source;if(t?.type!==`data-grid-column`)return;let n=Number(e.detail?.index??e.detail?.anchor?.index);Number.isInteger(n)&&this.reorderColumn(String(t.id),n)}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-total-change`,(e=>{C&&e.target===r&&J(Number(e.detail?.totalItems??0))}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-load-start`,(e=>{C&&e.target===r&&B(`ui:data-grid-load-start`,{mode:`cursor`})}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-load`,(e=>{C&&e.target===r&&(G(),U(),B(`ui:data-grid-load`,{...e.detail,mode:`cursor`}))}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-error`,(e=>{C&&e.target===r&&B(`ui:data-grid-error`,{...e.detail,mode:`cursor`})}),{signal:x.signal}),i.style.overscrollBehavior=`contain`,i.style.overflowAnchor=`none`,i.scrollTop=f.scrollTo({total:h,itemSize:this.props.rowHeight,viewportSize:i.clientHeight,scrollOffset:0,buffer:this.props.bufferSize},{axis:`y`,index:this.props.initialIndex}),q(),this.props.cursor?this.useCursor(oe(()=>{if(!r)throw Error(`Data Grid is not mounted.`);return r})):Y(i.scrollTop)},destroy(){b=!0,y&&cancelAnimationFrame(y),x?.abort(),x=null,k?.disconnect(),k=null,A?.disconnect(),A=null,N?.(),N=null,L=null,C?.destroy(),C=null,X(),this.props.disconnect(),r=null,i=null,a=null,o=null,c=null,d=null,p=[],D=[],m=[]},scrollToIndex(e,t=`start`){if(C){C.scrollToIndex(e,t);return}i&&(i.scrollTop=f.scrollTo({total:h,itemSize:this.props.rowHeight,viewportSize:i.clientHeight,scrollOffset:i.scrollTop,buffer:this.props.bufferSize},{axis:`y`,index:e,align:t}),Y(i.scrollTop))},setTotalRows(e){r&&l({el:r,schema:w,key:`totalRows`,value:M(e)})},setQuery(e){r&&l({el:r,schema:w,key:`query`,value:e})},useCursor(e){if(!r||!i||!c)return;C?.destroy(),C=null,X(),r.dataset.totalItems=String(h),r.dataset.itemSize=String(this.props.rowHeight),c.setAttribute(`data-ui-virtualizer-spacer`,``),m.forEach(({element:e})=>e.setAttribute(`data-ui-virtualizer-block`,``)),T=e.query;let a=r.hasAttribute(`data-query`)?this.props.query:T;E=t(a);let o=ie(n,{cursor:{...e,query:a}});C=o,Object.assign(o,{$el:r}),o.init()},setUrl(e,t={}){S=!0,this.props.fetchUrl=String(e),r&&l({el:r,schema:w,key:`fetchUrl`,value:String(e)}),S=!1,t.reset??!0?this.reset():this.reload()},reset(e={}){if(C){C.reset({scrollTop:e.scrollTop??0});return}this.reload({scrollTop:e.scrollTop??0})},reload(e={}){if(C){C.reload(e);return}let t=e.scrollTop??i?.scrollTop??0;X(),i&&(i.scrollTop=Math.max(0,t)),Y(t)},resizeColumn(e,t){let n=p.find(t=>t.key===e);n&&Oe(n,Number(t),`end`)},reorderColumn(e,t){let n=p.findIndex(t=>t.key===e),i=pe(p,e,M(t));if(!i)return;p=i,D=O(p);let a=r?.querySelector(`[data-ui-data-grid-header-row]`),o=a?.querySelector(`[data-ui-data-grid-column-indicator]`)??null;p.forEach(e=>a?.insertBefore(e.element,o)),G(),W(),B(`ui:data-grid-column-reorder`,{column:e,from:n,to:M(t),columns:p.map(({key:e})=>e)})},selectRow(e){Q(String(e),!0)},deselectRow(e){Q(String(e),!1)},toggleRow(e){Q(String(e))},setSelection(e){Z(e)},selectQuery(e,t,n=[]){Z({mode:`query`,token:String(e),total:M(t),except:n.map(String)})},clearSelection(){Z({mode:`ids`,ids:[]})}};return $},P=e=>{d(`UiDataGrid`,()=>N(e))(e)},F=new WeakSet,I=e=>{F.has(e)||(F.add(e),m(e),n(e),p(e),P(e))};export{N as n,I as t};
2
- //# sourceMappingURL=entry.generated-COp9wMCd.js.map
1
+ import{i as e,t}from"./object-SRW-YaCA.js";import{t as n}from"./capability-motion-D_BJBnwB.js";import{c as r,f as i,l as a,n as o,o as s,s as c,u as l}from"./codecs-CQ7olTJL.js";import{n as ee}from"./dom-invalidation-Dw6clnS4.js";import{t as u}from"./fragment-9OT0mn7F.js";import{t as te}from"./cleanup-manager-D9QiZF_Q.js";import{n as d,t as ne}from"./alpine-data-Dvc_bXq6.js";import{a as re,i as f,n as ie,r as ae,t as oe}from"./cursor-data-source-Do0FfF4Z.js";import{t as p}from"./capability-sortable-BDbURlVO.js";import{n as se,t as m}from"./capability-resizable-ByUbMIHF.js";import{R as h,y as g}from"./common-CBK89mIt.js";var _=[`none`,`single`,`multiple`],v=[`compact`,`default`,`comfortable`],y=[`none`,`row`,`grid`],b=[`onChange`,`onEnd`],x=[``,`left`,`right`],S=[`none`,`ascending`,`descending`,`other`],C=[`start`,`center`,`end`],w={fetchUrl:i,cursor:o,query:c(null),totalRows:r.min(0).default(0),rowHeight:r.min(2**-52).default(36),bufferSize:r.min(1).default(50),overscan:r.min(0).default(0),initialIndex:r.min(0).default(0),startParam:i.default(`start`),countParam:i.default(`count`),totalParam:i.default(`total`),totalHeader:i.default(`X-Trellis-Total-Items`),assetsHeader:i.default(`X-Trellis-Assets`),metaSelector:i.default(`template[data-ui-virtualizer-meta]`),selection:a(_,`none`),selectionValue:c({mode:`ids`,ids:[]}),selectOnRowClick:o,rowKey:i.default(`id`),stickyHeader:o.default(!0),resizableColumns:o.default(!0),reorderableColumns:o.default(!0),sortableColumns:o.default(!0),minColumnWidth:r.min(0).default(60),defaultColumnWidth:r.min(2**-52).default(180),maxColumnWidth:c(null),resizeMode:a(b,`onChange`),color:a(h,`neutral`),interaction:a(g,`edge`),dragPreviewPosition:i.trim.default(`preserve`),density:a(v,`default`),border:a(y,`row`),empty:i.default(`No rows found.`),class:i,controlsClass:i,viewportClass:i,headerClass:i,rowClass:i,cellClass:i,footerClass:i,emptyClass:i};r.min(2**-52).default(180),r.min(0).default(60),c(null),a(x,``),a(S,`none`),o.default(!0),o.default(!0),a(C,`start`),c([]),c([]),r.min(0).default(0),i.default(`id`),i.default(`ui.data-grid.row`),i.default(`ui.data-grid.cell`),r.min(0).default(0),r.min(1).default(1),a(C,`start`);var T=(e,t,n)=>{let r=e.getAttribute(t);if(r===null||r.trim()===``)return n;let i=Number(r);return Number.isFinite(i)?i:n},E=(e,t,n)=>{let r=e.getAttribute(t);if(r===null||r.trim()===``)return n;let i=Number(r);return Number.isFinite(i)&&i>0?i:null},D=(e,t,n)=>{if(!e.hasAttribute(t))return n;let r=e.getAttribute(t)??``;return r===``||[`true`,`1`,`yes`,`on`].includes(r.toLowerCase())},ce=(e,t)=>{let n=new Set;return e.flatMap(e=>{let r=(e.dataset.column??``).trim();if(!r)throw Error(`Data Grid columns require a non-empty key.`);if(e.hasAttribute(`data-hidden`))return[];if(n.has(r))throw Error(`Data Grid column key "${r}" is duplicated.`);n.add(r);let i=Math.max(0,T(e,`data-min-width`,t.minWidth)),a=E(e,`data-max-width`,t.maxWidth),o=T(e,`data-width`,t.width),s=Math.min(a??1/0,Math.max(i,o)),c=e.dataset.pinned===`left`||e.dataset.pinned===`right`?e.dataset.pinned:null,l=[`ascending`,`descending`,`other`].includes(e.dataset.sort??``)?e.dataset.sort:`none`,ee=[`center`,`end`].includes(e.dataset.align??``)?e.dataset.align:`start`;return[{key:r,label:e.dataset.label??e.textContent?.trim()??r,width:s,minWidth:i,maxWidth:a,hidden:!1,pinned:c,sortable:D(e,`data-sortable`,!1),sort:l,resizable:D(e,`data-resizable`,t.resizable),reorderable:D(e,`data-reorderable`,t.reorderable),align:ee,cellClass:e.dataset.cellClass??``,element:e}]})},le=e=>e.map(({width:e})=>`${e}px`).join(` `),O=e=>e.map(({element:e,...t})=>t),k=e=>{let t=new Map,n=new Map,r=0;return e.forEach(e=>{e.pinned===`left`&&(t.set(e.key,r),r+=e.width)}),r=0,[...e].reverse().forEach(e=>{e.pinned===`right`&&(n.set(e.key,r),r+=e.width)}),{left:t,right:n}},A=e=>globalThis.CSS?.escape?globalThis.CSS.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`),ue=(e,t)=>{let n=k(t),r=`z-index:2;background-color:var(--ui-surface-color);`;return t.map((t,i)=>{let a=`[data-ui-data-grid-scope="${A(e)}"]`,o=`[data-column="${A(t.key)}"]`,s=`${a} [data-ui-data-grid-column-header]${o},${a} [data-ui-data-grid-cell]${o}`,c=t.pinned===`left`?`position:sticky;left:${n.left.get(t.key)??0}px;${r}`:t.pinned===`right`?`position:sticky;right:${n.right.get(t.key)??0}px;${r}`:``;return`${s}{grid-column:${i+1};${c}}`}).join(``)},j=(e,t)=>{if(t===`multiple`&&typeof e==`object`&&e&&e.mode===`query`){let t=e;if(typeof t.token==`string`&&Number.isFinite(t.total))return{mode:`query`,token:t.token,total:Math.max(0,Math.floor(t.total??0)),except:[...new Set(Array.isArray(t.except)?t.except.filter(e=>typeof e==`string`):[])]}}let n=typeof e==`object`&&e&&e.mode===`ids`&&Array.isArray(e.ids)?e.ids.filter(e=>typeof e==`string`):[],r=[...new Set(n)];return{mode:`ids`,ids:t===`single`?r.slice(0,1):t===`none`?[]:r}},de=(e,t)=>e.mode===`query`?!e.except.includes(t):e.ids.includes(t),fe=(e,t,n,r)=>{let i=j(e,n);if(n===`none`)return{selection:i,added:[],removed:[]};let a=de(i,t),o=r??!a;if(a===o)return{selection:i,added:[],removed:[]};if(i.mode===`query`){let e=o?i.except.filter(e=>e!==t):[...i.except,t];return{selection:{...i,except:e},added:o?[t]:[],removed:o?[]:[t]}}return{selection:{mode:`ids`,ids:n===`single`&&o?[t]:o?[...i.ids,t]:i.ids.filter(e=>e!==t)},added:o?[t]:[],removed:o?[]:[t]}},pe=(e,t,n)=>{let r=e.findIndex(e=>e.key===t);if(r<0||!e[r]?.reorderable)return null;let i=e[r]?.pinned??null;if(!e.flatMap((e,t)=>e.pinned===i?[t]:[]).includes(n))return null;let a=[...e],[o]=a.splice(r,1);return o?(a.splice(n,0,o),a):null},M=(e,t=0)=>Math.max(t,Math.floor(Number.isFinite(e)?e:t)),me=`a,button,input,select,textarea,[contenteditable],[role="button"],[role="link"]`,N=n=>{let r=null,i=null,a=null,o=null,c=null,d=null,p=[],m=[],h=0,g={mode:`ids`,ids:[]},_=``,v=null,y=0,b=!1,x=null,S=!1,C=null,T=null,E=null,D=[],k=null,A=null,N=null,P=!1,F=!1,I,L=null,R=new Map,he=new WeakMap,ge=new WeakMap,z=ae(f),B=(e,t)=>{r?.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))},V=(e,t,n)=>{let r=n.get(e)??[];r.length&&e.classList.remove(...r);let i=[...new Set(t.split(/\s+/).filter(Boolean))];i.length&&e.classList.add(...i),n.set(e,i)},_e=()=>({width:$.props.defaultColumnWidth,minWidth:$.props.minColumnWidth,maxWidth:$.props.maxColumnWidth,resizable:$.props.resizableColumns,reorderable:$.props.reorderableColumns}),H=()=>ce(Array.from(r?.querySelectorAll(`[data-ui-data-grid-column-header]`)??[]),_e()),ve=e=>{let t=e.element.querySelector(`[data-ui-data-grid-column-label]`),n=e.element.querySelector(`[data-ui-data-grid-sort-button]`);if(t){if(e.sortable&&!n){let n=document.createElement(`button`);n.type=`button`,n.setAttribute(`data-ui-data-grid-sort-button`,``),n.className=e.element.dataset.sortButtonClass??``;let r=document.createElement(`span`);r.setAttribute(`data-ui-data-grid-sort-indicator`,``),r.setAttribute(`aria-hidden`,`true`),t.replaceWith(n),n.append(t,r)}else!e.sortable&&n&&n.replaceWith(t)}},ye=()=>Array.from(r?.querySelectorAll(`[data-ui-data-grid-row]`)??[]),be=e=>{o?.style.setProperty(`width`,`${e.getBoundingClientRect().width}px`)},U=()=>{ye().forEach(e=>{let t=e.dataset.rowKey??``,n=$.props.selection!==`none`&&t!==``&&de(g,t);e.toggleAttribute(`data-selected`,n),$.props.selection===`none`?e.removeAttribute(`aria-selected`):e.setAttribute(`aria-selected`,String(n))})},W=()=>{if(!r||!d)return;r.style.setProperty(`--ui-data-grid-template`,le(p));let e=r.dataset.uiDataGridScope??``;d.textContent=ue(e,p);let t=r.querySelector(`[data-ui-data-grid-header-row]`);t&&be(t)},G=()=>{if(!r)return;let e=new Map(p.map((e,t)=>[e.key,{column:e,index:t}]));a?.setAttribute(`aria-colcount`,String(p.length));let t=r.querySelector(`[data-ui-data-grid-header-row]`),n=t?.querySelector(`[data-ui-data-grid-column-indicator]`);n&&t?.append(n);let i=ye();i.forEach(t=>{let n=Array.from(t.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-ui-data-grid-cell`)),r=new Map(n.flatMap(e=>e instanceof HTMLElement&&e.hasAttribute(`data-ui-data-grid-cell`)?[[e.dataset.column??``,e]]:[]));p.forEach(({key:e})=>{let n=r.get(e);n&&(n.hidden=!1,t.append(n))}),n.forEach(n=>{e.has(n.dataset.column??``)||(n.hidden=!0,n.removeAttribute(`aria-colindex`),n.removeAttribute(`data-pinned`),t.append(n))})}),p.forEach((e,t)=>{ve(e),e.element.setAttribute(`aria-colindex`,String(t+1)),e.pinned?e.element.dataset.pinned=e.pinned:e.element.removeAttribute(`data-pinned`),e.sortable?e.element.setAttribute(`aria-sort`,e.sort):e.element.removeAttribute(`aria-sort`),e.element.dataset.disabled=String(!e.reorderable||!$.props.reorderableColumns);let n=e.element.querySelector(`[data-ui-data-grid-column-label-owned]`);n&&(n.textContent=e.label);let r=e.element.querySelector(`[data-ui-data-grid-column-preview-label]`);r&&(r.textContent=e.label);let i=e.element.querySelector(`[data-ui-data-grid-sort-indicator]`);i&&(i.textContent=e.sort===`ascending`?`↑`:e.sort===`descending`?`↓`:``),e.element.querySelector(`[data-ui-data-grid-resize-handle]`)?.setAttribute(`aria-label`,`Resize ${e.label||e.key} column`)}),i.forEach(e=>V(e,$.props.rowClass,he)),r.querySelectorAll(`[data-ui-data-grid-cell]`).forEach(t=>{let n=e.get(t.dataset.column??``);n&&(t.setAttribute(`aria-colindex`,String(n.index+1)),t.dataset.align=n.column.align,V(t,`${$.props.cellClass} ${n.column.cellClass}`,ge),n.column.pinned?t.dataset.pinned=n.column.pinned:t.removeAttribute(`data-pinned`))})},xe=(t,n)=>{let r=new Map(t.map(e=>[e.key,e])),i=new Map(n.map(e=>[e.key,e]));return{previous:t,columns:n,added:n.filter(({key:e})=>!r.has(e)).map(({key:e})=>e),removed:t.filter(({key:e})=>!i.has(e)).map(({key:e})=>e),changed:n.flatMap(t=>{let n=r.get(t.key);if(!n)return[];let i=Object.keys(t).filter(r=>r!==`key`&&!e(n[r],t[r]));return i.length?[{key:t.key,fields:i}]:[]})}},Se=()=>{if(P=!1,!r||b)return;let n=H(),i=O(n),a=!e(D,i),o=p.length!==n.length||p.some((e,t)=>e.element!==n[t]?.element),s=o||p.some((e,t)=>{let r=n[t];return!r||e.key!==r.key||e.resizable!==r.resizable||e.minWidth!==r.minWidth||e.maxWidth!==r.maxWidth});if(a||o||F){let e=D;p=n,D=i;let t=s||F;F=!1,G(),W(),t&&ke(),a&&B(`ui:data-grid-columns-change`,xe(e,i))}if($.props.totalRows!==h&&(J($.props.totalRows),C&&(r.dataset.totalItems=String(h))),C){let n=r.hasAttribute(`data-query`)?$.props.query:T;e(E,n)||(E=t(n),C.setQuery(n))}},K=()=>{P||(P=!0,queueMicrotask(Se))},q=()=>{r&&c&&(C||(r.toggleAttribute(`data-loading`,R.size>0),r.toggleAttribute(`data-empty`,h===0)),r.dataset.selection=$.props.selection,a?.setAttribute(`aria-rowcount`,String(h+1)),r.style.setProperty(`--ui-data-grid-row-height`,`${$.props.rowHeight}px`),r.style.setProperty(`--ui-data-grid-total-height`,`${Math.max(h*$.props.rowHeight,$.props.rowHeight)}px`),(!C||h>0)&&(c.style.height=`var(--ui-data-grid-total-height)`),U())},J=e=>{let t=M(e);t!==h&&(h=t,q(),B(`ui:data-grid-total-change`,{totalRows:h}))},Ce=e=>f.compute({axes:{y:{total:h,itemSize:$.props.rowHeight,viewportSize:$.props.bufferSize*$.props.rowHeight,scrollOffset:e*$.props.rowHeight,buffer:0}}}),we=e=>{if(h===0)return[];let t=M($.props.bufferSize,1),n=Math.min(h-1,Math.floor(Math.max(0,e)/$.props.rowHeight)),r=Math.floor(n/t)*t,i=Math.floor((h-1)/t)*t,a=[r-t,r,r+t].map(e=>Math.min(i,Math.max(0,e)));return r===0&&i>t?a.splice(0,3,0,t,Math.min(i,t*2)):r===i&&i>t&&a.splice(0,3,Math.max(0,i-t*2),i-t,i),[...new Set(a)].map(Ce)},Te=e=>{let t=e.axes.y;if(!t)throw Error(`Data Grid requires a vertical virtual window.`);let n=new URL($.props.fetchUrl,document.baseURI);return n.searchParams.set($.props.startParam,String(t.start)),n.searchParams.set($.props.countParam,String(t.count)),n.searchParams.set($.props.totalParam,String(t.total)),/^[a-z][a-z\d+.-]*:/i.test($.props.fetchUrl)||$.props.fetchUrl.startsWith(`//`)?n.href:`${n.pathname}${n.search}${n.hash}`},Ee=(e,t)=>{if(R.get(e)!==t||(R.delete(e),q(),R.size>0||v===null||b))return;let n=v;v=null,Y(n)},De=async(e,t,i)=>{let a=t.axes.y;if(!a)return;let o=new AbortController;R.set(e.key,o),q(),r?.removeAttribute(`data-error`),B(`ui:data-grid-load-start`,{window:t});try{let s=globalThis.crypto?.randomUUID?.()??`${Date.now()}-${i.requestGeneration}`,c=await fetch(Te(t),{method:`GET`,headers:{Accept:`text/html`,"X-Trellis-Virtualizer":`true`,"X-Trellis-Request-ID":s},signal:o.signal});if(!c.ok&&c.status!==204){z.fail(i),r?.setAttribute(`data-error`,``),B(`ui:data-grid-error`,{window:t,status:c.status});return}let l=await re(c,$.props);if(z.pending(e.key)!==i||b||!await u(n,e.element,l.html,{assets:l.assets,shouldReplace:()=>z.pending(e.key)===i&&!b})||(l.totalItems!==null&&J(l.totalItems),!z.commit(i,t)))return;e.element.style.height=`${a.count*$.props.rowHeight}px`,e.element.style.transform=`translateY(${a.translateOffset}px)`,G(),U(),B(`ui:data-grid-load`,{window:t,start:a.start,count:a.count,end:a.start+a.count})}catch(e){if(o.signal.aborted)return;z.fail(i),r?.setAttribute(`data-error`,``),B(`ui:data-grid-error`,{window:t,status:0,error:e})}finally{Ee(e.key,o)}},Y=e=>{if(C||$.props.cursor)return;if(R.size>0){v=e;return}let t=we(e),r=Math.min(Math.max(0,h-1),Math.floor(Math.max(0,e)/$.props.rowHeight)),i=t.find(e=>{let t=e.axes.y;return t&&r>=t.start&&r<t.start+t.count})??t[0];if(i&&_!==i.key){_=i.key;let e=i.axes.y;B(`ui:data-grid-range`,{start:e.start,count:e.count,end:e.start+e.count,window:i})}if(t.length===0){m.forEach(e=>void u(n,e.element,``));return}let a=new Set;t.forEach(e=>{let t=m.find(t=>z.mounted(t.key)?.key===e.key);t&&a.add(t)});let o=m.filter(e=>!a.has(e));t.forEach(e=>{if(m.some(t=>z.mounted(t.key)?.key===e.key))return;let t=o.shift();if(!t)return;let n=z.begin(t.key,e);n&&De(t,e,n)})},X=()=>{R.forEach(e=>e.abort()),R.clear(),v=null,_=``,z.invalidate(),m.forEach(e=>{e.element.style.height=``,e.element.style.transform=``,u(n,e.element,``)}),q()},Z=(e,t)=>{g=j(e,$.props.selection),S=!0,$.props.selectionValue=g,r&&l({el:r,schema:w,key:`selectionValue`,value:g}),S=!1,U(),B(`ui:data-grid-selection-change`,{selection:g,added:t?.added??[],removed:t?.removed??[]})},Q=(e,t)=>{let n=fe(g,String(e),$.props.selection,t);(n.added.length!==0||n.removed.length!==0)&&Z(n.selection,n)},Oe=(e,t,n)=>{e.width=Math.min(e.maxWidth??1/0,Math.max(e.minWidth,t)),e.element.dataset.width=String(e.width),D=O(p),W(),B(`ui:data-grid-column-resize`,{column:e.key,width:e.width,phase:n})},ke=()=>{L?.run(),L=new te,I.addChild(L),p.forEach(e=>{let t=e.element.querySelector(`[data-ui-data-grid-resize-handle]`);if(!t)return;let n=e.resizable&&$.props.resizableColumns;if(t.hidden=!e.resizable,n?t.removeAttribute(`aria-disabled`):t.setAttribute(`aria-disabled`,`true`),t.tabIndex=n?0:-1,!n)return;let r=t=>Oe(e,t.previewWidth,t.phase);L?.add(se({element:e.element,handle:t,axis:`x`,min:e.minWidth,max:e.maxWidth,mode:$.props.resizeMode,disabled:()=>!$.props.resizableColumns||!e.resizable,onStart:r,onResize:r,onEnd:r}))})},$={get supportsSeek(){return C?.supportsSeek??!1},props:null,init(){I=ne(this),r=this.$el,b=!1;let e=globalThis.crypto?.randomUUID?.()??`grid-${Date.now()}-${Math.random().toString(36).slice(2)}`;if(r.dataset.uiDataGridScope=e,r.querySelector(`[data-ui-data-grid-header-row]`)?.setAttribute(`data-sortable-scope`,e),this.props=s({el:r,schema:w,onChange:(e,t)=>{if(S)return;let n=t.map(({key:e})=>e);(n.includes(`selectionValue`)||n.includes(`selection`))&&(g=j(this.props.selectionValue,this.props.selection),U()),n.some(e=>[`resizableColumns`,`reorderableColumns`,`minColumnWidth`,`defaultColumnWidth`,`maxColumnWidth`].includes(e))&&(F=!0),n.some(e=>[`query`,`totalRows`,`resizableColumns`,`reorderableColumns`,`minColumnWidth`,`defaultColumnWidth`,`maxColumnWidth`].includes(e))&&K(),n.some(e=>[`fetchUrl`,`rowHeight`,`bufferSize`].includes(e))&&this.reload()}}),h=M(this.props.totalRows),g=j(this.props.selectionValue,this.props.selection),i=r.querySelector(`[data-ui-data-grid-viewport]`)??r.querySelector(`[data-ui-scroll-area-viewport]`),a=r.querySelector(`[data-ui-data-grid-inner]`),o=r.querySelector(`[data-ui-data-grid-body]`),c=r.querySelector(`[data-ui-data-grid-spacer]`),d=r.querySelector(`style[data-ui-data-grid-layout]`),m=Array.from(r.querySelectorAll(`[data-ui-data-grid-block]`)).slice(0,3).map((e,t)=>({element:e,key:`block-${t+1}`})),!i||!a||!o||!c||!d||m.length!==3)throw Error(`Data Grid requires one viewport, table owner, body, spacer, layout style, and three row blocks.`);i.setAttribute(`data-ui-data-grid-viewport`,``),p=H(),D=O(p),G(),W(),ke();let t=r.querySelector(`[data-ui-data-grid-header-row]`);t&&(typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>be(t)),A.observe(t)),k=new MutationObserver(K),k.observe(t,{attributes:!0,childList:!0,subtree:!0,attributeFilter:[`data-column`,`data-label`,`data-width`,`data-min-width`,`data-max-width`,`data-hidden`,`data-pinned`,`data-sortable`,`data-sort`,`data-resizable`,`data-reorderable`,`data-align`,`data-cell-class`,`hidden`]})),N=ee(r,{invalidateDom:K}),x=new AbortController,i.addEventListener(`scroll`,()=>{y||=requestAnimationFrame(()=>{y=0,i&&Y(i.scrollTop)})},{passive:!0,signal:x.signal}),r.addEventListener(`click`,e=>{let t=e.target,n=t.closest(`[data-ui-data-grid-sort-button]`);if(n&&this.props.sortableColumns){let t=n.closest(`[data-ui-data-grid-column-header]`),r=p.find(({key:e})=>e===t?.dataset.column);if(r?.sortable){let t=r.sort===`ascending`?`descending`:`ascending`;B(`ui:data-grid-sort`,{column:r.key,direction:t,additive:e.shiftKey})}return}let i=t.closest(`[data-ui-data-grid-row]`);if(!i||!r?.contains(i))return;let a=i.dataset.rowKey??``;this.props.selectOnRowClick&&!t.closest(me)&&Q(a),B(`ui:data-grid-row-activate`,{rowKey:a,row:i})},{signal:x.signal}),r.addEventListener(`dblclick`,e=>{let t=e.target.closest(`[data-ui-data-grid-cell]`),n=t?.closest(`[data-ui-data-grid-row]`);t&&n&&B(`ui:data-grid-cell-activate`,{rowKey:n.dataset.rowKey??``,column:t.dataset.column??``,cell:t})},{signal:x.signal}),r.addEventListener(`ui:sortable-drop`,(e=>{let t=e.detail?.source;if(t?.type!==`data-grid-column`)return;let n=Number(e.detail?.index??e.detail?.anchor?.index);Number.isInteger(n)&&this.reorderColumn(String(t.id),n)}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-total-change`,(e=>{C&&e.target===r&&J(Number(e.detail?.totalItems??0))}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-load-start`,(e=>{C&&e.target===r&&B(`ui:data-grid-load-start`,{mode:`cursor`})}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-load`,(e=>{C&&e.target===r&&(G(),U(),B(`ui:data-grid-load`,{...e.detail,mode:`cursor`}))}),{signal:x.signal}),r.addEventListener(`ui:virtualizer-error`,(e=>{C&&e.target===r&&B(`ui:data-grid-error`,{...e.detail,mode:`cursor`})}),{signal:x.signal}),i.style.overscrollBehavior=`contain`,i.style.overflowAnchor=`none`,i.scrollTop=f.scrollTo({total:h,itemSize:this.props.rowHeight,viewportSize:i.clientHeight,scrollOffset:0,buffer:this.props.bufferSize},{axis:`y`,index:this.props.initialIndex}),q(),this.props.cursor?this.useCursor(oe(()=>{if(!r)throw Error(`Data Grid is not mounted.`);return r})):Y(i.scrollTop)},destroy(){b=!0,y&&cancelAnimationFrame(y),x?.abort(),x=null,k?.disconnect(),k=null,A?.disconnect(),A=null,N?.(),N=null,L=null,C?.destroy(),C=null,X(),this.props.disconnect(),r=null,i=null,a=null,o=null,c=null,d=null,p=[],D=[],m=[]},scrollToIndex(e,t=`start`){if(C){C.scrollToIndex(e,t);return}i&&(i.scrollTop=f.scrollTo({total:h,itemSize:this.props.rowHeight,viewportSize:i.clientHeight,scrollOffset:i.scrollTop,buffer:this.props.bufferSize},{axis:`y`,index:e,align:t}),Y(i.scrollTop))},setTotalRows(e){r&&l({el:r,schema:w,key:`totalRows`,value:M(e)})},setQuery(e){r&&l({el:r,schema:w,key:`query`,value:e})},useCursor(e){if(!r||!i||!c)return;C?.destroy(),C=null,X(),r.dataset.totalItems=String(h),r.dataset.itemSize=String(this.props.rowHeight),c.setAttribute(`data-ui-virtualizer-spacer`,``),m.forEach(({element:e})=>e.setAttribute(`data-ui-virtualizer-block`,``)),T=e.query;let a=r.hasAttribute(`data-query`)?this.props.query:T;E=t(a);let o=ie(n,{cursor:{...e,query:a}});C=o,Object.assign(o,{$el:r}),o.init()},setUrl(e,t={}){S=!0,this.props.fetchUrl=String(e),r&&l({el:r,schema:w,key:`fetchUrl`,value:String(e)}),S=!1,t.reset??!0?this.reset():this.reload()},reset(e={}){if(C){C.reset({scrollTop:e.scrollTop??0});return}this.reload({scrollTop:e.scrollTop??0})},reload(e={}){if(C){C.reload(e);return}let t=e.scrollTop??i?.scrollTop??0;X(),i&&(i.scrollTop=Math.max(0,t)),Y(t)},resizeColumn(e,t){let n=p.find(t=>t.key===e);n&&Oe(n,Number(t),`end`)},reorderColumn(e,t){let n=p.findIndex(t=>t.key===e),i=pe(p,e,M(t));if(!i)return;p=i,D=O(p);let a=r?.querySelector(`[data-ui-data-grid-header-row]`),o=a?.querySelector(`[data-ui-data-grid-column-indicator]`)??null;p.forEach(e=>a?.insertBefore(e.element,o)),G(),W(),B(`ui:data-grid-column-reorder`,{column:e,from:n,to:M(t),columns:p.map(({key:e})=>e)})},selectRow(e){Q(String(e),!0)},deselectRow(e){Q(String(e),!1)},toggleRow(e){Q(String(e))},setSelection(e){Z(e)},selectQuery(e,t,n=[]){Z({mode:`query`,token:String(e),total:M(t),except:n.map(String)})},clearSelection(){Z({mode:`ids`,ids:[]})}};return $},P=e=>{d(`UiDataGrid`,()=>N(e))(e)},F=new WeakSet,I=e=>{F.has(e)||(F.add(e),m(e),n(e),p(e),P(e))};export{N as n,I as t};
2
+ //# sourceMappingURL=entry.generated-Bp3Npe3t.js.map