foldkit-mixins-data-grid 0.2.15 → 0.3.0

package/dist/slots.js

@@ -0,0 +1,289 @@
+import { Attr, Capability, Event, Slot, Slots } from "foldkit-mixins";
+// src/slots.ts
+const AriaRowCount = Attr.make("aria-rowcount");
+const AriaColCount = Attr.make("aria-colcount");
+const AriaRowIndex = Attr.make("aria-rowindex");
+const AriaColIndex = Attr.make("aria-colindex");
+const AriaActiveDescendant = Attr.make("aria-activedescendant");
+const Tabindex = Attr.make("tabindex");
+const AriaValueNow = Attr.make("aria-valuenow");
+const AriaValueMin = Attr.make("aria-valuemin");
+const AriaValueMax = Attr.make("aria-valuemax");
+const Id = Attr.make("id");
+const MouseDown = Event.make("mousedown");
+const AriaHasPopup = Attr.make("aria-haspopup");
+const geometry = [
+	"boxSizing",
+	"width",
+	"height",
+	"minWidth",
+	"maxWidth",
+	"flex",
+	"position",
+	"insetInlineStart",
+	"insetInlineEnd",
+	"top"
+];
+const GridSlots = Slots.define({
+	/** The scroll container: `role="grid"`, the one tab stop, and the keyboard. */
+	root: Slot.make({
+		capability: Capability.Focusable,
+		events: [Event.KeyDown],
+		attributes: [
+			Attr.Role,
+			Attr.AriaLabel,
+			AriaRowCount,
+			AriaColCount,
+			AriaActiveDescendant
+		],
+		protected: {
+			events: [Event.KeyDown],
+			attributes: [
+				Attr.Role,
+				Tabindex,
+				Id,
+				AriaRowCount,
+				AriaColCount,
+				AriaActiveDescendant
+			],
+			style: ["overflow", "position"]
+		}
+	}),
+	/** The header row's group; it stays at the top while the body scrolls. */
+	header: Slot.make({
+		capability: Capability.Container,
+		protected: {
+			attributes: [Attr.Role],
+			style: ["position", "top"]
+		}
+	}),
+	headerRow: Slot.make({
+		capability: Capability.Container,
+		protected: {
+			attributes: [Attr.Role, AriaRowIndex],
+			style: geometry
+		}
+	}),
+	/**
+	* One per drawn column. `data-pinned` is `start` or `end` on a pinned
+	* column; while a header is dragged it has `data-dragging` and follows the
+	* pointer by a `transform`, and the shown neighbour it would land beside
+	* has `data-drop`, `before` or `after`.
+	*/
+	headerCell: Slot.make({
+		capability: Capability.Base,
+		protected: {
+			attributes: [Attr.Role, AriaColIndex],
+			style: [...geometry, "transform"]
+		}
+	}),
+	/**
+	* A column's resize handle at its end edge: a `role="separator"` with its
+	* width as `aria-valuenow`, dragged with the pointer, or stepped with the
+	* arrow keys once focused. It is out of the tab order, so the grid stays
+	* one tab stop. Only resizable columns have one.
+	*/
+	resizeHandle: Slot.make({
+		capability: Capability.Focusable,
+		events: [Event.KeyDown],
+		protected: {
+			events: [Event.KeyDown],
+			attributes: [
+				Attr.Role,
+				Tabindex,
+				AriaValueNow,
+				AriaValueMin,
+				AriaValueMax
+			],
+			style: [
+				"position",
+				"insetInlineEnd",
+				"top",
+				"bottom"
+			]
+		}
+	}),
+	body: Slot.make({
+		capability: Capability.Container,
+		protected: {
+			attributes: [Attr.Role],
+			style: geometry
+		}
+	}),
+	/** One per drawn row; `aria-rowindex` is its place among every row, drawn or not. */
+	row: Slot.make({
+		capability: Capability.Container,
+		protected: {
+			attributes: [Attr.Role, AriaRowIndex],
+			style: geometry
+		}
+	}),
+	/** One per drawn cell; `data-focused` marks the current one, `data-pinned` a pinned one. */
+	cell: Slot.make({
+		capability: Capability.Base,
+		events: [MouseDown],
+		protected: {
+			events: [MouseDown],
+			attributes: [
+				Attr.Role,
+				Id,
+				AriaColIndex
+			],
+			style: geometry
+		}
+	}),
+	/** A row counted but not loaded yet, drawn at its height for a skeleton to style. */
+	placeholder: Slot.make({
+		capability: Capability.Base,
+		protected: { style: ["height", "width"] }
+	}),
+	/**
+	* The text field a cell is edited in, drawn in place of its content while
+	* the edit lasts; `aria-invalid` when the column refused the draft.
+	*/
+	editor: Slot.make({
+		capability: Capability.TextInput,
+		events: [
+			Event.Input,
+			Event.KeyDown,
+			Event.Blur
+		],
+		protected: { events: [
+			Event.Input,
+			Event.KeyDown,
+			Event.Blur
+		] }
+	}),
+	/**
+	* Why the column refused a draft, shown below the field while the edit
+	* lasts; the field names it with `aria-describedby`.
+	*/
+	editorError: Slot.make({ capability: Capability.Base }),
+	/**
+	* The editor of a column whose schema's text is one of a few literals,
+	* drawn in place of the cell's content while the edit lasts, like
+	* `editor`: a `role="combobox"` showing the draft, its options in
+	* `choiceList` (or, with `choiceEditor: 'native'`, a `select`).
+	*/
+	choice: Slot.make({
+		capability: Capability.Focusable,
+		events: [
+			Event.Change,
+			Event.KeyDown,
+			Event.Blur
+		],
+		protected: {
+			events: [
+				Event.Change,
+				Event.KeyDown,
+				Event.Blur
+			],
+			attributes: [
+				Attr.Role,
+				Tabindex,
+				AriaActiveDescendant
+			]
+		}
+	}),
+	/**
+	* A choice's options, `role="listbox"`, below the cell, or above it when
+	* the cell is low in the view (`data-place="above"`).
+	*/
+	choiceList: Slot.make({
+		capability: Capability.Base,
+		protected: {
+			attributes: [Attr.Role, Id],
+			style: ["position"]
+		}
+	}),
+	/** One literal a `choice` offers: `role="option"`, `aria-selected` on the draft. */
+	choiceOption: Slot.make({
+		capability: Capability.Base,
+		events: [Event.Click],
+		protected: {
+			events: [Event.Click],
+			attributes: [Attr.Role, Id]
+		}
+	}),
+	/** Said in place of rows when there are none: empty, loading, or failed. */
+	status: Slot.make({ capability: Capability.Base }),
+	/**
+	* The button on a column's header that opens its menu, when the view is
+	* given `columnMenu`: `aria-haspopup="menu"` and `aria-expanded`, out of
+	* the tab order like the grid's other controls.
+	*/
+	menuButton: Slot.make({
+		capability: Capability.Interactive,
+		events: [Event.Click],
+		attributes: [Attr.AriaLabel],
+		protected: {
+			events: [Event.Click],
+			attributes: [
+				AriaHasPopup,
+				Attr.AriaExpanded,
+				Tabindex
+			]
+		}
+	}),
+	/**
+	* A column's open menu, below its header: a `role="menu"` that takes focus
+	* and points at its active item with `aria-activedescendant`, as the grid
+	* points at its cell. Focus leaving it closes it.
+	*/
+	menu: Slot.make({
+		capability: Capability.Focusable,
+		events: [Event.KeyDown],
+		protected: {
+			events: [Event.KeyDown],
+			attributes: [
+				Attr.Role,
+				Tabindex,
+				AriaActiveDescendant
+			],
+			style: ["position"]
+		}
+	}),
+	/** One of a menu's items; `data-active` marks the one the keyboard is on. */
+	menuItem: Slot.make({
+		capability: Capability.Base,
+		events: [Event.Click],
+		protected: {
+			events: [Event.Click],
+			attributes: [Attr.Role, Id]
+		}
+	}),
+	/**
+	* The button on a sortable column's header: a click sends its sort Message.
+	* `data-sort` is `asc` or `desc` while the column is sorted.
+	*/
+	sort: Slot.make({
+		capability: Capability.Interactive,
+		events: [Event.Click]
+	}),
+	/**
+	* The square at the end corner of the range, or of the focused cell, in a
+	* grid that edits: dragged, it fills the cells it is drawn over. Pointer
+	* only and hidden from assistive technology; Ctrl+D and Ctrl+R fill by key.
+	*/
+	fillHandle: Slot.make({
+		capability: Capability.Base,
+		protected: { style: [
+			"position",
+			"insetInlineEnd",
+			"insetBlockEnd"
+		] }
+	}),
+	/** Below the rows: a failure that left them on screen, and the More button. */
+	footer: Slot.make({ capability: Capability.Container }),
+	retry: Slot.make({
+		capability: Capability.Interactive,
+		events: [Event.Click]
+	}),
+	more: Slot.make({
+		capability: Capability.Interactive,
+		events: [Event.Click]
+	})
+});
+export { GridSlots };
+
+//# sourceMappingURL=slots.js.map

package/dist/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","names":[],"sources":["../src/slots.ts"],"sourcesContent":["import { Attr, Capability, Event, Slot, Slots } from 'foldkit-mixins'\n\nconst AriaRowCount = Attr.make('aria-rowcount')\nconst AriaColCount = Attr.make('aria-colcount')\nconst AriaRowIndex = Attr.make('aria-rowindex')\nconst AriaColIndex = Attr.make('aria-colindex')\nconst AriaActiveDescendant = Attr.make('aria-activedescendant')\nconst Tabindex = Attr.make('tabindex')\nconst AriaValueNow = Attr.make('aria-valuenow')\nconst AriaValueMin = Attr.make('aria-valuemin')\nconst AriaValueMax = Attr.make('aria-valuemax')\nconst Id = Attr.make('id')\nconst MouseDown = Event.make('mousedown')\nconst AriaHasPopup = Attr.make('aria-haspopup')\n\n// What the virtual window is worked out from: a Style that changed one of\n// these would draw rows where the window math does not think they are.\nconst geometry = [\n  'boxSizing',\n  'width',\n  'height',\n  'minWidth',\n  'maxWidth',\n  'flex',\n  'position',\n  'insetInlineStart',\n  'insetInlineEnd',\n  'top',\n]\n\nexport const GridSlots = Slots.define({\n  /** The scroll container: `role=\"grid\"`, the one tab stop, and the keyboard. */\n  root: Slot.make({\n    capability: Capability.Focusable,\n    events: [Event.KeyDown],\n    attributes: [Attr.Role, Attr.AriaLabel, AriaRowCount, AriaColCount, AriaActiveDescendant],\n    protected: {\n      events: [Event.KeyDown],\n      attributes: [Attr.Role, Tabindex, Id, AriaRowCount, AriaColCount, AriaActiveDescendant],\n      style: ['overflow', 'position'],\n    },\n  }),\n  /** The header row's group; it stays at the top while the body scrolls. */\n  header: Slot.make({\n    capability: Capability.Container,\n    protected: { attributes: [Attr.Role], style: ['position', 'top'] },\n  }),\n  headerRow: Slot.make({\n    capability: Capability.Container,\n    protected: { attributes: [Attr.Role, AriaRowIndex], style: geometry },\n  }),\n  /**\n   * One per drawn column. `data-pinned` is `start` or `end` on a pinned\n   * column; while a header is dragged it has `data-dragging` and follows the\n   * pointer by a `transform`, and the shown neighbour it would land beside\n   * has `data-drop`, `before` or `after`.\n   */\n  headerCell: Slot.make({\n    capability: Capability.Base,\n    protected: { attributes: [Attr.Role, AriaColIndex], style: [...geometry, 'transform'] },\n  }),\n  /**\n   * A column's resize handle at its end edge: a `role=\"separator\"` with its\n   * width as `aria-valuenow`, dragged with the pointer, or stepped with the\n   * arrow keys once focused. It is out of the tab order, so the grid stays\n   * one tab stop. Only resizable columns have one.\n   */\n  resizeHandle: Slot.make({\n    capability: Capability.Focusable,\n    events: [Event.KeyDown],\n    protected: {\n      events: [Event.KeyDown],\n      attributes: [Attr.Role, Tabindex, AriaValueNow, AriaValueMin, AriaValueMax],\n      style: ['position', 'insetInlineEnd', 'top', 'bottom'],\n    },\n  }),\n  body: Slot.make({\n    capability: Capability.Container,\n    protected: { attributes: [Attr.Role], style: geometry },\n  }),\n  /** One per drawn row; `aria-rowindex` is its place among every row, drawn or not. */\n  row: Slot.make({\n    capability: Capability.Container,\n    protected: { attributes: [Attr.Role, AriaRowIndex], style: geometry },\n  }),\n  /** One per drawn cell; `data-focused` marks the current one, `data-pinned` a pinned one. */\n  cell: Slot.make({\n    capability: Capability.Base,\n    events: [MouseDown],\n    protected: {\n      events: [MouseDown],\n      attributes: [Attr.Role, Id, AriaColIndex],\n      style: geometry,\n    },\n  }),\n  /** A row counted but not loaded yet, drawn at its height for a skeleton to style. */\n  placeholder: Slot.make({\n    capability: Capability.Base,\n    protected: { style: ['height', 'width'] },\n  }),\n  /**\n   * The text field a cell is edited in, drawn in place of its content while\n   * the edit lasts; `aria-invalid` when the column refused the draft.\n   */\n  editor: Slot.make({\n    capability: Capability.TextInput,\n    events: [Event.Input, Event.KeyDown, Event.Blur],\n    protected: { events: [Event.Input, Event.KeyDown, Event.Blur] },\n  }),\n  /**\n   * Why the column refused a draft, shown below the field while the edit\n   * lasts; the field names it with `aria-describedby`.\n   */\n  editorError: Slot.make({ capability: Capability.Base }),\n  /**\n   * The editor of a column whose schema's text is one of a few literals,\n   * drawn in place of the cell's content while the edit lasts, like\n   * `editor`: a `role=\"combobox\"` showing the draft, its options in\n   * `choiceList` (or, with `choiceEditor: 'native'`, a `select`).\n   */\n  choice: Slot.make({\n    capability: Capability.Focusable,\n    events: [Event.Change, Event.KeyDown, Event.Blur],\n    protected: {\n      events: [Event.Change, Event.KeyDown, Event.Blur],\n      attributes: [Attr.Role, Tabindex, AriaActiveDescendant],\n    },\n  }),\n  /**\n   * A choice's options, `role=\"listbox\"`, below the cell, or above it when\n   * the cell is low in the view (`data-place=\"above\"`).\n   */\n  choiceList: Slot.make({\n    capability: Capability.Base,\n    protected: { attributes: [Attr.Role, Id], style: ['position'] },\n  }),\n  /** One literal a `choice` offers: `role=\"option\"`, `aria-selected` on the draft. */\n  choiceOption: Slot.make({\n    capability: Capability.Base,\n    events: [Event.Click],\n    protected: { events: [Event.Click], attributes: [Attr.Role, Id] },\n  }),\n  /** Said in place of rows when there are none: empty, loading, or failed. */\n  status: Slot.make({ capability: Capability.Base }),\n  /**\n   * The button on a column's header that opens its menu, when the view is\n   * given `columnMenu`: `aria-haspopup=\"menu\"` and `aria-expanded`, out of\n   * the tab order like the grid's other controls.\n   */\n  menuButton: Slot.make({\n    capability: Capability.Interactive,\n    events: [Event.Click],\n    attributes: [Attr.AriaLabel],\n    protected: { events: [Event.Click], attributes: [AriaHasPopup, Attr.AriaExpanded, Tabindex] },\n  }),\n  /**\n   * A column's open menu, below its header: a `role=\"menu\"` that takes focus\n   * and points at its active item with `aria-activedescendant`, as the grid\n   * points at its cell. Focus leaving it closes it.\n   */\n  menu: Slot.make({\n    capability: Capability.Focusable,\n    events: [Event.KeyDown],\n    protected: {\n      events: [Event.KeyDown],\n      attributes: [Attr.Role, Tabindex, AriaActiveDescendant],\n      style: ['position'],\n    },\n  }),\n  /** One of a menu's items; `data-active` marks the one the keyboard is on. */\n  menuItem: Slot.make({\n    capability: Capability.Base,\n    events: [Event.Click],\n    protected: { events: [Event.Click], attributes: [Attr.Role, Id] },\n  }),\n  /**\n   * The button on a sortable column's header: a click sends its sort Message.\n   * `data-sort` is `asc` or `desc` while the column is sorted.\n   */\n  sort: Slot.make({ capability: Capability.Interactive, events: [Event.Click] }),\n  /**\n   * The square at the end corner of the range, or of the focused cell, in a\n   * grid that edits: dragged, it fills the cells it is drawn over. Pointer\n   * only and hidden from assistive technology; Ctrl+D and Ctrl+R fill by key.\n   */\n  fillHandle: Slot.make({\n    capability: Capability.Base,\n    protected: { style: ['position', 'insetInlineEnd', 'insetBlockEnd'] },\n  }),\n  /** Below the rows: a failure that left them on screen, and the More button. */\n  footer: Slot.make({ capability: Capability.Container }),\n  retry: Slot.make({ capability: Capability.Interactive, events: [Event.Click] }),\n  more: Slot.make({ capability: Capability.Interactive, events: [Event.Click] }),\n})\n"],"mappings":"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"}