@oracle/oraclejet 12.0.1 → 12.0.2

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

@@ -1287,10 +1287,11 @@ function coerceIsoString(value) {
 
 /**
  * Placed here to avoid duplicate code for ojdatepicker + ojtimepicker
- *
+ * @static
  * @ignore
  */
-function getImplicitDateTimeRangeValidator(options, converter, defaultStyleClass) {
+function getImplicitDateTimeRangeValidator(options, converter,
+  defaultStyleClass) {
   var translationKeys = {
     'oj-inputdatetime': 'datetime',
     'oj-inputtime': 'time',
@@ -1302,6 +1303,7 @@ function getImplicitDateTimeRangeValidator(options, converter, defaultStyleClass
     { category: 'messageDetail', entries: ['rangeUnderflow', 'rangeOverflow'] },
     { category: 'messageSummary', entries: ['rangeUnderflow', 'rangeOverflow'] }
   ];
+
   var dateTimeRangeOptions = {
     min: options.min,
     max: options.max,
@@ -1398,6 +1400,33 @@ function _getMetaData(dayMetaData, position, params) {
   return new IntlDateTimeConverter({ day: '2-digit', month: '2-digit', year: _yearFormat });
 }
 
+/**
+ * @static
+ * @private
+ */
+  function _getConverterTimezone(converter) {
+  const converterOptions =
+    converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
+  return converterOptions && converterOptions.timeZone ? converterOptions.timeZone : null;
+}
+
+/**
+ * This takes an isoDate and returns the iso date that is local to the place of the timezone,
+ * but without the timezone.
+ * This is useful when you want to show a date of the place in the timezone, like right now
+ * in Hong Kong it may be 1/12/2021 2AM.
+ * @static
+ * @private
+ */
+  function _convertIsoStrFormatLocalWithTimezone(isoDate, converterTimeZone) {
+  // Set up a temporary converter to return an ISO string in converterOptions.timeZone timezone
+    const _localTZConverter = new IntlDateTimeConverter({
+      timeZone: converterTimeZone,
+      isoStrFormat: 'local'
+    });
+  return _localTZConverter.parse(isoDate);
+}
+
 /**
  * Bind hover events for datepicker elements.
  * Done via delegate so the binding only occurs once in the lifetime of the parent div.
@@ -2183,10 +2212,13 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
      * @ojextension {_COPY_TO_INNER_ELEM: true}
      */
     /**
-     * The maximum selectable date, in ISO string format. For ojDatePicker, this should not contain
-     * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-     * is no maximum. min and max must be in the same ISO string format as value (local,
-     * zulu, or offset).
+     * The maximum selectable date, in ISO string format.
+     * <p>
+     * For ojDatePicker, this should be a local
+     * date and not contain a time portion in the ISO string so it can be compared with the value
+     * the user selects. value becomes a local date once the user interacts with the component.
+     * When set to null, there is no minimum.
+     * </p>
      *
      * @expose
      * @instance
@@ -2207,11 +2239,10 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
      * myInputDate.max = '2018-09-25';
      */
     /**
-     * The maximum selectable date, in ISO string format. For ojInputDate, this should not contain
-     * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-     * is no maximum. min and max must be in the same ISO string format as value (local,
-
-     * zulu, or offset).
+     * The maximum selectable date, in ISO string format. When set to null, there
+     * is no maximum. Since the value becomes a local date with no time once the
+     * user interacts with the component, min/max should be a local date with no time
+     * so they can be compared.
      *
      * @expose
      * @instance
@@ -2233,10 +2264,12 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     max: undefined,
 
     /**
-     * The minium selectable date, in ISO string format. For ojDatePicker, this should not contain
-     * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-     * is no minimum. min and max must be in the same ISO string format as value (local,
-     * zulu, or offset).
+     * The minimum selectable date, in ISO string format.
+     * <p> For ojDatePicker, this should be a local
+     * date and not contain a time portion in the ISO string so it can be compared with the value
+     * the user selects. value becomes a local date once the user interacts with the component.
+     * When set to null, there is no minimum.
+     * </p>
      *
      * @expose
      * @instance
@@ -2257,10 +2290,13 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
      * myInputDate.min = '2014-08-25';
      */
     /**
-     * The minimum selectable date, in ISO string format. For ojInputDate, this should not contain
-     * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-     * is no minimum. min and max must be in the same ISO string format as value (local,
-     * zulu, or offset).
+     * The minimum selectable date, in ISO string format.
+     * <p>
+     * For oj-input-date, this should be a local
+     * date and not contain a time portion in the ISO string so it can be compared with the value
+     * the user selects. value becomes a local date once the user interacts with the component.
+     * When set to null, there is no minimum.
+     * </p>
      *
      * @expose
      * @instance
@@ -2627,8 +2663,6 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
      * If needed, use IntlConverterUtils.dateToLocalIsoDateString to convert a Date to
      * a local iso string that contains only the date to set as the initial value.
      * IntlConverterUtils.dateToLocalIsoDateString(new Date(2014, 1, 1)));
-
-     * If a time is provided in the ISOString value, a warning will be issued.
      * </p>
      *
      *
@@ -2825,9 +2859,9 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
   _ComponentCreate: function () {
     // verify that the options are set correctly. If they are not an error is thrown
     // and the component will not render.
-    IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                this.options.min,
-                                                this.options.max);
+    IntlConverterUtils._verifyValueMinMax(this.options.value,
+                                          this.options.min,
+                                          this.options.max);
 
     // Create all the default converters we need first
     this._CreateConverters();
@@ -3034,9 +3068,6 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
         // eslint-disable-next-line no-param-reassign
         value = null;
       }
-      IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                  this.options.min,
-                                                  this.options.max);
 
       retVal = this._super(key, value, flags);
       this._setCurrentDate(value);
@@ -3068,9 +3099,6 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     if (key === 'disabled') {
       this._disableEnable(value);
     } else if (key === 'max' || key === 'min') {
-      IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                  this.options.min,
-                                                  this.options.max);
       // since validators are immutable, they will contain min + max as local values. B/c of this will need to recreate
       this._setValidatorOption('dateTimeRange',
         this._createDateTimeRangeValidator(this._GetConverter()));
@@ -4019,39 +4047,22 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
    * @private
    */
   _getCurrentDate: function (converter = this._GetConverter()) {
-    let date = new Date();
-
-    const converterOptions =
-      converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
-    if (converterOptions && converterOptions.timeZone) {
+    const date = new Date();
+    const timeZone = _getConverterTimezone(converter);
+    if (timeZone) {
       // toISOString,
       // A string representing the given date in the ISO 8601 format according to universal time
       // so this will always end in a Z.
       const isoZuluOfCurrentDate = date.toISOString();
-      const localToTheTimezonePlaceWithNoTimezone =
-        this._convertIsoStrFormatLocalWithTimezone(isoZuluOfCurrentDate, converterOptions.timeZone);
-      date = IntlConverterUtils.isoToLocalDate(localToTheTimezonePlaceWithNoTimezone);
+      const localToTheTimezonePlaceWithNoTimezone = _convertIsoStrFormatLocalWithTimezone(
+        isoZuluOfCurrentDate,
+        timeZone
+      );
+      return IntlConverterUtils.isoToLocalDate(localToTheTimezonePlaceWithNoTimezone);
     }
     return date;
   },
 
-  /**
-   * This takes an isoDate and returns the iso date that is local to the place of the timezone,
-   * but without the timezone.
-   * This is useful when you want to show a date of the place in the timezone, like right now
-   * in Hong Kong it may be 1/12/2021 2AM.
-   *
-   * @private
-   */
-  _convertIsoStrFormatLocalWithTimezone(isoDate, converterTimeZone) {
-    // Set up a temporary converter to return an ISO string in converterOptions.timeZone timezone
-    if (this._localTZConverter == null) {
-      this._localTZConverter =
-        new IntlDateTimeConverter({ timeZone: converterTimeZone, isoStrFormat: 'local' });
-    }
-    return this._localTZConverter.parse(isoDate);
-  },
-
   /**
    * Retrieve the component's value in iso format in timezone local time.
    * If value is null, then it uses the current date as the value and
@@ -4060,20 +4071,12 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
    * @private
    */
   _calculateValueDateIso: function (converter) {
-    let valueDateIso;
     // dateIso: this.options.value if it exists
-    // or currentDate from the perspective of the timezone but with no timezone info, if any,
+    // or currentDate from the perspective of the local system's timezone but with no timezone info, if any,
     // with no time portion filtered back through IntlConverterUtils.dateToLocalIso()
     const dateIso = this._getDateIso();
-    const converterOptions =
-    converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
-    if (converterOptions && converterOptions.timeZone) {
-      valueDateIso =
-      this._convertIsoStrFormatLocalWithTimezone(dateIso, converterOptions.timeZone);
-    } else {
-      valueDateIso = dateIso;
-    }
-    return valueDateIso;
+    const timeZone = _getConverterTimezone(converter);
+    return timeZone ? _convertIsoStrFormatLocalWithTimezone(dateIso, timeZone) : dateIso;
   },
 
   /**
@@ -4622,7 +4625,8 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
       if (!(converter instanceof Promise)) {
         // TODO: need to fix this for when converters return Promises.
         // All this does is check that the parsed minDateIso is an isoString.
-        // I'm not sure this is necessary
+        // I'm not sure this is necessary. It is necessary to get it in the
+        // same format as the value.
         minDateIso = converter.parse(minDateIso);
         minDateParams = this._validateDatetime(minDateIso, dateParams, true);
       }
@@ -5679,7 +5683,7 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
 
     if (this.options.min != null || this.options.max != null) {
       var rangeValidator = getImplicitDateTimeRangeValidator(this.options, this._GetConverter(),
-        this._GetDefaultStyleClass());
+      this._GetDefaultStyleClass());
       this._datePickerDefaultValidators.dateTimeRange = rangeValidator;
     }
 
@@ -11522,6 +11526,9 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
 
     /**
      * The maximum selectable datetime, in ISO string format. When set to null, there is no maximum.
+     * <p>So it can be properly compared with the value the user selects, this should be in the same format
+     * as the converter's isoStrFormat since the value the user selects is parsed with the converter. By default, value is a local isostring for oj-date-time-picker.
+     * </p>
      *
      * @example <caption>Initialize the element with the <code class="prettyprint">max</code> attribute:</caption>
      * &lt;oj-date-time-picker max='2014-09-25T13:30:00.000-08:00'&gt;&lt;/oj-date-time-picker&gt;
@@ -11536,7 +11543,9 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
      */
     /**
      * The maximum selectable datetime, in ISO string format. When set to null, there is no maximum.
-     *
+     * <p>So it can be properly compared with the value the user selects, this should be in the same format
+     * as the converter's isoStrFormat. By default, value is a local isostring for oj-input-date-time.
+     * </p>
      * @example <caption>Initialize the element with the <code class="prettyprint">max</code> attribute:</caption>
      * &lt;oj-input-date-time max='2014-09-25T13:30:00.000-08:00'&gt;&lt;/oj-input-date-time&gt;
      *
@@ -11551,6 +11560,9 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
 
     /**
      * The minimum selectable datetime, in ISO string format. When set to null, there is no minimum.
+     * <p>So it can be properly compared with the value the user selects, this should be in the same format
+     * as the converter's isoStrFormat. By default, value is a local isostring for oj-date-time-picker.
+     * </p>
      *
      * @example <caption>Initialize the element with the <code class="prettyprint">min</code> attribute:</caption>
      * &lt;oj-date-time-picker min='2014-08-25T08:00:00.000-08:00'&gt;&lt;/oj-date-time-picker&gt;
@@ -11565,6 +11577,9 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
      */
     /**
      * The minimum selectable datetime, in ISO string format. When set to null, there is no minimum.
+     * <p>So it can be properly compared with the value the user selects, this should be in the same format
+     * as the converter's isoStrFormat since the value the user selects is parsed with the converter. By default, value is a local isostring for oj-input-date-time.
+     * </p>
      *
      * @example <caption>Initialize the element with the <code class="prettyprint">min</code> attribute:</caption>
      * &lt;oj-input-date-time min='2014-08-25T08:00:00.000-08:00'&gt;&lt;/oj-input-date-time&gt;

package/dist/js/libs/oj/debug_esm/ojdvt-toolkit.js

@@ -11292,19 +11292,10 @@ TextUtils.getTextStringWidth = function (context, textString, cssStyle) {
       width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
     } else {
       // Properties that are supported in <canvas> elements by browser
-      // Chrome supports letterSpacing, wordSpacing, and fontVariantNumeric
-      // Safari supports only supports fontVariantNumeric
+      // Chrome and Safari supports only supports fontVariantNumeric
       // Firefox supports none
-      if (Agent.browser === 'chrome') {
-        if (TextUtils._letterSpacing != letterSpacing || (TextUtils._wordSpacing != wordSpacing) || (TextUtils._fontVariantNumeric != fontVariantNumeric)) {
-          TextUtils._clearCanvasContext();
-          TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);
-        }
-        TextUtils._storeCanvasContext();
-        TextUtils._attachCanvas(context);
-        width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
-      } else if (Agent.browser === 'safari' && isLetterSpacingNormal && isWordSpacingNormal) {
-        if (TextUtils._fontVariantNumeric != fontVariantNumeric) {
+      if ((Agent.browser === 'safari' || Agent.browser === 'chrome') && isLetterSpacingNormal && isWordSpacingNormal) {
+          if (TextUtils._fontVariantNumeric != fontVariantNumeric) {
           TextUtils._clearCanvasContext();
           TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);
         }

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

@@ -5294,6 +5294,11 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         y: event.originalEvent.changedTouches[0].pageY
       };
     }
+
+    // mouse down on input element inside item should trigger actionable mode
+    if (this._isInputElement(target.get(0))) {
+      this._enterActionableMode(item);
+    }
   },
 
   /**
@@ -5352,19 +5357,21 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
    * Enters actionable mode
    * @private
    */
-  _enterActionableMode: function () {
-    var current = this.m_active.elem;
+  _enterActionableMode: function (item) {
+    var current = (item === undefined) ? this.m_active.elem : item;
 
-    // in case content has been updated under the cover
-    this.disableAllTabbableElements(current);
+    if (current) {
+      // in case content has been updated under the cover
+      this.disableAllTabbableElements(current);
 
-    // re-enable all tabbable elements
-    this._enableAllTabbableElements(current);
+      // re-enable all tabbable elements
+      this._enableAllTabbableElements(current);
 
-    // only go into actionable mode if there is something to focus
-    var first = current.find('[data-first]');
-    if (first.length > 0) {
-      this._setActionableMode(true);
+      // only go into actionable mode if there is something to focus
+      var first = current.find('[data-first]');
+      if (first.length > 0) {
+        this._setActionableMode(true);
+      }
     }
   },
 
@@ -5376,7 +5383,9 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
     this._setActionableMode(false);
 
     // disable all tabbable elements in the item again
-    this.disableAllTabbableElements(this.m_active.elem);
+    if (this.m_active) {
+      this.disableAllTabbableElements(this.m_active.elem);
+    }
   },
 
   /**
@@ -5417,7 +5426,7 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         }
 
         if (this._isActionableMode() && this.m_active != null &&
-          this.m_active.elem.get(0) !== item.get(0)) {
+          this.m_active.elem.get(0) !== item.get(0) && !this._isInputElement(target.get(0))) {
           // click on item other than current focus item should exit actionable mode
           this._exitActionableMode();
         }
@@ -5467,12 +5476,6 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
           this._fireActionEvent(item.get(0), event);
         }
 
-        // click on input element inside item should trigger actionable mode
-        if (this._isInputElement(target.get(0))) {
-          this._enterActionableMode();
-          return;
-        }
-
         // clicking on header will expand/collapse item
         this._handleHeaderClick(event, target, item);
       }
@@ -7233,7 +7236,8 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         }
         current.removeClass('oj-focus-highlight');
       }
-    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) && this._isSelectionEnabled()) {
+    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) &&
+      this._isSelectionEnabled() && !this._isInputElement(event.target)) {
       ctrlKey = this._ctrlEquivalent(event);
       shiftKey = event.shiftKey;
       if (shiftKey && !ctrlKey && this.m_selectionFrontier != null &&

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

@@ -1155,12 +1155,7 @@ var __oj_radioset_metadata =
         }
 
         // if readonly, set tabindex and aria-readonly on the wrapper
-        if (this.options.readOnly) {
-          let domElem = this.element[0];
-          let wrapperDom = domElem.querySelector('.oj-radioset-wrapper');
-          wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-          wrapperDom.setAttribute('aria-readonly', 'true');
-        }
+        this._updateReadonlyState();
         this._on(this._events);
         this._setup();
       },
@@ -1859,6 +1854,45 @@ var __oj_radioset_metadata =
 
         this.$radios._ojRadioCheckbox('refreshDisabled');
       },
+
+      /**
+       * Updates the component's state based on whether or not it is in the readonly
+       * state.
+       * @private
+       * @memberof! oj.ojRadioset
+       */
+      _updateReadonlyState: function () {
+        const wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
+        if (this.options.readOnly) {
+          wrapperDom.setAttribute('tabindex', this._externalTabIndex);
+          wrapperDom.setAttribute('aria-readonly', 'true');
+          this.element.addClass('oj-read-only');
+
+          // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+          // In readonly mode, we will not have any radio input in the visible DOM. Thus,
+          // in this state it will just be showing generic text based on the value selected.
+          // So, we need to clean up the role along with the aria-labelledby attributes we added
+          // for that role to make things accessible.
+          this.element.removeAttr('role').removeAttr('aria-labelledby');
+          return;
+        }
+
+        // remove tabindex and role
+        wrapperDom.removeAttribute('tabindex');
+        wrapperDom.removeAttribute('aria-readonly');
+        this.element.removeClass('oj-read-only');
+
+        // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+        // add back the role and aria attributes removed before
+        this.element.attr('role', 'radiogroup');
+        this._labelledByUpdatedForSet(
+          this.widget()[0].id,
+          null,
+          this.options.labelledBy,
+          this.widget()
+        );
+      },
+
       /**
        * Note that _setOption does not get called during create in the super class.
        * It only gets called when the component has already been created.
@@ -1875,18 +1909,8 @@ var __oj_radioset_metadata =
             this._propagateDisabled(value);
             break;
           case 'readOnly':
-            var wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
             var val = this.options.value;
-            if (value) {
-              wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-              wrapperDom.setAttribute('aria-readonly', 'true');
-              this.element.addClass('oj-read-only');
-            } else {
-              // remove tabindex and role
-              wrapperDom.removeAttribute('tabindex');
-              wrapperDom.removeAttribute('aria-readonly');
-              this.element.removeClass('oj-read-only');
-            }
+            this._updateReadonlyState();
             this._ResetComponentState();
             // when toggle readonly to false, we need to check the initial set values.
             if (val != null) {

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

@@ -2726,11 +2726,12 @@ oj.__registerWidget('oj.ojRowExpander', $.oj.baseComponent,
      * @private
      * @memberof oj.ojRowExpander
      */
-    _releaseResources: function () {
+     _releaseResources: function () {
       this.component.element[0].removeEventListener('keydown', this.handleKeyDownCallback, true);
-      this.toucharea.removeEventListener('touchend', this._touchEndListener);
-      this.toucharea.removeEventListener('click', this._clickListener);
-      this.element[0].removeEventListener('keypress', this._keyPressListener);
+      this.toucharea.removeEventListener('touchend', this.handleTouchEndCallback);
+      this.toucharea.removeEventListener('click', this.handleClickCallback);
+      this.element[0].removeEventListener('keypress', this.handleKeyPressCallback);
+
 
       if (this.component._IsCustomElement()) {
         $(this.component.element).off('ojBeforeCurrentCell', this.handleActiveKeyChangeCallback);
@@ -2770,7 +2771,7 @@ oj.__registerWidget('oj.ojRowExpander', $.oj.baseComponent,
     * @memberof oj.ojRowExpander
     * @private
     */
-    _setupResources: function () {
+     _setupResources: function () {
       if (!this._subscribed && this._isDataProvider()) {
         this._subscribeToDataProvider();
         this._subscribed = true;
@@ -2779,9 +2780,14 @@ oj.__registerWidget('oj.ojRowExpander', $.oj.baseComponent,
       this.handleKeyDownCallback = this._handleKeyDownEvent.bind(this);
       this.component.element[0].addEventListener('keydown', this.handleKeyDownCallback, true);
       if (this.iconState === 'expanded' || this.iconState === 'collapsed') {
-        this.toucharea.addEventListener('touchend', this._touchEndListener.bind(this));
-        this.toucharea.addEventListener('click', this._clickListener.bind(this));
-        this.element[0].addEventListener('keypress', this._keyPressListener.bind(this));
+        this.handleTouchEndCallback = this._touchEndListener.bind(this);
+        this.toucharea.addEventListener('touchend', this.handleTouchEndCallback);
+
+        this.handleClickCallback = this._clickListener.bind(this);
+        this.toucharea.addEventListener('click', this.handleClickCallback);
+
+        this.handleKeyPressCallback = this._keyPressListener.bind(this);
+        this.element[0].addEventListener('keypress', this.handleKeyPressCallback);
 
         // listens for expand and collapse event from flattened datasource
         // this could be due to user clicks, keyboard shortcuts or programmatically

package/dist/js/libs/oj/debug_esm/ojvalidator-datetimerange.js

@@ -189,9 +189,6 @@ DateTimeRangeValidator.prototype.validate = function (value) {
   }
 
   var processValidation = function (converter) {
-    // verify value, min, and max are of the same type and not mixed with date/time and time only.
-    // throws an error if they are not
-    converterUtils._verifyValueMinMax(value, min, max);
     if (min) {
       min = converterUtils._minMaxIsoString(min, value);
       minStr = converter ? converter.format(min) : min;

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.1/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/v12.0.1/ojL10n',
-      'ojtranslations': 'libs/oj/v12.0.1/resources',
+      'ojs': 'libs/oj/v12.0.2/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/v12.0.2/ojL10n',
+      'ojtranslations': 'libs/oj/v12.0.2/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 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.options.readOnly&&this.element[0].querySelector(".oj-checkboxset-wrapper").setAttribute("tabindex",this._externalTabIndex),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 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")},_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.element[0].querySelector(".oj-checkboxset-wrapper"),a=this.options.value;this.options.readOnly?(s.setAttribute("tabindex",this._externalTabIndex),this.element.addClass("oj-read-only")):(s.removeAttribute("tabindex"),this.element.removeClass("oj-read-only")),this._ResetComponentState(),null!=a&&this._SetDisplayValue(a);break;case"value":this._processOjOptions();break;case"labelledBy":var r=this.widget();this._labelledByUpdatedForSet(r[0].id,n,t,r);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 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}})});
 //# sourceMappingURL=ojcheckboxset.js.map