@proyecto-viviana/solidaria 0.4.3 → 0.6.0-rc.1

package/dist/_chunk/createGrid.js

@@ -0,0 +1,869 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/grid/GridKeyboardDelegate.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/grid/useGrid.ts
+import { a as createInteractionModality } from "./createInteractionModality.js";
+import { n as createDescription } from "./createDescription.js";
+import { i as useLocale } from "./locale.js";
+import { n as createStringFormatter } from "./createStringFormatter.js";
+import { t as announce } from "./announce.js";
+import { t as createHasTabbableChild } from "./createHasTabbableChild.js";
+import { createEffect, createMemo, createSignal } from "solid-js";
+import { createId } from "@proyecto-viviana/solid-stately";
+//#region src/grid/GridKeyboardDelegate.ts
+/**
+* A keyboard delegate that handles navigation in a grid.
+*/
+var GridKeyboardDelegate = class {
+	collection;
+	disabledKeys;
+	ref;
+	focusMode;
+	direction;
+	constructor(options) {
+		this.collection = options.collection;
+		this.disabledKeys = options.disabledKeys;
+		this.ref = options.ref;
+		this.focusMode = options.focusMode;
+		this.direction = options.direction;
+	}
+	/**
+	* Check if a key is disabled.
+	*/
+	isDisabled(key) {
+		return this.disabledKeys.has(key);
+	}
+	/**
+	* Get the parent row key for a cell.
+	*/
+	getRowKey(key) {
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		if (item.type === "item") return key;
+		if (item.type === "cell" && item.parentKey != null) return item.parentKey;
+		return null;
+	}
+	/**
+	* Get all body rows (excluding header rows).
+	*/
+	getBodyRows() {
+		return this.collection.rows.filter((row) => row.type === "item");
+	}
+	/**
+	* Get the first non-disabled key.
+	*/
+	getFirstKey(fromKey, global) {
+		const rows = this.getBodyRows();
+		if (this.focusMode === "row" || global) {
+			for (const row of rows) if (!this.isDisabled(row.key)) return row.key;
+			return null;
+		}
+		if (fromKey != null) {
+			const rowKey = this.getRowKey(fromKey);
+			if (rowKey != null) {
+				const children = [...this.collection.getChildren(rowKey)];
+				if (children.length > 0) return children[0].key;
+			}
+		}
+		if (rows.length > 0) {
+			const children = [...this.collection.getChildren(rows[0].key)];
+			if (children.length > 0) return children[0].key;
+		}
+		return null;
+	}
+	/**
+	* Get the last non-disabled key.
+	*/
+	getLastKey(fromKey, global) {
+		const rows = this.getBodyRows();
+		if (this.focusMode === "row" || global) {
+			for (let i = rows.length - 1; i >= 0; i--) if (!this.isDisabled(rows[i].key)) return rows[i].key;
+			return null;
+		}
+		if (fromKey != null) {
+			const rowKey = this.getRowKey(fromKey);
+			if (rowKey != null) {
+				const children = [...this.collection.getChildren(rowKey)];
+				if (children.length > 0) return children[children.length - 1].key;
+			}
+		}
+		if (rows.length > 0) {
+			const children = [...this.collection.getChildren(rows[rows.length - 1].key)];
+			if (children.length > 0) return children[children.length - 1].key;
+		}
+		return null;
+	}
+	/**
+	* Get the key above the current key.
+	*/
+	getKeyAbove(key) {
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		const rows = this.getBodyRows();
+		if (this.focusMode === "row" || item.type === "item") {
+			const rowKey = item.type === "item" ? key : item.parentKey;
+			const rowIndex = rows.findIndex((r) => r.key === rowKey);
+			if (rowIndex > 0) {
+				for (let i = rowIndex - 1; i >= 0; i--) if (!this.isDisabled(rows[i].key)) return rows[i].key;
+			}
+			return null;
+		}
+		if (item.type === "cell" && item.parentKey != null) {
+			const rowIndex = rows.findIndex((r) => r.key === item.parentKey);
+			const colIndex = item.column ?? item.index;
+			if (rowIndex > 0) {
+				for (let i = rowIndex - 1; i >= 0; i--) if (!this.isDisabled(rows[i].key)) {
+					const children = [...this.collection.getChildren(rows[i].key)];
+					const targetCol = Math.min(colIndex, children.length - 1);
+					if (targetCol >= 0) return children[targetCol].key;
+				}
+			}
+		}
+		return null;
+	}
+	/**
+	* Get the key below the current key.
+	*/
+	getKeyBelow(key) {
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		const rows = this.getBodyRows();
+		if (this.focusMode === "row" || item.type === "item") {
+			const rowKey = item.type === "item" ? key : item.parentKey;
+			const rowIndex = rows.findIndex((r) => r.key === rowKey);
+			if (rowIndex >= 0 && rowIndex < rows.length - 1) {
+				for (let i = rowIndex + 1; i < rows.length; i++) if (!this.isDisabled(rows[i].key)) return rows[i].key;
+			}
+			return null;
+		}
+		if (item.type === "cell" && item.parentKey != null) {
+			const rowIndex = rows.findIndex((r) => r.key === item.parentKey);
+			const colIndex = item.column ?? item.index;
+			if (rowIndex >= 0 && rowIndex < rows.length - 1) {
+				for (let i = rowIndex + 1; i < rows.length; i++) if (!this.isDisabled(rows[i].key)) {
+					const children = [...this.collection.getChildren(rows[i].key)];
+					const targetCol = Math.min(colIndex, children.length - 1);
+					if (targetCol >= 0) return children[targetCol].key;
+				}
+			}
+		}
+		return null;
+	}
+	/**
+	* Get the key to the left of the current key.
+	*/
+	getKeyLeftOf(key) {
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		if (this.focusMode === "row") return null;
+		if (item.type === "cell" && item.parentKey != null) {
+			const children = [...this.collection.getChildren(item.parentKey)];
+			const colIndex = children.findIndex((c) => c.key === key);
+			if (this.direction === "rtl") {
+				if (colIndex < children.length - 1) return children[colIndex + 1].key;
+			} else if (colIndex > 0) return children[colIndex - 1].key;
+		}
+		return null;
+	}
+	/**
+	* Get the key to the right of the current key.
+	*/
+	getKeyRightOf(key) {
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		if (this.focusMode === "row") return null;
+		if (item.type === "cell" && item.parentKey != null) {
+			const children = [...this.collection.getChildren(item.parentKey)];
+			const colIndex = children.findIndex((c) => c.key === key);
+			if (this.direction === "rtl") {
+				if (colIndex > 0) return children[colIndex - 1].key;
+			} else if (colIndex < children.length - 1) return children[colIndex + 1].key;
+		}
+		return null;
+	}
+	/**
+	* Get the key for page up.
+	*/
+	getKeyPageAbove(key) {
+		const el = this.ref();
+		if (!el) return null;
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		const rows = this.getBodyRows();
+		const rowKey = this.getRowKey(key);
+		const rowIndex = rows.findIndex((r) => r.key === rowKey);
+		if (rowIndex < 0) return null;
+		const rowHeight = el.scrollHeight / rows.length;
+		const pageSize = Math.max(1, Math.floor(el.clientHeight / rowHeight));
+		const targetIndex = Math.max(0, rowIndex - pageSize);
+		for (let i = targetIndex; i >= 0; i--) if (!this.isDisabled(rows[i].key)) {
+			if (this.focusMode === "row" || item.type === "item") return rows[i].key;
+			const colIndex = item.type === "cell" ? item.column ?? item.index : 0;
+			const children = [...this.collection.getChildren(rows[i].key)];
+			const targetCol = Math.min(colIndex, children.length - 1);
+			if (targetCol >= 0) return children[targetCol].key;
+		}
+		return null;
+	}
+	/**
+	* Get the key for page down.
+	*/
+	getKeyPageBelow(key) {
+		const el = this.ref();
+		if (!el) return null;
+		const item = this.collection.getItem(key);
+		if (!item) return null;
+		const rows = this.getBodyRows();
+		const rowKey = this.getRowKey(key);
+		const rowIndex = rows.findIndex((r) => r.key === rowKey);
+		if (rowIndex < 0) return null;
+		const rowHeight = el.scrollHeight / rows.length;
+		const pageSize = Math.max(1, Math.floor(el.clientHeight / rowHeight));
+		const targetIndex = Math.min(rows.length - 1, rowIndex + pageSize);
+		for (let i = targetIndex; i < rows.length; i++) if (!this.isDisabled(rows[i].key)) {
+			if (this.focusMode === "row" || item.type === "item") return rows[i].key;
+			const colIndex = item.type === "cell" ? item.column ?? item.index : 0;
+			const children = [...this.collection.getChildren(rows[i].key)];
+			const targetCol = Math.min(colIndex, children.length - 1);
+			if (targetCol >= 0) return children[targetCol].key;
+		}
+		return null;
+	}
+	/**
+	* Get the key that matches the search string.
+	*/
+	getKeyForSearch(search, fromKey) {
+		const searchLower = search.toLowerCase();
+		const rows = this.getBodyRows();
+		let startIndex = 0;
+		if (fromKey != null) {
+			const rowKey = this.getRowKey(fromKey);
+			const idx = rows.findIndex((r) => r.key === rowKey);
+			if (idx >= 0) startIndex = idx + 1;
+		}
+		for (let i = startIndex; i < rows.length; i++) {
+			const row = rows[i];
+			if (!this.isDisabled(row.key)) {
+				if ((row.textValue?.toLowerCase() ?? "").startsWith(searchLower)) return row.key;
+			}
+		}
+		for (let i = 0; i < startIndex; i++) {
+			const row = rows[i];
+			if (!this.isDisabled(row.key)) {
+				if ((row.textValue?.toLowerCase() ?? "").startsWith(searchLower)) return row.key;
+			}
+		}
+		return null;
+	}
+};
+//#endregion
+//#region src/grid/intl/index.ts
+const gridIntlStrings = {
+	"ar-AE": {
+		deselectedItem: "{item} غير المحدد",
+		longPressToSelect: "اضغط مطولًا للدخول إلى وضع التحديد.",
+		select: "تحديد",
+		selectedAll: "جميع العناصر المحددة.",
+		selectedCount: "{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}.",
+		selectedItem: "{item} المحدد"
+	},
+	"bg-BG": {
+		deselectedItem: "{item} не е избран.",
+		longPressToSelect: "Натиснете и задръжте за да влезете в избирателен режим.",
+		select: "Изберете",
+		selectedAll: "Всички елементи са избрани.",
+		selectedCount: "{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елементи}}.",
+		selectedItem: "{item} избран."
+	},
+	"cs-CZ": {
+		deselectedItem: "Položka {item} není vybrána.",
+		longPressToSelect: "Dlouhým stisknutím přejdete do režimu výběru.",
+		select: "Vybrat",
+		selectedAll: "Vybrány všechny položky.",
+		selectedCount: "{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} other {Vybráno # položek}}.",
+		selectedItem: "Vybrána položka {item}."
+	},
+	"da-DK": {
+		deselectedItem: "{item} ikke valgt.",
+		longPressToSelect: "Lav et langt tryk for at aktivere valgtilstand.",
+		select: "Vælg",
+		selectedAll: "Alle elementer valgt.",
+		selectedCount: "{count, plural, =0 {Ingen elementer valgt} one {# element valgt} other {# elementer valgt}}.",
+		selectedItem: "{item} valgt."
+	},
+	"de-DE": {
+		deselectedItem: "{item} nicht ausgewählt.",
+		longPressToSelect: "Gedrückt halten, um Auswahlmodus zu öffnen.",
+		select: "Auswählen",
+		selectedAll: "Alle Elemente ausgewählt.",
+		selectedCount: "{count, plural, =0 {Keine Elemente ausgewählt} one {# Element ausgewählt} other {# Elemente ausgewählt}}.",
+		selectedItem: "{item} ausgewählt."
+	},
+	"el-GR": {
+		deselectedItem: "Δεν επιλέχθηκε το στοιχείο {item}.",
+		longPressToSelect: "Πατήστε παρατεταμένα για να μπείτε σε λειτουργία επιλογής.",
+		select: "Επιλογή",
+		selectedAll: "Επιλέχθηκαν όλα τα στοιχεία.",
+		selectedCount: "{count, plural, =0 {Δεν επιλέχθηκαν στοιχεία} one {Επιλέχθηκε # στοιχείο} other {Επιλέχθηκαν # στοιχεία}}.",
+		selectedItem: "Επιλέχθηκε το στοιχείο {item}."
+	},
+	"en-US": {
+		deselectedItem: "{item} not selected.",
+		select: "Select",
+		selectedCount: "{count, plural, =0 {No items selected} one {# item selected} other {# items selected}}.",
+		selectedAll: "All items selected.",
+		selectedItem: "{item} selected.",
+		longPressToSelect: "Long press to enter selection mode."
+	},
+	"es-ES": {
+		deselectedItem: "{item} no seleccionado.",
+		longPressToSelect: "Mantenga pulsado para abrir el modo de selección.",
+		select: "Seleccionar",
+		selectedAll: "Todos los elementos seleccionados.",
+		selectedCount: "{count, plural, =0 {Ningún elemento seleccionado} one {# elemento seleccionado} other {# elementos seleccionados}}.",
+		selectedItem: "{item} seleccionado."
+	},
+	"et-EE": {
+		deselectedItem: "{item} pole valitud.",
+		longPressToSelect: "Valikurežiimi sisenemiseks vajutage pikalt.",
+		select: "Vali",
+		selectedAll: "Kõik üksused valitud.",
+		selectedCount: "{count, plural, =0 {Üksusi pole valitud} one {# üksus valitud} other {# üksust valitud}}.",
+		selectedItem: "{item} valitud."
+	},
+	"fi-FI": {
+		deselectedItem: "Kohdetta {item} ei valittu.",
+		longPressToSelect: "Siirry valintatilaan painamalla pitkään.",
+		select: "Valitse",
+		selectedAll: "Kaikki kohteet valittu.",
+		selectedCount: "{count, plural, =0 {Ei yhtään kohdetta valittu} one {# kohde valittu} other {# kohdetta valittu}}.",
+		selectedItem: "{item} valittu."
+	},
+	"fr-FR": {
+		deselectedItem: "{item} non sélectionné.",
+		longPressToSelect: "Appuyez de manière prolongée pour passer en mode de sélection.",
+		select: "Sélectionner",
+		selectedAll: "Tous les éléments sélectionnés.",
+		selectedCount: "{count, plural, =0 {Aucun élément sélectionné} one {# élément sélectionné} other {# éléments sélectionnés}}.",
+		selectedItem: "{item} sélectionné."
+	},
+	"he-IL": {
+		deselectedItem: "{item} לא נבחר.",
+		longPressToSelect: "הקשה ארוכה לכניסה למצב בחירה.",
+		select: "בחר",
+		selectedAll: "כל הפריטים נבחרו.",
+		selectedCount: "{count, plural, =0 {לא נבחרו פריטים} one {פריט # נבחר} other {# פריטים נבחרו}}.",
+		selectedItem: "{item} נבחר."
+	},
+	"hr-HR": {
+		deselectedItem: "Stavka {item} nije odabrana.",
+		longPressToSelect: "Dugo pritisnite za ulazak u način odabira.",
+		select: "Odaberite",
+		selectedAll: "Odabrane su sve stavke.",
+		selectedCount: "{count, plural, =0 {Nije odabrana nijedna stavka} one {Odabrana je # stavka} other {Odabrano je # stavki}}.",
+		selectedItem: "Stavka {item} je odabrana."
+	},
+	"hu-HU": {
+		deselectedItem: "{item} nincs kijelölve.",
+		longPressToSelect: "Nyomja hosszan a kijelöléshez.",
+		select: "Kijelölés",
+		selectedAll: "Az összes elem kijelölve.",
+		selectedCount: "{count, plural, =0 {Egy elem sincs kijelölve} one {# elem kijelölve} other {# elem kijelölve}}.",
+		selectedItem: "{item} kijelölve."
+	},
+	"it-IT": {
+		deselectedItem: "{item} non selezionato.",
+		longPressToSelect: "Premi a lungo per passare alla modalità di selezione.",
+		select: "Seleziona",
+		selectedAll: "Tutti gli elementi selezionati.",
+		selectedCount: "{count, plural, =0 {Nessun elemento selezionato} one {# elemento selezionato} other {# elementi selezionati}}.",
+		selectedItem: "{item} selezionato."
+	},
+	"ja-JP": {
+		deselectedItem: "{item} が選択されていません。",
+		longPressToSelect: "長押しして選択モードを開きます。",
+		select: "選択",
+		selectedAll: "すべての項目を選択しました。",
+		selectedCount: "{count, plural, =0 {項目が選択されていません} one {# 項目を選択しました} other {# 項目を選択しました}}。",
+		selectedItem: "{item} を選択しました。"
+	},
+	"ko-KR": {
+		deselectedItem: "{item}이(가) 선택되지 않았습니다.",
+		longPressToSelect: "선택 모드로 들어가려면 길게 누르십시오.",
+		select: "선택",
+		selectedAll: "모든 항목이 선택되었습니다.",
+		selectedCount: "{count, plural, =0 {선택된 항목이 없습니다} one {#개 항목이 선택되었습니다} other {#개 항목이 선택되었습니다}}.",
+		selectedItem: "{item}이(가) 선택되었습니다."
+	},
+	"lt-LT": {
+		deselectedItem: "{item} nepasirinkta.",
+		longPressToSelect: "Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.",
+		select: "Pasirinkti",
+		selectedAll: "Pasirinkti visi elementai.",
+		selectedCount: "{count, plural, =0 {Nepasirinktas nė vienas elementas} one {Pasirinktas # elementas} other {Pasirinkta elementų: #}}.",
+		selectedItem: "Pasirinkta: {item}."
+	},
+	"lv-LV": {
+		deselectedItem: "Vienums {item} nav atlasīts.",
+		longPressToSelect: "Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.",
+		select: "Atlasīt",
+		selectedAll: "Atlasīti visi vienumi.",
+		selectedCount: "{count, plural, =0 {Nav atlasīts neviens vienums} one {Atlasīto vienumu skaits: #} other {Atlasīto vienumu skaits: #}}.",
+		selectedItem: "Atlasīts vienums {item}."
+	},
+	"nb-NO": {
+		deselectedItem: "{item} er ikke valgt.",
+		longPressToSelect: "Bruk et langt trykk for å gå inn i valgmodus.",
+		select: "Velg",
+		selectedAll: "Alle elementer er valgt.",
+		selectedCount: "{count, plural, =0 {Ingen elementer er valgt} one {# element er valgt} other {# elementer er valgt}}.",
+		selectedItem: "{item} er valgt."
+	},
+	"nl-NL": {
+		deselectedItem: "{item} niet geselecteerd.",
+		longPressToSelect: "Druk lang om de selectiemodus te openen.",
+		select: "Selecteren",
+		selectedAll: "Alle items geselecteerd.",
+		selectedCount: "{count, plural, =0 {Geen items geselecteerd} one {# item geselecteerd} other {# items geselecteerd}}.",
+		selectedItem: "{item} geselecteerd."
+	},
+	"pl-PL": {
+		deselectedItem: "Nie zaznaczono {item}.",
+		longPressToSelect: "Naciśnij i przytrzymaj, aby wejść do trybu wyboru.",
+		select: "Zaznacz",
+		selectedAll: "Wszystkie zaznaczone elementy.",
+		selectedCount: "{count, plural, =0 {Nie zaznaczono żadnych elementów} one {# zaznaczony element} other {# zaznaczonych elementów}}.",
+		selectedItem: "Zaznaczono {item}."
+	},
+	"pt-BR": {
+		deselectedItem: "{item} não selecionado.",
+		longPressToSelect: "Mantenha pressionado para entrar no modo de seleção.",
+		select: "Selecionar",
+		selectedAll: "Todos os itens selecionados.",
+		selectedCount: "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.",
+		selectedItem: "{item} selecionado."
+	},
+	"pt-PT": {
+		deselectedItem: "{item} não selecionado.",
+		longPressToSelect: "Prima continuamente para entrar no modo de seleção.",
+		select: "Selecionar",
+		selectedAll: "Todos os itens selecionados.",
+		selectedCount: "{count, plural, =0 {Nenhum item selecionado} one {# item selecionado} other {# itens selecionados}}.",
+		selectedItem: "{item} selecionado."
+	},
+	"ro-RO": {
+		deselectedItem: "{item} neselectat.",
+		longPressToSelect: "Apăsați lung pentru a intra în modul de selectare.",
+		select: "Selectare",
+		selectedAll: "Toate elementele selectate.",
+		selectedCount: "{count, plural, =0 {Niciun element selectat} one {# element selectat} other {# elemente selectate}}.",
+		selectedItem: "{item} selectat."
+	},
+	"ru-RU": {
+		deselectedItem: "{item} не выбрано.",
+		longPressToSelect: "Нажмите и удерживайте для входа в режим выбора.",
+		select: "Выбрать",
+		selectedAll: "Выбраны все элементы.",
+		selectedCount: "{count, plural, =0 {Нет выбранных элементов} one {# элемент выбран} other {# элементов выбрано}}.",
+		selectedItem: "{item} выбрано."
+	},
+	"sk-SK": {
+		deselectedItem: "Nevybraté položky: {item}.",
+		longPressToSelect: "Dlhším stlačením prejdite do režimu výberu.",
+		select: "Vybrať",
+		selectedAll: "Všetky vybraté položky.",
+		selectedCount: "{count, plural, =0 {Žiadne vybraté položky} one {# vybratá položka} other {Počet vybratých položiek:#}}.",
+		selectedItem: "Vybraté položky: {item}."
+	},
+	"sl-SI": {
+		deselectedItem: "Element {item} ni izbran.",
+		longPressToSelect: "Za izbirni način pritisnite in dlje časa držite.",
+		select: "Izberite",
+		selectedAll: "Vsi elementi so izbrani.",
+		selectedCount: "{count, plural, =0 {Noben element ni izbran} one {# element je izbran} other {# elementov je izbranih}}.",
+		selectedItem: "Element {item} je izbran."
+	},
+	"sr-SP": {
+		deselectedItem: "{item} nije izabrano.",
+		longPressToSelect: "Dugo pritisnite za ulazak u režim biranja.",
+		select: "Izaberite",
+		selectedAll: "Izabrane su sve stavke.",
+		selectedCount: "{count, plural, =0 {Nije izabrana nijedna stavka} one {Izabrana je # stavka} other {Izabrano je # stavki}}.",
+		selectedItem: "{item} je izabrano."
+	},
+	"sv-SE": {
+		deselectedItem: "{item} ej markerat.",
+		longPressToSelect: "Tryck länge när du vill öppna väljarläge.",
+		select: "Markera",
+		selectedAll: "Alla markerade objekt.",
+		selectedCount: "{count, plural, =0 {Inga markerade objekt} one {# markerat objekt} other {# markerade objekt}}.",
+		selectedItem: "{item} markerat."
+	},
+	"tr-TR": {
+		deselectedItem: "{item} seçilmedi.",
+		longPressToSelect: "Seçim moduna girmek için uzun basın.",
+		select: "Seç",
+		selectedAll: "Tüm ögeler seçildi.",
+		selectedCount: "{count, plural, =0 {Hiçbir öge seçilmedi} one {# öge seçildi} other {# öge seçildi}}.",
+		selectedItem: "{item} seçildi."
+	},
+	"uk-UA": {
+		deselectedItem: "{item} не вибрано.",
+		longPressToSelect: "Виконайте довге натиснення, щоб перейти в режим вибору.",
+		select: "Вибрати",
+		selectedAll: "Усі елементи вибрано.",
+		selectedCount: "{count, plural, =0 {Жодних елементів не вибрано} one {# елемент вибрано} other {Вибрано елементів: #}}.",
+		selectedItem: "{item} вибрано."
+	},
+	"zh-CN": {
+		deselectedItem: "未选择 {item}。",
+		longPressToSelect: "长按以进入选择模式。",
+		select: "选择",
+		selectedAll: "已选择所有项目。",
+		selectedCount: "{count, plural, =0 {未选择项目} one {已选择 # 个项目} other {已选择 # 个项目}}。",
+		selectedItem: "已选择 {item}。"
+	},
+	"zh-TW": {
+		deselectedItem: "未選取「{item}」。",
+		longPressToSelect: "長按以進入選擇模式。",
+		select: "選取",
+		selectedAll: "已選取所有項目。",
+		selectedCount: "{count, plural, =0 {未選取任何項目} one {已選取 # 個項目} other {已選取 # 個項目}}。",
+		selectedItem: "已選取「{item}」。"
+	}
+};
+//#endregion
+//#region src/grid/createGrid.ts
+/**
+* createGrid - Provides accessibility for a grid component.
+* Based on @react-aria/grid/useGrid.
+*/
+const gridMap = /* @__PURE__ */ new WeakMap();
+/**
+* Get the grid metadata for child components.
+*/
+function getGridData(state) {
+	return gridMap.get(state);
+}
+function isSelectionValue(value) {
+	return value === "all" || value instanceof Set;
+}
+function sameSelection(a, b) {
+	if (a === b) return true;
+	if (a == null || b == null || a === "all" || b === "all") return false;
+	if (a.size !== b.size) return false;
+	for (const key of a) if (!b.has(key)) return false;
+	return true;
+}
+function diffSelection(next, prev) {
+	const result = /* @__PURE__ */ new Set();
+	if (next == null || prev == null || next === "all" || prev === "all") return result;
+	for (const key of next) if (!prev.has(key)) result.add(key);
+	return result;
+}
+function firstKeyOf(keys) {
+	for (const key of keys) return key;
+}
+function propsDisabled(node) {
+	return node.props?.isDisabled === true;
+}
+/** Selectable item keys represented by an `"all"` selection. */
+function keysWhenAll(state) {
+	const keys = /* @__PURE__ */ new Set();
+	if (state.selectionMode === "none") return keys;
+	const add = (node) => {
+		if (!node || node.type !== "item") return;
+		if (state.disabledKeys.has(node.key) || node.isDisabled || propsDisabled(node)) return;
+		keys.add(node.key);
+	};
+	const rows = state.collection.rows;
+	if (rows) {
+		for (const row of rows) add(row);
+		return keys;
+	}
+	const getKeys = state.collection.getKeys;
+	if (getKeys) for (const key of getKeys()) add(state.collection.getItem(key));
+	return keys;
+}
+function rowText(state, key, getRowText) {
+	if (getRowText) return getRowText(key);
+	return state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue;
+}
+/**
+* Touch hint for replace-mode collections that also have item actions.
+* Port of react-aria `useHighlightSelectionDescription`. Not a package export.
+*/
+function createHighlightSelectionDescription(options) {
+	const stringFormatter = createStringFormatter(gridIntlStrings, "@react-aria/grid");
+	const { modality } = createInteractionModality();
+	const description = () => {
+		const current = modality();
+		if (!((current === "pointer" || current === "virtual" || current == null) && typeof window !== "undefined" && "ontouchstart" in window) || options.selectionBehavior() !== "replace" || options.selectionMode() === "none" || !options.hasItemActions()) return;
+		return stringFormatter().format("longPressToSelect");
+	};
+	return createDescription(description);
+}
+/**
+* Announces selection changes that grid screen readers miss.
+* Port of react-aria `useGridSelectionAnnouncement`. Not a package export.
+*/
+function createGridSelectionAnnouncement(state, getRowText) {
+	const stringFormatter = createStringFormatter(gridIntlStrings, "@react-aria/grid");
+	let lastSelection;
+	let skipInitial = true;
+	const announceChange = () => {
+		const current = state();
+		const selection = current.selectedKeys;
+		if (!isSelectionValue(selection)) return;
+		if (!current.isFocused || sameSelection(selection, lastSelection)) {
+			lastSelection = selection;
+			return;
+		}
+		const previous = lastSelection;
+		const added = diffSelection(selection, previous);
+		const removed = diffSelection(previous, selection);
+		const selected = selection === "all" ? keysWhenAll(current) : selection;
+		const readRowText = getRowText?.();
+		const format = stringFormatter();
+		const messages = [];
+		if (selected.size === 1 && current.selectionBehavior === "replace") {
+			const key = firstKeyOf(selected);
+			if (key != null && current.collection.getItem(key)) {
+				const text = rowText(current, key, readRowText);
+				if (text) messages.push(format.format("selectedItem", { item: text }));
+			}
+		} else if (added.size === 1 && removed.size === 0) {
+			const key = firstKeyOf(added);
+			if (key != null) {
+				const text = rowText(current, key, readRowText);
+				if (text) messages.push(format.format("selectedItem", { item: text }));
+			}
+		} else if (removed.size === 1 && added.size === 0) {
+			const key = firstKeyOf(removed);
+			if (key != null && current.collection.getItem(key)) {
+				const text = rowText(current, key, readRowText);
+				if (text) messages.push(format.format("deselectedItem", { item: text }));
+			}
+		}
+		if (current.selectionMode === "multiple") {
+			const lastSize = previous != null && previous !== "all" ? previous.size : 0;
+			if (messages.length === 0 || selection === "all" || selection.size > 1 || previous === "all" || lastSize > 1) messages.push(selection === "all" ? format.format("selectedAll") : format.format("selectedCount", { count: selection.size }));
+		}
+		if (messages.length > 0) announce(messages.join(" "));
+		lastSelection = selection;
+	};
+	createEffect(() => {
+		const current = state();
+		const selection = current.selectedKeys;
+		return {
+			selection: isSelectionValue(selection) ? selection : void 0,
+			isFocused: current.isFocused
+		};
+	}, (snapshot) => {
+		if (skipInitial) {
+			skipInitial = false;
+			lastSelection = snapshot.selection;
+			return;
+		}
+		if (snapshot.isFocused || typeof requestAnimationFrame !== "function") {
+			announceChange();
+			return;
+		}
+		const frame = requestAnimationFrame(() => {
+			announceChange();
+		});
+		return () => cancelAnimationFrame(frame);
+	});
+}
+/**
+* Creates accessibility props for a grid component.
+* A grid displays data in rows and columns and enables navigation via arrow keys.
+*/
+function createGrid(props, state, ref) {
+	const id = createId(props().id);
+	const locale = useLocale();
+	const [_isFocused, setIsFocused] = createSignal(false);
+	const keyboardDelegate = createMemo(() => {
+		const p = props();
+		const s = state();
+		if (p.keyboardDelegate) return p.keyboardDelegate;
+		return new GridKeyboardDelegate({
+			collection: s.collection,
+			disabledKeys: s.disabledKeys,
+			ref,
+			focusMode: p.focusMode ?? "row",
+			direction: locale().direction
+		});
+	});
+	const storeGridData = () => {
+		const s = state();
+		const p = props();
+		gridMap.set(s, {
+			keyboardDelegate: keyboardDelegate(),
+			actions: {
+				onRowAction: p.onRowAction,
+				onCellAction: p.onCellAction
+			},
+			shouldSelectOnPressUp: p.shouldSelectOnPressUp
+		});
+	};
+	createMemo(() => {
+		storeGridData();
+	});
+	const onKeyDown = (e) => {
+		const s = state();
+		const p = props();
+		const delegate = keyboardDelegate();
+		if (s.isKeyboardNavigationDisabled) return;
+		const focusedKey = s.focusedKey;
+		if (focusedKey == null) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") {
+				const firstKey = delegate.getFirstKey?.();
+				if (firstKey != null) {
+					e.preventDefault();
+					s.setFocusedKey(firstKey);
+				}
+			}
+			return;
+		}
+		let nextKey = null;
+		switch (e.key) {
+			case "ArrowDown":
+				nextKey = delegate.getKeyBelow?.(focusedKey) ?? null;
+				break;
+			case "ArrowUp":
+				nextKey = delegate.getKeyAbove?.(focusedKey) ?? null;
+				break;
+			case "ArrowLeft":
+				nextKey = delegate.getKeyLeftOf?.(focusedKey) ?? null;
+				break;
+			case "ArrowRight":
+				nextKey = delegate.getKeyRightOf?.(focusedKey) ?? null;
+				break;
+			case "Home":
+				if (e.ctrlKey) nextKey = delegate.getFirstKey?.() ?? null;
+				else nextKey = delegate.getFirstKey?.(focusedKey) ?? null;
+				break;
+			case "End":
+				if (e.ctrlKey) nextKey = delegate.getLastKey?.() ?? null;
+				else nextKey = delegate.getLastKey?.(focusedKey) ?? null;
+				break;
+			case "PageDown":
+				nextKey = delegate.getKeyPageBelow?.(focusedKey) ?? null;
+				break;
+			case "PageUp":
+				nextKey = delegate.getKeyPageAbove?.(focusedKey) ?? null;
+				break;
+			case "Escape":
+				if (p.escapeKeyBehavior !== "none") s.clearSelection();
+				return;
+			case "a":
+				if (e.ctrlKey || e.metaKey) {
+					e.preventDefault();
+					if (s.selectionMode === "multiple") s.selectAll();
+				}
+				return;
+			case " ":
+			case "Enter":
+				e.preventDefault();
+				if (s.selectionMode !== "none") {
+					if (e.shiftKey && s.selectionMode === "multiple") s.extendSelection(focusedKey);
+					else s.toggleSelection(focusedKey);
+				}
+				return;
+			default:
+				if (!p.disallowTypeAhead && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+					const key = delegate.getKeyForSearch?.(e.key, focusedKey);
+					if (key != null) {
+						e.preventDefault();
+						s.setFocusedKey(key);
+					}
+				}
+				return;
+		}
+		if (nextKey != null) {
+			e.preventDefault();
+			s.setFocusedKey(nextKey);
+			if (e.shiftKey && s.selectionMode === "multiple") s.extendSelection(nextKey);
+		}
+	};
+	const onFocus = (e) => {
+		const s = state();
+		if (!ref()?.contains(e.target)) return;
+		if (!s.isFocused) {
+			s.setFocused(true);
+			setIsFocused(true);
+			if (s.focusedKey == null) {
+				const firstKey = keyboardDelegate().getFirstKey?.();
+				if (firstKey != null) s.setFocusedKey(firstKey);
+			}
+		}
+	};
+	const onBlur = (e) => {
+		const s = state();
+		const el = ref();
+		if (el && !el.contains(e.relatedTarget)) {
+			s.setFocused(false);
+			setIsFocused(false);
+		}
+	};
+	createMemo(() => {
+		const p = props();
+		if (!p["aria-label"] && !p["aria-labelledby"]) console.warn("Grid: An aria-label or aria-labelledby prop is required for accessibility.");
+	});
+	const descriptionProps = createHighlightSelectionDescription({
+		selectionMode: () => state().selectionMode,
+		selectionBehavior: () => state().selectionBehavior,
+		hasItemActions: () => !!(props().onRowAction || props().onCellAction)
+	});
+	createGridSelectionAnnouncement(state, () => props().getRowText);
+	const hasTabbableChild = createHasTabbableChild(ref, { isDisabled: () => state().collection.size !== 0 });
+	const gridProps = createMemo(() => {
+		const p = props();
+		const s = state();
+		const baseProps = {
+			role: "grid",
+			id,
+			"aria-label": p["aria-label"],
+			"aria-labelledby": p["aria-labelledby"],
+			"aria-describedby": descriptionProps["aria-describedby"] ?? p["aria-describedby"],
+			"aria-multiselectable": s.selectionMode === "multiple" ? "true" : void 0,
+			tabIndex: s.collection.size === 0 ? hasTabbableChild() ? -1 : 0 : -1,
+			onKeyDown,
+			onFocus,
+			onBlur
+		};
+		if (p.isVirtualized) {
+			baseProps["aria-rowcount"] = s.collection.rowCount;
+			baseProps["aria-colcount"] = s.collection.columnCount;
+		}
+		return baseProps;
+	});
+	return { get gridProps() {
+		return gridProps();
+	} };
+}
+//#endregion
+export { gridIntlStrings as a, getGridData as i, createGridSelectionAnnouncement as n, GridKeyboardDelegate as o, createHighlightSelectionDescription as r, createGrid as t };
+
+//# sourceMappingURL=createGrid.js.map