@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/DataGrid/EDataGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDataGrid.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_useModel","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","EIcon","_unref","_createCommentVNode","_toDisplayString","_renderSlot","ESelect","_createBlock","EButton","_withCtx","_createTextVNode","EIconButton","_Fragment","_renderList","ECheckbox","_normalizeStyle","EDataGridResizer","ETextField","EEmptyState","_createSlots","_mergeProps","EPagination","EIcon_default","ETextField_default","ESelect_default","EButton_default","EIconButton_default","ECheckbox_default","EEmptyState_default","EPagination_default","EDataGridResizer_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","\"width\"","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","ALL","NONE","EDataGrid_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","\"page\"","\"pageModifiers\"","\"search\"","\"searchModifiers\"","\"filters\"","\"filtersModifiers\"","\"selected\"","\"selectedModifiers\"","__emit","props","__props","emit","slots","useSlots","sort","useModel","page","search","filters","selected","t","useMessages","portal","usePortalTarget","uid","useUid","menuOpen","ref","menuTrigger","open","nextTick","features","tableFeatures","createSortedRowModel","createFilteredRowModel","createPaginatedRowModel","columnVisibility","columnSizing","sortFn","compareValues","a","id","b","globalFilterFn","f","v","row","colByKey","computed","c","columnDefs","cellValue","passesFilter","vopt","pageSize","paging","resizable","cards","q","anyFilter","filterActive","table","useTable","key","value","first","functionalUpdate","updater","next","k","view","total","pages","cur","n","cols","hasFilterRow","colCount","from","to","sortedCol","nPicked","allOn","r","someOn","scrollEl","virtualizer","useVirtualizer","i","items","shown","spaceTop","spaceBottom","last","rowsToRender","cellProps","fixedLayout","stickyLeft","widthOf","parsePx","minTable","s","stick","stickStyle","tableStyle","scrollStyle","role","sortables","sortOptions","d","sortSelectValue","showSortSelect","hasToolbar","barOther","showBar","onSearch","setFilter","clearFilters","chooseSort","at","setWidth","old","px","resetWidth","numberFilter","textFilter","selectOptions","normalizeOptions","watch","openBlock","createElementBlock","normalizeClass","createElementVNode","createVNode","unref","createCommentVNode","toDisplayString","renderSlot","_ctx","createBlock","withCtx","createTextVNode","PopoverRoot","_cache","$event","PopoverTrigger","PopoverPortal","PopoverContent","PopoverClose","Fragment","renderList","column","normalizeStyle","createSlots","index","mergeProps"],"sources":["../../../src/components/DataGrid/EDataGrid.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Row extends DataGridRow\">\nimport { computed, nextTick, ref, watch, type CSSProperties } from \"vue\";\nimport { PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from \"reka-ui\";\nimport {\n  columnFilteringFeature,\n  columnSizingFeature,\n  columnVisibilityFeature,\n  createFilteredRowModel,\n  createPaginatedRowModel,\n  createSortedRowModel,\n  functionalUpdate,\n  globalFilteringFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  tableFeatures,\n  useTable,\n  type ColumnDef,\n  type FilterFn,\n  type SortFn,\n} from \"@tanstack/vue-table\";\nimport { useVirtualizer } from \"@tanstack/vue-virtual\";\nimport EButton from \"../Button/EButton.vue\";\nimport ECheckbox from \"../Checkbox/ECheckbox.vue\";\nimport EEmptyState from \"../EmptyState/EEmptyState.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport EPagination from \"../Pagination/EPagination.vue\";\nimport ESelect from \"../Select/ESelect.vue\";\nimport ETextField from \"../TextField/ETextField.vue\";\nimport EDataGridResizer from \"./EDataGridResizer.vue\";\nimport \"../Popover/EPopover.vue\";\nimport { normalizeOptions, type EOption } from \"../Select/options.js\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport { useMessages, usePortalTarget } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport { cellValue, compareValues, filterActive, parsePx, passesFilter } from \"./grid.js\";\nimport type {\n  DataGridColumn,\n  DataGridFilterValue,\n  DataGridQuery,\n  DataGridRow,\n  DataGridSort,\n  DataGridVirtual,\n} from \"./types.js\";\nimport \"../../styles/base.css\";\nimport \"../TextField/input.css\";\nimport \"../Select/panel.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The columns, in order. See `DataGridColumn`. */\n    columns: DataGridColumn<Row>[];\n    /** The rows. Each needs a unique `id`. */\n    rows: Row[];\n    /** Names the table for screen readers and the scrolling region. Required. */\n    caption: string;\n    /** One search box over all shown columns. */\n    searchable?: boolean;\n    /** The search box's placeholder. Default \"Search all columns\". */\n    searchPlaceholder?: string;\n    /** A filter row under the headings, for columns that define a `filter`. */\n    filterable?: boolean;\n    /** Column edges can be dragged, or moved with the arrow keys. */\n    resizable?: boolean;\n    /** Keeps the first column in view while scrolling sideways. */\n    stickyFirst?: boolean;\n    /** A Columns menu to show and hide columns. */\n    columnToggle?: boolean;\n    /** A checkbox on each row and a select-all in the heading. */\n    selectable?: boolean;\n    /** Rows per page; 0 turns paging off. Default 10. */\n    pageSize?: number;\n    /** Stops the table growing past this height (any CSS length) and scrolls inside it. */\n    maxHeight?: string;\n    /** Renders only the rows in view, for thousands of rows. Replaces paging. */\n    virtual?: boolean | DataGridVirtual;\n    /** Turns rows into cards below 40rem of the grid's own width. Default on; virtual and resizable grids keep the table. */\n    cards?: boolean;\n    /** Data lives on a server: show the rows given, and report every change through `queryChange`. */\n    manual?: boolean;\n    /** With `manual`, how many rows there are in all. */\n    total?: number;\n    /** Shows placeholder rows while data loads. */\n    loading?: boolean;\n    /** The title when there are no rows. Default \"No results\". */\n    emptyTitle?: string;\n    /** The sentence under the title when there are no rows. */\n    emptyText?: string;\n    /** The glyph above the title when there are no rows. Default \"search\". */\n    emptyIcon?: IconProp;\n    /** A bare table for a short static list: no toolbar, filters, paging or footer. */\n    plain?: boolean;\n  }>(),\n  { pageSize: 10, cards: true },\n);\n\nconst emit = defineEmits<{\n  /** Sort, page, search or filters changed. With `manual`, fetch the rows this describes. */\n  queryChange: [query: DataGridQuery];\n}>();\n\nconst slots = defineSlots<{\n  [K: `cell-${string}`]: (props: { row: Row; value: unknown }) => unknown;\n  [K: `header-${string}`]: (props: { column: DataGridColumn<Row> }) => unknown;\n  /** Buttons that act on the selected rows, shown beside the count. */\n  \"bulk-actions\"?: () => unknown;\n  /** Anything else for the bar above the table. */\n  toolbar?: () => unknown;\n}>();\n\nconst sort = defineModel<DataGridSort | null>(\"sort\", { default: null });\nconst page = defineModel<number>(\"page\", { default: 1 });\nconst search = defineModel<string>(\"search\", { default: \"\" });\nconst filters = defineModel<Record<string, DataGridFilterValue>>(\"filters\", { default: () => ({}) });\nconst selected = defineModel<string[]>(\"selected\", { default: () => [] });\n\nconst t = useMessages();\nconst portal = usePortalTarget();\n\nconst uid = useUid();\nconst menuOpen = ref(false);\nconst menuTrigger = ref<{ $el: HTMLElement } | null>(null);\nwatch(\n  menuOpen,\n  async (open) => {\n    if (!open) return;\n    await nextTick();\n    const panel = document.getElementById(menuTrigger.value?.$el?.getAttribute(\"aria-controls\") ?? \"\");\n    panel?.setAttribute(\"aria-labelledby\", `${uid.value}-columns`);\n  },\n  { flush: \"post\" },\n);\n\nconst ALL = \"__e-all__\";\nconst NONE = \"__e-none__\";\n\nconst features = tableFeatures({\n  rowSortingFeature,\n  sortedRowModel: createSortedRowModel(),\n  columnFilteringFeature,\n  globalFilteringFeature,\n  filteredRowModel: createFilteredRowModel(),\n  rowPaginationFeature,\n  paginatedRowModel: createPaginatedRowModel(),\n  rowSelectionFeature,\n  columnVisibilityFeature,\n  columnSizingFeature,\n});\n\nconst columnVisibility = ref<Record<string, boolean>>({});\nconst columnSizing = ref<Record<string, number>>({});\n\nconst sortFn: SortFn<typeof features, Row> = (a, b, id) => compareValues(a.getValue(id), b.getValue(id));\ntype GlobalFilter = { q: string; cols: string[] };\nconst globalFilterFn: FilterFn<typeof features, Row> = (row, id, f: GlobalFilter) => {\n  if (!f.cols.includes(id)) return false;\n  const v = row.getValue(id);\n  return v != null && String(v).toLowerCase().includes(f.q);\n};\n\nconst colByKey = computed(() => new Map(props.columns.map((c) => [c.key, c])));\nconst columnDefs = computed<ColumnDef<typeof features, Row>[]>(() =>\n  props.columns.map((c) => ({\n    id: c.key,\n    accessorFn: (row: Row) => cellValue(row, c),\n    header: c.label,\n    enableSorting: !!c.sortable,\n    sortDescFirst: false,\n    sortFn,\n    enableColumnFilter: !!c.filter,\n    filterFn: ((row, id, f) => passesFilter(c, row.getValue(id), f)) as FilterFn<typeof features, Row>,\n    enableResizing: c.resizable !== false,\n  })),\n);\n\nconst vopt = computed(() =>\n  props.virtual ? { rowHeight: 48, height: 440, overscan: 8, ...(props.virtual === true ? {} : props.virtual) } : null,\n);\nconst pageSize = computed(() => (vopt.value || props.plain ? 0 : (props.pageSize ?? 10)));\nconst paging = computed(() => pageSize.value > 0 && !props.manual);\nconst resizable = computed(() => !!props.resizable && !props.plain);\nconst cards = computed(() => props.cards !== false && !vopt.value && !resizable.value);\nconst q = computed(() => search.value.trim().toLowerCase());\nconst anyFilter = computed(() => Object.values(filters.value).some(filterActive));\n\nconst table = useTable({\n  features,\n  columns: columnDefs,\n  data: computed(() => props.rows),\n  getRowId: (row: Row) => String(row.id),\n  enableMultiSort: false,\n  enableSubRowSelection: false,\n  autoResetPageIndex: false,\n  manualSorting: computed(() => !!props.manual),\n  manualFiltering: computed(() => !!props.manual),\n  manualPagination: computed(() => !paging.value),\n  rowCount: computed(() => (props.manual ? (props.total ?? props.rows.length) : undefined)),\n  globalFilterFn,\n  state: computed(() => ({\n    sorting: sort.value ? [{ id: sort.value.key, desc: sort.value.dir === \"desc\" }] : [],\n    columnFilters: Object.entries(filters.value)\n      .filter(([key, value]) => colByKey.value.has(key) && filterActive(value))\n      .map(([id, value]) => ({ id, value })),\n    globalFilter: q.value\n      ? ({\n          q: q.value,\n          cols: props.columns.filter((c) => columnVisibility.value[c.key] !== false).map((c) => c.key),\n        } satisfies GlobalFilter)\n      : undefined,\n    rowSelection: Object.fromEntries(selected.value.map((id) => [id, true])),\n    columnVisibility: columnVisibility.value,\n    columnSizing: columnSizing.value,\n    pagination: { pageIndex: Math.max(0, page.value - 1), pageSize: pageSize.value || 1 },\n  })),\n  onSortingChange: (updater) => {\n    const next = functionalUpdate(updater, sort.value ? [{ id: sort.value.key, desc: sort.value.dir === \"desc\" }] : []);\n    const first = next[0];\n    sort.value = first ? { key: first.id, dir: first.desc ? \"desc\" : \"asc\" } : null;\n    page.value = 1;\n  },\n  onRowSelectionChange: (updater) => {\n    const next = functionalUpdate(updater, Object.fromEntries(selected.value.map((id) => [id, true])));\n    selected.value = Object.keys(next).filter((k) => next[k]);\n  },\n  onColumnVisibilityChange: (updater) => {\n    columnVisibility.value = functionalUpdate(updater, columnVisibility.value);\n  },\n  onColumnSizingChange: (updater) => {\n    columnSizing.value = functionalUpdate(updater, columnSizing.value);\n  },\n});\n\nconst view = computed(() => table.getRowModel().rows);\nconst total = computed(() =>\n  props.manual ? (props.total ?? props.rows.length) : table.getPrePaginatedRowModel().rows.length,\n);\nconst pages = computed(() => (pageSize.value > 0 ? Math.max(1, Math.ceil(total.value / pageSize.value)) : 1));\nconst cur = computed(() => Math.min(page.value, pages.value));\nwatch(pages, (n) => {\n  if (page.value > n) page.value = n;\n});\nconst cols = computed(() =>\n  table\n    .getVisibleLeafColumns()\n    .map((c) => colByKey.value.get(c.id))\n    .filter((c): c is DataGridColumn<Row> => !!c),\n);\nconst hasFilterRow = computed(() => !!props.filterable && !props.plain && cols.value.some((c) => c.filter));\nconst colCount = computed(() => cols.value.length + (props.selectable ? 1 : 0));\nconst from = computed(() =>\n  total.value === 0 ? 0 : (cur.value - 1) * (pageSize.value > 0 ? pageSize.value : total.value) + 1,\n);\nconst to = computed(() => (pageSize.value > 0 ? Math.min(total.value, cur.value * pageSize.value) : total.value));\nconst sortedCol = computed(() => (sort.value ? colByKey.value.get(sort.value.key) : undefined));\nconst nPicked = computed(() => selected.value.length);\nconst allOn = computed(() => view.value.length > 0 && view.value.every((r) => r.getIsSelected()));\nconst someOn = computed(() => view.value.some((r) => r.getIsSelected()));\n\nconst scrollEl = ref<HTMLElement | null>(null);\nconst virtualizer = useVirtualizer(\n  computed(() => ({\n    count: vopt.value ? view.value.length : 0,\n    getScrollElement: () => scrollEl.value,\n    estimateSize: () => vopt.value?.rowHeight ?? 48,\n    overscan: vopt.value?.overscan ?? 8,\n    getItemKey: (i: number) => view.value[i]?.id ?? i,\n    initialRect: { width: 0, height: vopt.value?.height ?? 0 },\n  })),\n);\nconst items = computed(() => (vopt.value ? virtualizer.value.getVirtualItems() : []));\nconst shown = computed(() => (vopt.value ? items.value.flatMap((i) => (view.value[i.index] ? [i] : [])) : []));\nconst spaceTop = computed(() => items.value[0]?.start ?? 0);\nconst spaceBottom = computed(() => {\n  const last = items.value[items.value.length - 1];\n  return last ? Math.max(0, virtualizer.value.getTotalSize() - last.end) : 0;\n});\nconst rowsToRender = computed(() =>\n  vopt.value\n    ? shown.value.map((i) => ({ row: view.value[i.index]!, index: i.index }))\n    : view.value.map((row, index) => ({ row, index })),\n);\n\nconst cellProps = (row: (typeof view.value)[number], c: DataGridColumn<Row>) => ({\n  row: row.original,\n  value: row.getValue(c.key),\n});\n\nconst fixedLayout = computed(() => resizable.value || !!vopt.value || cols.value.some((c) => c.width));\nconst stickyLeft = computed(() => (props.selectable ? 52 : 0));\nconst widthOf = (c: DataGridColumn<Row>) => columnSizing.value[c.key] || parsePx(c.width) || undefined;\nconst minTable = computed(\n  () => (props.selectable ? 52 : 0) + cols.value.reduce((s, c) => s + (widthOf(c) || c.minWidth || 96), 0),\n);\nconst stick = (i: number) => !!props.stickyFirst && i === 0;\nconst stickStyle = (i: number): CSSProperties | undefined =>\n  stick(i) ? { insetInlineStart: `${stickyLeft.value}px` } : undefined;\nconst tableStyle = computed(\n  () =>\n    ({\n      tableLayout: fixedLayout.value ? \"fixed\" : undefined,\n      \"--e-grid-min-w\": fixedLayout.value ? `${minTable.value}px` : undefined,\n      \"--e-row-h\": vopt.value ? `${vopt.value.rowHeight}px` : undefined,\n    }) as CSSProperties,\n);\nconst scrollStyle = computed(\n  () =>\n    (vopt.value\n      ? { height: `${vopt.value.height}px` }\n      : props.maxHeight\n        ? { \"--e-grid-max-h\": props.maxHeight }\n        : undefined) as CSSProperties | undefined,\n);\nconst role = (r: string) => (cards.value ? r : undefined);\n\nconst sortables = computed(() => props.columns.filter((c) => c.sortable));\nconst sortOptions = computed<EOption[]>(() => [\n  { value: NONE, label: t(\"sortBy\") },\n  ...sortables.value.flatMap((c) =>\n    ([\"asc\", \"desc\"] as const).map((d) => ({\n      value: `${c.key}:${d}`,\n      label: `${c.label}, ${t(d === \"asc\" ? \"ascending\" : \"descending\")}`,\n    })),\n  ),\n]);\nconst sortSelectValue = computed(() => (sort.value ? `${sort.value.key}:${sort.value.dir}` : NONE));\nconst showSortSelect = computed(() => cards.value && sortables.value.length > 0);\nconst hasToolbar = computed(() => !!slots.toolbar);\nconst barOther = computed(\n  () => !!props.searchable || !!props.columnToggle || nPicked.value > 0 || anyFilter.value || hasToolbar.value,\n);\nconst showBar = computed(() => !props.plain && (barOther.value || showSortSelect.value));\n\nfunction onSearch(e: Event) {\n  search.value = (e.target as HTMLInputElement).value;\n  page.value = 1;\n}\nfunction setFilter(key: string, value: DataGridFilterValue) {\n  filters.value = { ...filters.value, [key]: value };\n  page.value = 1;\n}\nfunction clearFilters() {\n  filters.value = {};\n  search.value = \"\";\n  page.value = 1;\n}\nfunction chooseSort(v: string) {\n  if (v === NONE) sort.value = null;\n  else {\n    const at = v.lastIndexOf(\":\");\n    sort.value = { key: v.slice(0, at), dir: v.slice(at + 1) === \"desc\" ? \"desc\" : \"asc\" };\n  }\n  page.value = 1;\n}\nfunction setWidth(key: string, px: number) {\n  table.setColumnSizing((old) => ({ ...old, [key]: px }));\n}\nfunction resetWidth(key: string) {\n  table.setColumnSizing((old) => {\n    const next = { ...old };\n    delete next[key];\n    return next;\n  });\n}\nconst numberFilter = (key: string) => {\n  const f = filters.value[key];\n  return typeof f === \"object\" ? f : { min: \"\", max: \"\" };\n};\nconst textFilter = (key: string) => {\n  const f = filters.value[key];\n  return typeof f === \"string\" ? f : \"\";\n};\nconst selectOptions = (c: DataGridColumn<Row>): EOption[] => [\n  { value: ALL, label: t(\"all\") },\n  ...normalizeOptions(c.filter?.type === \"select\" ? c.filter.options : []),\n];\n\nwatch([sort, page, search, filters], () => {\n  emit(\"queryChange\", {\n    sort: sort.value,\n    page: page.value,\n    pageSize: pageSize.value,\n    search: search.value,\n    filters: filters.value,\n  });\n});\n</script>\n\n<template>\n  <div class=\"e-grid\" :class=\"{ 'e-grid--plain': plain, 'e-grid--cards': cards }\">\n    <div class=\"e-grid-frame\">\n      <div v-if=\"showBar\" class=\"e-grid-bar\" :class=\"{ 'e-grid-bar--sortonly': !barOther }\">\n        <div v-if=\"searchable\" class=\"e-input-wrap e-grid-search\">\n          <span class=\"e-affix e-affix--pre\"><EIcon name=\"search\" /></span>\n          <input\n            class=\"e-input\"\n            type=\"search\"\n            :placeholder=\"searchPlaceholder || t('searchAll')\"\n            :aria-label=\"t('searchAll')\"\n            :value=\"search\"\n            @input=\"onSearch\"\n          />\n        </div>\n        <div v-if=\"nPicked\" class=\"e-grid-picked\">\n          <span class=\"e-grid-count\">{{ t(\"selected\", { n: nPicked }) }}</span>\n          <slot name=\"bulk-actions\" />\n        </div>\n        <div v-if=\"showSortSelect\" class=\"e-grid-sortsel\">\n          <ESelect\n            bare\n            :aria-label=\"t('sortBy')\"\n            :placeholder=\"t('sortBy')\"\n            :options=\"sortOptions\"\n            :model-value=\"sortSelectValue\"\n            @update:model-value=\"chooseSort\"\n          />\n        </div>\n        <div class=\"e-grid-tools\">\n          <EButton v-if=\"anyFilter || q\" variant=\"quiet\" @click=\"clearFilters\">{{ t(\"clearFilters\") }}</EButton>\n          <PopoverRoot v-if=\"columnToggle\" v-model:open=\"menuOpen\">\n            <PopoverTrigger as-child>\n              <EButton ref=\"menuTrigger\" variant=\"outline\" :aria-label=\"t('chooseColumns')\">{{ t(\"columns\") }}</EButton>\n            </PopoverTrigger>\n            <PopoverPortal :to=\"portal\">\n              <PopoverContent\n                class=\"e-popover e-root\"\n                side=\"bottom\"\n                align=\"start\"\n                :side-offset=\"8\"\n                :collision-padding=\"16\"\n              >\n                <header class=\"e-pop-head\">\n                  <h3 :id=\"`${uid}-columns`\" class=\"e-pop-title\">{{ t(\"showColumns\") }}</h3>\n                  <PopoverClose as-child>\n                    <EIconButton icon=\"x\" :label=\"t('close')\" />\n                  </PopoverClose>\n                </header>\n                <div class=\"e-pop-body\">\n                  <ECheckbox\n                    v-for=\"column in table.getAllLeafColumns()\"\n                    :key=\"column.id\"\n                    :label=\"colByKey.get(column.id)?.label ?? column.id\"\n                    :model-value=\"column.getIsVisible()\"\n                    @update:model-value=\"column.toggleVisibility($event)\"\n                  />\n                </div>\n              </PopoverContent>\n            </PopoverPortal>\n          </PopoverRoot>\n          <slot name=\"toolbar\" />\n        </div>\n      </div>\n      <div ref=\"scrollEl\" class=\"e-grid-scroll\" :style=\"scrollStyle\" tabindex=\"0\" role=\"region\" :aria-label=\"caption\">\n        <table\n          class=\"e-table e-gridtable\"\n          :class=\"{ 'e-gridtable--virtual': vopt }\"\n          :style=\"tableStyle\"\n          :role=\"role('table')\"\n          :aria-busy=\"loading ? 'true' : undefined\"\n          :aria-rowcount=\"vopt ? total + 1 + (hasFilterRow ? 1 : 0) : undefined\"\n        >\n          <caption class=\"e-sr\">\n            {{\n              caption\n            }}\n          </caption>\n          <colgroup v-if=\"fixedLayout\">\n            <col v-if=\"selectable\" style=\"width: 52px\" />\n            <col v-for=\"c in cols\" :key=\"c.key\" :style=\"widthOf(c) ? { width: `${widthOf(c)}px` } : undefined\" />\n          </colgroup>\n          <thead :role=\"role('rowgroup')\">\n            <tr :role=\"role('row')\">\n              <th v-if=\"selectable\" scope=\"col\" class=\"e-cell-check\" :role=\"role('columnheader')\">\n                <ECheckbox\n                  bare\n                  :label=\"vopt ? t('selectAll') : t('selectAllPage')\"\n                  :model-value=\"allOn\"\n                  :indeterminate=\"someOn && !allOn\"\n                  @update:model-value=\"table.toggleAllPageRowsSelected(!allOn)\"\n                />\n              </th>\n              <th\n                v-for=\"(c, i) in cols\"\n                :key=\"c.key\"\n                scope=\"col\"\n                :role=\"role('columnheader')\"\n                :class=\"{ 'e-num': c.numeric, 'e-center': c.align === 'center', 'e-sticky': stick(i) }\"\n                :style=\"stickStyle(i)\"\n                :aria-sort=\"\n                  c.sortable\n                    ? sort?.key === c.key\n                      ? sort.dir === 'asc'\n                        ? 'ascending'\n                        : 'descending'\n                      : 'none'\n                    : undefined\n                \"\n              >\n                <button\n                  v-if=\"c.sortable\"\n                  type=\"button\"\n                  class=\"e-sortbtn\"\n                  @click=\"table.getColumn(c.key)?.toggleSorting()\"\n                >\n                  <slot :name=\"`header-${c.key}`\" :column=\"c\">{{ c.label }}</slot>\n                  <EIcon\n                    :name=\"sort?.key === c.key ? (sort.dir === 'asc' ? 'arrow-up' : 'arrow-down') : 'sort'\"\n                    small\n                  />\n                </button>\n                <slot v-else :name=\"`header-${c.key}`\" :column=\"c\">{{ c.label }}</slot>\n                <EDataGridResizer\n                  v-if=\"resizable && c.resizable !== false\"\n                  :label=\"c.label\"\n                  :width=\"widthOf(c)\"\n                  :min=\"c.minWidth || 72\"\n                  @resize=\"setWidth(c.key, $event)\"\n                  @reset=\"resetWidth(c.key)\"\n                />\n              </th>\n            </tr>\n            <tr v-if=\"hasFilterRow\" class=\"e-filterrow\" :role=\"role('row')\">\n              <td v-if=\"selectable\" class=\"e-cell-check\" :role=\"role('cell')\" />\n              <td\n                v-for=\"(c, i) in cols\"\n                :key=\"c.key\"\n                :role=\"role('cell')\"\n                :class=\"{ 'e-sticky': stick(i) }\"\n                :style=\"stickStyle(i)\"\n              >\n                <template v-if=\"c.filter\">\n                  <ESelect\n                    v-if=\"c.filter.type === 'select'\"\n                    bare\n                    :aria-label=\"t('filterColumn', { col: c.label })\"\n                    :placeholder=\"t('all')\"\n                    :options=\"selectOptions(c)\"\n                    :model-value=\"textFilter(c.key) || ALL\"\n                    @update:model-value=\"setFilter(c.key, $event === ALL ? '' : $event)\"\n                  />\n                  <div v-else-if=\"c.filter.type === 'number'\" class=\"e-filter-range\">\n                    <ETextField\n                      hide-label\n                      inputmode=\"decimal\"\n                      :label=\"t('minOf', { col: t('filterColumn', { col: c.label }) })\"\n                      :placeholder=\"t('min')\"\n                      :model-value=\"numberFilter(c.key).min\"\n                      @update:model-value=\"setFilter(c.key, { min: $event, max: numberFilter(c.key).max })\"\n                    />\n                    <ETextField\n                      hide-label\n                      inputmode=\"decimal\"\n                      :label=\"t('maxOf', { col: t('filterColumn', { col: c.label }) })\"\n                      :placeholder=\"t('max')\"\n                      :model-value=\"numberFilter(c.key).max\"\n                      @update:model-value=\"setFilter(c.key, { min: numberFilter(c.key).min, max: $event })\"\n                    />\n                  </div>\n                  <ETextField\n                    v-else\n                    hide-label\n                    type=\"search\"\n                    :label=\"t('filterColumn', { col: c.label })\"\n                    :placeholder=\"t('filter')\"\n                    :model-value=\"textFilter(c.key)\"\n                    @update:model-value=\"setFilter(c.key, $event)\"\n                  />\n                </template>\n              </td>\n            </tr>\n          </thead>\n          <tbody :role=\"role('rowgroup')\">\n            <template v-if=\"loading\">\n              <tr v-for=\"n in 5\" :key=\"`s${n}`\" :role=\"role('row')\">\n                <td v-if=\"selectable\" class=\"e-cell-check\" :role=\"role('cell')\" />\n                <td v-for=\"c in cols\" :key=\"c.key\" :role=\"role('cell')\"><span class=\"e-skel\" /></td>\n              </tr>\n            </template>\n            <tr v-else-if=\"view.length === 0\" :role=\"role('row')\">\n              <td :colspan=\"colCount\" class=\"e-grid-empty\" :role=\"role('cell')\">\n                <EEmptyState bare :icon=\"emptyIcon || 'search'\" :title=\"emptyTitle || t('noResults')\">\n                  {{ emptyText || (anyFilter || q ? t(\"noMatchesFilters\") : t(\"nothingYet\")) }}\n                  <template v-if=\"anyFilter || q\" #action>\n                    <EButton variant=\"outline\" @click=\"clearFilters\">{{ t(\"clearFilters\") }}</EButton>\n                  </template>\n                </EEmptyState>\n              </td>\n            </tr>\n            <template v-else>\n              <tr v-if=\"vopt && spaceTop > 0\" aria-hidden=\"true\" class=\"e-spacer\" :style=\"{ height: `${spaceTop}px` }\">\n                <td :colspan=\"colCount\" />\n              </tr>\n              <tr\n                v-for=\"{ row, index } in rowsToRender\"\n                :key=\"row.id\"\n                :role=\"role('row')\"\n                :data-selected=\"row.getIsSelected() ? '' : undefined\"\n                :aria-rowindex=\"vopt ? index + 2 + (hasFilterRow ? 1 : 0) : undefined\"\n              >\n                <td v-if=\"selectable\" class=\"e-cell-check\" :role=\"role('cell')\">\n                  <ECheckbox\n                    bare\n                    :label=\"t('selectRow')\"\n                    :model-value=\"row.getIsSelected()\"\n                    @update:model-value=\"row.toggleSelected($event)\"\n                  />\n                </td>\n                <td\n                  v-for=\"(c, i) in cols\"\n                  :key=\"c.key\"\n                  :role=\"role('cell')\"\n                  :data-label=\"c.label\"\n                  :class=\"{ 'e-num': c.numeric, 'e-center': c.align === 'center', 'e-sticky': stick(i) }\"\n                  :style=\"stickStyle(i)\"\n                >\n                  <slot :name=\"`cell-${c.key}`\" v-bind=\"cellProps(row, c)\">{{ row.original[c.key] }}</slot>\n                </td>\n              </tr>\n              <tr\n                v-if=\"vopt && spaceBottom > 0\"\n                aria-hidden=\"true\"\n                class=\"e-spacer\"\n                :style=\"{ height: `${spaceBottom}px` }\"\n              >\n                <td :colspan=\"colCount\" />\n              </tr>\n            </template>\n          </tbody>\n        </table>\n      </div>\n      <div v-if=\"!plain\" class=\"e-grid-foot\">\n        <span class=\"e-grid-range\">{{\n          total === 0\n            ? t(\"rows\", { n: 0 })\n            : vopt || pageSize === 0\n              ? t(\"rows\", { n: total })\n              : t(\"showing\", { from, to, total })\n        }}</span>\n        <EPagination\n          v-if=\"pageSize > 0 && pages > 1\"\n          :model-value=\"cur\"\n          :page-count=\"pages\"\n          @update:model-value=\"page = $event\"\n        />\n      </div>\n      <span class=\"e-sr\" role=\"status\" aria-live=\"polite\">{{\n        loading\n          ? t(\"loading\")\n          : (sortedCol\n              ? t(\"sortedBy\", { col: sortedCol.label, dir: t(sort?.dir === \"asc\" ? \"ascending\" : \"descending\") }) + \" \"\n              : \"\") + t(\"rowsAnnounce\", { n: total })\n      }}</span>\n    </div>\n  </div>\n</template>\n\n<style>\n@layer e.containers {\n  .e-table {\n    width: 100%;\n    border-collapse: collapse;\n    font: 400 var(--e-text-md) / 1.4 var(--e-font-sans);\n  }\n\n  .e-table th {\n    padding: var(--e-space-3) var(--e-space-4);\n    border-bottom: var(--e-stroke-card) solid var(--e-border-strong);\n    background: var(--e-surface-tint);\n    text-align: start;\n    white-space: nowrap;\n    font: 600 var(--e-text-xs) / 1.2 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--e-muted);\n  }\n\n  .e-table td {\n    padding: var(--e-space-3) var(--e-space-4);\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n    vertical-align: middle;\n  }\n\n  .e-table tbody tr:first-child td {\n    border-top: 0;\n  }\n\n  .e-table tbody tr:hover td {\n    background: var(--e-surface-tint);\n  }\n\n  .e-table .e-num {\n    text-align: end;\n    font-family: var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n\n  .e-table th.e-num {\n    font-family: var(--e-font-mono);\n  }\n\n  .e-table .e-center {\n    text-align: center;\n  }\n\n  .e-skel {\n    display: block;\n    height: 14px;\n    border-radius: var(--e-radius-sm);\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border);\n    animation: e-pulse 1.4s ease-in-out infinite;\n  }\n\n  @keyframes e-pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-skel {\n      animation: none;\n    }\n  }\n\n  .e-grid {\n    isolation: isolate;\n    border-radius: var(--e-radius-md);\n    min-width: 0;\n  }\n\n  .e-grid-frame::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: var(--e-z-sticky);\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--e-stroke-card) var(--e-border);\n    pointer-events: none;\n  }\n\n  .e-grid-frame {\n    position: relative;\n    overflow: hidden;\n    border-radius: inherit;\n    background: var(--e-surface);\n  }\n\n  .e-grid-bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-grid-search {\n    flex: 1 1 10rem;\n    max-width: 24rem;\n  }\n\n  .e-grid-search .e-input {\n    padding-inline-start: var(--e-space-2);\n  }\n\n  .e-grid-picked {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-3);\n  }\n\n  .e-grid-count {\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.04em;\n  }\n\n  .e-grid-tools {\n    margin-inline-start: auto;\n    display: flex;\n    gap: var(--e-space-2);\n  }\n\n  .e-grid-scroll {\n    overflow: auto;\n    max-height: var(--e-grid-max-h, none);\n  }\n\n  .e-grid-scroll:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  .e-gridtable {\n    border-radius: 0;\n    box-shadow: none;\n    min-width: var(--e-grid-min-w, 0);\n  }\n\n  .e-gridtable thead th {\n    position: sticky;\n    top: 0;\n    z-index: var(--e-z-raised);\n    height: 45px;\n    box-sizing: border-box;\n  }\n\n  .e-gridtable th[aria-sort=\"ascending\"],\n  .e-gridtable th[aria-sort=\"descending\"] {\n    color: var(--e-ink);\n  }\n\n  .e-sortbtn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    min-height: var(--e-control-height);\n    padding: 4px 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    letter-spacing: inherit;\n    text-transform: inherit;\n    cursor: pointer;\n  }\n\n  .e-sortbtn:hover {\n    color: var(--e-ink);\n  }\n\n  .e-sortbtn:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-gridtable .e-cell-check {\n    width: 52px;\n    padding-inline-end: 0;\n    vertical-align: middle;\n  }\n\n  .e-gridtable tbody tr[data-selected] td {\n    background: var(--e-surface-tint);\n  }\n\n  .e-gridtable tbody tr[data-selected]:hover td {\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 0 transparent;\n  }\n\n  .e-table td.e-grid-empty {\n    padding: 0;\n  }\n\n  .e-grid-foot {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-grid-range {\n    font: 500 var(--e-text-xs) / 1.2 var(--e-font-mono);\n    color: var(--e-muted);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-grid-foot .e-pager {\n    justify-content: flex-end;\n  }\n\n  .e-filterrow td {\n    padding: var(--e-space-1) var(--e-space-3);\n    background: var(--e-surface);\n    border-bottom: var(--e-stroke-card) solid var(--e-border-strong);\n    border-top: 0;\n    position: sticky;\n    top: 45px;\n    z-index: var(--e-z-raised);\n  }\n\n  .e-filterrow .e-input {\n    height: var(--e-control-height);\n    font-size: var(--e-text-md);\n    padding-inline: var(--e-space-3);\n  }\n\n  .e-filterrow .e-sel-trigger {\n    height: var(--e-control-height);\n    padding-inline-end: var(--e-space-2);\n  }\n\n  .e-filter-range {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--e-space-1);\n  }\n\n  .e-gridtable thead th,\n  .e-gridtable thead td {\n    white-space: nowrap;\n  }\n\n  .e-resizer {\n    position: absolute;\n    top: 0;\n    inset-inline-end: -12px;\n    z-index: var(--e-z-raised);\n    width: 24px;\n    height: 100%;\n    cursor: col-resize;\n    touch-action: none;\n  }\n\n  .e-resizer::before {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline: -10px;\n  }\n\n  .e-resizer::after {\n    content: \"\";\n    position: absolute;\n    top: 22%;\n    inset-inline-start: 11px;\n    width: 1px;\n    height: 56%;\n    background: var(--e-border-strong);\n    transition: width var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-resizer:hover::after,\n  .e-resizer:focus-visible::after {\n    inset-inline-start: 10px;\n    width: 3px;\n    background: var(--e-primary);\n    border-radius: 2px;\n  }\n\n  .e-resizer:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-gridtable[style*=\"table-layout\"] td,\n  .e-gridtable[style*=\"table-layout\"] th {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .e-gridtable .e-sticky {\n    position: sticky;\n    z-index: var(--e-z-raised);\n    box-shadow: inset -1px 0 0 var(--e-border);\n  }\n\n  .e-gridtable thead th.e-sticky {\n    z-index: var(--e-z-sticky);\n    background: var(--e-surface-tint);\n  }\n\n  .e-gridtable tbody td.e-sticky {\n    background: var(--e-surface);\n  }\n\n  .e-gridtable tbody tr:hover td.e-sticky {\n    background: var(--e-surface-tint);\n  }\n\n  .e-gridtable tbody tr[data-selected] td.e-sticky {\n    background: var(--e-surface-tint);\n  }\n\n  .e-gridtable--virtual td {\n    height: var(--e-row-h);\n    padding-block: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .e-spacer td {\n    padding: 0;\n    border: 0;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-resizer::after {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-grid-scroll {\n      overflow: visible;\n      max-height: none;\n    }\n  }\n\n  .e-grid--cards {\n    container-type: inline-size;\n  }\n\n  .e-grid-sortsel {\n    display: none;\n    min-width: 11rem;\n  }\n\n  .e-grid-bar--sortonly {\n    display: none;\n  }\n\n  @container (max-width: 40rem) {\n    .e-grid-sortsel {\n      display: block;\n      flex: 1 1 11rem;\n    }\n\n    .e-grid-bar--sortonly {\n      display: flex;\n    }\n\n    .e-grid--cards .e-grid-scroll {\n      overflow: visible;\n      max-height: none;\n    }\n\n    .e-grid--cards .e-gridtable,\n    .e-grid--cards .e-gridtable tbody {\n      display: block;\n      min-width: 0;\n      width: 100%;\n    }\n\n    .e-grid--cards .e-gridtable thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      overflow: hidden;\n      /* stylelint-disable-next-line property-no-deprecated -- clip hides text visually */\n      clip: rect(0 0 0 0);\n      white-space: nowrap;\n    }\n\n    .e-grid--cards .e-grid-frame {\n      overflow: visible;\n      background: transparent;\n    }\n\n    .e-grid--cards .e-grid-frame::after {\n      content: none;\n    }\n\n    .e-grid--cards .e-gridtable tbody tr {\n      display: block;\n      margin: 0 0 var(--e-space-3);\n      padding: var(--e-space-1) var(--e-space-4);\n      border-radius: var(--e-radius-md);\n      background: var(--e-surface);\n      box-shadow: var(--e-edge);\n    }\n\n    .e-grid--cards .e-gridtable tbody tr:hover td {\n      background: transparent;\n    }\n\n    .e-grid--cards .e-gridtable tbody tr[data-selected] {\n      background: var(--e-surface-tint);\n    }\n\n    .e-grid--cards .e-gridtable tbody tr[data-selected] td {\n      background: transparent;\n    }\n\n    .e-grid--cards .e-gridtable td {\n      display: grid;\n      grid-template-columns: minmax(5rem, 38%) minmax(0, 1fr);\n      gap: var(--e-space-3);\n      align-items: baseline;\n      padding: var(--e-space-2) 0;\n      border-top: var(--e-stroke-hair) solid var(--e-border);\n      overflow: visible;\n      white-space: normal;\n      text-align: start;\n    }\n\n    .e-grid--cards .e-gridtable tbody tr:first-child td:not(:first-child) {\n      border-top: var(--e-stroke-hair) solid var(--e-border);\n    }\n\n    .e-grid--cards .e-gridtable tbody td:first-child {\n      border-top: 0;\n    }\n\n    .e-grid--cards .e-gridtable td::before {\n      content: attr(data-label);\n      font: 600 var(--e-text-xs) / 1.3 var(--e-font-mono);\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--e-muted);\n    }\n\n    .e-grid--cards .e-gridtable td.e-cell-check {\n      display: flex;\n      width: auto;\n      padding: var(--e-space-2) 0;\n    }\n\n    .e-grid--cards .e-gridtable td.e-cell-check::before {\n      content: none;\n    }\n\n    .e-grid--cards .e-gridtable .e-sticky {\n      position: static;\n      box-shadow: none;\n    }\n\n    .e-grid--cards .e-gridtable .e-num {\n      text-align: start;\n    }\n\n    .e-grid--cards .e-gridtable .e-grid-empty {\n      display: block;\n    }\n\n    .e-grid--cards .e-gridtable .e-grid-empty::before {\n      content: none;\n    }\n\n    .e-grid--cards .e-filterrow {\n      display: none;\n    }\n\n    .e-grid--cards .e-gridtable[style*=\"table-layout\"] td {\n      overflow: visible;\n      text-overflow: clip;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/DataGrid/EDataGridResizer.js

@@ -0,0 +1,7 @@
+import e from "./EDataGridResizer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/DataGrid/EDataGridResizer.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDataGridResizer.js.map

package/dist/components/DataGrid/EDataGridResizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDataGridResizer.js","names":["_sfc_main","EDataGridResizer_vue_vue_type_script_setup_true_lang_default","EDataGridResizer_default"],"sources":["../../../src/components/DataGrid/EDataGridResizer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The column's label, for the accessible name. */\n  label: string;\n  /** The width the person set, in pixels, or nothing while the browser sizes the column. */\n  width: number | undefined;\n  /** The least width in pixels. */\n  min: number;\n}>();\n\nconst emit = defineEmits<{\n  /** The person chose a width in pixels. */\n  resize: [px: number];\n  /** The person asked for the automatic width again. */\n  reset: [];\n}>();\n\nconst t = useMessages();\nconst el = ref<HTMLElement | null>(null);\nconst measured = ref(props.min);\n\nconst cellWidth = () => el.value?.parentElement?.getBoundingClientRect().width ?? props.min;\nconst sign = () => (el.value && getComputedStyle(el.value).direction === \"rtl\" ? -1 : 1);\n\nonMounted(() => (measured.value = Math.round(cellWidth())));\n\nfunction onDown(e: PointerEvent) {\n  e.preventDefault();\n  const startX = e.clientX;\n  const startW = cellWidth();\n  const dir = sign();\n  function move(ev: PointerEvent) {\n    emit(\"resize\", Math.max(props.min, Math.round(startW + (ev.clientX - startX) * dir)));\n  }\n  function up() {\n    window.removeEventListener(\"pointermove\", move);\n    window.removeEventListener(\"pointerup\", up);\n    document.body.style.cursor = \"\";\n    measured.value = Math.round(cellWidth());\n  }\n  document.body.style.cursor = \"col-resize\";\n  window.addEventListener(\"pointermove\", move);\n  window.addEventListener(\"pointerup\", up);\n}\n\nfunction onKey(e: KeyboardEvent) {\n  const step = e.shiftKey ? 40 : 10;\n  const dir = sign();\n  if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n    e.preventDefault();\n    const grow = (e.key === \"ArrowRight\" ? 1 : -1) * dir;\n    const next = Math.max(props.min, Math.round(cellWidth()) + grow * step);\n    measured.value = next;\n    emit(\"resize\", next);\n  } else if (e.key === \"Home\" || e.key === \"Escape\") {\n    e.preventDefault();\n    emit(\"reset\");\n  }\n}\n\nfunction onReset() {\n  emit(\"reset\");\n}\n</script>\n\n<template>\n  <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n  <span\n    ref=\"el\"\n    class=\"e-resizer\"\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    tabindex=\"0\"\n    :aria-label=\"t('resizeCol', { col: label })\"\n    :aria-valuenow=\"Math.round(width ?? measured)\"\n    :aria-valuemin=\"min\"\n    @pointerdown=\"onDown\"\n    @keydown=\"onKey\"\n    @focus=\"measured = Math.round(cellWidth())\"\n    @dblclick=\"onReset\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/DataGrid/EDataGridResizer.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** The column's label, for the accessible name. */
+    label: string;
+    /** The width the person set, in pixels, or nothing while the browser sizes the column. */
+    width: number | undefined;
+    /** The least width in pixels. */
+    min: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: () => any;
+    resize: (px: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onResize?: ((px: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DataGrid/EDataGridResizer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import { createElementBlock as t, defineComponent as n, onMounted as r, openBlock as i, ref as a, unref as o } from "vue";
+//#region src/components/DataGrid/EDataGridResizer.vue?vue&type=script&setup=true&lang.ts
+var s = [
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuemin"
+], c = /*@__PURE__*/ n({
+	__name: "EDataGridResizer",
+	props: {
+		label: {},
+		width: {},
+		min: {}
+	},
+	emits: ["resize", "reset"],
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = e(), f = a(null), p = a(l.min), m = () => f.value?.parentElement?.getBoundingClientRect().width ?? l.min, h = () => f.value && getComputedStyle(f.value).direction === "rtl" ? -1 : 1;
+		r(() => p.value = Math.round(m()));
+		function g(e) {
+			e.preventDefault();
+			let t = e.clientX, n = m(), r = h();
+			function i(e) {
+				u("resize", Math.max(l.min, Math.round(n + (e.clientX - t) * r)));
+			}
+			function a() {
+				window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), document.body.style.cursor = "", p.value = Math.round(m());
+			}
+			document.body.style.cursor = "col-resize", window.addEventListener("pointermove", i), window.addEventListener("pointerup", a);
+		}
+		function _(e) {
+			let t = e.shiftKey ? 40 : 10, n = h();
+			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+				e.preventDefault();
+				let r = (e.key === "ArrowRight" ? 1 : -1) * n, i = Math.max(l.min, Math.round(m()) + r * t);
+				p.value = i, u("resize", i);
+			} else (e.key === "Home" || e.key === "Escape") && (e.preventDefault(), u("reset"));
+		}
+		function v() {
+			u("reset");
+		}
+		return (e, r) => (i(), t("span", {
+			ref_key: "el",
+			ref: f,
+			class: "e-resizer",
+			role: "separator",
+			"aria-orientation": "vertical",
+			tabindex: "0",
+			"aria-label": o(d)("resizeCol", { col: n.label }),
+			"aria-valuenow": Math.round(n.width ?? p.value),
+			"aria-valuemin": n.min,
+			onPointerdown: g,
+			onKeydown: _,
+			onFocus: r[0] ||= (e) => p.value = Math.round(m()),
+			onDblclick: v
+		}, null, 40, s));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=EDataGridResizer.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/DataGrid/EDataGridResizer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDataGridResizer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_hoisted_1","EDataGridResizer_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useMessages","el","ref","measured","cellWidth","sign","onDown","startX","startW","dir","move","ev","up","onKey","step","grow","next","onReset","openBlock","createElementBlock","unref","_cache"],"sources":["../../../src/components/DataGrid/EDataGridResizer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The column's label, for the accessible name. */\n  label: string;\n  /** The width the person set, in pixels, or nothing while the browser sizes the column. */\n  width: number | undefined;\n  /** The least width in pixels. */\n  min: number;\n}>();\n\nconst emit = defineEmits<{\n  /** The person chose a width in pixels. */\n  resize: [px: number];\n  /** The person asked for the automatic width again. */\n  reset: [];\n}>();\n\nconst t = useMessages();\nconst el = ref<HTMLElement | null>(null);\nconst measured = ref(props.min);\n\nconst cellWidth = () => el.value?.parentElement?.getBoundingClientRect().width ?? props.min;\nconst sign = () => (el.value && getComputedStyle(el.value).direction === \"rtl\" ? -1 : 1);\n\nonMounted(() => (measured.value = Math.round(cellWidth())));\n\nfunction onDown(e: PointerEvent) {\n  e.preventDefault();\n  const startX = e.clientX;\n  const startW = cellWidth();\n  const dir = sign();\n  function move(ev: PointerEvent) {\n    emit(\"resize\", Math.max(props.min, Math.round(startW + (ev.clientX - startX) * dir)));\n  }\n  function up() {\n    window.removeEventListener(\"pointermove\", move);\n    window.removeEventListener(\"pointerup\", up);\n    document.body.style.cursor = \"\";\n    measured.value = Math.round(cellWidth());\n  }\n  document.body.style.cursor = \"col-resize\";\n  window.addEventListener(\"pointermove\", move);\n  window.addEventListener(\"pointerup\", up);\n}\n\nfunction onKey(e: KeyboardEvent) {\n  const step = e.shiftKey ? 40 : 10;\n  const dir = sign();\n  if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n    e.preventDefault();\n    const grow = (e.key === \"ArrowRight\" ? 1 : -1) * dir;\n    const next = Math.max(props.min, Math.round(cellWidth()) + grow * step);\n    measured.value = next;\n    emit(\"resize\", next);\n  } else if (e.key === \"Home\" || e.key === \"Escape\") {\n    e.preventDefault();\n    emit(\"reset\");\n  }\n}\n\nfunction onReset() {\n  emit(\"reset\");\n}\n</script>\n\n<template>\n  <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n  <span\n    ref=\"el\"\n    class=\"e-resizer\"\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    tabindex=\"0\"\n    :aria-label=\"t('resizeCol', { col: label })\"\n    :aria-valuenow=\"Math.round(width ?? measured)\"\n    :aria-valuemin=\"min\"\n    @pointerdown=\"onDown\"\n    @keydown=\"onKey\"\n    @focus=\"measured = Math.round(cellWidth())\"\n    @dblclick=\"onReset\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAKA,IAAMM,IAAQC,GASRC,IAAOH,GAOPI,IAAIC,EAAY,GAChBC,IAAKC,EAAwB,IAAI,GACjCC,IAAWD,EAAIN,EAAM,GAAG,GAExBQ,UAAkBH,EAAG,OAAO,eAAe,sBAAsB,CAAC,CAAC,SAASL,EAAM,KAClFS,UAAcJ,EAAG,SAAS,iBAAiBA,EAAG,KAAK,CAAC,CAAC,cAAc,QAAQ,KAAK;EAEtF,QAAiB,EAAS,QAAQ,KAAK,MAAMG,EAAU,CAAC,CAAE;EAE1D,SAASE,EAAO,GAAiB;GAC/B,EAAE,eAAe;GACjB,IAAMC,IAAS,EAAE,SACXC,IAASJ,EAAU,GACnBK,IAAMJ,EAAK;GACjB,SAASK,EAAK,GAAkB;IAC9B,EAAK,UAAU,KAAK,IAAId,EAAM,KAAK,KAAK,MAAMY,KAAUG,EAAG,UAAUJ,KAAUE,CAAG,CAAC,CAAC;GACtF;GACA,SAASG,IAAK;IAIZ,AAHA,OAAO,oBAAoB,eAAeF,CAAI,GAC9C,OAAO,oBAAoB,aAAaE,CAAE,GAC1C,SAAS,KAAK,MAAM,SAAS,IAC7B,EAAS,QAAQ,KAAK,MAAMR,EAAU,CAAC;GACzC;GAGA,AAFA,SAAS,KAAK,MAAM,SAAS,cAC7B,OAAO,iBAAiB,eAAeM,CAAI,GAC3C,OAAO,iBAAiB,aAAaE,CAAE;EACzC;EAEA,SAASC,EAAM,GAAkB;GAC/B,IAAMC,IAAO,EAAE,WAAW,KAAK,IACzBL,IAAMJ,EAAK;GACjB,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,cAAc;IACnD,EAAE,eAAe;IACjB,IAAMU,KAAQ,EAAE,QAAQ,eAAe,IAAI,MAAMN,GAC3CO,IAAO,KAAK,IAAIpB,EAAM,KAAK,KAAK,MAAMQ,EAAU,CAAC,IAAIW,IAAOD,CAAI;IAEtE,AADA,EAAS,QAAQE,GACjBlB,EAAK,UAAUkB,CAAI;GACrB,OAAO,CAAI,EAAE,QAAQ,UAAU,EAAE,QAAQ,cACvC,EAAE,eAAe,GACjBlB,EAAK,OAAO;EAEhB;EAEA,SAASmB,IAAU;GACjB,EAAK,OAAO;EACd;E,kBAKE3B,EAAA,GAAAC,EAaE,QAAA;GAZI,SAAA;GAAJ,KAAIU;GACJ,OAAM;GACN,MAAK;GACL,oBAAiB;GACjB,UAAS;GACR,cAAYT,EAAAO,CAAA,CAAC,CAAA,aAAA,EAAA,KAAqBF,EAAA,MAAK,CAAA;GACvC,iBAAe,KAAK,MAAMA,EAAA,SAASM,EAAA,KAAQ;GAC3C,iBAAeN,EAAA;GACf,eAAaS;GACb,WAASO;GACT,SAAK,AAAAQ,EAAA,QAAA,MAAE,EAAA,QAAW,KAAK,MAAMjB,EAAS,CAAA;GACtC,YAAUa"}

package/dist/components/DataGrid/grid.d.ts

@@ -0,0 +1,11 @@
+import { DataGridColumn, DataGridFilterValue, DataGridRow } from './types.js';
+/** What a column shows to sort, filter and search on: `value(row)`, or `row[key]`. */
+export declare function cellValue<Row extends DataGridRow>(row: Row, col: DataGridColumn<Row>): unknown;
+/** Numbers and dates by size, anything else by text in natural order. Missing values go last. */
+export declare function compareValues(a: unknown, b: unknown): number;
+/** A width in pixels from a number or a "120px" string; nothing for any other unit. */
+export declare function parsePx(w: number | string | undefined): number | null;
+/** Whether a filter holds something to filter by. */
+export declare function filterActive(f: DataGridFilterValue | undefined): boolean;
+/** Whether a cell value passes a column's filter. */
+export declare function passesFilter<Row extends DataGridRow>(col: DataGridColumn<Row>, value: unknown, f: DataGridFilterValue): boolean;

package/dist/components/DataGrid/grid.js

@@ -0,0 +1,28 @@
+//#region src/components/DataGrid/grid.ts
+function e(e, t) {
+	return t.value ? t.value(e) : e[t.key];
+}
+function t(e, t) {
+	return e == null && t == null ? 0 : e == null ? 1 : t == null ? -1 : typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t), void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+}
+function n(e) {
+	return typeof e == "number" ? e : typeof e == "string" && /px$/.test(e) ? parseFloat(e) : null;
+}
+function r(e) {
+	return e == null || e === "" ? !1 : typeof e != "object" || e.min !== "" && e.min != null || e.max !== "" && e.max != null;
+}
+function i(e, t, n) {
+	if (e.filter?.type === "select") return String(t) === String(n);
+	if (e.filter?.type === "number" && typeof n == "object") {
+		let e = Number(t);
+		return !(n.min !== "" && n.min != null && e < Number(n.min) || n.max !== "" && n.max != null && e > Number(n.max));
+	}
+	return String(t ?? "").toLowerCase().includes(String(n).toLowerCase());
+}
+//#endregion
+export { e as cellValue, t as compareValues, r as filterActive, n as parsePx, i as passesFilter };
+
+//# sourceMappingURL=grid.js.map

package/dist/components/DataGrid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":["cellValue","col","row","compareValues","a","b","parsePx","w","filterActive","f","passesFilter","value","n"],"sources":["../../../src/components/DataGrid/grid.ts"],"sourcesContent":["import type { DataGridColumn, DataGridFilterValue, DataGridRow } from \"./types.js\";\n\n/** What a column shows to sort, filter and search on: `value(row)`, or `row[key]`. */\nexport function cellValue<Row extends DataGridRow>(row: Row, col: DataGridColumn<Row>): unknown {\n  return col.value ? col.value(row) : row[col.key];\n}\n\n/** Numbers and dates by size, anything else by text in natural order. Missing values go last. */\nexport function compareValues(a: unknown, b: unknown): number {\n  if (a == null && b == null) return 0;\n  if (a == null) return 1;\n  if (b == null) return -1;\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: \"base\" });\n}\n\n/** A width in pixels from a number or a \"120px\" string; nothing for any other unit. */\nexport function parsePx(w: number | string | undefined): number | null {\n  if (typeof w === \"number\") return w;\n  if (typeof w === \"string\" && /px$/.test(w)) return parseFloat(w);\n  return null;\n}\n\n/** Whether a filter holds something to filter by. */\nexport function filterActive(f: DataGridFilterValue | undefined): boolean {\n  if (f == null || f === \"\") return false;\n  if (typeof f === \"object\") return !((f.min === \"\" || f.min == null) && (f.max === \"\" || f.max == null));\n  return true;\n}\n\n/** Whether a cell value passes a column's filter. */\nexport function passesFilter<Row extends DataGridRow>(\n  col: DataGridColumn<Row>,\n  value: unknown,\n  f: DataGridFilterValue,\n): boolean {\n  if (col.filter?.type === \"select\") return String(value) === String(f);\n  if (col.filter?.type === \"number\" && typeof f === \"object\") {\n    const n = Number(value);\n    if (f.min !== \"\" && f.min != null && n < Number(f.min)) return false;\n    if (f.max !== \"\" && f.max != null && n > Number(f.max)) return false;\n    return true;\n  }\n  return String(value == null ? \"\" : value)\n    .toLowerCase()\n    .includes(String(f).toLowerCase());\n}\n"],"mappings":";AAGA,SAAgBA,EAAmC,GAAU,GAAmC;CAC9F,OAAOC,EAAI,QAAQA,EAAI,MAAMC,CAAG,IAAIA,EAAID,EAAI;AAC9C;AAGA,SAAgBE,EAAc,GAAY,GAAoB;CAM5D,OALIC,KAAK,QAAQC,KAAK,OAAa,IAC/BD,KAAK,OAAa,IAClBC,KAAK,OAAa,KAClB,OAAOD,KAAM,YAAY,OAAOC,KAAM,WAAiBD,IAAIC,IAC3DD,aAAa,QAAQC,aAAa,OAAaD,EAAE,QAAQ,IAAIC,EAAE,QAAQ,IACpE,OAAOD,CAAC,CAAC,CAAC,cAAc,OAAOC,CAAC,GAAG,KAAA,GAAW;EAAE,SAAS;EAAM,aAAa;CAAO,CAAC;AAC7F;AAGA,SAAgBC,EAAQ,GAA+C;CAGrE,OAFI,OAAOC,KAAM,WAAiBA,IAC9B,OAAOA,KAAM,YAAY,MAAM,KAAKA,CAAC,IAAU,WAAWA,CAAC,IACxD;AACT;AAGA,SAAgBC,EAAa,GAA6C;CAGxE,OAFIC,KAAK,QAAQA,MAAM,KAAW,KAC9B,OAAOA,KAAM,YAAoBA,EAAE,QAAQ,MAAMA,EAAE,OAAO,QAAUA,EAAE,QAAQ,MAAMA,EAAE,OAAO;AAEnG;AAGA,SAAgBC,EACd,GACA,GACA,GACS;CACT,IAAIT,EAAI,QAAQ,SAAS,UAAU,OAAO,OAAOU,CAAK,MAAM,OAAOF,CAAC;CACpE,IAAIR,EAAI,QAAQ,SAAS,YAAY,OAAOQ,KAAM,UAAU;EAC1D,IAAMG,IAAI,OAAOD,CAAK;EAGtB,OADA,EADIF,EAAE,QAAQ,MAAMA,EAAE,OAAO,QAAQG,IAAI,OAAOH,EAAE,GAAG,KACjDA,EAAE,QAAQ,MAAMA,EAAE,OAAO,QAAQG,IAAI,OAAOH,EAAE,GAAG;CAEvD;CACA,OAAO,OAAOE,KAAgB,EAAU,CAAC,CACtC,YAAY,CAAC,CACb,SAAS,OAAOF,CAAC,CAAC,CAAC,YAAY,CAAC;AACrC"}

package/dist/components/DataGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EDataGrid } from './EDataGrid.vue.js';
+export type { DataGridColumn, DataGridFilter, DataGridFilterValue, DataGridQuery, DataGridRow, DataGridSort, DataGridVirtual, } from './types.js';

package/dist/components/DataGrid/types.d.ts

@@ -0,0 +1,66 @@
+import { EOptionInput } from '../Select/options.js';
+/** A row: any object with a unique `id`. */
+export type DataGridRow = {
+    id: string | number;
+} & Record<string, any>;
+/** What a column filters on: free text, a choice from a list, or a minimum and maximum. */
+export type DataGridFilter = {
+    type: "text";
+} | {
+    type: "select";
+    options: readonly EOptionInput[];
+} | {
+    type: "number";
+};
+/** What a filter holds: text for `text` and `select`, `{ min, max }` (strings, either may be empty) for `number`. */
+export type DataGridFilterValue = string | {
+    min: string;
+    max: string;
+};
+/** One column of a DataGrid. */
+export interface DataGridColumn<Row = DataGridRow> {
+    /** Identifies the column; the default cell shows `row[key]`. */
+    key: string;
+    /** The heading, also the label of each cell on a phone and the name of the column's controls. */
+    label: string;
+    /** The heading becomes a button that cycles ascending, descending, off. */
+    sortable?: boolean;
+    /** Right-aligned, monospaced figures. */
+    numeric?: boolean;
+    /** Centre the column. */
+    align?: "center";
+    /** A width in pixels (a number, or a string ending in `px`). Setting any width makes the table layout fixed. */
+    width?: number | string;
+    /** The least width, in pixels, the column can be dragged to. Default 72. */
+    minWidth?: number;
+    /** Set to `false` to take this column out of resizing. */
+    resizable?: boolean;
+    /** What the column sorts, filters and searches on, when it is not `row[key]` (a cell that shows a node, a date). */
+    value?: (row: Row) => string | number | Date | null | undefined;
+    /** A filter in the filter row (shown when the grid is `filterable`). */
+    filter?: DataGridFilter;
+}
+/** The column being sorted and the direction. */
+export interface DataGridSort {
+    key: string;
+    dir: "asc" | "desc";
+}
+/** Everything that decides which rows a server should send. */
+export interface DataGridQuery {
+    sort: DataGridSort | null;
+    /** From 1. */
+    page: number;
+    /** 0 when the grid does not page (virtual rows). */
+    pageSize: number;
+    search: string;
+    filters: Record<string, DataGridFilterValue>;
+}
+/** Options for `virtual`. */
+export interface DataGridVirtual {
+    /** Height of every row in pixels. Default 48. */
+    rowHeight?: number;
+    /** Height of the scrolling area in pixels. Default 440. */
+    height?: number;
+    /** Rows rendered beyond the edges of the scrolling area. Default 8. */
+    overscan?: number;
+}

package/dist/components/DatePicker/EDatePicker.js

@@ -0,0 +1,7 @@
+import e from "./EDatePicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/DatePicker/EDatePicker.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDatePicker.js.map

package/dist/components/DatePicker/EDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDatePicker.js","names":["_sfc_main","EDatePicker_vue_vue_type_script_setup_true_lang_default","EDatePicker_default"],"sources":["../../../src/components/DatePicker/EDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from \"vue\";\nimport { PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from \"reka-ui\";\nimport ECalendar from \"../Calendar/ECalendar.vue\";\nimport EField from \"../Field/EField.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { compareDays, isoDate, sameDay } from \"../Calendar/dates.js\";\nimport { useConfig, useMessages, usePortalTarget } from \"../../config.js\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport { useQuietFocus } from \"../Select/quietFocus.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\nimport \"../TextField/input.css\";\nimport \"../Combobox/combo.css\";\nimport \"./picker.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** The visible label, a mono kicker above the field. */\n  label: string;\n  /** Keep the label for screen readers and remove it from the page. */\n  hideLabel?: boolean;\n  /** Help that stays under the field. */\n  hint?: string;\n  /** What to fix. Replaces the hint and marks the field invalid. A typed date that cannot be used shows its own error. */\n  error?: string;\n  /** A word beside the label. */\n  required?: boolean;\n  /** A word beside the label. Flag whichever is rarer. */\n  optional?: boolean;\n  disabled?: boolean;\n  /** The earliest date that can be chosen or typed. */\n  min?: Date;\n  /** The latest date that can be chosen or typed. */\n  max?: Date;\n  /** Submits the date as `YYYY-MM-DD` with a form. */\n  name?: string;\n  /** The id of the text box; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<Date | null>({ default: null });\n\nconst t = useMessages();\nconst config = useConfig();\nconst loc = useLocale();\nconst portal = usePortalTarget();\nconst attrs = useFieldAttrs();\n\nconst input = ref<HTMLInputElement | null>(null);\nconst calendar = ref<InstanceType<typeof ECalendar> | null>(null);\nconst open = defineModel<boolean>(\"open\", { default: false });\nconst shown = computed(() => open.value && !props.disabled);\nconst quiet = useQuietFocus(shown, (el) => !!el.closest(\".e-calpanel, .e-combo\"));\nconst trigger = { onClick: quiet.intent, onKeydown: quiet.intent };\n\nconst text = ref(loc.formatDate(model.value));\nconst typedError = ref(\"\");\nlet outside = false;\n\nwatch([() => model.value?.getTime(), () => config.locale], () => {\n  text.value = loc.formatDate(model.value);\n});\nwatch(open, (isOpen) => {\n  if (isOpen) outside = false;\n});\n\nconst shownError = computed(() => props.error || typedError.value);\n\nfunction set(d: Date | null) {\n  model.value = d;\n  text.value = loc.formatDate(d);\n  typedError.value = \"\";\n}\n\nfunction commit() {\n  const raw = text.value.trim();\n  if (!raw) {\n    typedError.value = \"\";\n    if (model.value) model.value = null;\n    return;\n  }\n  const d = loc.parseDate(raw);\n  if (!d || (props.min && compareDays(d, props.min) < 0) || (props.max && compareDays(d, props.max) > 0)) {\n    typedError.value = d\n      ? t(\"dateBetween\", { min: loc.formatDate(props.min || d), max: loc.formatDate(props.max || d) })\n      : t(\"dateError\", { format: loc.dateFormatLabel() });\n    return;\n  }\n  typedError.value = \"\";\n  text.value = loc.formatDate(d);\n  if (!sameDay(d, model.value)) model.value = d;\n}\n\nfunction onKey(e: KeyboardEvent) {\n  if (e.key === \"Enter\") commit();\n  else if (e.key === \"ArrowDown\" && e.altKey && !props.disabled) {\n    e.preventDefault();\n    quiet.intent();\n    open.value = true;\n  }\n}\n\nfunction choose(d: Date | null) {\n  if (!d) return;\n  set(d);\n  open.value = false;\n}\nfunction clear() {\n  set(null);\n  open.value = false;\n}\n\nfunction onOpenFocus(e: Event) {\n  e.preventDefault();\n  if (!quiet.personOpened()) return;\n  void nextTick(() => calendar.value?.focusDay());\n}\nfunction onCloseFocus(e: Event) {\n  e.preventDefault();\n  if (!quiet.returnsFocus()) return;\n  if (!outside) input.value?.focus();\n}\nfunction onEscape(e: KeyboardEvent) {\n  if (calendar.value && calendar.value.view !== \"days\") e.preventDefault();\n}\n\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input e-combo-input\",\n    type: \"text\",\n    inputmode: \"numeric\" as const,\n    autocomplete: \"off\",\n    placeholder: loc.dateFormatLabel(),\n    value: text.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\n\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"shownError\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <PopoverRoot :open=\"shown\" @update:open=\"open = $event\">\n        <PopoverAnchor as-child>\n          <div\n            class=\"e-input-wrap e-combo\"\n            :data-invalid=\"shownError ? '' : undefined\"\n            :data-disabled=\"disabled ? '' : undefined\"\n          >\n            <input\n              ref=\"input\"\n              v-bind=\"inputBind(field)\"\n              @input=\"\n                text = ($event.target as HTMLInputElement).value;\n                typedError = '';\n              \"\n              @blur=\"commit\"\n              @keydown=\"onKey\"\n            />\n            <input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"isoDate(model)\" />\n            <PopoverTrigger as-child v-bind=\"trigger\">\n              <button type=\"button\" class=\"e-combo-btn\" :aria-label=\"t('chooseDate')\" :disabled=\"disabled\">\n                <EIcon name=\"calendar\" />\n              </button>\n            </PopoverTrigger>\n          </div>\n        </PopoverAnchor>\n        <PopoverPortal :to=\"portal\">\n          <PopoverContent\n            class=\"e-calpanel e-root\"\n            :aria-label=\"t('chooseDate')\"\n            :dir=\"config.dir ?? undefined\"\n            side=\"bottom\"\n            align=\"start\"\n            :side-offset=\"6\"\n            :collision-padding=\"8\"\n            @open-auto-focus=\"onOpenFocus\"\n            @close-auto-focus=\"onCloseFocus\"\n            @interact-outside=\"outside = true\"\n            @escape-key-down=\"onEscape\"\n          >\n            <ECalendar\n              ref=\"calendar\"\n              :model-value=\"model\"\n              :min=\"min\"\n              :max=\"max\"\n              @update:model-value=\"choose\"\n              @clear=\"clear\"\n            />\n          </PopoverContent>\n        </PopoverPortal>\n      </PopoverRoot>\n    </template>\n  </EField>\n</template>\n"],"mappings":""}

package/dist/components/DatePicker/EDatePicker.vue.d.ts

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    /** The visible label, a mono kicker above the field. */
+    label: string;
+    /** Keep the label for screen readers and remove it from the page. */
+    hideLabel?: boolean;
+    /** Help that stays under the field. */
+    hint?: string;
+    /** What to fix. Replaces the hint and marks the field invalid. A typed date that cannot be used shows its own error. */
+    error?: string;
+    /** A word beside the label. */
+    required?: boolean;
+    /** A word beside the label. Flag whichever is rarer. */
+    optional?: boolean;
+    disabled?: boolean;
+    /** The earliest date that can be chosen or typed. */
+    min?: Date;
+    /** The latest date that can be chosen or typed. */
+    max?: Date;
+    /** Submits the date as `YYYY-MM-DD` with a form. */
+    name?: string;
+    /** The id of the text box; the label points at it. Generated when left out. */
+    id?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: Date | null;
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    focus: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:modelValue": (value: Date | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;