Update label for tree item caret to identify if open or closed (#20199)

* added hovering and focus border to RTE

* fix main to OG

* fix to main again

* I'm going to cry

* added dynamic label to expand/collapse button on parent/child treeitems

---------

Co-authored-by: Oskar kruger <[email protected]>

Author: OskarKruger

src/Umbraco.Web.UI.Client/src/assets/lang/cy.ts

@@ -2211,6 +2211,7 @@ export default {
 		searchContentTree: "Chwilio'r coeden cynnwys",
 		maxAmount: 'Uchafswm',
 		expandChildItems: 'Ehangu eitemau plentyn ar gyfer',
+		collapseChildItems: 'Cuddio eitemau plant ar gyfer',
 		openContextNode: 'Agor nod cyd-destun ar gyfer',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/assets/lang/da.ts

@@ -2350,6 +2350,7 @@ export default {
 		maxAmount: 'Maximum antal',
 		contextDialogDescription: 'Perform action %0% on the %1% node',
 		expandChildItems: 'Udvid underordnede elementer for',
+		collapseChildItems: 'Skjul underordnede elementer for',
 		openContextNode: 'Åbn kontekstnode for',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/assets/lang/en.ts

@@ -2408,6 +2408,7 @@ export default {
 		searchContentTree: 'Search content tree',
 		maxAmount: 'Maximum amount',
 		expandChildItems: 'Expand child items for',
+		collapseChildItems: 'Collapse child items for',
 		openContextNode: 'Open context node for',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/assets/lang/fr.ts

@@ -1873,6 +1873,7 @@ export default {
 		searchContentTree: "Chercher dans l'arborescence de contenu",
 		maxAmount: 'Quantité maximum',
 		expandChildItems: 'Afficher les éléments enfant pour',
+		collapseChildItems: 'Cacher les éléments enfant pour',
 		openContextNode: 'Ouvrir le noeud de contexte pour',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/assets/lang/pt.ts

@@ -2407,6 +2407,7 @@ export default {
 		searchContentTree: 'Pesquisar Árvore de Conteúdo',
 		maxAmount: 'Quantidade máxima',
 		expandChildItems: 'Expandir itens filhos para',
+		collapseChildItems: 'Fechar itens filhos para',
 		openContextNode: 'Abrir nó de contexto para',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/assets/lang/sv.ts

@@ -318,6 +318,7 @@ export default {
 		searchContentTree: 'Sök i innehållsträdet',
 		maxAmount: 'Maximalt värde',
 		expandChildItems: 'Visa underliggande noder för',
+		collapseChildItems: 'Dölj underliggande noder för',
 		openContextNode: 'Öppna kontext för',
 	},
 	prompt: {

src/Umbraco.Web.UI.Client/src/assets/lang/vi.ts

@@ -2410,6 +2410,7 @@ export default {
 		searchContentTree: 'Tìm kiếm cây nội dung',
 		maxAmount: 'Số lượng tối đa',
 		expandChildItems: 'Mở rộng các mục con cho',
+		collapseChildItems: 'Thu gọn các mục con cho',
 		openContextNode: 'Mở nút ngữ cảnh cho %0%',
 	},
 	references: {

src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item-base/tree-item-element-base.ts

@@ -136,7 +136,7 @@ export abstract class UmbTreeItemElementBase<
 				.loading=${this._isLoading}
 				.hasChildren=${this._hasChildren}
 				.showChildren=${this._isOpen}
-				.caretLabel=${this.localize.term('visuallyHiddenTexts_expandChildItems') + ' ' + this._label}
+				.caretLabel=${this._isOpen ? this.localize.term('visuallyHiddenTexts_collapseChildItems') +  ' ' + this._label: this.localize.term('visuallyHiddenTexts_expandChildItems') + ' ' + this._label}
 				label=${this._label}
 				href="${ifDefined(this._isSelectableContext ? undefined : this._href)}">
 				${this.renderIconContainer()} ${this.renderLabel()} ${this.#renderActions()} ${this.#renderChildItems()}