@oracle/oraclejet 12.0.2 → 12.0.5

package/dist/js/libs/oj/debug_esm/ojtable.js

@@ -26,7 +26,7 @@ import { __getTemplateEngine, getDeviceRenderMode } from 'ojs/ojconfig';
 import { applyParameters } from 'ojs/ojtranslation';
 import { getCachedCSSVarValues, parseJSONFromFontFamily } from 'ojs/ojthemeutils';
 import { _OJ_CONTAINER_ATTR, subtreeAttached, subtreeDetached, __GetWidgetConstructor, setDefaultOptions, createDynamicPropertyGetter } from 'ojs/ojcomponentcore';
-import { disableAllFocusableElements, isMobileTouchDevice, isRequestIdleCallbackSupported, getDefaultScrollBarWidth, containsKey, isIterateAfterDoneNotAllowed, getAddEventKeysResult, applyMergedInlineStyles, isEscapeKeyEvent, isEnterKeyEvent, isF2KeyEvent, isTabKeyEvent, isArrowUpKeyEvent, isArrowDownKeyEvent, isArrowLeftKeyEvent, isArrowRightKeyEvent, isHomeKeyEvent, isEndKeyEvent, isSpaceBarKeyEvent, isEventClickthroughDisabled, isFromDefaultSelector, getFocusableElementsInNode, enableAllFocusableElements, KEYBOARD_KEYS, areKeySetsEqual, disableDefaultBrowserStyling } from 'ojs/ojdatacollection-common';
+import { disableAllFocusableElements, isMobileTouchDevice, isRequestIdleCallbackSupported, getDefaultScrollBarWidth, getActionableElementsInNode, containsKey, isIterateAfterDoneNotAllowed, getAddEventKeysResult, applyMergedInlineStyles, isEscapeKeyEvent, isEnterKeyEvent, isF2KeyEvent, isTabKeyEvent, isArrowUpKeyEvent, isArrowDownKeyEvent, isArrowLeftKeyEvent, isArrowRightKeyEvent, isHomeKeyEvent, isEndKeyEvent, isSpaceBarKeyEvent, isEventClickthroughDisabled, isFromDefaultSelector, getFocusableElementsInNode, enableAllFocusableElements, KEYBOARD_KEYS, areKeySetsEqual, disableDefaultBrowserStyling } from 'ojs/ojdatacollection-common';
 import { startAnimation } from 'ojs/ojanimation';
 import DomScroller from 'ojs/ojdomscroller';
 import { CustomElementUtils } from 'ojs/ojcustomelement-utils';
@@ -457,6 +457,9 @@ var __oj_table_metadata =
         "accessibleColumnHeaderContext": {
           "type": "string"
         },
+        "accessibleContainsControls": {
+          "type": "string"
+        },
         "accessibleRowContext": {
           "type": "string"
         },
@@ -1668,6 +1671,11 @@ Table._BATCH_PROCESS_SIZE_WHEN_IDLE = 5;
  */
 Table.RESIZE_OFFSET = 10;
 
+/**
+ * @private
+ */
+Table.SIZING_ERROR_MARGIN = 0.05;
+
 /**
  * @private
  */
@@ -3547,10 +3555,11 @@ Table.prototype._registerResizeListener = function () {
   if (!this._resizeListener) {
     this._resizeListener = function () {
       var layoutManager = this._getLayoutManager();
-      var tableContainer = this._getTableContainer();
+      var containerStyle = window.getComputedStyle(this._getTableContainer());
       // Check if the width and height values should result in a sizing refresh
-      if (layoutManager.isSizingRefreshRequired(tableContainer.offsetWidth,
-                                                tableContainer.offsetHeight)) {
+      if (layoutManager.isSizingRefreshRequired(
+            layoutManager.getExactOffsetWidth(containerStyle),
+            layoutManager.getExactOffsetHeight(containerStyle))) {
         layoutManager.notifyTableUpdate(Table._UPDATE._RESIZE);
         // refresh dimensions if no tasks are pending since refresh dimensions runs during final task
         if (!this._hasPendingTasks()) {
@@ -6480,13 +6489,13 @@ TableLayoutManager.prototype._restoreCachedScrollPos = function () {
  * @private
  */
 TableLayoutManager.prototype._finalizeTableDimensions = function () {
-  var tableContainer = this._table._getTableContainer();
-
   this._restoreCachedScrollPos();
+
   // cache the final dimensions
   var sizingState = this._getSizingState();
-  sizingState.outerWidth = tableContainer.offsetWidth;
-  sizingState.outerHeight = tableContainer.offsetHeight;
+  var containerStyle = window.getComputedStyle(this._table._getTableContainer());
+  sizingState.outerWidth = this.getExactOffsetWidth(containerStyle);
+  sizingState.outerHeight = this.getExactOffsetHeight(containerStyle);
 
   this._clearTableUpdates();
   this._enableTableVisibility();
@@ -6659,7 +6668,16 @@ TableLayoutManager.prototype.getScrollBarWidth = function () {
  * @return {Object} An object with boxSizing, borderWidth, and paddingWidth properties
  * @private
  */
-TableLayoutManager.prototype._getBoxStyle = function (style) {
+TableLayoutManager.prototype._getBoxStyle = function (style, isVert) {
+  if (isVert) {
+    return {
+      boxSizing: style[Table.CSS_PROP._BOX_SIZING],
+      borderWidth: (parseFloat(style[Table.CSS_PROP._BORDER_TOP_WIDTH]) || 0) +
+        (parseFloat(style[Table.CSS_PROP._BORDER_BOTTOM_WIDTH]) || 0),
+      paddingWidth: (parseFloat(style[Table.CSS_PROP._PADDING_TOP]) || 0) +
+        (parseFloat(style[Table.CSS_PROP._PADDING_BOTTOM]) || 0)
+    };
+  }
   return {
     boxSizing: style[Table.CSS_PROP._BOX_SIZING],
     borderWidth: (parseFloat(style[Table.CSS_PROP._BORDER_RIGHT_WIDTH]) || 0) +
@@ -6912,7 +6930,9 @@ TableLayoutManager.prototype._removeTableDimensionsStyling = function () {
   // find Table's bottom slot height to use when determining if overflow if present
   if (tableBottomSlot != null && tableBottomSlot.clientHeight > 0 &&
       tableBottomSlot.style[Table.CSS_PROP._DISPLAY] !== Table.CSS_VAL._NONE) {
-    return tableBottomSlot.offsetHeight;
+    // offsetHeight does not include partial px values, so computed style should be used
+    var bottomSlotStyle = window.getComputedStyle(tableBottomSlot);
+    return this.getExactOffsetHeight(bottomSlotStyle);
   }
   return 0;
 };
@@ -6926,17 +6946,23 @@ TableLayoutManager.prototype._removeTableDimensionsStyling = function () {
  * @private
  */
 TableLayoutManager.prototype._getTableContainerScrollableState = function (bottomSlotHeight) {
-  var tableContainer = this._table._getTableContainer();
-  var tableElem = this._table._getTable();
+  // clientHeight and clientWidth do not include partial px values, so computed style should be used
+  var containerStyle = window.getComputedStyle(this._table._getTableContainer());
+  var containerClientHeight = this.getExactClientHeight(containerStyle);
+  var containerClientWidth = this.getExactClientWidth(containerStyle);
+
+  // offsetHeight and offsetWidth do not include partial px values, so computed style should be used
+  var tableElemStyle = window.getComputedStyle(this._table._getTable());
+  var tableElemHeight = this.getExactOffsetHeight(tableElemStyle);
+  var tableElemWidth = this.getExactOffsetWidth(tableElemStyle);
 
   var result = [];
-  if (tableContainer.clientHeight > 0) {
-    var innerHeight = tableElem.offsetHeight + bottomSlotHeight;
-    // don't use tableContainer[0].scrollHeight as it may not be accurate
-    if (innerHeight > tableContainer.clientHeight) {
+  if (containerClientHeight > 0) {
+    var innerHeight = tableElemHeight + bottomSlotHeight;
+    if (innerHeight - containerClientHeight > Table.SIZING_ERROR_MARGIN) {
       // overflow
       result[0] = 1;
-    } else if (tableContainer.clientHeight - innerHeight > 0) {
+    } else if (containerClientHeight - innerHeight > Table.SIZING_ERROR_MARGIN) {
       // underflow
       result[0] = -1;
     } else {
@@ -6946,11 +6972,11 @@ TableLayoutManager.prototype._getTableContainerScrollableState = function (botto
     result[0] = 0;
   }
 
-  if (tableContainer.clientWidth > 0) {
-    if (tableElem.offsetWidth > tableContainer.clientWidth) {
+  if (containerClientWidth > 0) {
+    if (tableElemWidth - containerClientWidth > Table.SIZING_ERROR_MARGIN) {
       // overflow
       result[1] = 1;
-    } else if (tableContainer.clientWidth - tableElem.offsetWidth > 0) {
+    } else if (containerClientWidth - tableElemWidth > Table.SIZING_ERROR_MARGIN) {
       // underflow
       result[1] = -1;
     } else {
@@ -7303,7 +7329,18 @@ TableLayoutManager.prototype._handleHeaderColumnResizeStart = function (event, i
 /**
  * @private
  */
-TableLayoutManager.prototype._getPageX = function (event) {
+// eslint-disable-next-line no-unused-vars
+TableLayoutManager.prototype.displayDragOverIndicatorColumn = function (columnIdx, isStart) { };
+
+/**
+ * @private
+ */
+TableLayoutManager.prototype.removeDragOverIndicatorColumn = function () { };
+
+/**
+ * @private
+ */
+ TableLayoutManager.prototype._getPageX = function (event) {
   if (event.pageX !== undefined) {
     // MouseEvent has pageX on event itself
     return event.pageX;
@@ -7322,13 +7359,38 @@ TableLayoutManager.prototype._getPageX = function (event) {
 /**
  * @private
  */
-// eslint-disable-next-line no-unused-vars
-TableLayoutManager.prototype.displayDragOverIndicatorColumn = function (columnIdx, isStart) { };
+TableLayoutManager.prototype.getExactClientHeight = function (computedStyle) {
+  var boxStyle = this._getBoxStyle(computedStyle, true);
+  var height = parseFloat(computedStyle[Table.CSS_PROP._HEIGHT]) - boxStyle.borderWidth -
+    boxStyle.paddingWidth;
+  return Math.round((height + Number.EPSILON) * 1000) / 1000;
+};
 
 /**
  * @private
  */
-TableLayoutManager.prototype.removeDragOverIndicatorColumn = function () { };
+TableLayoutManager.prototype.getExactClientWidth = function (computedStyle) {
+  var boxStyle = this._getBoxStyle(computedStyle);
+  var width = parseFloat(computedStyle[Table.CSS_PROP._WIDTH]) - boxStyle.borderWidth -
+    boxStyle.paddingWidth;
+  return Math.round((width + Number.EPSILON) * 1000) / 1000;
+};
+
+/**
+ * @private
+ */
+TableLayoutManager.prototype.getExactOffsetHeight = function (computedStyle) {
+  var height = parseFloat(computedStyle[Table.CSS_PROP._HEIGHT]);
+  return Math.round((height + Number.EPSILON) * 1000) / 1000;
+};
+
+/**
+ * @private
+ */
+TableLayoutManager.prototype.getExactOffsetWidth = function (computedStyle) {
+  var width = parseFloat(computedStyle[Table.CSS_PROP._WIDTH]);
+  return Math.round((width + Number.EPSILON) * 1000) / 1000;
+};
 
 /**
  * @private
@@ -7906,12 +7968,9 @@ TableLegacyLayoutManager.prototype.refreshTableDimensions = function () {
       this._setColumnWidths(0);
     }
     // if bottom slot present, ensure bottom slot is pinned to bottom when underflow is present
-    if (bottomSlotHeight > 0) {
-      var availableHeight = tableContainer.clientHeight - bottomSlotHeight;
-      if (availableHeight !== tableElem.offsetHeight) {
-        tableBottomSlot.style[Table.CSS_PROP._BOTTOM] = 0;
-        tableBottomSlot.style[Table.CSS_PROP._POSITION] = Table.CSS_VAL._ABSOLUTE;
-      }
+    if (bottomSlotHeight > 0 && tableContainerScrollableState[0] === -1) {
+      tableBottomSlot.style[Table.CSS_PROP._BOTTOM] = 0;
+      tableBottomSlot.style[Table.CSS_PROP._POSITION] = Table.CSS_VAL._ABSOLUTE;
     }
   }
   if (this._table._isStatusMessageShown()) {
@@ -8794,16 +8853,19 @@ TableStickyLayoutManager.prototype._initializeColumnLayouts = function () {
  * @private
  */
 TableStickyLayoutManager.prototype._setupTableHeight = function (bottomSlotHeight) {
-  var tableContainer = this._table._getTableContainer();
   var tableScroller = this._table._getTableScroller();
 
   // clear any previous table scroller styling
   tableScroller.removeAttribute(Table.DOM_ATTR._STYLE);
 
   // Size the table scroller to fit in the container height
-  var containerClientHeight = tableContainer.clientHeight;
+  var containerStyle = window.getComputedStyle(this._table._getTableContainer());
+  var containerClientHeight = this.getExactClientHeight(containerStyle);
   var tableScrollerHeight = containerClientHeight - bottomSlotHeight;
-  if (tableScroller.offsetHeight !== tableScrollerHeight) {
+
+  var scrollerStyle = window.getComputedStyle(tableScroller);
+  var scrollerOffsetHeight = this.getExactOffsetHeight(scrollerStyle);
+  if (Math.abs(scrollerOffsetHeight - tableScrollerHeight) > Table.SIZING_ERROR_MARGIN) {
     tableScroller.style[Table.CSS_PROP._HEIGHT] = tableScrollerHeight + Table.CSS_VAL._PX;
   }
 
@@ -9703,6 +9765,22 @@ Table.prototype._createStateInfo = function () {
   return stateInfo;
 };
 
+/**
+ * Creates an accessibility-specific child DOM element that contains the
+ * current state information for the current row.
+ * @private
+ */
+Table.prototype._createRowStateInfo = function () {
+  var rowStateInfo = document.createElement(Table.DOM_ELEMENT._DIV); // @HTMLUpdateOK
+  rowStateInfo.id = this.createSubId('rowState');
+  rowStateInfo.classList.add(Table.CSS_CLASSES._TABLE_ACC_ROW_STATE_INFO_CLASS);
+  rowStateInfo.classList.add(Table.CSS_CLASSES._HIDDEN_CONTENT_ACC_CLASS);
+  this._getTableContainer().appendChild(rowStateInfo);
+  this._rowStateInfo = rowStateInfo;
+
+  return rowStateInfo;
+};
+
 /**
  * Create a div element for the accessibility notifications
  * @return {Element} div DOM element
@@ -9727,6 +9805,7 @@ Table.prototype._createTableStatusAccNotification = function () {
  */
 Table.prototype._updateAccStatusInfo = function (columnHint) {
   var i;
+  var actionableElems;
   var label = '';
   var stateInfo = '';
   var tableHeaderColumn;
@@ -9767,7 +9846,6 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
     if (activeIndex === -1) {
       // handle select all column header case
       tableHeaderColumn = this._getTableSelectorColumn();
-      this._stateInfo.textContent = '';
     } else {
       // handle normal column header case
       tableHeaderColumn = this._getTableHeaderColumn(activeIndex);
@@ -9789,9 +9867,12 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
       } else if (column.sortable === Table._OPTION_ENABLED) {
         stateInfo += this.getTranslatedString('accessibleSortable', { id: '' }) + ' ';
       }
-      this._stateInfo.textContent = stateInfo;
     }
-    label += tableHeaderColumn.id + ' ' + this._stateInfo.id;
+    actionableElems = getActionableElementsInNode(tableHeaderColumn);
+    if (actionableElems.length > 0) {
+      stateInfo += this.getTranslatedString('accessibleContainsControls');
+    }
+    label += tableHeaderColumn.id + ' ';
   } else if (activeType === Table.ACTIVE_ELEMENT_TYPES._FOOTER) {
     this._accRowIndex = null;
     this._accColumnIndex = null;
@@ -9805,7 +9886,6 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
     if (activeIndex === -1) {
       // handle select all column footer case
       tableFooterCell = this._getTableFooterSelectorCell();
-      this._stateInfo.textContent = '';
     } else {
       // handle normal column footer case
       tableFooterCell = this._getTableFooterCell(activeIndex);
@@ -9816,23 +9896,44 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
           break;
         }
       }
-      this._stateInfo.textContent = stateInfo;
+    }
+    actionableElems = getActionableElementsInNode(tableFooterCell);
+    if (actionableElems.length > 0) {
+      stateInfo += this.getTranslatedString('accessibleContainsControls');
     }
     tableHeaderColumn = this._getTableHeaderColumn(activeIndex);
     if (tableHeaderColumn != null) {
       label += tableHeaderColumn.id + ' ';
     }
-    label += tableFooterCell.id + ' ' + this._stateInfo.id;
+    label += tableFooterCell.id + ' ';
   } else if (activeType === Table.ACTIVE_ELEMENT_TYPES._DATA_ROW) {
     var columnIndex = columnHint != null ? columnHint : this._accColumnIndex;
     if (columnIndex == null) {
       columnIndex = 0;
     }
+    var activeRowElem = this._getTableBodyRow(activeIndex);
     // update row context information if changed
     if (activeIndex !== this._accRowIndex || this._accFirstFocus !== false) {
       this._rowContextInfo.textContent =
-        this.getTranslatedString('accessibleRowContext', { index: activeIndex + 1 }) + ' ';
-      label += this._rowContextInfo.id + ' ' + this._getRowHeaderIds(activeIndex);
+        this.getTranslatedString('accessibleRowContext', { index: activeIndex + 1 });
+
+      var rowStateInfo = '';
+      // find state of the row
+      var selectedRowIdxs = this._getSelectedRowIdxs();
+      for (i = 0; i < selectedRowIdxs.length; i++) {
+        if (selectedRowIdxs[i] === activeIndex) {
+          rowStateInfo += this.getTranslatedString('accessibleStateSelected') + ' ';
+          break;
+        }
+      }
+      actionableElems = getActionableElementsInNode(activeRowElem);
+      if (actionableElems.length > 0) {
+        rowStateInfo += this.getTranslatedString('accessibleContainsControls') + ' ';
+      }
+      this._rowStateInfo.textContent = rowStateInfo;
+
+      label += this._rowContextInfo.id + ' ' + this._getRowHeaderIds(activeIndex) + ' ' +
+               this._rowStateInfo.id + ' ';
     }
     // update column context information if changed
     if (columnIndex !== this._accColumnIndex || this._accFirstFocus !== false) {
@@ -9844,10 +9945,10 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
 
     // populate cell information
     var tableBodyCellElements = this._getTableElementsByClassName(
-      this._getTableBodyRow(activeIndex), Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS);
+      activeRowElem, Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS);
     if (columnIndex === -1) {
       // handle row selector cell
-      var selectorCell = this._getTableBodySelectorCell(this._getTableBodyRow(activeIndex));
+      var selectorCell = this._getTableBodySelectorCell(activeRowElem);
       if (selectorCell != null) {
         label += selectorCell.id + ' ';
       }
@@ -9858,33 +9959,40 @@ Table.prototype._updateAccStatusInfo = function (columnHint) {
       }
     }
 
-    // find state of the row
-    var selectedRowIdxs = this._getSelectedRowIdxs();
-    for (i = 0; i < selectedRowIdxs.length; i++) {
-      if (selectedRowIdxs[i] === activeIndex) {
-        stateInfo += this.getTranslatedString('accessibleStateSelected') + ' ';
-        break;
-      }
-    }
-    this._stateInfo.textContent = stateInfo;
-    label += this._stateInfo.id;
     this._accRowIndex = activeIndex;
     this._accColumnIndex = columnIndex;
   } else if (activeType === Table.ACTIVE_ELEMENT_TYPES._NO_DATA) {
     this._accRowIndex = null;
     this._accColumnIndex = null;
-    label += this._getNoDataId();
+    label += this._getNoDataId() + ' ';
+    var noDataRow = this._getActiveElement();
+    actionableElems = getActionableElementsInNode(noDataRow);
+    if (actionableElems.length > 0) {
+      stateInfo += this.getTranslatedString('accessibleContainsControls');
+    }
   }
+  this._stateInfo.textContent = stateInfo;
+  label += this._stateInfo.id;
   // apply new label
   this._applyAccStatusLabel(label);
 };
 
+/**
+ * @private
+ */
+Table.prototype._clearAccStatusInfo = function () {
+  this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
+  this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
+};
+
 /**
  * @private
  */
 Table.prototype._applyAccStatusLabel = function (label) {
   if (this._accFirstFocus !== false) {
     this._accFirstFocus = false;
+  } else if (this._accActionFocus) {
+    this._accActionFocus = false;
   } else {
     this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, label); // @HTMLUpdateOK
   }
@@ -9945,6 +10053,7 @@ Table.prototype._getNoDataId = function () {
  */
 Table.prototype._cleanAccStatus = function () {
   this._accFirstFocus = true;
+  this._accActionFocus = false;
   this._accStatus.removeAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY);
   this._getTable().removeAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY);
 };
@@ -11311,6 +11420,7 @@ Table.prototype._createInitialTable = function (isTableHeaderless, isTableFooter
   this._createTableStatusAccNotification();
   this._createContextInfo();
   this._createStateInfo();
+  this._createRowStateInfo();
   this._createTableWidthContainer();
 
   return table;
@@ -14126,6 +14236,7 @@ Table.CSS_CLASSES = {
   _TABLE_STATUS_MESSAGE_TEXT_CLASS: 'oj-table-status-message-text',
   _TABLE_ACC_CONTEXT_INFO_CLASS: 'oj-table-acc-context-info',
   _TABLE_ACC_STATE_INFO_CLASS: 'oj-table-acc-state-info',
+  _TABLE_ACC_ROW_STATE_INFO_CLASS: 'oj-table-acc-row-state-info',
   _TABLE_WIDTH_CONTAINER_CLASS: 'oj-table-width-container',
   _TABLE_LOADING_ICON_CLASS: 'oj-table-loading-icon',
   _TABLE_BODY_MESSAGE_CLASS: 'oj-table-body-message',
@@ -14164,6 +14275,7 @@ Table.CSS_PROP = {
   _LEFT: 'left',
   _RIGHT: 'right',
   _PADDING_TOP: 'padding-top',
+  _PADDING_BOTTOM: 'padding-bottom',
   _PADDING_LEFT: 'padding-left',
   _PADDING_RIGHT: 'padding-right',
   _OVERFLOW: 'overflow',
@@ -14174,6 +14286,7 @@ Table.CSS_PROP = {
   _MIN_HEIGHT: 'min-height',
   _FLOAT: 'float',
   _BORDER_TOP: 'border-top',
+  _BORDER_TOP_WIDTH: 'border-top-width',
   _BORDER_BOTTOM_WIDTH: 'border-bottom-width',
   _BORDER_LEFT_WIDTH: 'border-left-width',
   _BORDER_RIGHT_WIDTH: 'border-right-width',
@@ -14387,6 +14500,7 @@ Table.prototype._handleFocusin = function (event, isPopupFocusin) {
         // if table edit mode, we don't want to enter actionable mode since it doesn't exist
         // this seems like an overall issue with the design of the Table and actionable/edit mode
         if (isActionableElement(event.target)) {
+          this._accActionFocus = true;
           var active = this._getActiveObjectFromActionableChild(event.target);
           if (active != null) {
             if (active.type === Table.ACTIVE_ELEMENT_TYPES._DATA_ROW) {
@@ -17047,6 +17161,7 @@ Table.prototype._setTableActionableMode = function (value, skipFocusShift) {
     } else {
       activeBoundary = this._getActiveElement();
     }
+    this._clearAccStatusInfo();
     this._applyActionableMode(activeBoundary, skipFocusShift);
   } else if (!value && this._isTableActionableMode()) {
     this._active.isActionable = false;
@@ -17079,12 +17194,15 @@ Table.prototype._applyActionableMode = function (boundaryElement, skipFocusShift
     var tabbableElementsInFocusedElement = this._getTabbableElements(element);
     // only set actionable mode if there are any tabbable elements in the row
     if (tabbableElementsInFocusedElement.length > 0) {
+      // set active internal state to actionable BEFORE focus is set, otherwise screen reader
+      // will read contents multiple times when exiting actionable mode using ESC key
+      this._active.isActionable = true;
+
       this._focusOutHandler($(element));
       // set focus on the first tabbable element
       if (!skipFocusShift) {
         tabbableElementsInFocusedElement[0].focus();
       }
-      this._active.isActionable = true;
     }
   }
 };

package/dist/js/libs/oj/debug_esm/ojtemplateengine.js

@@ -10,10 +10,11 @@ import oj$1 from 'ojs/ojcore';
 import BindingProviderImpl from 'ojs/ojkoshared';
 import { getTemplateContent } from 'ojs/ojhtmlutils';
 import { info } from 'ojs/ojlogger';
-import { CACHED_BINDING_PROVIDER, AttributeUtils } from 'ojs/ojcustomelement-utils';
+import { CACHED_BINDING_PROVIDER, CustomElementUtils, transformPreactValue, AttributeUtils } from 'ojs/ojcustomelement-utils';
 import { render } from 'preact';
 import oj from 'ojs/ojcore-base';
 import Context from 'ojs/ojcontext';
+import { getPropertyMetadata } from 'ojs/ojmetadatautils';
 
 const ROW = Symbol('row');
 class PreactTemplate {
@@ -121,17 +122,18 @@ class PreactTemplate {
         };
     }
     static resolveVDomTemplateProps(template, renderer, elementTagName, propertySet, data, defaultValues, propertyValidator) {
+        const metadata = CustomElementUtils.getPropertiesForElementTag(elementTagName);
         const [cache, deleteEntry] = PreactTemplate._extendTemplate(template, PreactTemplate._COMPUTED_PROPS_CACHE_FACTORY, (recalc) => {
             for (const observable of cache) {
                 observable.recalculateValue(recalc);
             }
         });
-        const calcValue = (render) => PreactTemplate._computeProps(render, elementTagName, propertySet, data, propertyValidator);
+        const calcValue = (render) => PreactTemplate._computeProps(render, elementTagName, metadata, propertySet, data, propertyValidator);
         const item = new ObservableProperty(calcValue, renderer, defaultValues, deleteEntry);
         cache.add(item);
         return item;
     }
-    static _computeProps(renderer, elementTagName, propertySet, data, propertyValidator) {
+    static _computeProps(renderer, elementTagName, metadata, propertySet, data, propertyValidator) {
         const result = renderer(data);
         const vnodes = Array.isArray(result) ? result : [result];
         const targetNode = vnodes.find((n) => n.type === elementTagName);
@@ -142,7 +144,7 @@ class PreactTemplate {
         const vprops = targetNode.props;
         Object.keys(vprops).forEach((prop) => {
             if (propertySet.has(prop)) {
-                props[prop] = targetNode.props[prop];
+                props[prop] = transformPreactValue(null, getPropertyMetadata(prop, metadata), targetNode.props[prop]);
             }
         });
         return props;

package/dist/js/libs/oj/main-template.js

@@ -15,9 +15,9 @@
   requirejs.config({
     // Path mappings for the logical module names
     paths: {
-      'ojs': 'libs/oj/v12.0.2/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/v12.0.2/ojL10n',
-      'ojtranslations': 'libs/oj/v12.0.2/resources',
+      'ojs': 'libs/oj/v12.0.5/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/v12.0.5/ojL10n',
+      'ojtranslations': 'libs/oj/v12.0.5/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.0.min',

package/dist/js/libs/oj/min/ojcheckboxset.js

@@ -5,5 +5,5 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(["ojs/ojcomponentcore","ojs/ojeditablevalue","ojs/ojradiocheckbox","ojs/ojoption","ojs/ojcore-base","jquery","ojs/ojlogger","ojs/ojtranslation","ojs/ojlabelledbyutils"],function(e,t,i,n,o,s,a,r,l){"use strict";var d,c;o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,s=s&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s,l=l&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l,(d={properties:{describedBy:{type:"string"},disabled:{type:"boolean",value:!1},displayOptions:{type:"object",properties:{converterHint:{type:"Array<string>|string"},helpInstruction:{type:"Array<string>|string",value:["notewindow"]},messages:{type:"Array<string>|string"},validatorHint:{type:"Array<string>|string"}}},help:{type:"object",properties:{instruction:{type:"string",value:""}}},helpHints:{type:"object",properties:{definition:{type:"string",value:""},source:{type:"string",value:""}}},labelEdge:{type:"string",enumValues:["inside","none","provided"]},labelHint:{type:"string",value:""},labelledBy:{type:"string"},messagesCustom:{type:"Array<Object>",writeback:!0,value:[]},optionRenderer:{type:"function"},options:{type:"object"},optionsKeys:{type:"object",properties:{label:{type:"string"},value:{type:"string"}}},readonly:{type:"boolean",value:!1},required:{type:"boolean",value:!1},translations:{type:"object",value:{},properties:{readonlyNoValue:{type:"string"},required:{type:"object",properties:{hint:{type:"string"},messageDetail:{type:"string"},messageSummary:{type:"string"}}}}},userAssistanceDensity:{type:"string",enumValues:["compact","efficient","reflow"],value:"reflow"},valid:{type:"string",writeback:!0,enumValues:["invalidHidden","invalidShown","pending","valid"],readOnly:!0},value:{type:"Array<any>",writeback:!0,value:[]}},methods:{getProperty:{},refresh:{},reset:{},setProperties:{},setProperty:{},showMessages:{},validate:{},getNodeBySubId:{},getSubIdByNode:{}},events:{ojAnimateEnd:{},ojAnimateStart:{}},extension:{}}).extension._WIDGET_NAME="ojCheckboxset",d.extension._ALIASED_PROPS={readonly:"readOnly"},d.extension._TRACK_CHILDREN="immediate",o.CustomElementBridge.register("oj-checkboxset",{metadata:o.CollectionUtils.mergeDeep(d,{properties:{readonly:{binding:{consume:{name:"readonly"}}},userAssistanceDensity:{binding:{consume:{name:"userAssistanceDensity"}}},labelEdge:{binding:{consume:{name:"labelEdge"}}}}})}),c={doValueChangeCheck:!1},o.__registerWidget("oj.ojCheckboxset",s.oj.editableValue,{version:"1.0.0",defaultElement:"<div>",widgetEventPrefix:"oj",_WRAPPER_CLASS_NAMES:"oj-checkboxset-wrapper oj-form-control-container",options:{disabled:!1,labelledBy:null,readOnly:!1,optionRenderer:null,options:null,optionsKeys:{},required:!1,value:[]},refresh:function(){this._super(),this._setup()},widget:function(){return this.uiCheckboxset},validate:t.EditableValueUtils.validate,_InitOptions:function(e,i){var n,o,a=[];this._super(e,i),this._IsCustomElement()||t.EditableValueUtils.initializeOptionsFromDom([{attribute:"disabled",validateOption:!0},{attribute:"readonly",option:"readOnly",validateOption:!0},{attribute:"title"},{attribute:"required",coerceDomValue:!0,validateOption:!0}],i,this),this._IsCustomElement()?this._checkValueType(this.options.value):void 0===i.value?(this.$checkboxes=this._findCheckboxesWithMatchingName(),(n=this.$checkboxes.filter(":checked")).length>0&&(n.each(function(){a.push(s(this).val())}),o=a,this.option("value",o,{_context:{writeback:!0,internalSet:!0}})),void 0===this.options.value&&(this.options.value=[])):this._checkValueType(this.options.value)},_ComponentCreate:function(){const e=this.element;if(this._super(),e.is("fieldset"))throw new Error("ojCheckboxset cannot be bound to a fieldset. Use a div instead.");e.uniqueId(),this._externalTabIndex=this.element.attr("tabindex")||0,this.element.removeAttr("tabindex"),o.RadioCheckboxUtils.generateOptionsFromData.call(this),this._processOjOptions(),this.$checkboxes=this._findCheckboxesWithMatchingName(),this.$checkboxes._ojRadioCheckbox().attr("data-oj-internal",""),this.uiCheckboxset=e.addClass("oj-checkboxset oj-component").attr("role","group");const t=e.contents().filter(function(){return!(this.getAttribute&&"contextMenu"===this.getAttribute("slot"))});t.length>0?t.wrapAll(`<div class='${this._WRAPPER_CLASS_NAMES}'></div>`):e.append(`<div class='${this._WRAPPER_CLASS_NAMES}'></div>`),this._updateReadonlyState(),this._on(this._events),this._setup()},_ResetComponentState:function(){this._processOjOptions(),this.$checkboxes=this._findCheckboxesWithMatchingName(),this.$checkboxes.filter(".oj-checkbox").each(function(){var e=void 0!==s(this).attr("disabled")&&!!s(this).prop("disabled");s(this)._ojRadioCheckbox("option","disabled",e)}),this.$checkboxes.not(".oj-checkbox")._ojRadioCheckbox()},GetFocusElement:function(){return this._GetContentElement().not(":disabled").first()[0]},_SetDisabledDom:function(){},_IsRequired:function(){return this.options.required},_refreshRequired:t.EditableValueUtils._refreshRequired,_processOjOptions:function(){if(this._IsCustomElement()){var e,t,i=this.element[0],n=i.querySelector(".oj-checkboxset-wrapper"),o=this._customOptionRenderer.bind(this),s=this.element.children("oj-option").add(this.element.children(".oj-checkboxset-wrapper").find("oj-option")),a=function(e,t){for(var i=e.slice(0),n=t.length-1,o=i.length-1;o>0&&n>-1;){var s=t[n].value,a=i[o];if(s!==a){var r=i.indexOf(s);r>-1&&(i[r]=a,i[o]=s,o-=1),n-=1}else o-=1,n-=1}return i}(this.options.value,s),r=a.length;n||(n=i);var l=i.querySelector("[data-no-value-span]");if(l)(r>0||!this.options.readOnly)&&l.parentElement.removeChild(l);else if(0===r&&this.options.readOnly){var d=document.createElement("span");d.setAttribute("data-no-value-span",""),d.setAttribute("class","oj-choice-item"),d.setAttribute("aria-readonly",!0);var c=this.getTranslatedString("readonlyNoValue");null!==c&&(d.textContent=c),n.appendChild(d)}for(e=0,t=s.length;e<t;e++)s[e].customOptionRenderer=o,this.options.readOnly?this._processReadonlyOptions(s[e],a):this._initInputLabelFromOjOption(s[e])}},_processReadonlyOptions:function(e,t){const i=e.value,n=t.length,o=this.element.get(0),a=s(e).parentsUntil(o,"span.oj-choice-item").get(0);if(null==a?e.classList.add("oj-helper-hidden"):a.classList.add("oj-helper-hidden"),n>0){var r=t.indexOf(i);if(r>-1){var l=r===n-1;this._initReadonlyLabelFromOjOption(e,a,l)}else null!=a&&a.removeAttribute("aria-readonly")}else null!=a&&a.removeAttribute("aria-readonly")},_initInputLabelFromOjOption:function(e){var t,i,n=e;s(n).uniqueId();var o=n.getAttribute("id"),a=o+"|cb",r=document.getElementById(a);if(null!==r){i=n;do{i=i.parentElement}while(i&&"LABEL"!==i.tagName);if(i&&(n.textContent&&""!==n.textContent?i.classList.remove("oj-helper-hidden"):i.classList.add("oj-helper-hidden")),!this.options.readOnly){var l=n;do{l=l.parentElement}while(l&&!l.classList.contains("oj-choice-item"));l&&l.classList.contains("oj-helper-hidden")&&l.classList.contains("oj-choice-item")&&"SPAN"===l.tagName&&l.classList.remove("oj-helper-hidden"),n&&n.classList.contains("oj-helper-hidden")&&n.classList.remove("oj-helper-hidden"),r&&r.parentElement.classList.contains("oj-helper-hidden")&&r.parentElement.classList.remove("oj-helper-hidden")}}else(r=document.createElement("input")).setAttribute("type","checkbox"),r.setAttribute("value",n.value),r.setAttribute("id",a),r.setAttribute("tabindex",this._externalTabIndex),"LABEL"===n.parentElement.nodeName?((i=n.parentElement).parentElement.insertBefore(r,i),i.parentElement.removeAttribute("aria-readonly"),i.parentElement.classList.remove("oj-helper-hidden")):(t=document.createElement("span"),i=document.createElement("label"),t.setAttribute("class","oj-choice-item"),n.parentElement.insertBefore(t,n),t.appendChild(r),t.appendChild(i),i.appendChild(n)),i.setAttribute("for",a),n.textContent&&""!==n.textContent||i.classList.add("oj-helper-hidden"),n.classList.remove("oj-helper-hidden");var d=this.element[0].id,c=n.getAttribute("aria-label"),h=n.getAttribute("aria-labelledby"),u=i.querySelector("span[data-oj-internal]");u&&u.parentElement.removeChild(u),r.setAttribute("data-oj-option-id",o),d&&""!==d?r.setAttribute("name",d):r.removeAttribute("name"),c&&""!==c?r.setAttribute("aria-label",c):r.removeAttribute("aria-label"),h&&""!==h?r.setAttribute("aria-labelledby",h):r.removeAttribute("aria-labelledby"),n.disabled?r.setAttribute("disabled",!0):r.removeAttribute("disabled")},_initReadonlyLabelFromOjOption:function(e,t,i){function n(e,t){var i=e.querySelector("span[data-oj-internal]");if(t&&!i){var n=r.getTranslatedString("oj-converter.plural-separator");(i=document.createElement("span")).setAttribute("data-oj-internal",""),i.textContent=n,e.appendChild(i)}else!t&&i&&i.parentElement.removeChild(i)}var o=document.createElement("label"),a=e,l=this.element.hasClass("oj-choice-direction-row"),d=l&&!i;if(t){s(a).uniqueId();var c=a.getAttribute("id")+"|cb",h=document.getElementById(c);if(null!==h){h.parentElement.classList.add("oj-helper-hidden");var u=h.parentElement.nextElementSibling;null!==u&&(o.appendChild(a),h.classList.contains("oj-checkbox")&&s(h)._ojRadioCheckbox("destroy"),t.removeChild(u.previousSibling),t.removeChild(u),t.appendChild(o))}t.classList.remove("oj-helper-hidden"),t.setAttribute("aria-readonly",!0),n(a.parentElement,d)}else{e.classList.remove("oj-helper-hidden");var p=document.createElement("span");a.parentElement.insertBefore(p,a),p.setAttribute("class","oj-choice-item"),o.appendChild(a),n(o,d),l||o.setAttribute("class","oj-checkbox-label"),p.appendChild(o),p.setAttribute("aria-readonly",!0)}},_customOptionRenderer:function(e){var t=e,i=t.getAttribute("id")+"|cb",n=document.getElementById(i);null!==n&&n.classList.contains("oj-checkbox")&&s(n)._ojRadioCheckbox("option","disabled",t.disabled)},_labelledByUpdatedForSet:l._labelledByUpdatedForSet,_findCheckboxesWithMatchingName:function(){var e,t,i=this.element.find("input[type=checkbox]:first");return 0===i.length&&a.warn("Could not find any input type=checkbox within this element"),void 0===(e=i.attr("name"))?this.element.find("input[type=checkbox]").not("[name]"):(t='input[type=checkbox][name="'+e+'"]',this.element.find(t))},_NotifyContextMenuGesture:function(e,t,i){var n=this.element.find("input[type=checkbox]:tabbable").first();this._OpenContextMenu(t,i,{launcher:n})},_GetMessagingLauncherElement:function(){return this.widget()},_setup:function(){this._propagateDisabled(this.options.disabled),null!==this.$checkboxes&&(1===this.$checkboxes.length?this.element.addClass("oj-checkboxset-single"):this.element.removeClass("oj-checkboxset-single")),this.options.readOnly?this.element.addClass("oj-read-only"):this.element.removeClass("oj-read-only"),this.element.hasClass("oj-choice-direction-column")||this.element.hasClass("oj-choice-direction-row")||this.element.addClass("oj-choice-direction-column"),this._refreshRequired(this.options.required);var e=this.widget();this._labelledByUpdatedForSet(e[0].id,null,this.options.labelledBy,e)},_events:{change:function(e){this._HandleChangeEvent(e)},"click .oj-choice-item":function(e){this.widget()[0].classList.contains("oj-choice-direction-row")||"INPUT"===e.target.tagName||s(e.target).find("input").click()}},_checkValueType:function(e){null==e?this.option("value",[],{_context:{writeback:!0,internalSet:!0}}):this._confirmValueIsArray(e)},_confirmValueIsArray:function(e){if(!Array.isArray(e))throw new Error("Invalid 'value' set on JET Checkboxset: "+e+".It must be an Array. ")},_HandleChangeEvent:function(e){var t,i;(i=this.$checkboxes).length>0&&i.each(function(){this===e.target&&s(this)._ojRadioCheckbox("setSelectedClass",e.target.checked)}),t=this._GetDisplayValue(),this._SetValue(t,e,c)},_GetDisplayValue:function(e){return this._GetElementValue()},_SetDisplayValue:function(e){var t,i,n,o,a=this.$checkboxes.length;if(this._checkValueType(e),null==e||0===e.length)this.$checkboxes._ojRadioCheckbox("option","checked",!1);else for(t=0;t<a;t++){n=this.$checkboxes[t],o=s(n),i=this._GetOptionValue(n);var r=this._GetOptionIndex(e,i),l=o._ojRadioCheckbox("option","checked");-1!==r?l||o._ojRadioCheckbox("option","checked",!0):l&&o._ojRadioCheckbox("option","checked",!1)}},_GetElementValue:function(){var e=this,t=[],i=this.$checkboxes.filter(":checked");return 0===i.length?[]:(i.each(function(){t.push(e._GetOptionValue(this))}),t)},_GetOptionIndex:function(e,t){var i,n=e.indexOf(t);if(-1===n){i=e.length;for(var s=0;s<i;s++)if(o.Object.compareValues(e[s],t)){n=s;break}}return n},_GetOptionValue:function(e){var t,i;return this._IsCustomElement()?(t=document.getElementById(e.getAttribute("data-oj-option-id")))&&(i=t.value):i=e.value,i},_GetDefaultStyleClass:function(){return"oj-checkboxset"},_GetContentElement:function(){return null!=this.$checkboxes||(this.$checkboxes=this._findCheckboxesWithMatchingName()),this.$checkboxes},_AriaRequiredUnsupported:function(){return!0},_ShowHelpHintsLocation:function(){return"above"},_AfterSetOptionRequired:t.EditableValueUtils._AfterSetOptionRequired,_propagateDisabled:function(e){var t=!!e;this.$checkboxes.each(function(){s(this).data("oj-_ojRadioCheckbox").__setAncestorComponentDisabled(t)}),this.$checkboxes._ojRadioCheckbox("refreshDisabled")},_updateReadonlyState:function(){const e=this.element[0].querySelector(".oj-checkboxset-wrapper");if(this.options.readOnly)return e.setAttribute("tabindex",this._externalTabIndex),this.element.addClass("oj-read-only"),void this.element.removeAttr("role").removeAttr("aria-labelledby");e.removeAttribute("tabindex"),this.element.removeClass("oj-read-only"),this.element.attr("role","group"),this._labelledByUpdatedForSet(this.widget()[0].id,null,this.options.labelledBy,this.widget())},_setOption:function(e,t,i){var n=this.options.labelledBy;switch(this._super(e,t,i),e){case"disabled":this._propagateDisabled(t);break;case"readOnly":this.options.readOnly=!!t;var s=this.options.value;this._updateReadonlyState(),this._ResetComponentState(),null!=s&&this._SetDisplayValue(s);break;case"value":this._processOjOptions();break;case"labelledBy":var a=this.widget();this._labelledByUpdatedForSet(a[0].id,n,t,a);break;case"options":o.RadioCheckboxUtils.generateOptionsFromData.call(this);break;case"optionsKeys":case"optionRenderer":o.RadioCheckboxUtils.renderOptions.call(this)}},_AfterSetOption:function(e,t,i){switch(this._superApply(arguments),e){case"required":this._AfterSetOptionRequired(e)}},getNodeBySubId:function(e){var t,i,n=this._super(e);if(!n)switch(t=this.$checkboxes.get(),e.subId){case"oj-checkboxset-inputs":n=t;break;case"oj-checkboxset-checkbox":if(void 0!==(i=e.value)){var o,s,a=t.length,r=[];for(o=0;o<a;o++)r[o]=this._GetOptionValue(t[o]);-1!==(s=this._GetOptionIndex(r,i))&&(n=t[s])}}return n||null},getSubIdByNode:function(e){for(var t=this._GetContentElement()[0].parentElement.parentElement.parentElement,i=e;i&&i!==t;){if("LABEL"===i.nodeName&&(i=document.getElementById(i.for)),"INPUT"===i.nodeName)return{subId:"oj-checkboxset-checkbox",value:this._GetOptionValue(i)};i=i.parentElement}return this._super(e)},_destroy:function(){var e=this._super(),t=this.element[0].firstElementChild;return this.$checkboxes&&this.$checkboxes._ojRadioCheckbox("destroy"),s(t).contents().unwrap(),o.RadioCheckboxUtils.removeDataListener.call(this),e}})});
+define(["ojs/ojcomponentcore","ojs/ojeditablevalue","ojs/ojradiocheckbox","ojs/ojoption","ojs/ojcore-base","jquery","ojs/ojlogger","ojs/ojtranslation","ojs/ojlabelledbyutils"],function(e,t,i,n,o,s,a,r,l){"use strict";var c,d;o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,s=s&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s,l=l&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l,(c={properties:{describedBy:{type:"string"},disabled:{type:"boolean",value:!1},displayOptions:{type:"object",properties:{converterHint:{type:"Array<string>|string"},helpInstruction:{type:"Array<string>|string",value:["notewindow"]},messages:{type:"Array<string>|string"},validatorHint:{type:"Array<string>|string"}}},help:{type:"object",properties:{instruction:{type:"string",value:""}}},helpHints:{type:"object",properties:{definition:{type:"string",value:""},source:{type:"string",value:""}}},labelEdge:{type:"string",enumValues:["inside","none","provided"]},labelHint:{type:"string",value:""},labelledBy:{type:"string"},messagesCustom:{type:"Array<Object>",writeback:!0,value:[]},optionRenderer:{type:"function"},options:{type:"object"},optionsKeys:{type:"object",properties:{label:{type:"string"},value:{type:"string"}}},readonly:{type:"boolean",value:!1},required:{type:"boolean",value:!1},translations:{type:"object",value:{},properties:{readonlyNoValue:{type:"string"},required:{type:"object",properties:{hint:{type:"string"},messageDetail:{type:"string"},messageSummary:{type:"string"}}}}},userAssistanceDensity:{type:"string",enumValues:["compact","efficient","reflow"],value:"reflow"},valid:{type:"string",writeback:!0,enumValues:["invalidHidden","invalidShown","pending","valid"],readOnly:!0},value:{type:"Array<any>",writeback:!0,value:[]}},methods:{getProperty:{},refresh:{},reset:{},setProperties:{},setProperty:{},showMessages:{},validate:{},getNodeBySubId:{},getSubIdByNode:{}},events:{ojAnimateEnd:{},ojAnimateStart:{}},extension:{}}).extension._WIDGET_NAME="ojCheckboxset",c.extension._ALIASED_PROPS={readonly:"readOnly"},c.extension._TRACK_CHILDREN="immediate",o.CustomElementBridge.register("oj-checkboxset",{metadata:o.CollectionUtils.mergeDeep(c,{properties:{readonly:{binding:{consume:{name:"readonly"}}},userAssistanceDensity:{binding:{consume:{name:"userAssistanceDensity"}}},labelEdge:{binding:{consume:{name:"labelEdge"}}}}})}),d={doValueChangeCheck:!1},o.__registerWidget("oj.ojCheckboxset",s.oj.editableValue,{version:"1.0.0",defaultElement:"<div>",widgetEventPrefix:"oj",_WRAPPER_CLASS_NAMES:"oj-checkboxset-wrapper oj-form-control-container",options:{disabled:!1,labelledBy:null,readOnly:!1,optionRenderer:null,options:null,optionsKeys:{},required:!1,value:[]},refresh:function(){this._super(),this._setup()},widget:function(){return this.uiCheckboxset},validate:t.EditableValueUtils.validate,_InitOptions:function(e,i){var n,o,a=[];this._super(e,i),this._IsCustomElement()||t.EditableValueUtils.initializeOptionsFromDom([{attribute:"disabled",validateOption:!0},{attribute:"readonly",option:"readOnly",validateOption:!0},{attribute:"title"},{attribute:"required",coerceDomValue:!0,validateOption:!0}],i,this),this._IsCustomElement()?this._checkValueType(this.options.value):void 0===i.value?(this.$checkboxes=this._findCheckboxesWithMatchingName(),(n=this.$checkboxes.filter(":checked")).length>0&&(n.each(function(){a.push(s(this).val())}),o=a,this.option("value",o,{_context:{writeback:!0,internalSet:!0}})),void 0===this.options.value&&(this.options.value=[])):this._checkValueType(this.options.value)},_ComponentCreate:function(){const e=this.element;if(this._super(),e.is("fieldset"))throw new Error("ojCheckboxset cannot be bound to a fieldset. Use a div instead.");e.uniqueId(),this._externalTabIndex=this.element.attr("tabindex")||0,this.element.removeAttr("tabindex"),o.RadioCheckboxUtils.generateOptionsFromData.call(this),this._processOjOptions(),this.$checkboxes=this._findCheckboxesWithMatchingName(),this.$checkboxes._ojRadioCheckbox().attr("data-oj-internal",""),this.uiCheckboxset=e.addClass("oj-checkboxset oj-component").attr("role","group");const t=e.contents().filter(function(){return!(this.getAttribute&&"contextMenu"===this.getAttribute("slot"))});t.length>0?t.wrapAll(`<div class='${this._WRAPPER_CLASS_NAMES}'></div>`):e.append(`<div class='${this._WRAPPER_CLASS_NAMES}'></div>`),this._updateReadonlyState(),this._on(this._events),this._setup()},_ResetComponentState:function(){this._processOjOptions(),this.$checkboxes=this._findCheckboxesWithMatchingName(),this.$checkboxes.filter(".oj-checkbox").each(function(){var e=void 0!==s(this).attr("disabled")&&!!s(this).prop("disabled");s(this)._ojRadioCheckbox("option","disabled",e)}),this.$checkboxes.not(".oj-checkbox")._ojRadioCheckbox()},GetFocusElement:function(){if(!0===this.options.readOnly){const e=this._GetReadonlyFocusElement();if(e)return e}return this._GetContentElement().not(":disabled").first()[0]},_GetReadonlyFocusElement:function(){return this.widget()[0].querySelector(".oj-form-control-container")},_SetDisabledDom:function(){},_IsRequired:function(){return this.options.required},_refreshRequired:t.EditableValueUtils._refreshRequired,_processOjOptions:function(){if(this._IsCustomElement()){var e,t,i=this.element[0],n=i.querySelector(".oj-checkboxset-wrapper"),o=this._customOptionRenderer.bind(this),s=this.element.children("oj-option").add(this.element.children(".oj-checkboxset-wrapper").find("oj-option")),a=function(e,t){for(var i=e.slice(0),n=t.length-1,o=i.length-1;o>0&&n>-1;){var s=t[n].value,a=i[o];if(s!==a){var r=i.indexOf(s);r>-1&&(i[r]=a,i[o]=s,o-=1),n-=1}else o-=1,n-=1}return i}(this.options.value,s),r=a.length;n||(n=i);var l=i.querySelector("[data-no-value-span]");if(l)(r>0||!this.options.readOnly)&&l.parentElement.removeChild(l);else if(0===r&&this.options.readOnly){var c=document.createElement("span");c.setAttribute("data-no-value-span",""),c.setAttribute("class","oj-choice-item"),c.setAttribute("aria-readonly",!0);var d=this.getTranslatedString("readonlyNoValue");null!==d&&(c.textContent=d),n.appendChild(c)}for(e=0,t=s.length;e<t;e++)s[e].customOptionRenderer=o,this.options.readOnly?this._processReadonlyOptions(s[e],a):this._initInputLabelFromOjOption(s[e])}},_processReadonlyOptions:function(e,t){const i=e.value,n=t.length,o=this.element.get(0),a=s(e).parentsUntil(o,"span.oj-choice-item").get(0);if(null==a?e.classList.add("oj-helper-hidden"):a.classList.add("oj-helper-hidden"),n>0){var r=t.indexOf(i);if(r>-1){var l=r===n-1;this._initReadonlyLabelFromOjOption(e,a,l)}else null!=a&&a.removeAttribute("aria-readonly")}else null!=a&&a.removeAttribute("aria-readonly")},_initInputLabelFromOjOption:function(e){var t,i,n=e;s(n).uniqueId();var o=n.getAttribute("id"),a=o+"|cb",r=document.getElementById(a);if(null!==r){i=n;do{i=i.parentElement}while(i&&"LABEL"!==i.tagName);if(i&&(n.textContent&&""!==n.textContent?i.classList.remove("oj-helper-hidden"):i.classList.add("oj-helper-hidden")),!this.options.readOnly){var l=n;do{l=l.parentElement}while(l&&!l.classList.contains("oj-choice-item"));l&&l.classList.contains("oj-helper-hidden")&&l.classList.contains("oj-choice-item")&&"SPAN"===l.tagName&&l.classList.remove("oj-helper-hidden"),n&&n.classList.contains("oj-helper-hidden")&&n.classList.remove("oj-helper-hidden"),r&&r.parentElement.classList.contains("oj-helper-hidden")&&r.parentElement.classList.remove("oj-helper-hidden")}}else(r=document.createElement("input")).setAttribute("type","checkbox"),r.setAttribute("value",n.value),r.setAttribute("id",a),r.setAttribute("tabindex",this._externalTabIndex),"LABEL"===n.parentElement.nodeName?((i=n.parentElement).parentElement.insertBefore(r,i),i.parentElement.removeAttribute("aria-readonly"),i.parentElement.classList.remove("oj-helper-hidden")):(t=document.createElement("span"),i=document.createElement("label"),t.setAttribute("class","oj-choice-item"),n.parentElement.insertBefore(t,n),t.appendChild(r),t.appendChild(i),i.appendChild(n)),i.setAttribute("for",a),n.textContent&&""!==n.textContent||i.classList.add("oj-helper-hidden"),n.classList.remove("oj-helper-hidden");var c=this.element[0].id,d=n.getAttribute("aria-label"),h=n.getAttribute("aria-labelledby"),u=i.querySelector("span[data-oj-internal]");u&&u.parentElement.removeChild(u),r.setAttribute("data-oj-option-id",o),c&&""!==c?r.setAttribute("name",c):r.removeAttribute("name"),d&&""!==d?r.setAttribute("aria-label",d):r.removeAttribute("aria-label"),h&&""!==h?r.setAttribute("aria-labelledby",h):r.removeAttribute("aria-labelledby"),n.disabled?r.setAttribute("disabled",!0):r.removeAttribute("disabled")},_initReadonlyLabelFromOjOption:function(e,t,i){function n(e,t){var i=e.querySelector("span[data-oj-internal]");if(t&&!i){var n=r.getTranslatedString("oj-converter.plural-separator");(i=document.createElement("span")).setAttribute("data-oj-internal",""),i.textContent=n,e.appendChild(i)}else!t&&i&&i.parentElement.removeChild(i)}var o=document.createElement("label"),a=e,l=this.element.hasClass("oj-choice-direction-row"),c=l&&!i;if(t){s(a).uniqueId();var d=a.getAttribute("id")+"|cb",h=document.getElementById(d);if(null!==h){h.parentElement.classList.add("oj-helper-hidden");var u=h.parentElement.nextElementSibling;null!==u&&(o.appendChild(a),h.classList.contains("oj-checkbox")&&s(h)._ojRadioCheckbox("destroy"),t.removeChild(u.previousSibling),t.removeChild(u),t.appendChild(o))}t.classList.remove("oj-helper-hidden"),t.setAttribute("aria-readonly",!0),n(a.parentElement,c)}else{e.classList.remove("oj-helper-hidden");var p=document.createElement("span");a.parentElement.insertBefore(p,a),p.setAttribute("class","oj-choice-item"),o.appendChild(a),n(o,c),l||o.setAttribute("class","oj-checkbox-label"),p.appendChild(o),p.setAttribute("aria-readonly",!0)}},_customOptionRenderer:function(e){var t=e,i=t.getAttribute("id")+"|cb",n=document.getElementById(i);null!==n&&n.classList.contains("oj-checkbox")&&s(n)._ojRadioCheckbox("option","disabled",t.disabled)},_labelledByUpdatedForSet:l._labelledByUpdatedForSet,_findCheckboxesWithMatchingName:function(){var e,t,i=this.element.find("input[type=checkbox]:first");return 0===i.length&&a.warn("Could not find any input type=checkbox within this element"),void 0===(e=i.attr("name"))?this.element.find("input[type=checkbox]").not("[name]"):(t='input[type=checkbox][name="'+e+'"]',this.element.find(t))},_NotifyContextMenuGesture:function(e,t,i){var n=this.element.find("input[type=checkbox]:tabbable").first();this._OpenContextMenu(t,i,{launcher:n})},_GetMessagingLauncherElement:function(){return this.widget()},_setup:function(){this._propagateDisabled(this.options.disabled),null!==this.$checkboxes&&(1===this.$checkboxes.length?this.element.addClass("oj-checkboxset-single"):this.element.removeClass("oj-checkboxset-single")),this.options.readOnly?this.element.addClass("oj-read-only"):this.element.removeClass("oj-read-only"),this.element.hasClass("oj-choice-direction-column")||this.element.hasClass("oj-choice-direction-row")||this.element.addClass("oj-choice-direction-column"),this._refreshRequired(this.options.required);var e=this.widget();this._labelledByUpdatedForSet(e[0].id,null,this.options.labelledBy,e)},_events:{change:function(e){this._HandleChangeEvent(e)},"click .oj-choice-item":function(e){this.widget()[0].classList.contains("oj-choice-direction-row")||"INPUT"===e.target.tagName||s(e.target).find("input").click()}},_checkValueType:function(e){null==e?this.option("value",[],{_context:{writeback:!0,internalSet:!0}}):this._confirmValueIsArray(e)},_confirmValueIsArray:function(e){if(!Array.isArray(e))throw new Error("Invalid 'value' set on JET Checkboxset: "+e+".It must be an Array. ")},_HandleChangeEvent:function(e){var t,i;(i=this.$checkboxes).length>0&&i.each(function(){this===e.target&&s(this)._ojRadioCheckbox("setSelectedClass",e.target.checked)}),t=this._GetDisplayValue(),this._SetValue(t,e,d)},_GetDisplayValue:function(e){return this._GetElementValue()},_SetDisplayValue:function(e){var t,i,n,o,a=this.$checkboxes.length;if(this._checkValueType(e),null==e||0===e.length)this.$checkboxes._ojRadioCheckbox("option","checked",!1);else for(t=0;t<a;t++){n=this.$checkboxes[t],o=s(n),i=this._GetOptionValue(n);var r=this._GetOptionIndex(e,i),l=o._ojRadioCheckbox("option","checked");-1!==r?l||o._ojRadioCheckbox("option","checked",!0):l&&o._ojRadioCheckbox("option","checked",!1)}},_GetElementValue:function(){var e=this,t=[],i=this.$checkboxes.filter(":checked");return 0===i.length?[]:(i.each(function(){t.push(e._GetOptionValue(this))}),t)},_GetOptionIndex:function(e,t){var i,n=e.indexOf(t);if(-1===n){i=e.length;for(var s=0;s<i;s++)if(o.Object.compareValues(e[s],t)){n=s;break}}return n},_GetOptionValue:function(e){var t,i;return this._IsCustomElement()?(t=document.getElementById(e.getAttribute("data-oj-option-id")))&&(i=t.value):i=e.value,i},_GetDefaultStyleClass:function(){return"oj-checkboxset"},_GetContentElement:function(){return null!=this.$checkboxes||(this.$checkboxes=this._findCheckboxesWithMatchingName()),this.$checkboxes},_AriaRequiredUnsupported:function(){return!0},_ShowHelpHintsLocation:function(){return"above"},_AfterSetOptionRequired:t.EditableValueUtils._AfterSetOptionRequired,_propagateDisabled:function(e){var t=!!e;this.$checkboxes.each(function(){s(this).data("oj-_ojRadioCheckbox").__setAncestorComponentDisabled(t)}),this.$checkboxes._ojRadioCheckbox("refreshDisabled")},_updateReadonlyState:function(){const e=this.element[0].querySelector(".oj-checkboxset-wrapper");if(this.options.readOnly)return e.setAttribute("tabindex",this._externalTabIndex),this.element.addClass("oj-read-only"),void this.element.removeAttr("role").removeAttr("aria-labelledby");e.removeAttribute("tabindex"),this.element.removeClass("oj-read-only"),this.element.attr("role","group"),this._labelledByUpdatedForSet(this.widget()[0].id,null,this.options.labelledBy,this.widget())},_setOption:function(e,t,i){var n=this.options.labelledBy;switch(this._super(e,t,i),e){case"disabled":this._propagateDisabled(t);break;case"readOnly":this.options.readOnly=!!t;var s=this.options.value;this._updateReadonlyState(),this._ResetComponentState(),null!=s&&this._SetDisplayValue(s);break;case"value":this._processOjOptions();break;case"labelledBy":var a=this.widget();this._labelledByUpdatedForSet(a[0].id,n,t,a);break;case"options":o.RadioCheckboxUtils.generateOptionsFromData.call(this);break;case"optionsKeys":case"optionRenderer":o.RadioCheckboxUtils.renderOptions.call(this)}},_AfterSetOption:function(e,t,i){switch(this._superApply(arguments),e){case"required":this._AfterSetOptionRequired(e)}},getNodeBySubId:function(e){var t,i,n=this._super(e);if(!n)switch(t=this.$checkboxes.get(),e.subId){case"oj-checkboxset-inputs":n=t;break;case"oj-checkboxset-checkbox":if(void 0!==(i=e.value)){var o,s,a=t.length,r=[];for(o=0;o<a;o++)r[o]=this._GetOptionValue(t[o]);-1!==(s=this._GetOptionIndex(r,i))&&(n=t[s])}}return n||null},getSubIdByNode:function(e){for(var t=this._GetContentElement()[0].parentElement.parentElement.parentElement,i=e;i&&i!==t;){if("LABEL"===i.nodeName&&(i=document.getElementById(i.for)),"INPUT"===i.nodeName)return{subId:"oj-checkboxset-checkbox",value:this._GetOptionValue(i)};i=i.parentElement}return this._super(e)},_destroy:function(){var e=this._super(),t=this.element[0].firstElementChild;return this.$checkboxes&&this.$checkboxes._ojRadioCheckbox("destroy"),s(t).contents().unwrap(),o.RadioCheckboxUtils.removeDataListener.call(this),e}})});
 //# sourceMappingURL=ojcheckboxset.js.map