ids-enterprise-wc 1.15.9-patch.15 → 1.15.9-patch.16

package/enterprise-wc.all.iife.js

@@ -58198,7 +58198,7 @@ ids-time-picker-popup[embeddable] {
       )
     )
   );
-  var _IdsDatePickerPopup_instances, handleDatePickerPositioning_fn;
+  var _IdsDatePickerPopup_instances, updateTranslations_fn, handleDatePickerPositioning_fn;
   var IdsDatePickerPopup = class extends Base51 {
     constructor() {
       super();
@@ -58220,14 +58220,14 @@ ids-time-picker-popup[embeddable] {
         this.updateMonthYearPickerTriggerDisplay(locale);
         if (this.monthYearPicklist) {
           this.monthYearPicklist.locale = this.locale;
-          this.monthYearPicklist.language = this.language.name;
+          this.monthYearPicklist.language = this.localeAPI.language.name;
         }
         if (this.monthView) {
           this.monthView.locale = this.locale;
-          this.monthView.language = this.language.name;
+          this.monthView.language = this.localeAPI.language.name;
         }
-        this.shadowRoot?.querySelectorAll("[translate-text]").forEach((textElem) => {
-          textElem.language = this.language.name;
+        requestAnimationFrame(() => {
+          __privateMethod(this, _IdsDatePickerPopup_instances, updateTranslations_fn).call(this);
         });
       });
     }
@@ -58299,13 +58299,13 @@ ids-time-picker-popup[embeddable] {
       <ids-button-group slot="content" class="popup-footer${isBtnGroupVisible ? "" : " hidden"}" part="footer" ${isBtnGroupVisible ? "" : " hidden"} compact="true">
         <ids-button-group-section gap="8">
           <ids-button appearance="secondary" class="popup-btn popup-btn-cancel" cancel ${this.showCancel ? "" : " hidden"}>
-            <span>Cancel</span>
+            <ids-text translate-text="true" translation-key="Cancel">Cancel</ids-text>
           </ids-button>
           <ids-button appearance="secondary" class="popup-btn popup-btn-clear" part="btn-clear" ${this.showClear ? "" : " hidden"}>
-            <span>Clear</span>
+            <ids-text translate-text="true" translation-key="Clear">Clear</ids-text>
           </ids-button>
           <ids-button appearance="primary" class="popup-btn popup-btn-apply"${this.useRange || this.showApply || this.expanded ? " disabled" : " hidden"} part="btn-apply">
-            <span>Apply</span>
+            <ids-text translate-text="true" translation-key="Apply">Apply</ids-text>
           </ids-button>
         </ids-button-group-section>
       </ids-button-group>
@@ -58348,6 +58348,7 @@ ids-time-picker-popup[embeddable] {
         class="btn-today-text"
         font-size="16"
         translate-text="true"
+        translation-key="Today"
         font-weight="semi-bold"
       >Today</ids-text>
     </ids-button>` : "";
@@ -59236,6 +59237,7 @@ ids-time-picker-popup[embeddable] {
       if (this.hasTime() && this.useCurrentTime && !this.value) this.setCurrentTime();
       __privateMethod(this, _IdsDatePickerPopup_instances, handleDatePickerPositioning_fn).call(this);
       this.updateMonthYearPickerTriggerDisplay();
+      __privateMethod(this, _IdsDatePickerPopup_instances, updateTranslations_fn).call(this);
       this.focus();
     }
     /**
@@ -59395,6 +59397,20 @@ ids-time-picker-popup[embeddable] {
     }
   };
   _IdsDatePickerPopup_instances = new WeakSet();
+  /**
+   * Updates translate-text elements with current locale translations
+   */
+  updateTranslations_fn = function() {
+    if (!this.container || !this.localeAPI) return;
+    this.container.querySelectorAll("[translate-text]").forEach((textElem) => {
+      const key = textElem.getAttribute("translation-key");
+      if (key) {
+        textElem.textContent = this.localeAPI.translate(key);
+      }
+      textElem.setAttribute(attributes.LANGUAGE, this.localeAPI.language.name);
+      textElem.setAttribute(attributes.LOCALE, this.locale);
+    });
+  };
   /**
    * Handle viewport positioning for the date picker popup
    * @private
@@ -78435,7 +78451,7 @@ ids-trigger-button[slot=trigger-end] {
       const cssPart = this?.cellCssPart(column, columnIndex) ?? "";
       this.setAttribute(attributes.PART, cssPart || attributes.CELL);
       if (dataGrid.lastActiveCell?.cell === columnIndex && dataGrid.lastActiveCell?.row === rowIndex) {
-        this.onFocus();
+        dataGrid.lastActiveCell = this.activate(false, "internal");
       }
     }
     /**
@@ -78556,7 +78572,7 @@ ids-trigger-button[slot=trigger-end] {
       if (!nofocus) {
         this.dataGrid.shadowRoot?.querySelector('ids-data-grid-cell[tabindex="0"]')?.setAttribute("tabindex", "-1");
         this.tabIndex = 0;
-        this.focus();
+        this.focus({ preventScroll: reason === "internal" });
       }
       if (previousActiveCell === void 0 || previousActiveCell !== this && document.hasFocus()) {
         this.dataGrid.triggerEvent("activecellchanged", this.dataGrid, {
@@ -83891,7 +83907,7 @@ ids-loading-indicator[stopped] {
       this?.style.setProperty("cursor", "");
       requestAnimationFrame(() => {
         this.dataGrid.isResizing = false;
-        columnElem?.parentElement?.querySelectorAll("[draggable]").forEach((el) => el.setAttribute("draggable", "true"));
+        columnElem?.parentElement?.querySelectorAll(`[${attributes.DRAGGABLE}]`).forEach((el) => el.setAttribute(attributes.DRAGGABLE, "true"));
       });
     };
     this.offEvent("mousedown.resize", this);
@@ -83902,7 +83918,7 @@ ids-loading-indicator[stopped] {
       }
       x = e.clientX;
       columnElem = target.closest(".ids-data-grid-header-cell");
-      columnElem.parentElement?.querySelectorAll("[draggable]").forEach((el) => el.setAttribute("draggable", "false"));
+      columnElem.parentElement?.querySelectorAll(`[${attributes.DRAGGABLE}]`).forEach((el) => el.setAttribute(attributes.DRAGGABLE, "false"));
       const colStyles = window.getComputedStyle(columnElem);
       columnId = columnElem.getAttribute("column-id") || "";
       w = parseInt(colStyles.width, 10);
@@ -83922,27 +83938,49 @@ ids-loading-indicator[stopped] {
     let startIndex = 0;
     let dragInitiated = false;
     let dragParent;
-    this.offEvent("mousedown.reorder", this);
-    this.onEvent("mousedown.reorder", this, (e) => {
-      const nodeName = e.target.nodeName;
-      if (nodeName === "IDS-INPUT") {
-        dragParent = e.target.closest(".ids-data-grid-header-cell");
-        dragParent?.setAttribute("draggable", "false");
+    this.offEvent("focusin.reorder", this);
+    this.onEvent("focusin.reorder", this, (e) => {
+      const target = e.target;
+      if (target?.nodeName === "IDS-INPUT") {
+        const wrapper = target.parentElement;
+        dragParent = wrapper?.parentElement;
+        dragParent?.setAttribute(attributes.DRAGGABLE, "false");
+      }
+    });
+    this.offEvent("focusout.reorder", this);
+    this.onEvent("focusout.reorder", this, (e) => {
+      const target = e.target;
+      if (target?.nodeName === "IDS-INPUT") {
+        dragParent?.setAttribute(attributes.DRAGGABLE, "true");
+        dragParent = null;
       }
     });
-    this.offEvent("mouseup.reorder", this);
-    this.onEvent("mouseup.reorder", this, () => {
-      dragParent?.setAttribute("draggable", "true");
+    this.offEvent("mouseover.reorder", this);
+    this.onEvent("mouseover.reorder", this, (e) => {
+      const target = e.target;
+      if (target?.closest(".reorderer") && dragParent) {
+        dragParent.setAttribute(attributes.DRAGGABLE, "true");
+        dragParent = null;
+      }
     });
     this.offEvent("dragstart.reorder", this);
     this.onEvent("dragstart.reorder", this, (e) => {
-      const selection = window.getSelection();
-      if (selection && selection.toString().length > 0) {
-        return;
-      }
       const target = e.target;
       const nodeName = e.target.nodeName;
       if (this.dataGrid.isResizing || !target || nodeName === "IDS-INPUT") return;
+      const selection = window.getSelection();
+      if (selection && selection.toString().length > 0) {
+        if (selection.anchorNode && target.contains(selection.anchorNode)) {
+          return;
+        }
+        selection.removeAllRanges();
+      }
+      if (target.tagName.includes("TRIGGER-FIELD")) {
+        const selectedText = target.input.value.substring(target.input.selectionStart, target.input.selectionEnd);
+        if (selectedText.toString().length > 0) {
+          return;
+        }
+      }
       dragInitiated = true;
       target.classList.add("active-drag-column");
       dragger = target.cloneNode(true);
@@ -84005,6 +84043,10 @@ ids-loading-indicator[stopped] {
     };
     this.offEvent("dragend.reorder", this);
     this.onEvent("dragend.reorder", this, (e) => {
+      if (dragParent) {
+        dragParent.setAttribute(attributes.DRAGGABLE, "true");
+        dragParent = null;
+      }
       if (!dragInitiated) {
         if (e.target?.getAttribute("color-variant") === "alternate-formatter") {
           e.target.style.backgroundColor = "";
@@ -84016,6 +84058,10 @@ ids-loading-indicator[stopped] {
     });
     this.offEvent("drop.reorder", this);
     this.onEvent("drop.reorder", this, (e) => {
+      if (dragParent) {
+        dragParent.setAttribute(attributes.DRAGGABLE, "true");
+        dragParent = null;
+      }
       if (!dragInitiated) {
         if (e.target?.getAttribute("color-variant") === "alternate-formatter") {
           e.target.style.backgroundColor = "";
@@ -88721,7 +88767,11 @@ ids-icon {
         }
       });
       resetEmptyMessageElements.apply(this);
+      const savedConditions = this.filterable ? this.filters?.filterConditions() : null;
       this.redraw();
+      if (savedConditions?.length) {
+        this.filters?.setFilterConditions(savedConditions);
+      }
       this.triggerEvent("columnmoved", this, { detail: { elem: this, fromIndex: correctFromIndex, toIndex: correctToIndex } });
       if (this.sortColumn) this.header?.setSortState(this.sortColumn.id, this.sortColumn.ascending);
       this.saveSettings?.();