@esri/calcite-components 1.5.0-next.3 → 1.5.0-next.30

package/dist/collection/components/tree/tree.css

@@ -1,123 +1,21 @@
 /* mixins & extensions */
-@keyframes in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes in-down {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, -5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-up {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, 5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-right {
-  0% {
-    opacity: 0;
-    transform: translate3D(-5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-left {
-  0% {
-    opacity: 0;
-    transform: translate3D(5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-scale {
-  0% {
-    opacity: 0;
-    transform: scale3D(0.95, 0.95, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scale3D(1, 1, 1);
-  }
-}
-:root {
-  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
-  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));
-}
-
-.calcite-animate {
-  opacity: 0;
-  animation-fill-mode: both;
-  animation-duration: var(--calcite-animation-timing);
-}
-
-.calcite-animate__in {
-  animation-name: in;
-}
-
-.calcite-animate__in-down {
-  animation-name: in-down;
-}
-
-.calcite-animate__in-up {
-  animation-name: in-up;
-}
-
-.calcite-animate__in-right {
-  animation-name: in-right;
-}
-
-.calcite-animate__in-left {
-  animation-name: in-left;
-}
-
-.calcite-animate__in-scale {
-  animation-name: in-scale;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --calcite-internal-duration-factor: 0.01;
-  }
-}
 /* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */
-:root {
-  --calcite-floating-ui-transition: var(--calcite-animation-timing);
-  --calcite-floating-ui-z-index: var(--calcite-app-z-index-dropdown);
+:host {
+    display: block
 }
 
-:host([hidden]) {
-  display: none;
+:host(:focus) {
+    outline: 2px solid transparent;
+    outline-offset: 2px
 }
 
-:host {
-  display: block;
+:host([hidden]) {
+    display: none
 }
 
-:host(:focus) {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+[hidden] {
+    display: none
 }

package/dist/collection/components/tree/tree.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";
 import { getEnabledSiblingItem } from "./utils";
 /**

package/dist/collection/components/tree/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 export const CSS = {
   actionsEnd: "actions-end",
@@ -14,15 +14,15 @@ export const CSS = {
   checkmarkIcon: "checkmark",
   itemExpanded: "item--expanded",
   iconStart: "icon-start",
-  nodeAndActionsContainer: "node-actions-container"
+  nodeAndActionsContainer: "node-actions-container",
 };
 export const SLOTS = {
   actionsEnd: "actions-end",
-  children: "children"
+  children: "children",
 };
 export const ICONS = {
   bulletPoint: "bullet-point",
   checkmark: "check",
   chevronRight: "chevron-right",
-  blank: "blank"
+  blank: "blank",
 };

package/dist/collection/components/tree-item/tree-item.css

@@ -1,118 +1,8 @@
 /* mixins & extensions */
-@keyframes in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes in-down {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, -5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-up {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, 5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-right {
-  0% {
-    opacity: 0;
-    transform: translate3D(-5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-left {
-  0% {
-    opacity: 0;
-    transform: translate3D(5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-scale {
-  0% {
-    opacity: 0;
-    transform: scale3D(0.95, 0.95, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scale3D(1, 1, 1);
-  }
-}
-:root {
-  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
-  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));
-}
-
-.calcite-animate {
-  opacity: 0;
-  animation-fill-mode: both;
-  animation-duration: var(--calcite-animation-timing);
-}
-
-.calcite-animate__in {
-  animation-name: in;
-}
-
-.calcite-animate__in-down {
-  animation-name: in-down;
-}
-
-.calcite-animate__in-up {
-  animation-name: in-up;
-}
-
-.calcite-animate__in-right {
-  animation-name: in-right;
-}
-
-.calcite-animate__in-left {
-  animation-name: in-left;
-}
-
-.calcite-animate__in-scale {
-  animation-name: in-scale;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --calcite-internal-duration-factor: 0.01;
-  }
-}
 /* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */
-:root {
-  --calcite-floating-ui-transition: var(--calcite-animation-timing);
-  --calcite-floating-ui-z-index: var(--calcite-app-z-index-dropdown);
-}
-
-:host([hidden]) {
-  display: none;
-}
-
 :host([disabled]) {
   cursor: default;
   -webkit-user-select: none;
@@ -132,10 +22,6 @@
   color: var(--calcite-ui-text-3);
 }
 
-[hidden] {
-  display: none;
-}
-
 .node-actions-container {
   display: flex;
   justify-content: space-between;
@@ -299,16 +185,17 @@
 .children-container {
   position: relative;
   block-size: 0px;
+  transform-origin: top;
   overflow: hidden;
+  opacity: 0;
   margin-inline-start: 1.25rem;
   transform: scaleY(0);
-  opacity: 0;
   transition: var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;
-  transform-origin: top;
 }
 .item--expanded > .children-container {
   overflow: visible;
   opacity: 1;
+  transform: none;
   block-size: auto;
 }
 
@@ -403,4 +290,12 @@
 :host([selected]) .checkmark,
 :host([selected]) .bullet-point {
   color: var(--calcite-ui-brand);
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
 }

package/dist/collection/components/tree-item/tree-item.js

@@ -1,13 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
-import { h, Host } from "@stencil/core";
-import { slotChangeHasAssignedElement, filterDirectChildren, getElementDir, getSlotted, nodeListToArray, toAriaBoolean } from "../../utils/dom";
-import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { onToggleOpenCloseComponent } from "../../utils/openCloseComponent";
+import { h, Host, } from "@stencil/core";
+import { slotChangeHasAssignedElement, filterDirectChildren, getElementDir, getSlotted, nodeListToArray, toAriaBoolean, } from "../../utils/dom";
+import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { CSS_UTILITY } from "../../utils/resources";
 import { CSS, ICONS, SLOTS } from "./resources";
 /**
@@ -17,8 +16,6 @@ import { CSS, ICONS, SLOTS } from "./resources";
  */
 export class TreeItem {
   constructor() {
-    this.openTransitionProp = "opacity";
-    this.transitionProp = "expanded";
     this.iconClickHandler = (event) => {
       event.stopPropagation();
       this.expanded = !this.expanded;
@@ -27,7 +24,7 @@ export class TreeItem {
     this.updateParentIsExpanded = (el, expanded) => {
       const items = getSlotted(el, SLOTS.children, {
         all: true,
-        selector: "calcite-tree-item"
+        selector: "calcite-tree-item",
       });
       items.forEach((item) => (item.parentExpanded = expanded));
     };
@@ -51,36 +48,11 @@ export class TreeItem {
   }
   expandedHandler(newValue) {
     this.updateParentIsExpanded(this.el, newValue);
-    onToggleOpenCloseComponent(this, true);
   }
-  getselectionMode() {
+  getSelectionMode() {
     this.isSelectionMultiLike =
       this.selectionMode === "multiple" || this.selectionMode === "multichildren";
   }
-  /**
-   * Defines method for `beforeOpen` event handler.
-   */
-  onBeforeOpen() {
-    this.transitionEl.style.transform = "scaleY(1)";
-  }
-  /**
-   * Defines method for `open` event handler:
-   */
-  onOpen() {
-    this.transitionEl.style.transform = "none";
-  }
-  /**
-   * Defines method for `beforeClose` event handler:
-   */
-  onBeforeClose() {
-    // pattern needs to be defined on how we emit events for components without `open` prop.
-  }
-  /**
-   * Defines method for `close` event handler:
-   */
-  onClose() {
-    this.transitionEl.style.transform = "scaleY(0)";
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -122,9 +94,6 @@ export class TreeItem {
     }
   }
   componentWillLoad() {
-    if (this.expanded) {
-      onToggleOpenCloseComponent(this, true);
-    }
     requestAnimationFrame(() => (this.updateAfterInitialRender = true));
   }
   componentDidLoad() {
@@ -140,7 +109,7 @@ export class TreeItem {
     const showBlank = this.selectionMode === "none" && !this.hasChildren;
     const chevron = this.hasChildren ? (h("calcite-icon", { class: {
         [CSS.chevron]: true,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, "data-test-id": "icon", icon: ICONS.chevronRight, onClick: this.iconClickHandler, scale: this.scale === "l" ? "m" : "s" })) : null;
     const defaultSlotNode = h("slot", { key: "default-slot" });
     const checkbox = this.selectionMode === "ancestors" ? (h("label", { class: CSS.checkboxLabel, key: "checkbox-label" }, h("calcite-checkbox", { checked: this.selected, class: CSS.checkbox, "data-test-id": "checkbox", indeterminate: this.hasChildren && this.indeterminate, scale: this.scale, tabIndex: -1 }), defaultSlotNode)) : null;
@@ -154,7 +123,7 @@ export class TreeItem {
     const itemIndicator = selectedIcon ? (h("calcite-icon", { class: {
         [CSS.bulletPointIcon]: selectedIcon === ICONS.bulletPoint,
         [CSS.checkmarkIcon]: selectedIcon === ICONS.checkmark,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, icon: selectedIcon, scale: this.scale === "l" ? "m" : "s" })) : null;
     const hidden = !(this.parentExpanded || this.depth === 1);
     const isExpanded = this.updateAfterInitialRender && this.expanded;
@@ -163,18 +132,13 @@ export class TreeItem {
     const iconStartEl = (h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
     return (h(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, h("div", { class: { [CSS.itemExpanded]: isExpanded } }, h("div", { class: CSS.nodeAndActionsContainer }, h("div", { class: {
         [CSS.nodeContainer]: true,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, "data-selection-mode": this.selectionMode,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { class: {
         [CSS.childrenContainer]: true,
-        [CSS_UTILITY.rtl]: rtl
-      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined,
-      // eslint-disable-next-line react/jsx-sort-props
-      ref: (el) => this.setTransitionEl(el) }, h("slot", { name: SLOTS.children })))));
-  }
-  setTransitionEl(el) {
-    this.transitionEl = el;
+        [CSS_UTILITY.rtl]: rtl,
+      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children })))));
   }
   //--------------------------------------------------------------------------
   //
@@ -194,7 +158,7 @@ export class TreeItem {
     }
     this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === "ancestors" || this.isSelectionMultiLike,
-      forceToggle: false
+      forceToggle: false,
     });
   }
   keyDownHandler(event) {
@@ -209,7 +173,7 @@ export class TreeItem {
         }
         this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
-          forceToggle: false
+          forceToggle: false,
         });
         event.preventDefault();
         break;
@@ -226,7 +190,7 @@ export class TreeItem {
         else {
           this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
-            forceToggle: false
+            forceToggle: false,
           });
         }
         event.preventDefault();
@@ -587,7 +551,7 @@ export class TreeItem {
         "methodName": "expandedHandler"
       }, {
         "propName": "selectionMode",
-        "methodName": "getselectionMode"
+        "methodName": "getSelectionMode"
       }];
   }
   static get listeners() {

package/dist/collection/components/value-list/assets/value-list/t9n/messages.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Reordering ${itemLabel}, current position ${position} of ${total}.",
-  "dragHandleChange": "${itemLabel}, new position ${position} of ${total}. Press space to confirm.",
-  "dragHandleCommit": "${itemLabel}, current position ${position} of ${total}.",
-  "dragHandleIdle": "${itemLabel}, press space and use arrow keys to reorder content. Current position ${position} of ${total}."
+  "dragHandleActive": "Reordering {itemLabel}, current position {position} of {total}.",
+  "dragHandleChange": "{itemLabel}, new position {position} of {total}. Press space to confirm.",
+  "dragHandleCommit": "{itemLabel}, current position {position} of {total}.",
+  "dragHandleIdle": "{itemLabel}, press space and use arrow keys to reorder content. Current position {position} of {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_ar.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "إعادة ترتيب ${itemLabel}، الموضع الحالي ${position} من ${total}.",
-  "dragHandleChange": "${itemLabel}، الموضع الجديد ${position} من ${total} اضغط على مفتاح المسافة للتأكيد.",
-  "dragHandleCommit": "${itemLabel}، الموضع الحالي ${position} من ${total}.",
-  "dragHandleIdle": "${itemLabel}، اضغط على مفتاح المسافة واستخدام مفاتيح الأسهم لإعادة ترتيب المحتوى. الموضع الحالي ${position} من ${total}."
+  "dragHandleActive": "إعادة ترتيب {itemLabel}، الموضع الحالي {position} من {total}.",
+  "dragHandleChange": "{itemLabel}، الموضع الجديد {position} من {total} اضغط على مفتاح المسافة للتأكيد.",
+  "dragHandleCommit": "{itemLabel}، الموضع الحالي {position} من {total}.",
+  "dragHandleIdle": "{itemLabel}، اضغط على مفتاح المسافة واستخدام مفاتيح الأسهم لإعادة ترتيب المحتوى. الموضع الحالي {position} من {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_bg.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Пренареждане ${itemLabel}, текущата позиция е ${position} от ${total}.",
-  "dragHandleChange": "${itemLabel}, новата позиция е${position} от ${total}. Натиснете интервала за потвърждаване.",
-  "dragHandleCommit": "${itemLabel}, текущата позиция е ${position} от ${total}.",
-  "dragHandleIdle": "${itemLabel}, натиснете интервал и използвайте клавишите със стрелки, за да промените реда на съдържанието. Текущата позиция е ${position} от ${total}."
+  "dragHandleActive": "Пренареждане {itemLabel}, текущата позиция е {position} от {total}.",
+  "dragHandleChange": "{itemLabel}, новата позиция е{position} от {total}. Натиснете интервала за потвърждаване.",
+  "dragHandleCommit": "{itemLabel}, текущата позиция е {position} от {total}.",
+  "dragHandleIdle": "{itemLabel}, натиснете интервал и използвайте клавишите със стрелки, за да промените реда на съдържанието. Текущата позиция е {position} от {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_bs.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Promjena redoslijeda ${itemLabel}, trenutačni položaj ${position} od ${total}.",
-  "dragHandleChange": "${itemLabel}, novi položaj ${position} od ${total}. Pritisnite razmaknicu za potvrdu.",
-  "dragHandleCommit": "${itemLabel}, trenutačni položaj ${position} od ${total}.",
-  "dragHandleIdle": "${itemLabel}, pritisnite razmaknicu i upotrijebite tipke sa strelicama za promjenu redoslijeda sadržaja. Trenutačni položaj ${position} od ${total}."
+  "dragHandleActive": "Promjena redoslijeda {itemLabel}, trenutačni položaj {position} od {total}.",
+  "dragHandleChange": "{itemLabel}, novi položaj {position} od {total}. Pritisnite razmaknicu za potvrdu.",
+  "dragHandleCommit": "{itemLabel}, trenutačni položaj {position} od {total}.",
+  "dragHandleIdle": "{itemLabel}, pritisnite razmaknicu i upotrijebite tipke sa strelicama za promjenu redoslijeda sadržaja. Trenutačni položaj {position} od {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_ca.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "S'està canviant l'ordre de ${itemLabel}, posició actual ${position} de ${total}.",
-  "dragHandleChange": "${itemLabel}, posició nova ${position} de ${total}. Premeu la tecla d'espai per confirmar-ho.",
-  "dragHandleCommit": "${itemLabel}, posició actual ${position} de ${total}.",
-  "dragHandleIdle": "${itemLabel}, premeu la tecla d'espai i feu servir les tecles de fletxa per canviar l'ordre del contingut. Posició actual ${position} de ${total}."
+  "dragHandleActive": "S'està canviant l'ordre de {itemLabel}, posició actual {position} de {total}.",
+  "dragHandleChange": "{itemLabel}, posició nova {position} de {total}. Premeu la tecla d'espai per confirmar-ho.",
+  "dragHandleCommit": "{itemLabel}, posició actual {position} de {total}.",
+  "dragHandleIdle": "{itemLabel}, premeu la tecla d'espai i feu servir les tecles de fletxa per canviar l'ordre del contingut. Posició actual {position} de {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_cs.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Změna pořadí ${itemLabel}, aktuální pozice ${position} z ${total}.",
-  "dragHandleChange": "${itemLabel}, nová pozice ${position} z ${total}. Potvrďte stisknutím mezerníku.",
-  "dragHandleCommit": "${itemLabel}, aktuální pozice ${position} z ${total}.",
-  "dragHandleIdle": "${itemLabel}, stiskněte mezerník a pomocí šipek změňte pořadí obsahu. Aktuální pozice ${position} z ${total}."
+  "dragHandleActive": "Změna pořadí {itemLabel}, aktuální pozice {position} z {total}.",
+  "dragHandleChange": "{itemLabel}, nová pozice {position} z {total}. Potvrďte stisknutím mezerníku.",
+  "dragHandleCommit": "{itemLabel}, aktuální pozice {position} z {total}.",
+  "dragHandleIdle": "{itemLabel}, stiskněte mezerník a pomocí šipek změňte pořadí obsahu. Aktuální pozice {position} z {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_da.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Genbestiller ${itemLabel}, aktuel position ${position} for ${total}.",
-  "dragHandleChange": "${itemLabel}, ny position ${position} for ${total}. Tryk på mellemrumstasten for at bekræfte.",
-  "dragHandleCommit": "${itemLabel}, aktuel position ${position} for ${total}.",
-  "dragHandleIdle": "${itemLabel}, tryk på mellemrumstasten og brug piletasterne for at bestille indholdet igen. Aktuel position ${position} for ${total}."
+  "dragHandleActive": "Genbestiller {itemLabel}, aktuel position {position} for {total}.",
+  "dragHandleChange": "{itemLabel}, ny position {position} for {total}. Tryk på mellemrumstasten for at bekræfte.",
+  "dragHandleCommit": "{itemLabel}, aktuel position {position} for {total}.",
+  "dragHandleIdle": "{itemLabel}, tryk på mellemrumstasten og brug piletasterne for at bestille indholdet igen. Aktuel position {position} for {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_de.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "${itemLabel} wird neu angeordnet, aktuelle Position ${position} von ${total}.",
-  "dragHandleChange": "${itemLabel}, neue Position ${position} von ${total}. Drücken Sie zur Bestätigung die Leertaste.",
-  "dragHandleCommit": "${itemLabel}, aktuelle Position ${position} von ${total}.",
-  "dragHandleIdle": "${itemLabel}, drücken Sie die Leertaste und verwenden Sie die Pfeiltasten, um die Reihenfolge des Inhalts zu ändern. Aktuelle Position ${position} von ${total}."
+  "dragHandleActive": "{itemLabel} wird neu angeordnet, aktuelle Position {position} von {total}.",
+  "dragHandleChange": "{itemLabel}, neue Position {position} von {total}. Drücken Sie zur Bestätigung die Leertaste.",
+  "dragHandleCommit": "{itemLabel}, aktuelle Position {position} von {total}.",
+  "dragHandleIdle": "{itemLabel}, drücken Sie die Leertaste und verwenden Sie die Pfeiltasten, um die Reihenfolge des Inhalts zu ändern. Aktuelle Position {position} von {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_el.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Αναδιάταξη ${itemLabel}, τρέχουσα θέση ${position} του ${total}.",
-  "dragHandleChange": "${itemLabel}, νέα θέση ${position} του ${total}. Πατήστε space για επιβεβαίωση.",
-  "dragHandleCommit": "${itemLabel}, τρέχουσα θέση ${position} του ${total}.",
-  "dragHandleIdle": "${itemLabel}, πατήστε space και χρησιμοποιήστε τα βέλη για να αναδιατάξετε το περιεχόμενο. Τρέχουσα θέση ${position} του ${total}."
+  "dragHandleActive": "Αναδιάταξη {itemLabel}, τρέχουσα θέση {position} του {total}.",
+  "dragHandleChange": "{itemLabel}, νέα θέση {position} του {total}. Πατήστε space για επιβεβαίωση.",
+  "dragHandleCommit": "{itemLabel}, τρέχουσα θέση {position} του {total}.",
+  "dragHandleIdle": "{itemLabel}, πατήστε space και χρησιμοποιήστε τα βέλη για να αναδιατάξετε το περιεχόμενο. Τρέχουσα θέση {position} του {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_en.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Reordering ${itemLabel}, current position ${position} of ${total}.",
-  "dragHandleChange": "${itemLabel}, new position ${position} of ${total}. Press space to confirm.",
-  "dragHandleCommit": "${itemLabel}, current position ${position} of ${total}.",
-  "dragHandleIdle": "${itemLabel}, press space and use arrow keys to reorder content. Current position ${position} of ${total}."
+  "dragHandleActive": "Reordering {itemLabel}, current position {position} of {total}.",
+  "dragHandleChange": "{itemLabel}, new position {position} of {total}. Press space to confirm.",
+  "dragHandleCommit": "{itemLabel}, current position {position} of {total}.",
+  "dragHandleIdle": "{itemLabel}, press space and use arrow keys to reorder content. Current position {position} of {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_es.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Reordenamiento de ${itemLabel} , posición actual ${position} de ${total}.",
-  "dragHandleChange": "${itemLabel}, nueva posición ${position} de ${total}. Presione la barra espaciadora para confirmar.",
-  "dragHandleCommit": "${itemLabel}, posición actual ${position} de ${total}.",
-  "dragHandleIdle": "${itemLabel}, presione la barra espaciadora y utilice las teclas de flecha para reordenar el contenido. Posición actual ${position} de ${total}."
+  "dragHandleActive": "Reordenamiento de {itemLabel} , posición actual {position} de {total}.",
+  "dragHandleChange": "{itemLabel}, nueva posición {position} de {total}. Presione la barra espaciadora para confirmar.",
+  "dragHandleCommit": "{itemLabel}, posición actual {position} de {total}.",
+  "dragHandleIdle": "{itemLabel}, presione la barra espaciadora y utilice las teclas de flecha para reordenar el contenido. Posición actual {position} de {total}."
 }

package/dist/collection/components/value-list/assets/value-list/t9n/messages_et.json

@@ -1,6 +1,6 @@
 {
-  "dragHandleActive": "Üksuse ${itemLabel} ümberjärjestamine, praegune asukoht ${position}/${total}.",
-  "dragHandleChange": "${itemLabel}, uus asukoht ${position}/${total}. Kinnitamiseks vajutage tühikuklahvi.",
-  "dragHandleCommit": "${itemLabel}, praegune asukoht ${position}/${total}.",
-  "dragHandleIdle": "${itemLabel}, sisu ümberjärjestamiseks vajutage tühikuklahvi ja kasutage nooleklahve. Praegune asukoht ${position}/${total}."
+  "dragHandleActive": "Üksuse {itemLabel} ümberjärjestamine, praegune asukoht {position}/{total}.",
+  "dragHandleChange": "{itemLabel}, uus asukoht {position}/{total}. Kinnitamiseks vajutage tühikuklahvi.",
+  "dragHandleCommit": "{itemLabel}, praegune asukoht {position}/{total}.",
+  "dragHandleIdle": "{itemLabel}, sisu ümberjärjestamiseks vajutage tühikuklahvi ja kasutage nooleklahve. Praegune asukoht {position}/{total}."
 }