@lablup/ui-common 0.2.0-alpha.16 → 0.2.0-alpha.18

package/dist/forks/Drawer/useDrawerDialogPresence.js

@@ -4,80 +4,68 @@ import { flushSync as n } from "react-dom";
 //#region src/forks/Drawer/useDrawerDialogPresence.ts
 var r = 50, i = 250;
 function a(e) {
-	try {
-		return e.matches(":popover-open");
-	} catch {
-		return !1;
-	}
+	return e.open;
 }
 function o(e, t) {
-	return t ? e.open : a(e) || e.open;
+	t ? e.showModal() : e.show();
 }
-function s(e, t) {
-	t ? e.showModal() : typeof e.showPopover == "function" ? e.showPopover() : e.show();
+function s(e) {
+	e.open && e.close();
 }
-function c(e) {
-	let t = e.ownerDocument.defaultView?.Event ?? Event;
-	e.dispatchEvent(new t("close"));
-}
-function l(e, t) {
-	return !t && typeof e.hidePopover == "function" ? (e.hidePopover(), !0) : (e.open && e.close(), !1);
-}
-function u({ dialogRef: r, isOpen: i, isModal: a, setIsRendered: u }) {
-	let f = t(null);
+function c({ dialogRef: r, isOpen: i, isModal: c, setIsRendered: u }) {
+	let d = t(null);
 	e(() => {
 		let e = r.current;
 		if (e) {
 			if (i) {
-				o(e, a) || (f.current = document.activeElement, s(e, a), e.querySelector("[data-autofocus]")?.focus());
+				a(e) || (d.current = document.activeElement, o(e, c), e.querySelector("[data-autofocus]")?.focus());
 				return;
 			}
-			if (o(e, a)) return d(e, () => {
-				let t = l(e, a);
-				n(() => {
+			if (a(e)) return l(e, () => {
+				s(e), n(() => {
 					u(!1);
-				}), f.current?.focus(), f.current = null, t && c(e);
+				}), d.current?.focus(), d.current = null;
 			});
 		}
 	}, [
 		r,
-		a,
+		c,
 		i,
 		u
 	]), e(() => {
 		let e = r.current;
 		return () => {
-			e && o(e, a) && l(e, a) && c(e);
+			e && a(e) && s(e);
 		};
-	}, [r, a]);
+	}, [r]);
 }
-function d(e, t) {
+function l(e, t) {
 	let n = !1, a = null, o = () => {
 		n || (n = !0, a != null && clearTimeout(a), e.removeEventListener("transitionend", s), e.removeEventListener("transitioncancel", s), t());
 	}, s = (t) => {
 		t.target === e && t.propertyName === "transform" && o();
 	};
 	e.addEventListener("transitionend", s), e.addEventListener("transitioncancel", s);
-	let c = f(e);
+	let c = u(e);
 	return a = setTimeout(o, (c ?? i) + r), () => {
 		n = !0, a != null && clearTimeout(a), e.removeEventListener("transitionend", s), e.removeEventListener("transitioncancel", s);
 	};
 }
-function f(e) {
-	let t = window.getComputedStyle(e), n = t.transitionProperty.split(",").map((e) => e.trim()), r = p(t.transitionDuration), i = p(t.transitionDelay);
+function u(e) {
+	let t = window.getComputedStyle(e), n = t.transitionProperty.split(",").map((e) => e.trim()), r = d(t.transitionDuration), i = d(t.transitionDelay);
 	return n.length === 0 || r.length === 0 || i.length === 0 || r.includes(null) || i.includes(null) ? null : n.reduce((e, t, n) => {
 		if (t !== "transform" && t !== "all") return e;
 		let a = r[n % r.length], o = i[n % i.length];
 		return Math.max(e, (a ?? 0) + (o ?? 0));
 	}, 0);
 }
-function p(e) {
+function d(e) {
 	return e.split(",").map((e) => {
 		let t = e.trim(), n = Number.parseFloat(t);
 		return Number.isFinite(n) ? t.endsWith("ms") ? n : t.endsWith("s") ? n * 1e3 : null : null;
 	});
 }
 //#endregion
-export { u as useDrawerDialogPresence };
+export { c as useDrawerDialogPresence };
 
 //# sourceMappingURL=useDrawerDialogPresence.js.map

package/dist/forks/Drawer/useDrawerDialogPresence.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerDialogPresence.js","names":[],"sources":["../../../src/forks/Drawer/useDrawerDialogPresence.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Drawer/useDrawerDialogPresence.ts\n// (MIT; see NOTICE). Unchanged: forked with Drawer, which uses it.\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useDrawerDialogPresence.ts\n * @input Controlled open state, modal mode, dialog ref, and rendered-state setter\n * @output Coordinates native top-layer presence, exit timing, focus restoration, and unmount cleanup\n * @position Drawer-internal hook; consumed only by Drawer.tsx\n *\n * The drawer has two independent notions of presence:\n * - React's rendered state keeps the panel visible for its CSS exit.\n * - Native `showModal()` or `showPopover()` state keeps it in the browser top\n *   layer.\n *\n * Their close ordering is a browser-visible invariant: the panel must finish\n * its exit, then leave the active native host and hide in the same task. If the\n * hide lands a frame later, a transformed ancestor becomes the containing block\n * for the now-non-top-layer `position: fixed` panel and it paints back inside\n * the page for one frame.\n *\n * SYNC: When modified, update:\n * - /packages/lab/src/Drawer/Drawer.test.tsx\n * - /.github/scripts/modal-close-visibility.js\n */\n\nimport {\n  useEffect,\n  useRef,\n  type Dispatch,\n  type RefObject,\n  type SetStateAction,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n/** Slack past the computed transition before the backstop gives up waiting. */\nconst EXIT_BACKSTOP_BUFFER_MS = 50;\n\n/**\n * Hold used when the transition duration cannot be read — an unresolved\n * `var()` outside a real browser. Picking a fixed number would otherwise make\n * an assumption about the consumer's theme.\n */\nconst EXIT_FALLBACK_MS = 250;\n\ntype UseDrawerDialogPresenceOptions = {\n  dialogRef: RefObject<HTMLDialogElement | null>;\n  isOpen: boolean;\n  isModal: boolean;\n  setIsRendered: Dispatch<SetStateAction<boolean>>;\n};\n\nfunction isPopoverOpen(dialog: HTMLDialogElement): boolean {\n  try {\n    return dialog.matches(\":popover-open\");\n  } catch {\n    // jsdom and pre-Popover browsers do not recognize :popover-open.\n    return false;\n  }\n}\n\nfunction isDrawerHostOpen(dialog: HTMLDialogElement, isModal: boolean): boolean {\n  return isModal ? dialog.open : isPopoverOpen(dialog) || dialog.open;\n}\n\nfunction showDrawerHost(dialog: HTMLDialogElement, isModal: boolean): void {\n  if (isModal) {\n    dialog.showModal();\n  } else if (typeof dialog.showPopover === \"function\") {\n    dialog.showPopover();\n  } else {\n    // Reduced fallback for browsers below the Popover API support floor.\n    dialog.show();\n  }\n}\n\nfunction dispatchDialogClose(dialog: HTMLDialogElement): void {\n  const EventConstructor = dialog.ownerDocument.defaultView?.Event ?? Event;\n  dialog.dispatchEvent(new EventConstructor(\"close\"));\n}\n\n/**\n * Leaves the active native host. Returns whether the caller owes a synthetic\n * `close` dispatch: `dialog.close()` used to power the non-modal path, and\n * consumers observe its native `close` event through refs/onClose. Popover\n * dismissal has no equivalent event, so that public DOM contract is preserved\n * explicitly — but by the caller, not here. Native `close` is queued as a\n * task, so a consumer's listener always ran after this hook's own focus\n * restore; the synthetic event must keep that ordering (and fire exactly once\n * per exit, including the unmount path).\n */\nfunction hideDrawerHost(dialog: HTMLDialogElement, isModal: boolean): boolean {\n  if (!isModal && typeof dialog.hidePopover === \"function\") {\n    dialog.hidePopover();\n    return true;\n  }\n  if (dialog.open) {\n    dialog.close();\n  }\n  return false;\n}\n\n/**\n * Coordinates the native dialog and React-rendered presence for Drawer.\n *\n * Opening captures the trigger, enters the modal-dialog or manual-popover host,\n * and honours the component's `data-autofocus` contract. Closing waits for the\n * actual transform transition (with a computed-duration backstop), then leaves\n * the native host and synchronously hides the panel before the browser can paint\n * it outside the top layer, restores focus to the captured trigger, and only\n * then dispatches the popover host's synthetic `close`. Unmount cleanup closes\n * a host left open by React Activity or a removed subtree.\n */\nexport function useDrawerDialogPresence({\n  dialogRef,\n  isOpen,\n  isModal,\n  setIsRendered,\n}: UseDrawerDialogPresenceOptions): void {\n  // Element focused when the drawer opened — restored on close.\n  const triggerElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) {\n      return;\n    }\n\n    if (isOpen) {\n      if (!isDrawerHostOpen(dialog, isModal)) {\n        triggerElementRef.current = document.activeElement as HTMLElement | null;\n        showDrawerHost(dialog, isModal);\n        // React's autoFocus calls .focus() during commit, before the native host\n        // is visible, so it silently fails — honour data-autofocus instead (same\n        // contract as Dialog).\n        dialog.querySelector<HTMLElement>(\"[data-autofocus]\")?.focus();\n      }\n      return;\n    }\n\n    if (!isDrawerHostOpen(dialog, isModal)) {\n      return;\n    }\n\n    return waitForDrawerExit(dialog, () => {\n      const owesCloseEvent = hideDrawerHost(dialog, isModal);\n      // flushSync, not a plain setState: React's default scheduling can land\n      // the commit after the next paint, and that one frame is exactly the\n      // bug — the panel paints outside the top layer. Both happen in this\n      // task, so the browser never gets to paint between them.\n      flushSync(() => {\n        setIsRendered(false);\n      });\n      // Return focus after leaving the native host: a modal dialog makes the\n      // rest of the document inert, so focusing earlier silently fails.\n      triggerElementRef.current?.focus();\n      triggerElementRef.current = null;\n      // The synthetic popover close fires after the focus restore above,\n      // mirroring the task-queued native event: a consumer close listener\n      // that retargets focus (master-detail row switching) gets the last word.\n      if (owesCloseEvent) {\n        dispatchDialogClose(dialog);\n      }\n    });\n  }, [dialogRef, isModal, isOpen, setIsRendered]);\n\n  // Leave the active native host on unmount. When the drawer is mounted inside\n  // an <Activity> that flips to mode=\"hidden\", React runs effect cleanups (with\n  // stale isOpen) instead of re-running the effect with isOpen=false. Leaving\n  // the host active would strand the top-layer surface and skip the next open.\n  // This is deliberately separate from the open/close effect: putting it in\n  // that cleanup would cut off every delayed slide-out.\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    return () => {\n      if (dialog && isDrawerHostOpen(dialog, isModal)) {\n        if (hideDrawerHost(dialog, isModal)) {\n          // No focus restore on this path — the drawer is being torn down, so\n          // the owed synthetic close fires immediately (still exactly once).\n          dispatchDialogClose(dialog);\n        }\n      }\n    };\n  }, [dialogRef, isModal]);\n}\n\n/**\n * Wait for the panel's transform transition, with a computed-duration\n * backstop. Mirrors BottomSheetPanel.waitForTransition: the native event is\n * authoritative, and the timeout only prevents a lost event from stranding an\n * open dialog.\n */\nfunction waitForDrawerExit(\n  element: HTMLDialogElement,\n  complete: () => void,\n): () => void {\n  let done = false;\n  let timer: ReturnType<typeof setTimeout> | null = null;\n\n  const finish = () => {\n    if (done) {\n      return;\n    }\n    done = true;\n    if (timer != null) {\n      clearTimeout(timer);\n    }\n    element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n    complete();\n  };\n\n  const handleTransitionEnd = (event: TransitionEvent) => {\n    if (event.target === element && event.propertyName === \"transform\") {\n      finish();\n    }\n  };\n\n  element.addEventListener(\"transitionend\", handleTransitionEnd);\n  element.addEventListener(\"transitioncancel\", handleTransitionEnd);\n\n  const transitionMs = readTransformTransitionMs(element);\n  timer = setTimeout(\n    finish,\n    (transitionMs ?? EXIT_FALLBACK_MS) + EXIT_BACKSTOP_BUFFER_MS,\n  );\n\n  return () => {\n    done = true;\n    if (timer != null) {\n      clearTimeout(timer);\n    }\n    element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n  };\n}\n\n/** Read the transform transition's duration + delay from computed CSS. */\nfunction readTransformTransitionMs(element: HTMLElement): number | null {\n  const computed = window.getComputedStyle(element);\n  const properties = computed.transitionProperty\n    .split(\",\")\n    .map((value) => value.trim());\n  const durations = parseTimes(computed.transitionDuration);\n  const delays = parseTimes(computed.transitionDelay);\n\n  if (\n    properties.length === 0 ||\n    durations.length === 0 ||\n    delays.length === 0 ||\n    durations.includes(null) ||\n    delays.includes(null)\n  ) {\n    return null;\n  }\n\n  return properties.reduce((longest, property, index) => {\n    if (property !== \"transform\" && property !== \"all\") {\n      return longest;\n    }\n    const duration = durations[index % durations.length];\n    const delay = delays[index % delays.length];\n    return Math.max(longest, (duration ?? 0) + (delay ?? 0));\n  }, 0);\n}\n\nfunction parseTimes(value: string): (number | null)[] {\n  return value.split(\",\").map((part) => {\n    const trimmed = part.trim();\n    const time = Number.parseFloat(trimmed);\n    if (!Number.isFinite(time)) {\n      return null;\n    }\n    if (trimmed.endsWith(\"ms\")) {\n      return time;\n    }\n    return trimmed.endsWith(\"s\") ? time * 1000 : null;\n  });\n}\n"],"mappings":";;;;AAwCA,IAAM,IAA0B,IAO1B,IAAmB;AASzB,SAAS,EAAc,GAAoC;CACzD,IAAI;EACF,OAAO,EAAO,QAAQ,eAAe;CACvC,QAAQ;EAEN,OAAO;CACT;AACF;AAEA,SAAS,EAAiB,GAA2B,GAA2B;CAC9E,OAAO,IAAU,EAAO,OAAO,EAAc,CAAM,KAAK,EAAO;AACjE;AAEA,SAAS,EAAe,GAA2B,GAAwB;CACzE,AAAI,IACF,EAAO,UAAU,IACR,OAAO,EAAO,eAAgB,aACvC,EAAO,YAAY,IAGnB,EAAO,KAAK;AAEhB;AAEA,SAAS,EAAoB,GAAiC;CAC5D,IAAM,IAAmB,EAAO,cAAc,aAAa,SAAS;CACpE,EAAO,cAAc,IAAI,EAAiB,OAAO,CAAC;AACpD;AAYA,SAAS,EAAe,GAA2B,GAA2B;CAQ5E,OAPI,CAAC,KAAW,OAAO,EAAO,eAAgB,cAC5C,EAAO,YAAY,GACZ,OAEL,EAAO,QACT,EAAO,MAAM,GAER;AACT;AAaA,SAAgB,EAAwB,EACtC,cACA,WACA,YACA,oBACuC;CAEvC,IAAM,IAAoB,EAA2B,IAAI;CAoDzD,AAlDA,QAAgB;EACd,IAAM,IAAS,EAAU;EACpB,OAIL;OAAI,GAAQ;IACV,AAAK,EAAiB,GAAQ,CAAO,MACnC,EAAkB,UAAU,SAAS,eACrC,EAAe,GAAQ,CAAO,GAI9B,EAAO,cAA2B,kBAAkB,CAAC,EAAE,MAAM;IAE/D;GACF;GAEK,MAAiB,GAAQ,CAAO,GAIrC,OAAO,EAAkB,SAAc;IACrC,IAAM,IAAiB,EAAe,GAAQ,CAAO;IAerD,AAVA,QAAgB;KACd,EAAc,EAAK;IACrB,CAAC,GAGD,EAAkB,SAAS,MAAM,GACjC,EAAkB,UAAU,MAIxB,KACF,EAAoB,CAAM;GAE9B,CAAC;EAzBD;CA0BF,GAAG;EAAC;EAAW;EAAS;EAAQ;CAAa,CAAC,GAQ9C,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,aAAa;GACX,AAAI,KAAU,EAAiB,GAAQ,CAAO,KACxC,EAAe,GAAQ,CAAO,KAGhC,EAAoB,CAAM;EAGhC;CACF,GAAG,CAAC,GAAW,CAAO,CAAC;AACzB;AAQA,SAAS,EACP,GACA,GACY;CACZ,IAAI,IAAO,IACP,IAA8C,MAE5C,UAAe;EACf,MAGJ,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB,GACnE,EAAS;CACX,GAEM,KAAuB,MAA2B;EACtD,AAAI,EAAM,WAAW,KAAW,EAAM,iBAAiB,eACrD,EAAO;CAEX;CAGA,AADA,EAAQ,iBAAiB,iBAAiB,CAAmB,GAC7D,EAAQ,iBAAiB,oBAAoB,CAAmB;CAEhE,IAAM,IAAe,EAA0B,CAAO;CAMtD,OALA,IAAQ,WACN,IACC,KAAgB,KAAoB,CACvC,SAEa;EAMX,AALA,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB;CACrE;AACF;AAGA,SAAS,EAA0B,GAAqC;CACtE,IAAM,IAAW,OAAO,iBAAiB,CAAO,GAC1C,IAAa,EAAS,mBACzB,MAAM,GAAG,CAAC,CACV,KAAK,MAAU,EAAM,KAAK,CAAC,GACxB,IAAY,EAAW,EAAS,kBAAkB,GAClD,IAAS,EAAW,EAAS,eAAe;CAYlD,OATE,EAAW,WAAW,KACtB,EAAU,WAAW,KACrB,EAAO,WAAW,KAClB,EAAU,SAAS,IAAI,KACvB,EAAO,SAAS,IAAI,IAEb,OAGF,EAAW,QAAQ,GAAS,GAAU,MAAU;EACrD,IAAI,MAAa,eAAe,MAAa,OAC3C,OAAO;EAET,IAAM,IAAW,EAAU,IAAQ,EAAU,SACvC,IAAQ,EAAO,IAAQ,EAAO;EACpC,OAAO,KAAK,IAAI,IAAU,KAAY,MAAM,KAAS,EAAE;CACzD,GAAG,CAAC;AACN;AAEA,SAAS,EAAW,GAAkC;CACpD,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,KAAK,MAAS;EACpC,IAAM,IAAU,EAAK,KAAK,GACpB,IAAO,OAAO,WAAW,CAAO;EAOtC,OANK,OAAO,SAAS,CAAI,IAGrB,EAAQ,SAAS,IAAI,IAChB,IAEF,EAAQ,SAAS,GAAG,IAAI,IAAO,MAAO,OALpC;CAMX,CAAC;AACH"}
+{"version":3,"file":"useDrawerDialogPresence.js","names":[],"sources":["../../../src/forks/Drawer/useDrawerDialogPresence.ts"],"sourcesContent":["// Copyright (c) Meta Platforms, Inc. and affiliates.\n//\n// Forked from @astryxdesign/lab 0.6.5-canary.8701623, src/Drawer/useDrawerDialogPresence.ts\n// (MIT; see NOTICE). Changed (marked `ui-common:`): a non-modal drawer opens\n// with `show()`, not `showPopover()`, so it stays out of the top layer (Drawer.tsx).\n// Provenance and the drift guard: src/forks/provenance.json.\n\n\"use client\";\n\n/**\n * @file useDrawerDialogPresence.ts\n * @input Controlled open state, modal mode, dialog ref, and rendered-state setter\n * @output Coordinates native dialog presence, exit timing, focus restoration, and unmount cleanup\n * @position Drawer-internal hook; consumed only by Drawer.tsx\n *\n * The drawer has two independent notions of presence:\n * - React's rendered state keeps the panel visible for its CSS exit.\n * - The native dialog's `open` state: `showModal()` (top layer) with a scrim,\n *   `show()` (in the page, by z-index) without (ui-common; lab uses\n *   `showPopover()`).\n *\n * Their close ordering is a browser-visible invariant: the panel must finish\n * its exit, then leave the active native host and hide in the same task. If the\n * hide lands a frame later, a transformed ancestor becomes the containing block\n * for the now-non-top-layer `position: fixed` panel and it paints back inside\n * the page for one frame.\n *\n * SYNC: When modified, update:\n * - /packages/lab/src/Drawer/Drawer.test.tsx\n * - /.github/scripts/modal-close-visibility.js\n */\n\nimport {\n  useEffect,\n  useRef,\n  type Dispatch,\n  type RefObject,\n  type SetStateAction,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n/** Slack past the computed transition before the backstop gives up waiting. */\nconst EXIT_BACKSTOP_BUFFER_MS = 50;\n\n/**\n * Hold used when the transition duration cannot be read — an unresolved\n * `var()` outside a real browser. Picking a fixed number would otherwise make\n * an assumption about the consumer's theme.\n */\nconst EXIT_FALLBACK_MS = 250;\n\ntype UseDrawerDialogPresenceOptions = {\n  dialogRef: RefObject<HTMLDialogElement | null>;\n  isOpen: boolean;\n  isModal: boolean;\n  setIsRendered: Dispatch<SetStateAction<boolean>>;\n};\n\n// ui-common: a non-modal drawer opens with `show()` and stacks by z-index, as\n// it did before lab 0.6.5 moved it into the top layer as a manual popover.\n// ui-common's `Modal` and notification stack are z-index surfaces too, so a\n// top-layer drawer would paint over every one of them (Drawer.tsx).\nfunction isDrawerHostOpen(dialog: HTMLDialogElement): boolean {\n  return dialog.open;\n}\n\nfunction showDrawerHost(dialog: HTMLDialogElement, isModal: boolean): void {\n  if (isModal) {\n    dialog.showModal();\n  } else {\n    dialog.show();\n  }\n}\n\n/** Leaves the native host; `close()` fires the native `close` event itself. */\nfunction hideDrawerHost(dialog: HTMLDialogElement): void {\n  if (dialog.open) {\n    dialog.close();\n  }\n}\n\n/**\n * Coordinates the native dialog and React-rendered presence for Drawer.\n *\n * Opening captures the trigger, opens the dialog (`showModal()` or `show()`),\n * and honours the component's `data-autofocus` contract. Closing waits for the\n * actual transform transition (with a computed-duration backstop), then calls\n * `close()` (which fires the native `close` event) and synchronously hides the\n * panel before the browser can paint it outside the top layer, then restores\n * focus to the captured trigger. Unmount cleanup closes a dialog left open by\n * React Activity or a removed subtree.\n */\nexport function useDrawerDialogPresence({\n  dialogRef,\n  isOpen,\n  isModal,\n  setIsRendered,\n}: UseDrawerDialogPresenceOptions): void {\n  // Element focused when the drawer opened — restored on close.\n  const triggerElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) {\n      return;\n    }\n\n    if (isOpen) {\n      if (!isDrawerHostOpen(dialog)) {\n        triggerElementRef.current = document.activeElement as HTMLElement | null;\n        showDrawerHost(dialog, isModal);\n        // React's autoFocus calls .focus() during commit, before the native host\n        // is visible, so it silently fails — honour data-autofocus instead (same\n        // contract as Dialog).\n        dialog.querySelector<HTMLElement>(\"[data-autofocus]\")?.focus();\n      }\n      return;\n    }\n\n    if (!isDrawerHostOpen(dialog)) {\n      return;\n    }\n\n    return waitForDrawerExit(dialog, () => {\n      hideDrawerHost(dialog);\n      // flushSync, not a plain setState: React's default scheduling can land\n      // the commit after the next paint, and that one frame is exactly the\n      // bug — the panel paints outside the top layer. Both happen in this\n      // task, so the browser never gets to paint between them.\n      flushSync(() => {\n        setIsRendered(false);\n      });\n      // Return focus after leaving the native host: a modal dialog makes the\n      // rest of the document inert, so focusing earlier silently fails.\n      triggerElementRef.current?.focus();\n      triggerElementRef.current = null;\n    });\n  }, [dialogRef, isModal, isOpen, setIsRendered]);\n\n  // Leave the active native host on unmount. When the drawer is mounted inside\n  // an <Activity> that flips to mode=\"hidden\", React runs effect cleanups (with\n  // stale isOpen) instead of re-running the effect with isOpen=false. Leaving\n  // the host active would strand the top-layer surface and skip the next open.\n  // This is deliberately separate from the open/close effect: putting it in\n  // that cleanup would cut off every delayed slide-out.\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    return () => {\n      if (dialog && isDrawerHostOpen(dialog)) {\n        hideDrawerHost(dialog);\n      }\n    };\n  }, [dialogRef]);\n}\n\n/**\n * Wait for the panel's transform transition, with a computed-duration\n * backstop. Mirrors BottomSheetPanel.waitForTransition: the native event is\n * authoritative, and the timeout only prevents a lost event from stranding an\n * open dialog.\n */\nfunction waitForDrawerExit(\n  element: HTMLDialogElement,\n  complete: () => void,\n): () => void {\n  let done = false;\n  let timer: ReturnType<typeof setTimeout> | null = null;\n\n  const finish = () => {\n    if (done) {\n      return;\n    }\n    done = true;\n    if (timer != null) {\n      clearTimeout(timer);\n    }\n    element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n    complete();\n  };\n\n  const handleTransitionEnd = (event: TransitionEvent) => {\n    if (event.target === element && event.propertyName === \"transform\") {\n      finish();\n    }\n  };\n\n  element.addEventListener(\"transitionend\", handleTransitionEnd);\n  element.addEventListener(\"transitioncancel\", handleTransitionEnd);\n\n  const transitionMs = readTransformTransitionMs(element);\n  timer = setTimeout(\n    finish,\n    (transitionMs ?? EXIT_FALLBACK_MS) + EXIT_BACKSTOP_BUFFER_MS,\n  );\n\n  return () => {\n    done = true;\n    if (timer != null) {\n      clearTimeout(timer);\n    }\n    element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    element.removeEventListener(\"transitioncancel\", handleTransitionEnd);\n  };\n}\n\n/** Read the transform transition's duration + delay from computed CSS. */\nfunction readTransformTransitionMs(element: HTMLElement): number | null {\n  const computed = window.getComputedStyle(element);\n  const properties = computed.transitionProperty\n    .split(\",\")\n    .map((value) => value.trim());\n  const durations = parseTimes(computed.transitionDuration);\n  const delays = parseTimes(computed.transitionDelay);\n\n  if (\n    properties.length === 0 ||\n    durations.length === 0 ||\n    delays.length === 0 ||\n    durations.includes(null) ||\n    delays.includes(null)\n  ) {\n    return null;\n  }\n\n  return properties.reduce((longest, property, index) => {\n    if (property !== \"transform\" && property !== \"all\") {\n      return longest;\n    }\n    const duration = durations[index % durations.length];\n    const delay = delays[index % delays.length];\n    return Math.max(longest, (duration ?? 0) + (delay ?? 0));\n  }, 0);\n}\n\nfunction parseTimes(value: string): (number | null)[] {\n  return value.split(\",\").map((part) => {\n    const trimmed = part.trim();\n    const time = Number.parseFloat(trimmed);\n    if (!Number.isFinite(time)) {\n      return null;\n    }\n    if (trimmed.endsWith(\"ms\")) {\n      return time;\n    }\n    return trimmed.endsWith(\"s\") ? time * 1000 : null;\n  });\n}\n"],"mappings":";;;;AA0CA,IAAM,IAA0B,IAO1B,IAAmB;AAazB,SAAS,EAAiB,GAAoC;CAC5D,OAAO,EAAO;AAChB;AAEA,SAAS,EAAe,GAA2B,GAAwB;CACzE,AAAI,IACF,EAAO,UAAU,IAEjB,EAAO,KAAK;AAEhB;AAGA,SAAS,EAAe,GAAiC;CACvD,AAAI,EAAO,QACT,EAAO,MAAM;AAEjB;AAaA,SAAgB,EAAwB,EACtC,cACA,WACA,YACA,oBACuC;CAEvC,IAAM,IAAoB,EAA2B,IAAI;CA8CzD,AA5CA,QAAgB;EACd,IAAM,IAAS,EAAU;EACpB,OAIL;OAAI,GAAQ;IACV,AAAK,EAAiB,CAAM,MAC1B,EAAkB,UAAU,SAAS,eACrC,EAAe,GAAQ,CAAO,GAI9B,EAAO,cAA2B,kBAAkB,CAAC,EAAE,MAAM;IAE/D;GACF;GAEK,MAAiB,CAAM,GAI5B,OAAO,EAAkB,SAAc;IAYrC,AAXA,EAAe,CAAM,GAKrB,QAAgB;KACd,EAAc,EAAK;IACrB,CAAC,GAGD,EAAkB,SAAS,MAAM,GACjC,EAAkB,UAAU;GAC9B,CAAC;EAnBD;CAoBF,GAAG;EAAC;EAAW;EAAS;EAAQ;CAAa,CAAC,GAQ9C,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,aAAa;GACX,AAAI,KAAU,EAAiB,CAAM,KACnC,EAAe,CAAM;EAEzB;CACF,GAAG,CAAC,CAAS,CAAC;AAChB;AAQA,SAAS,EACP,GACA,GACY;CACZ,IAAI,IAAO,IACP,IAA8C,MAE5C,UAAe;EACf,MAGJ,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB,GACnE,EAAS;CACX,GAEM,KAAuB,MAA2B;EACtD,AAAI,EAAM,WAAW,KAAW,EAAM,iBAAiB,eACrD,EAAO;CAEX;CAGA,AADA,EAAQ,iBAAiB,iBAAiB,CAAmB,GAC7D,EAAQ,iBAAiB,oBAAoB,CAAmB;CAEhE,IAAM,IAAe,EAA0B,CAAO;CAMtD,OALA,IAAQ,WACN,IACC,KAAgB,KAAoB,CACvC,SAEa;EAMX,AALA,IAAO,IACH,KAAS,QACX,aAAa,CAAK,GAEpB,EAAQ,oBAAoB,iBAAiB,CAAmB,GAChE,EAAQ,oBAAoB,oBAAoB,CAAmB;CACrE;AACF;AAGA,SAAS,EAA0B,GAAqC;CACtE,IAAM,IAAW,OAAO,iBAAiB,CAAO,GAC1C,IAAa,EAAS,mBACzB,MAAM,GAAG,CAAC,CACV,KAAK,MAAU,EAAM,KAAK,CAAC,GACxB,IAAY,EAAW,EAAS,kBAAkB,GAClD,IAAS,EAAW,EAAS,eAAe;CAYlD,OATE,EAAW,WAAW,KACtB,EAAU,WAAW,KACrB,EAAO,WAAW,KAClB,EAAU,SAAS,IAAI,KACvB,EAAO,SAAS,IAAI,IAEb,OAGF,EAAW,QAAQ,GAAS,GAAU,MAAU;EACrD,IAAI,MAAa,eAAe,MAAa,OAC3C,OAAO;EAET,IAAM,IAAW,EAAU,IAAQ,EAAU,SACvC,IAAQ,EAAO,IAAQ,EAAO;EACpC,OAAO,KAAK,IAAI,IAAU,KAAY,MAAM,KAAS,EAAE;CACzD,GAAG,CAAC;AACN;AAEA,SAAS,EAAW,GAAkC;CACpD,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,KAAK,MAAS;EACpC,IAAM,IAAU,EAAK,KAAK,GACpB,IAAO,OAAO,WAAW,CAAO;EAOtC,OANK,OAAO,SAAS,CAAI,IAGrB,EAAQ,SAAS,IAAI,IAChB,IAEF,EAAQ,SAAS,GAAG,IAAI,IAAO,MAAO,OALpC;CAMX,CAAC;AACH"}

package/dist/i18n/catalog.js

@@ -1,27 +1,28 @@
-import { booleanTokenMessages as e } from "../components/BooleanToken/BooleanToken.messages.js";
-import { bulkEditFormItemMessages as t } from "../components/BulkEditFormItem/BulkEditFormItem.messages.js";
-import { bulkErrorModalMessages as n } from "../components/BulkErrorModal/BulkErrorModal.messages.js";
-import { colorPickerMessages as r } from "../components/ColorPicker/ColorPicker.messages.js";
-import { dataGridMessages as i } from "../components/DataGrid/DataGrid.messages.js";
-import { deleteConfirmModalMessages as a } from "../components/DeleteConfirmModal/DeleteConfirmModal.messages.js";
-import { formMessages as o } from "../components/Form/Form.messages.js";
-import { notificationStackMessages as s } from "../components/NotificationStack/NotificationStack.messages.js";
-import { pageHeaderMessages as c } from "../components/PageHeader/PageHeader.messages.js";
-import { pagedSelectorMessages as l } from "../components/PagedSelector/PagedSelector.messages.js";
-import { selectionLabelMessages as u } from "../components/SelectionLabel/SelectionLabel.messages.js";
-import { skeletonMessages as d } from "../components/Skeleton/Skeleton.messages.js";
-import { statisticMessages as f } from "../components/Statistic/Statistic.messages.js";
-import { numberStepperMessages as p } from "../components/StepNumberInput/NumberStepper.messages.js";
-import { tokenRowMessages as m } from "../components/TokenRow/TokenRow.messages.js";
-import { uncontrolledInputMessages as h } from "../components/UncontrolledInput/UncontrolledInput.messages.js";
-import { unitGridMessages as g } from "../components/UnitGrid/UnitGrid.messages.js";
-import { commonMessages as _ } from "./common.messages.js";
+import { boardMessages as e } from "../components/Board/Board.messages.js";
+import { booleanTokenMessages as t } from "../components/BooleanToken/BooleanToken.messages.js";
+import { bulkEditFormItemMessages as n } from "../components/BulkEditFormItem/BulkEditFormItem.messages.js";
+import { bulkErrorModalMessages as r } from "../components/BulkErrorModal/BulkErrorModal.messages.js";
+import { colorPickerMessages as i } from "../components/ColorPicker/ColorPicker.messages.js";
+import { dataGridMessages as a } from "../components/DataGrid/DataGrid.messages.js";
+import { deleteConfirmModalMessages as o } from "../components/DeleteConfirmModal/DeleteConfirmModal.messages.js";
+import { formMessages as s } from "../components/Form/Form.messages.js";
+import { notificationStackMessages as c } from "../components/NotificationStack/NotificationStack.messages.js";
+import { pageHeaderMessages as l } from "../components/PageHeader/PageHeader.messages.js";
+import { pagedSelectorMessages as u } from "../components/PagedSelector/PagedSelector.messages.js";
+import { selectionLabelMessages as d } from "../components/SelectionLabel/SelectionLabel.messages.js";
+import { skeletonMessages as f } from "../components/Skeleton/Skeleton.messages.js";
+import { statisticMessages as p } from "../components/Statistic/Statistic.messages.js";
+import { numberStepperMessages as m } from "../components/StepNumberInput/NumberStepper.messages.js";
+import { tokenRowMessages as h } from "../components/TokenRow/TokenRow.messages.js";
+import { uncontrolledInputMessages as g } from "../components/UncontrolledInput/UncontrolledInput.messages.js";
+import { unitGridMessages as _ } from "../components/UnitGrid/UnitGrid.messages.js";
+import { commonMessages as v } from "./common.messages.js";
 //#region src/i18n/catalog.ts
-function v(e) {
+function y(e) {
 	return e;
 }
-var y = {
-	..._,
+var b = {
+	...v,
 	...e,
 	...t,
 	...n,
@@ -30,17 +31,18 @@ var y = {
 	...a,
 	...o,
 	...s,
-	...p,
 	...c,
+	...m,
 	...l,
 	...u,
 	...d,
 	...f,
-	...m,
+	...p,
 	...h,
-	...g
+	...g,
+	..._
 };
 //#endregion
-export { v as defineMessages, y as uiCommonCatalog };
+export { y as defineMessages, b as uiCommonCatalog };
 
 //# sourceMappingURL=catalog.js.map

package/dist/i18n/catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.js","names":[],"sources":["../../src/i18n/catalog.ts"],"sourcesContent":["/**\n * ui-common's message catalog: every built-in string a custom component\n * shows, with its English text.\n *\n * English lives in code, as `defaultMessage`. Translations live in\n * `./locales/<locale>.json`, one file per Astryx locale name (`ko-KR.json`,\n * `ja-JP.json`, ...), holding the same keys. The build writes `en.json` from\n * this catalog and ships every file at\n * `@lablup/ui-common/ui-common-locales/<locale>.json`.\n *\n * Adding strings for a component:\n *\n *   // src/components/Foo/Foo.messages.ts\n *   export const fooMessages = defineMessages({\n *     \"uic.Foo.expand\": { defaultMessage: \"Expand\", description: \"...\" },\n *   });\n *\n * then spread `fooMessages` into `uiCommonCatalog` below. Generic action\n * words (OK, Cancel, Confirm, Retry, ...) are `uic.common.*` keys in\n * `./common.messages.ts`; use those instead of a key of your own. Keep message\n * files free of React and CSS imports: the build reads this catalog.\n */\nimport type { Catalog, MessageEntry } from \"@astryxdesign/core/i18n\";\n\n// These modules import `defineMessages` back from here. The cycle is safe:\n// it is a function declaration, so it is bound before either module runs.\nimport { booleanTokenMessages } from \"../components/BooleanToken/BooleanToken.messages\";\nimport { bulkEditFormItemMessages } from \"../components/BulkEditFormItem/BulkEditFormItem.messages\";\nimport { bulkErrorModalMessages } from \"../components/BulkErrorModal/BulkErrorModal.messages\";\nimport { colorPickerMessages } from \"../components/ColorPicker/ColorPicker.messages\";\nimport { dataGridMessages } from \"../components/DataGrid/DataGrid.messages\";\nimport { deleteConfirmModalMessages } from \"../components/DeleteConfirmModal/DeleteConfirmModal.messages\";\nimport { formMessages } from \"../components/Form/Form.messages\";\nimport { notificationStackMessages } from \"../components/NotificationStack/NotificationStack.messages\";\nimport { pageHeaderMessages } from \"../components/PageHeader/PageHeader.messages\";\nimport { pagedSelectorMessages } from \"../components/PagedSelector/PagedSelector.messages\";\nimport { selectionLabelMessages } from \"../components/SelectionLabel/SelectionLabel.messages\";\nimport { skeletonMessages } from \"../components/Skeleton/Skeleton.messages\";\nimport { statisticMessages } from \"../components/Statistic/Statistic.messages\";\nimport { numberStepperMessages } from \"../components/StepNumberInput/NumberStepper.messages\";\nimport { tokenRowMessages } from \"../components/TokenRow/TokenRow.messages\";\nimport { uncontrolledInputMessages } from \"../components/UncontrolledInput/UncontrolledInput.messages\";\nimport { unitGridMessages } from \"../components/UnitGrid/UnitGrid.messages\";\nimport { commonMessages } from \"./common.messages\";\n\n/**\n * A catalog key: `uic.<Component>.<key>`, or `uic.common.<key>` for a word\n * every component shares (`./common.messages.ts`).\n */\nexport type UicMessageKey = `uic.${string}.${string}`;\n\n/**\n * Type-checks a component's messages. Keys must be `uic.<Component>.<key>` or\n * `uic.common.<key>`.\n */\nexport function defineMessages<const T extends Record<UicMessageKey, MessageEntry>>(\n  messages: T,\n): T {\n  return messages;\n}\n\nexport const uiCommonCatalog: Catalog = {\n  ...commonMessages,\n  ...booleanTokenMessages,\n  ...bulkEditFormItemMessages,\n  ...bulkErrorModalMessages,\n  ...colorPickerMessages,\n  ...dataGridMessages,\n  ...deleteConfirmModalMessages,\n  ...formMessages,\n  ...notificationStackMessages,\n  ...numberStepperMessages,\n  ...pageHeaderMessages,\n  ...pagedSelectorMessages,\n  ...selectionLabelMessages,\n  ...skeletonMessages,\n  ...statisticMessages,\n  ...tokenRowMessages,\n  ...uncontrolledInputMessages,\n  ...unitGridMessages,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuDA,SAAgB,EACd,GACG;CACH,OAAO;AACT;AAEA,IAAa,IAA2B;CACtC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL"}
+{"version":3,"file":"catalog.js","names":[],"sources":["../../src/i18n/catalog.ts"],"sourcesContent":["/**\n * ui-common's message catalog: every built-in string a custom component\n * shows, with its English text.\n *\n * English lives in code, as `defaultMessage`. Translations live in\n * `./locales/<locale>.json`, one file per Astryx locale name (`ko-KR.json`,\n * `ja-JP.json`, ...), holding the same keys. The build writes `en.json` from\n * this catalog and ships every file at\n * `@lablup/ui-common/ui-common-locales/<locale>.json`.\n *\n * Adding strings for a component:\n *\n *   // src/components/Foo/Foo.messages.ts\n *   export const fooMessages = defineMessages({\n *     \"uic.Foo.expand\": { defaultMessage: \"Expand\", description: \"...\" },\n *   });\n *\n * then spread `fooMessages` into `uiCommonCatalog` below. Generic action\n * words (OK, Cancel, Confirm, Retry, ...) are `uic.common.*` keys in\n * `./common.messages.ts`; use those instead of a key of your own. Keep message\n * files free of React and CSS imports: the build reads this catalog.\n */\nimport type { Catalog, MessageEntry } from \"@astryxdesign/core/i18n\";\n\n// These modules import `defineMessages` back from here. The cycle is safe:\n// it is a function declaration, so it is bound before either module runs.\nimport { boardMessages } from \"../components/Board/Board.messages\";\nimport { booleanTokenMessages } from \"../components/BooleanToken/BooleanToken.messages\";\nimport { bulkEditFormItemMessages } from \"../components/BulkEditFormItem/BulkEditFormItem.messages\";\nimport { bulkErrorModalMessages } from \"../components/BulkErrorModal/BulkErrorModal.messages\";\nimport { colorPickerMessages } from \"../components/ColorPicker/ColorPicker.messages\";\nimport { dataGridMessages } from \"../components/DataGrid/DataGrid.messages\";\nimport { deleteConfirmModalMessages } from \"../components/DeleteConfirmModal/DeleteConfirmModal.messages\";\nimport { formMessages } from \"../components/Form/Form.messages\";\nimport { notificationStackMessages } from \"../components/NotificationStack/NotificationStack.messages\";\nimport { pageHeaderMessages } from \"../components/PageHeader/PageHeader.messages\";\nimport { pagedSelectorMessages } from \"../components/PagedSelector/PagedSelector.messages\";\nimport { selectionLabelMessages } from \"../components/SelectionLabel/SelectionLabel.messages\";\nimport { skeletonMessages } from \"../components/Skeleton/Skeleton.messages\";\nimport { statisticMessages } from \"../components/Statistic/Statistic.messages\";\nimport { numberStepperMessages } from \"../components/StepNumberInput/NumberStepper.messages\";\nimport { tokenRowMessages } from \"../components/TokenRow/TokenRow.messages\";\nimport { uncontrolledInputMessages } from \"../components/UncontrolledInput/UncontrolledInput.messages\";\nimport { unitGridMessages } from \"../components/UnitGrid/UnitGrid.messages\";\nimport { commonMessages } from \"./common.messages\";\n\n/**\n * A catalog key: `uic.<Component>.<key>`, or `uic.common.<key>` for a word\n * every component shares (`./common.messages.ts`).\n */\nexport type UicMessageKey = `uic.${string}.${string}`;\n\n/**\n * Type-checks a component's messages. Keys must be `uic.<Component>.<key>` or\n * `uic.common.<key>`.\n */\nexport function defineMessages<const T extends Record<UicMessageKey, MessageEntry>>(\n  messages: T,\n): T {\n  return messages;\n}\n\nexport const uiCommonCatalog: Catalog = {\n  ...commonMessages,\n  ...boardMessages,\n  ...booleanTokenMessages,\n  ...bulkEditFormItemMessages,\n  ...bulkErrorModalMessages,\n  ...colorPickerMessages,\n  ...dataGridMessages,\n  ...deleteConfirmModalMessages,\n  ...formMessages,\n  ...notificationStackMessages,\n  ...numberStepperMessages,\n  ...pageHeaderMessages,\n  ...pagedSelectorMessages,\n  ...selectionLabelMessages,\n  ...skeletonMessages,\n  ...statisticMessages,\n  ...tokenRowMessages,\n  ...uncontrolledInputMessages,\n  ...unitGridMessages,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,EACd,GACG;CACH,OAAO;AACT;AAEA,IAAa,IAA2B;CACtC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL"}

package/dist/i18n/locales/de-DE.js

@@ -24,6 +24,50 @@ var e = {
 		defaultMessage: "Anwenden",
 		description: "Generic label of a button that applies the changes made in a dialog"
 	},
+	"uic.Board.dragHandle": {
+		defaultMessage: "Ziehgriff",
+		description: "Accessible name of the button at a board item's top-left corner that moves the item"
+	},
+	"uic.Board.resizeHandle": {
+		defaultMessage: "Größengriff",
+		description: "Accessible name of the button at a board item's bottom-right corner that resizes the item"
+	},
+	"uic.Board.moveStarted": {
+		defaultMessage: "Wird gezogen.",
+		description: "Screen reader announcement when a board item is picked up to be moved"
+	},
+	"uic.Board.resizeStarted": {
+		defaultMessage: "Größe wird geändert.",
+		description: "Screen reader announcement when a board item starts being resized"
+	},
+	"uic.Board.itemMoved": {
+		defaultMessage: "Element in Spalte {column}, Zeile {row} verschoben.",
+		description: "Screen reader announcement while a board item moves. {column} and {row} are 1-based"
+	},
+	"uic.Board.itemResized": {
+		defaultMessage: "Elementgröße auf {columns} Spalten mal {rows} Zeilen geändert.",
+		description: "Screen reader announcement while a board item is resized"
+	},
+	"uic.Board.moveCommitted": {
+		defaultMessage: "Verschieben übernommen.",
+		description: "Screen reader announcement when a board item is dropped in its new place"
+	},
+	"uic.Board.resizeCommitted": {
+		defaultMessage: "Größenänderung übernommen.",
+		description: "Screen reader announcement when a board item's new size is applied"
+	},
+	"uic.Board.moveDiscarded": {
+		defaultMessage: "Verschieben verworfen.",
+		description: "Screen reader announcement when moving a board item is cancelled"
+	},
+	"uic.Board.resizeDiscarded": {
+		defaultMessage: "Größenänderung verworfen.",
+		description: "Screen reader announcement when resizing a board item is cancelled"
+	},
+	"uic.Board.itemRemoved": {
+		defaultMessage: "Element entfernt.",
+		description: "Screen reader announcement when a board item is removed"
+	},
 	"uic.ColorPicker.label": {
 		defaultMessage: "Farbe auswählen",
 		description: "Accessible name of a color picker whose caller gave it no label"
@@ -323,6 +367,22 @@ var e = {
 	"uic.PagedSelector.totalItems": {
 		defaultMessage: "Total {total} Elemente",
 		description: "Foot of a selector's option list; {total} is how many options exist in all pages"
+	},
+	"uic.Board.directionUp": {
+		defaultMessage: "Nach oben",
+		description: "Accessible name of the button that moves an activated board item, or shrinks a resized one, one row up"
+	},
+	"uic.Board.directionDown": {
+		defaultMessage: "Nach unten",
+		description: "Accessible name of the button that moves an activated board item, or grows a resized one, one row down"
+	},
+	"uic.Board.directionLeft": {
+		defaultMessage: "Nach links",
+		description: "Accessible name of the button that moves an activated board item, or shrinks a resized one, one column left"
+	},
+	"uic.Board.directionRight": {
+		defaultMessage: "Nach rechts",
+		description: "Accessible name of the button that moves an activated board item, or grows a resized one, one column right"
 	}
 };
 //#endregion

package/dist/i18n/locales/de-DE.js.map

@@ -1 +1 @@
-{"version":3,"file":"de-DE.js","names":[],"sources":["../../../src/i18n/locales/de-DE.json"],"sourcesContent":["{\n  \"uic.common.ok\": {\n    \"defaultMessage\": \"OK\",\n    \"description\": \"Generic label of a primary action button that accepts\"\n  },\n  \"uic.common.cancel\": {\n    \"defaultMessage\": \"Abbrechen\",\n    \"description\": \"Generic label of a button that backs out of an action or stops a task\"\n  },\n  \"uic.common.confirm\": {\n    \"defaultMessage\": \"Bestätigen\",\n    \"description\": \"Generic label of a button that confirms an action\"\n  },\n  \"uic.common.delete\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Generic label of a button that deletes something\"\n  },\n  \"uic.common.retry\": {\n    \"defaultMessage\": \"Wiederholen\",\n    \"description\": \"Generic label of a button that retries a failed action or load\"\n  },\n  \"uic.common.apply\": {\n    \"defaultMessage\": \"Anwenden\",\n    \"description\": \"Generic label of a button that applies the changes made in a dialog\"\n  },\n  \"uic.ColorPicker.label\": {\n    \"defaultMessage\": \"Farbe auswählen\",\n    \"description\": \"Accessible name of a color picker whose caller gave it no label\"\n  },\n  \"uic.ColorPicker.hexValue\": {\n    \"defaultMessage\": \"Hex-Wert\",\n    \"description\": \"Hidden label of the color picker's text field for a #rrggbb value\"\n  },\n  \"uic.ColorPicker.clear\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Button in a color picker that removes the chosen color\"\n  },\n  \"uic.ColorPicker.noColor\": {\n    \"defaultMessage\": \"Keine Farbe\",\n    \"description\": \"Shown on a color picker's trigger when no color is set\"\n  },\n  \"uic.DeleteConfirmModal.title\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Title of the dialog that confirms deleting one item\"\n  },\n  \"uic.DeleteConfirmModal.titleMany\": {\n    \"defaultMessage\": \"{count, plural, other {# Elemente löschen}}\",\n    \"description\": \"Title of the dialog that confirms deleting several items; {count} is how many\"\n  },\n  \"uic.DeleteConfirmModal.description\": {\n    \"defaultMessage\": \"Sind Sie sicher, dass Sie löschen möchten?\",\n    \"description\": \"Question above the list of items about to be deleted\"\n  },\n  \"uic.DeleteConfirmModal.targetDescription\": {\n    \"defaultMessage\": \"Möchten Sie {target} wirklich dauerhaft löschen?\",\n    \"description\": \"Question above the list of items about to be deleted; {target} names the kind of item, e.g. Project\"\n  },\n  \"uic.DeleteConfirmModal.typeToConfirm\": {\n    \"defaultMessage\": \"Geben Sie {confirmText} ein, um zu bestätigen.\",\n    \"description\": \"Instruction above the confirmation field; {confirmText} is the text to type, shown as a token\"\n  },\n  \"uic.DeleteConfirmModal.confirmText\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"The word the user types to confirm deleting several items at once\"\n  },\n  \"uic.DeleteConfirmModal.cannotBeUndone\": {\n    \"defaultMessage\": \"Diese Aktion kann nicht rückgängig gemacht werden.\",\n    \"description\": \"Warning that the deletion is permanent\"\n  },\n  \"uic.NumberStepper.increase\": {\n    \"defaultMessage\": \"Erhöhen\",\n    \"description\": \"Accessible name of the button that steps a number field up\"\n  },\n  \"uic.NumberStepper.decrease\": {\n    \"defaultMessage\": \"Verringern\",\n    \"description\": \"Accessible name of the button that steps a number field down\"\n  },\n  \"uic.SelectionLabel.selectedCount\": {\n    \"defaultMessage\": \"{count} ausgewählt\",\n    \"description\": \"How many items are selected, e.g. rows of a table; {count} is the number\"\n  },\n  \"uic.SelectionLabel.clear\": {\n    \"defaultMessage\": \"Alle abwählen\",\n    \"description\": \"Button that clears the whole selection\"\n  },\n  \"uic.SkeletonCard.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of a card-shaped loading placeholder\"\n  },\n  \"uic.SkeletonRow.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of one list-row loading placeholder\"\n  },\n  \"uic.SkeletonText.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of a text-block loading placeholder\"\n  },\n  \"uic.Statistic.unlimited\": {\n    \"defaultMessage\": \"Unbegrenzt\",\n    \"description\": \"Shown in place of a metric's value when the value has no limit\"\n  },\n  \"uic.TokenRow.more\": {\n    \"defaultMessage\": \"und {count} weitere\",\n    \"description\": \"After a row of tokens cut short, how many were left out; {count} is the number\"\n  },\n  \"uic.UncontrolledInput.label\": {\n    \"defaultMessage\": \"Auswählen\",\n    \"description\": \"Hidden accessible name of an input whose caller gave it no label of its own\"\n  },\n  \"uic.UnitGrid.label\": {\n    \"defaultMessage\": \"Ressourcenraster\",\n    \"description\": \"Accessible name of a unit grid whose caller gave it no aria-label\"\n  },\n  \"uic.UnitGrid.changeGroupColor\": {\n    \"defaultMessage\": \"Gruppenfarbe ändern\",\n    \"description\": \"Button in a unit grid's hover card that opens the palette for the group\"\n  },\n  \"uic.UnitGrid.useColor\": {\n    \"defaultMessage\": \"Farbe {index} verwenden\",\n    \"description\": \"Accessible name of one palette swatch in a unit grid; {index} is its 1-based position\"\n  },\n  \"uic.Form.optional\": {\n    \"defaultMessage\": \"(optional)\",\n    \"description\": \"Suffix after the label of an optional field when requiredMark=\\\"optional\\\"\"\n  },\n  \"uic.Form.default\": {\n    \"defaultMessage\": \"Feld-Validierungsfehler: {label}\",\n    \"description\": \"Validation error when a rule failed without a more specific message\"\n  },\n  \"uic.Form.required\": {\n    \"defaultMessage\": \"Bitte geben Sie {label} an\",\n    \"description\": \"Validation error for an empty required field\"\n  },\n  \"uic.Form.whitespace\": {\n    \"defaultMessage\": \"{label} darf kein Leerzeichen sein\",\n    \"description\": \"Validation error for a required field that holds only whitespace\"\n  },\n  \"uic.Form.typeString\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not a string; {type} is the type name\"\n  },\n  \"uic.Form.typeNumber\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not a number; {type} is the type name\"\n  },\n  \"uic.Form.typeObject\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not an object; {type} is the type name\"\n  },\n  \"uic.Form.typeEmail\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for an invalid email address; {type} is the type name\"\n  },\n  \"uic.Form.typeUrl\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for an invalid URL; {type} is the type name\"\n  },\n  \"uic.Form.stringLen\": {\n    \"defaultMessage\": \"{label} muss genau {len} Zeichen lang sein\",\n    \"description\": \"Validation error for text of the wrong exact length\"\n  },\n  \"uic.Form.stringMin\": {\n    \"defaultMessage\": \"{label} muss mindestens {min} Zeichen lang sein\",\n    \"description\": \"Validation error for text shorter than the minimum\"\n  },\n  \"uic.Form.stringMax\": {\n    \"defaultMessage\": \"{label} darf höchstens {max} Zeichen lang sein\",\n    \"description\": \"Validation error for text longer than the maximum\"\n  },\n  \"uic.Form.stringRange\": {\n    \"defaultMessage\": \"{label} muss zwischen {min} und {max} Zeichen lang sein\",\n    \"description\": \"Validation error for text outside a length range\"\n  },\n  \"uic.Form.numberLen\": {\n    \"defaultMessage\": \"{label} muss gleich {len} sein\",\n    \"description\": \"Validation error for a number that must equal a value\"\n  },\n  \"uic.Form.numberMin\": {\n    \"defaultMessage\": \"{label} muss mindestens {min} sein\",\n    \"description\": \"Validation error for a number below the minimum\"\n  },\n  \"uic.Form.numberMax\": {\n    \"defaultMessage\": \"{label} darf maximal {max} sein\",\n    \"description\": \"Validation error for a number above the maximum\"\n  },\n  \"uic.Form.numberRange\": {\n    \"defaultMessage\": \"{label} muss zwischen {min} und {max} liegen\",\n    \"description\": \"Validation error for a number outside a range\"\n  },\n  \"uic.Form.arrayLen\": {\n    \"defaultMessage\": \"Es müssen {len} {label} sein\",\n    \"description\": \"Validation error for a list with the wrong number of items\"\n  },\n  \"uic.Form.arrayMin\": {\n    \"defaultMessage\": \"Es müssen mindestens {min} {label} sein\",\n    \"description\": \"Validation error for a list with too few items\"\n  },\n  \"uic.Form.arrayMax\": {\n    \"defaultMessage\": \"Es dürfen maximal {max} {label} sein\",\n    \"description\": \"Validation error for a list with too many items\"\n  },\n  \"uic.Form.arrayRange\": {\n    \"defaultMessage\": \"Die Anzahl an {label} muss zwischen {min} und {max} liegen\",\n    \"description\": \"Validation error for a list whose item count is outside a range\"\n  },\n  \"uic.Form.patternMismatch\": {\n    \"defaultMessage\": \"{label} entspricht nicht dem {pattern} Muster\",\n    \"description\": \"Validation error for text that does not match a pattern\"\n  },\n  \"uic.BulkEditFormItem.keepAsIs\": {\n    \"defaultMessage\": \"Unverändert lassen\",\n    \"description\": \"Placeholder of a bulk-edit field that leaves every selected item's current value unchanged\"\n  },\n  \"uic.BulkEditFormItem.clear\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Link that clears the field on every selected item, and the field's placeholder once cleared\"\n  },\n  \"uic.BulkEditFormItem.undoChanges\": {\n    \"defaultMessage\": \"Änderungen rückgängig machen\",\n    \"description\": \"Link that returns a bulk-edit field to keeping the current values\"\n  },\n  \"uic.BulkErrorModal.title\": {\n    \"defaultMessage\": \"Ausführung fehlgeschlagen\",\n    \"description\": \"Default title of the dialog that lists the failed items of a bulk operation\"\n  },\n  \"uic.BulkErrorModal.errorOccurred\": {\n    \"defaultMessage\": \"Ein Fehler ist aufgetreten\",\n    \"description\": \"Title of the error banner above the failed items, over the caller's guidance\"\n  },\n  \"uic.DataGrid.noData\": {\n    \"defaultMessage\": \"Keine Daten zum Anzeigen\",\n    \"description\": \"Shown in place of a data grid's rows when there are none\"\n  },\n  \"uic.DataGrid.invalidPage\": {\n    \"defaultMessage\": \"Ungültige Seitenzahl\",\n    \"description\": \"Shown in place of a data grid's rows when the current page lies past the last page\"\n  },\n  \"uic.DataGrid.goToFirstPage\": {\n    \"defaultMessage\": \"Zur ersten Seite\",\n    \"description\": \"Button under the invalid page message that returns to page 1\"\n  },\n  \"uic.DataGrid.expandRow\": {\n    \"defaultMessage\": \"Zeile ausklappen\",\n    \"description\": \"Accessible name of the button that shows or hides a row's details\"\n  },\n  \"uic.DataGrid.pagination\": {\n    \"defaultMessage\": \"Seitennummerierung\",\n    \"description\": \"Accessible name of a data grid's page navigation\"\n  },\n  \"uic.DataGrid.range\": {\n    \"defaultMessage\": \"{start} - {end} von {total} Elementen\",\n    \"description\": \"Beside a data grid's page navigation: the rows on screen out of the total. {start} and {end} are 1-based row numbers\"\n  },\n  \"uic.DataGrid.settings\": {\n    \"defaultMessage\": \"Tabelleneinstellungen\",\n    \"description\": \"Button under a data grid that opens its column settings, and the title of that dialog\"\n  },\n  \"uic.DataGrid.exportCsv\": {\n    \"defaultMessage\": \"Als CSV exportieren\",\n    \"description\": \"Button under a data grid that opens the CSV export dialog, and the title of that dialog\"\n  },\n  \"uic.DataGrid.selectColumns\": {\n    \"defaultMessage\": \"Wählen Sie Spalten aus, um angezeigt zu werden\",\n    \"description\": \"Subtitle of a data grid's column settings and CSV export dialogs\"\n  },\n  \"uic.DataGrid.searchColumns\": {\n    \"defaultMessage\": \"Suchtabellenspalten\",\n    \"description\": \"Placeholder of the column search field in a data grid's dialogs, also shown when no column matches\"\n  },\n  \"uic.DataGrid.reorderColumn\": {\n    \"defaultMessage\": \"{column} verschieben\",\n    \"description\": \"Accessible name of the drag handle beside a column in a data grid's column settings dialog. {column} is the column's label\"\n  },\n  \"uic.DataGrid.reorderInstructions\": {\n    \"defaultMessage\": \"Drücken Sie die Leertaste, um die Spalte aufzunehmen, verschieben Sie sie mit den Pfeiltasten und drücken Sie erneut die Leertaste, um sie abzulegen, oder Escape, um abzubrechen.\",\n    \"description\": \"Screen reader instructions for a drag handle in a data grid's column settings dialog\"\n  },\n  \"uic.DataGrid.reorderPickedUp\": {\n    \"defaultMessage\": \"{column} aufgenommen. Position {position} von {total}.\",\n    \"description\": \"Screen reader announcement when a column is picked up for reordering in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderMoved\": {\n    \"defaultMessage\": \"{column} auf Position {position} von {total} verschoben.\",\n    \"description\": \"Screen reader announcement while a picked-up column moves in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderDropped\": {\n    \"defaultMessage\": \"{column} auf Position {position} von {total} abgelegt.\",\n    \"description\": \"Screen reader announcement when a column is dropped in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderCancelled\": {\n    \"defaultMessage\": \"Verschieben abgebrochen. {column} ist wieder auf Position {position} von {total}.\",\n    \"description\": \"Screen reader announcement when reordering a column is cancelled in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.export\": {\n    \"defaultMessage\": \"Exportieren\",\n    \"description\": \"Primary button of a data grid's CSV export dialog\"\n  },\n  \"uic.PagedSelector.placeholder\": {\n    \"defaultMessage\": \"{label} auswählen\",\n    \"description\": \"Placeholder of a selector with nothing selected; {label} is the field's label\"\n  },\n  \"uic.PagedSelector.searchOptions\": {\n    \"defaultMessage\": \"Optionen durchsuchen\",\n    \"description\": \"Accessible name of the search box at the top of a selector's option list\"\n  },\n  \"uic.PagedSelector.searchPlaceholder\": {\n    \"defaultMessage\": \"Suchen\",\n    \"description\": \"Placeholder of the search box at the top of a selector's option list\"\n  },\n  \"uic.PagedSelector.clearSearch\": {\n    \"defaultMessage\": \"Optionen durchsuchen löschen\",\n    \"description\": \"Accessible name of the button that empties a selector's search box\"\n  },\n  \"uic.PagedSelector.noResults\": {\n    \"defaultMessage\": \"Keine Ergebnisse\",\n    \"description\": \"Shown in a selector's option list when no option matches\"\n  },\n  \"uic.PagedSelector.loading\": {\n    \"defaultMessage\": \"Wird geladen...\",\n    \"description\": \"Shown in a selector's empty option list while options are being fetched\"\n  },\n  \"uic.PagedSelector.totalItems\": {\n    \"defaultMessage\": \"Total {total} Elemente\",\n    \"description\": \"Foot of a selector's option list; {total} is how many options exist in all pages\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"de-DE.js","names":[],"sources":["../../../src/i18n/locales/de-DE.json"],"sourcesContent":["{\n  \"uic.common.ok\": {\n    \"defaultMessage\": \"OK\",\n    \"description\": \"Generic label of a primary action button that accepts\"\n  },\n  \"uic.common.cancel\": {\n    \"defaultMessage\": \"Abbrechen\",\n    \"description\": \"Generic label of a button that backs out of an action or stops a task\"\n  },\n  \"uic.common.confirm\": {\n    \"defaultMessage\": \"Bestätigen\",\n    \"description\": \"Generic label of a button that confirms an action\"\n  },\n  \"uic.common.delete\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Generic label of a button that deletes something\"\n  },\n  \"uic.common.retry\": {\n    \"defaultMessage\": \"Wiederholen\",\n    \"description\": \"Generic label of a button that retries a failed action or load\"\n  },\n  \"uic.common.apply\": {\n    \"defaultMessage\": \"Anwenden\",\n    \"description\": \"Generic label of a button that applies the changes made in a dialog\"\n  },\n  \"uic.Board.dragHandle\": {\n    \"defaultMessage\": \"Ziehgriff\",\n    \"description\": \"Accessible name of the button at a board item's top-left corner that moves the item\"\n  },\n  \"uic.Board.resizeHandle\": {\n    \"defaultMessage\": \"Größengriff\",\n    \"description\": \"Accessible name of the button at a board item's bottom-right corner that resizes the item\"\n  },\n  \"uic.Board.moveStarted\": {\n    \"defaultMessage\": \"Wird gezogen.\",\n    \"description\": \"Screen reader announcement when a board item is picked up to be moved\"\n  },\n  \"uic.Board.resizeStarted\": {\n    \"defaultMessage\": \"Größe wird geändert.\",\n    \"description\": \"Screen reader announcement when a board item starts being resized\"\n  },\n  \"uic.Board.itemMoved\": {\n    \"defaultMessage\": \"Element in Spalte {column}, Zeile {row} verschoben.\",\n    \"description\": \"Screen reader announcement while a board item moves. {column} and {row} are 1-based\"\n  },\n  \"uic.Board.itemResized\": {\n    \"defaultMessage\": \"Elementgröße auf {columns} Spalten mal {rows} Zeilen geändert.\",\n    \"description\": \"Screen reader announcement while a board item is resized\"\n  },\n  \"uic.Board.moveCommitted\": {\n    \"defaultMessage\": \"Verschieben übernommen.\",\n    \"description\": \"Screen reader announcement when a board item is dropped in its new place\"\n  },\n  \"uic.Board.resizeCommitted\": {\n    \"defaultMessage\": \"Größenänderung übernommen.\",\n    \"description\": \"Screen reader announcement when a board item's new size is applied\"\n  },\n  \"uic.Board.moveDiscarded\": {\n    \"defaultMessage\": \"Verschieben verworfen.\",\n    \"description\": \"Screen reader announcement when moving a board item is cancelled\"\n  },\n  \"uic.Board.resizeDiscarded\": {\n    \"defaultMessage\": \"Größenänderung verworfen.\",\n    \"description\": \"Screen reader announcement when resizing a board item is cancelled\"\n  },\n  \"uic.Board.itemRemoved\": {\n    \"defaultMessage\": \"Element entfernt.\",\n    \"description\": \"Screen reader announcement when a board item is removed\"\n  },\n  \"uic.ColorPicker.label\": {\n    \"defaultMessage\": \"Farbe auswählen\",\n    \"description\": \"Accessible name of a color picker whose caller gave it no label\"\n  },\n  \"uic.ColorPicker.hexValue\": {\n    \"defaultMessage\": \"Hex-Wert\",\n    \"description\": \"Hidden label of the color picker's text field for a #rrggbb value\"\n  },\n  \"uic.ColorPicker.clear\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Button in a color picker that removes the chosen color\"\n  },\n  \"uic.ColorPicker.noColor\": {\n    \"defaultMessage\": \"Keine Farbe\",\n    \"description\": \"Shown on a color picker's trigger when no color is set\"\n  },\n  \"uic.DeleteConfirmModal.title\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Title of the dialog that confirms deleting one item\"\n  },\n  \"uic.DeleteConfirmModal.titleMany\": {\n    \"defaultMessage\": \"{count, plural, other {# Elemente löschen}}\",\n    \"description\": \"Title of the dialog that confirms deleting several items; {count} is how many\"\n  },\n  \"uic.DeleteConfirmModal.description\": {\n    \"defaultMessage\": \"Sind Sie sicher, dass Sie löschen möchten?\",\n    \"description\": \"Question above the list of items about to be deleted\"\n  },\n  \"uic.DeleteConfirmModal.targetDescription\": {\n    \"defaultMessage\": \"Möchten Sie {target} wirklich dauerhaft löschen?\",\n    \"description\": \"Question above the list of items about to be deleted; {target} names the kind of item, e.g. Project\"\n  },\n  \"uic.DeleteConfirmModal.typeToConfirm\": {\n    \"defaultMessage\": \"Geben Sie {confirmText} ein, um zu bestätigen.\",\n    \"description\": \"Instruction above the confirmation field; {confirmText} is the text to type, shown as a token\"\n  },\n  \"uic.DeleteConfirmModal.confirmText\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"The word the user types to confirm deleting several items at once\"\n  },\n  \"uic.DeleteConfirmModal.cannotBeUndone\": {\n    \"defaultMessage\": \"Diese Aktion kann nicht rückgängig gemacht werden.\",\n    \"description\": \"Warning that the deletion is permanent\"\n  },\n  \"uic.NumberStepper.increase\": {\n    \"defaultMessage\": \"Erhöhen\",\n    \"description\": \"Accessible name of the button that steps a number field up\"\n  },\n  \"uic.NumberStepper.decrease\": {\n    \"defaultMessage\": \"Verringern\",\n    \"description\": \"Accessible name of the button that steps a number field down\"\n  },\n  \"uic.SelectionLabel.selectedCount\": {\n    \"defaultMessage\": \"{count} ausgewählt\",\n    \"description\": \"How many items are selected, e.g. rows of a table; {count} is the number\"\n  },\n  \"uic.SelectionLabel.clear\": {\n    \"defaultMessage\": \"Alle abwählen\",\n    \"description\": \"Button that clears the whole selection\"\n  },\n  \"uic.SkeletonCard.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of a card-shaped loading placeholder\"\n  },\n  \"uic.SkeletonRow.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of one list-row loading placeholder\"\n  },\n  \"uic.SkeletonText.loading\": {\n    \"defaultMessage\": \"Wird geladen\",\n    \"description\": \"Accessible name of a text-block loading placeholder\"\n  },\n  \"uic.Statistic.unlimited\": {\n    \"defaultMessage\": \"Unbegrenzt\",\n    \"description\": \"Shown in place of a metric's value when the value has no limit\"\n  },\n  \"uic.TokenRow.more\": {\n    \"defaultMessage\": \"und {count} weitere\",\n    \"description\": \"After a row of tokens cut short, how many were left out; {count} is the number\"\n  },\n  \"uic.UncontrolledInput.label\": {\n    \"defaultMessage\": \"Auswählen\",\n    \"description\": \"Hidden accessible name of an input whose caller gave it no label of its own\"\n  },\n  \"uic.UnitGrid.label\": {\n    \"defaultMessage\": \"Ressourcenraster\",\n    \"description\": \"Accessible name of a unit grid whose caller gave it no aria-label\"\n  },\n  \"uic.UnitGrid.changeGroupColor\": {\n    \"defaultMessage\": \"Gruppenfarbe ändern\",\n    \"description\": \"Button in a unit grid's hover card that opens the palette for the group\"\n  },\n  \"uic.UnitGrid.useColor\": {\n    \"defaultMessage\": \"Farbe {index} verwenden\",\n    \"description\": \"Accessible name of one palette swatch in a unit grid; {index} is its 1-based position\"\n  },\n  \"uic.Form.optional\": {\n    \"defaultMessage\": \"(optional)\",\n    \"description\": \"Suffix after the label of an optional field when requiredMark=\\\"optional\\\"\"\n  },\n  \"uic.Form.default\": {\n    \"defaultMessage\": \"Feld-Validierungsfehler: {label}\",\n    \"description\": \"Validation error when a rule failed without a more specific message\"\n  },\n  \"uic.Form.required\": {\n    \"defaultMessage\": \"Bitte geben Sie {label} an\",\n    \"description\": \"Validation error for an empty required field\"\n  },\n  \"uic.Form.whitespace\": {\n    \"defaultMessage\": \"{label} darf kein Leerzeichen sein\",\n    \"description\": \"Validation error for a required field that holds only whitespace\"\n  },\n  \"uic.Form.typeString\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not a string; {type} is the type name\"\n  },\n  \"uic.Form.typeNumber\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not a number; {type} is the type name\"\n  },\n  \"uic.Form.typeObject\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for a value that is not an object; {type} is the type name\"\n  },\n  \"uic.Form.typeEmail\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for an invalid email address; {type} is the type name\"\n  },\n  \"uic.Form.typeUrl\": {\n    \"defaultMessage\": \"{label} ist nicht gültig. {type} erwartet\",\n    \"description\": \"Validation error for an invalid URL; {type} is the type name\"\n  },\n  \"uic.Form.stringLen\": {\n    \"defaultMessage\": \"{label} muss genau {len} Zeichen lang sein\",\n    \"description\": \"Validation error for text of the wrong exact length\"\n  },\n  \"uic.Form.stringMin\": {\n    \"defaultMessage\": \"{label} muss mindestens {min} Zeichen lang sein\",\n    \"description\": \"Validation error for text shorter than the minimum\"\n  },\n  \"uic.Form.stringMax\": {\n    \"defaultMessage\": \"{label} darf höchstens {max} Zeichen lang sein\",\n    \"description\": \"Validation error for text longer than the maximum\"\n  },\n  \"uic.Form.stringRange\": {\n    \"defaultMessage\": \"{label} muss zwischen {min} und {max} Zeichen lang sein\",\n    \"description\": \"Validation error for text outside a length range\"\n  },\n  \"uic.Form.numberLen\": {\n    \"defaultMessage\": \"{label} muss gleich {len} sein\",\n    \"description\": \"Validation error for a number that must equal a value\"\n  },\n  \"uic.Form.numberMin\": {\n    \"defaultMessage\": \"{label} muss mindestens {min} sein\",\n    \"description\": \"Validation error for a number below the minimum\"\n  },\n  \"uic.Form.numberMax\": {\n    \"defaultMessage\": \"{label} darf maximal {max} sein\",\n    \"description\": \"Validation error for a number above the maximum\"\n  },\n  \"uic.Form.numberRange\": {\n    \"defaultMessage\": \"{label} muss zwischen {min} und {max} liegen\",\n    \"description\": \"Validation error for a number outside a range\"\n  },\n  \"uic.Form.arrayLen\": {\n    \"defaultMessage\": \"Es müssen {len} {label} sein\",\n    \"description\": \"Validation error for a list with the wrong number of items\"\n  },\n  \"uic.Form.arrayMin\": {\n    \"defaultMessage\": \"Es müssen mindestens {min} {label} sein\",\n    \"description\": \"Validation error for a list with too few items\"\n  },\n  \"uic.Form.arrayMax\": {\n    \"defaultMessage\": \"Es dürfen maximal {max} {label} sein\",\n    \"description\": \"Validation error for a list with too many items\"\n  },\n  \"uic.Form.arrayRange\": {\n    \"defaultMessage\": \"Die Anzahl an {label} muss zwischen {min} und {max} liegen\",\n    \"description\": \"Validation error for a list whose item count is outside a range\"\n  },\n  \"uic.Form.patternMismatch\": {\n    \"defaultMessage\": \"{label} entspricht nicht dem {pattern} Muster\",\n    \"description\": \"Validation error for text that does not match a pattern\"\n  },\n  \"uic.BulkEditFormItem.keepAsIs\": {\n    \"defaultMessage\": \"Unverändert lassen\",\n    \"description\": \"Placeholder of a bulk-edit field that leaves every selected item's current value unchanged\"\n  },\n  \"uic.BulkEditFormItem.clear\": {\n    \"defaultMessage\": \"Löschen\",\n    \"description\": \"Link that clears the field on every selected item, and the field's placeholder once cleared\"\n  },\n  \"uic.BulkEditFormItem.undoChanges\": {\n    \"defaultMessage\": \"Änderungen rückgängig machen\",\n    \"description\": \"Link that returns a bulk-edit field to keeping the current values\"\n  },\n  \"uic.BulkErrorModal.title\": {\n    \"defaultMessage\": \"Ausführung fehlgeschlagen\",\n    \"description\": \"Default title of the dialog that lists the failed items of a bulk operation\"\n  },\n  \"uic.BulkErrorModal.errorOccurred\": {\n    \"defaultMessage\": \"Ein Fehler ist aufgetreten\",\n    \"description\": \"Title of the error banner above the failed items, over the caller's guidance\"\n  },\n  \"uic.DataGrid.noData\": {\n    \"defaultMessage\": \"Keine Daten zum Anzeigen\",\n    \"description\": \"Shown in place of a data grid's rows when there are none\"\n  },\n  \"uic.DataGrid.invalidPage\": {\n    \"defaultMessage\": \"Ungültige Seitenzahl\",\n    \"description\": \"Shown in place of a data grid's rows when the current page lies past the last page\"\n  },\n  \"uic.DataGrid.goToFirstPage\": {\n    \"defaultMessage\": \"Zur ersten Seite\",\n    \"description\": \"Button under the invalid page message that returns to page 1\"\n  },\n  \"uic.DataGrid.expandRow\": {\n    \"defaultMessage\": \"Zeile ausklappen\",\n    \"description\": \"Accessible name of the button that shows or hides a row's details\"\n  },\n  \"uic.DataGrid.pagination\": {\n    \"defaultMessage\": \"Seitennummerierung\",\n    \"description\": \"Accessible name of a data grid's page navigation\"\n  },\n  \"uic.DataGrid.range\": {\n    \"defaultMessage\": \"{start} - {end} von {total} Elementen\",\n    \"description\": \"Beside a data grid's page navigation: the rows on screen out of the total. {start} and {end} are 1-based row numbers\"\n  },\n  \"uic.DataGrid.settings\": {\n    \"defaultMessage\": \"Tabelleneinstellungen\",\n    \"description\": \"Button under a data grid that opens its column settings, and the title of that dialog\"\n  },\n  \"uic.DataGrid.exportCsv\": {\n    \"defaultMessage\": \"Als CSV exportieren\",\n    \"description\": \"Button under a data grid that opens the CSV export dialog, and the title of that dialog\"\n  },\n  \"uic.DataGrid.selectColumns\": {\n    \"defaultMessage\": \"Wählen Sie Spalten aus, um angezeigt zu werden\",\n    \"description\": \"Subtitle of a data grid's column settings and CSV export dialogs\"\n  },\n  \"uic.DataGrid.searchColumns\": {\n    \"defaultMessage\": \"Suchtabellenspalten\",\n    \"description\": \"Placeholder of the column search field in a data grid's dialogs, also shown when no column matches\"\n  },\n  \"uic.DataGrid.reorderColumn\": {\n    \"defaultMessage\": \"{column} verschieben\",\n    \"description\": \"Accessible name of the drag handle beside a column in a data grid's column settings dialog. {column} is the column's label\"\n  },\n  \"uic.DataGrid.reorderInstructions\": {\n    \"defaultMessage\": \"Drücken Sie die Leertaste, um die Spalte aufzunehmen, verschieben Sie sie mit den Pfeiltasten und drücken Sie erneut die Leertaste, um sie abzulegen, oder Escape, um abzubrechen.\",\n    \"description\": \"Screen reader instructions for a drag handle in a data grid's column settings dialog\"\n  },\n  \"uic.DataGrid.reorderPickedUp\": {\n    \"defaultMessage\": \"{column} aufgenommen. Position {position} von {total}.\",\n    \"description\": \"Screen reader announcement when a column is picked up for reordering in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderMoved\": {\n    \"defaultMessage\": \"{column} auf Position {position} von {total} verschoben.\",\n    \"description\": \"Screen reader announcement while a picked-up column moves in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderDropped\": {\n    \"defaultMessage\": \"{column} auf Position {position} von {total} abgelegt.\",\n    \"description\": \"Screen reader announcement when a column is dropped in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.reorderCancelled\": {\n    \"defaultMessage\": \"Verschieben abgebrochen. {column} ist wieder auf Position {position} von {total}.\",\n    \"description\": \"Screen reader announcement when reordering a column is cancelled in the column settings dialog. {position} is 1-based\"\n  },\n  \"uic.DataGrid.export\": {\n    \"defaultMessage\": \"Exportieren\",\n    \"description\": \"Primary button of a data grid's CSV export dialog\"\n  },\n  \"uic.PagedSelector.placeholder\": {\n    \"defaultMessage\": \"{label} auswählen\",\n    \"description\": \"Placeholder of a selector with nothing selected; {label} is the field's label\"\n  },\n  \"uic.PagedSelector.searchOptions\": {\n    \"defaultMessage\": \"Optionen durchsuchen\",\n    \"description\": \"Accessible name of the search box at the top of a selector's option list\"\n  },\n  \"uic.PagedSelector.searchPlaceholder\": {\n    \"defaultMessage\": \"Suchen\",\n    \"description\": \"Placeholder of the search box at the top of a selector's option list\"\n  },\n  \"uic.PagedSelector.clearSearch\": {\n    \"defaultMessage\": \"Optionen durchsuchen löschen\",\n    \"description\": \"Accessible name of the button that empties a selector's search box\"\n  },\n  \"uic.PagedSelector.noResults\": {\n    \"defaultMessage\": \"Keine Ergebnisse\",\n    \"description\": \"Shown in a selector's option list when no option matches\"\n  },\n  \"uic.PagedSelector.loading\": {\n    \"defaultMessage\": \"Wird geladen...\",\n    \"description\": \"Shown in a selector's empty option list while options are being fetched\"\n  },\n  \"uic.PagedSelector.totalItems\": {\n    \"defaultMessage\": \"Total {total} Elemente\",\n    \"description\": \"Foot of a selector's option list; {total} is how many options exist in all pages\"\n  },\n  \"uic.Board.directionUp\": {\n    \"defaultMessage\": \"Nach oben\",\n    \"description\": \"Accessible name of the button that moves an activated board item, or shrinks a resized one, one row up\"\n  },\n  \"uic.Board.directionDown\": {\n    \"defaultMessage\": \"Nach unten\",\n    \"description\": \"Accessible name of the button that moves an activated board item, or grows a resized one, one row down\"\n  },\n  \"uic.Board.directionLeft\": {\n    \"defaultMessage\": \"Nach links\",\n    \"description\": \"Accessible name of the button that moves an activated board item, or shrinks a resized one, one column left\"\n  },\n  \"uic.Board.directionRight\": {\n    \"defaultMessage\": \"Nach rechts\",\n    \"description\": \"Accessible name of the button that moves an activated board item, or grows a resized one, one column right\"\n  }\n}\n"],"mappings":""}

package/dist/i18n/locales/el-GR.js

@@ -24,6 +24,50 @@ var e = {
 		defaultMessage: "Εφαρμογή",
 		description: "Generic label of a button that applies the changes made in a dialog"
 	},
+	"uic.Board.dragHandle": {
+		defaultMessage: "Λαβή μεταφοράς",
+		description: "Accessible name of the button at a board item's top-left corner that moves the item"
+	},
+	"uic.Board.resizeHandle": {
+		defaultMessage: "Λαβή αλλαγής μεγέθους",
+		description: "Accessible name of the button at a board item's bottom-right corner that resizes the item"
+	},
+	"uic.Board.moveStarted": {
+		defaultMessage: "Μεταφορά σε εξέλιξη.",
+		description: "Screen reader announcement when a board item is picked up to be moved"
+	},
+	"uic.Board.resizeStarted": {
+		defaultMessage: "Αλλαγή μεγέθους σε εξέλιξη.",
+		description: "Screen reader announcement when a board item starts being resized"
+	},
+	"uic.Board.itemMoved": {
+		defaultMessage: "Το στοιχείο μετακινήθηκε στη στήλη {column}, γραμμή {row}.",
+		description: "Screen reader announcement while a board item moves. {column} and {row} are 1-based"
+	},
+	"uic.Board.itemResized": {
+		defaultMessage: "Το μέγεθος του στοιχείου άλλαξε σε {columns} στήλες επί {rows} γραμμές.",
+		description: "Screen reader announcement while a board item is resized"
+	},
+	"uic.Board.moveCommitted": {
+		defaultMessage: "Η μετακίνηση εφαρμόστηκε.",
+		description: "Screen reader announcement when a board item is dropped in its new place"
+	},
+	"uic.Board.resizeCommitted": {
+		defaultMessage: "Η αλλαγή μεγέθους εφαρμόστηκε.",
+		description: "Screen reader announcement when a board item's new size is applied"
+	},
+	"uic.Board.moveDiscarded": {
+		defaultMessage: "Η μετακίνηση ακυρώθηκε.",
+		description: "Screen reader announcement when moving a board item is cancelled"
+	},
+	"uic.Board.resizeDiscarded": {
+		defaultMessage: "Η αλλαγή μεγέθους ακυρώθηκε.",
+		description: "Screen reader announcement when resizing a board item is cancelled"
+	},
+	"uic.Board.itemRemoved": {
+		defaultMessage: "Το στοιχείο αφαιρέθηκε.",
+		description: "Screen reader announcement when a board item is removed"
+	},
 	"uic.ColorPicker.label": {
 		defaultMessage: "Επιλογή χρώματος",
 		description: "Accessible name of a color picker whose caller gave it no label"
@@ -323,6 +367,22 @@ var e = {
 	"uic.PagedSelector.totalItems": {
 		defaultMessage: "Σύνολο {total} στοιχεία",
 		description: "Foot of a selector's option list; {total} is how many options exist in all pages"
+	},
+	"uic.Board.directionUp": {
+		defaultMessage: "Πάνω",
+		description: "Accessible name of the button that moves an activated board item, or shrinks a resized one, one row up"
+	},
+	"uic.Board.directionDown": {
+		defaultMessage: "Κάτω",
+		description: "Accessible name of the button that moves an activated board item, or grows a resized one, one row down"
+	},
+	"uic.Board.directionLeft": {
+		defaultMessage: "Αριστερά",
+		description: "Accessible name of the button that moves an activated board item, or shrinks a resized one, one column left"
+	},
+	"uic.Board.directionRight": {
+		defaultMessage: "Δεξιά",
+		description: "Accessible name of the button that moves an activated board item, or grows a resized one, one column right"
 	}
 };
 //#endregion