@oracle/oraclejet 15.0.7 → 15.1.1

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

@@ -100,6 +100,18 @@ var __oj_legend_metadata =
       ],
       "value": "asNeeded"
     },
+    "sectionTitleHalign": {
+      "type": "string",
+      "enumValues": [
+        "center",
+        "end",
+        "start"
+      ]
+    },
+    "sectionTitleStyle": {
+      "type": "object",
+      "value": {}
+    },
     "sections": {
       "type": "Array<Object>"
     },
@@ -379,8 +391,7 @@ var __oj_legend_section_metadata =
         "center",
         "end",
         "start"
-      ],
-      "value": "start"
+      ]
     },
     "textStyle": {
       "type": "object",
@@ -521,6 +532,8 @@ var __oj_legend_section_metadata =
  * @property {"center"|"end"|"start"} [titleHalign="start"] The horizontal alignment of the section title. If the section is collapsible or nested, only start alignment is supported.
  * @property {Object=} titleStyle The CSS style object defining the style of the section title. The following style properties are supported: color, cursor, fontFamily, fontSize, fontStyle, fontWeight, textDecoration.
  * @ojdeprecated {since: '14.1.0', description: 'This attribute is deprecated. Applications should use the expanded API on oj-legend instead', target: 'property', for: 'expanded' }
+ * @ojdeprecated {since: '15.1.0', description: 'Individual section title alignment is no longer supported. Use section-title-halign in oj-legend to align all section titles', target: 'property', for: 'titleHalign' }
+ * @ojdeprecated {since: '15.1.0', description: 'Individual section title style is no longer supported. Use section-title-style in oj-legend to style all section titles', target: 'property', for: 'titleStyle' }
  * @ojsignature [{target: "Type", value: "K", for: "id"},
  *               {target: "Type", value: "Array.<oj.ojLegend.Item<K>>", for: "items", jsdocOverride: true},
  *               {target: "Type", value: "Array.<oj.ojLegend.Section<K>>", for: "sections", jsdocOverride: true},
@@ -782,15 +795,6 @@ var __oj_legend_section_metadata =
  * </pre>
  *
  * {@ojinclude "name":"migrationDoc"}
- * To migrate from oj-legend-section to oj-c-legend-section, you need to revise the import statement and references to oj-legend-section in your app. Please note the changes between the two components below.
- * <h5>oj-legend-section's text-align attribute</h5>
- * <p>
- * Individual section title alignment is no longer supported. Use title-align in oj-c-legend to align all section titles.
- * </p>
- * <h5>oj-legend-section's text-style attribute</h5>
- * <p>
- * Individual section title style is no longer supported. Use title-style in oj-c-legend to style all section titles.
- * </p>
  * To migrate from oj-legend-item to oj-c-legend-item, you need to revise the import statement and references to oj-legend-item in your app. Please note the changes between the two components below.
  * <h5> oj-legend-item's marker-shape attribute</h5>
  * <p>
@@ -1268,7 +1272,35 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent, {
      * // setter
      * myComponent.trackResize="off";
      */
-    trackResize: 'on'
+    trackResize: 'on',
+
+    /**
+     * The CSS style object defining the style of the section titles' text.
+     * The following style properties are supported: color, fontFamily, fontSize, fontStyle, fontWeight, textDecoration.
+     * @expose
+     * @name sectionTitleStyle
+     * @ojshortdesc The CSS style object defining the style of the section titles' text.
+     * @memberof oj.ojLegend
+     * @instance
+     * @type {Object=}
+     * @default  {}
+     * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
+     */
+    sectionTitleStyle: {},
+
+    /**
+     * The horizontal alignment of the section titles.
+     * @expose
+     * @name sectionTitleHalign
+     * @ojshortdesc The horizontal alignment of the section titles.
+     * @memberof oj.ojLegend
+     * @instance
+     * @type {string=}
+     * @ojvalue {string} "center" The section title will be center aligned.
+     * @ojvalue {string} "end" The section title will be end aligned.
+     * @ojvalue {string} "start" The section title will be start aligned.
+     */
+    sectionTitleHalign: 'start'
   },
 
   _CreateDvtComponent: function (context, callback, callbackObj) {
@@ -1908,14 +1940,6 @@ setDefaultOptions({
  * <p>
  * For the initial versions of oj-c-legend and oj-c-legend-section, collapsible attribute is not supported.
  * </p>
- * <h5>text-align attribute</h5>
- * <p>
- * Individual section title alignment is no longer supported. Use title-align in oj-c-legend to align all section titles. Currently not supported in corepack.
- * </p>
- * <h5>text-style attribute</h5>
- * <p>
- * Individual section title style is no longer supported. Use title-style in oj-c-legend to style all section titles. Currently not supported in corepack.
- * </p>
  * <h5>sectionTemplate slot</h5>
  * <p>
  * For the initial version of oj-c-legend, nested section is not supported. $current of sectionTemplate context will not contain parentKey and parentData properties.
@@ -1937,11 +1961,11 @@ setDefaultOptions({
  * @name textHalign
  * @memberof! oj.ojLegendSection
  * @instance
+ * @ojdeprecated {since: '15.1.0', description: 'Individual section title alignment is no longer supported. Use section-title-halign in oj-legend to align all section titles'}
  * @type {string=}
  * @ojvalue {string} "center" The section title will be center aligned.
  * @ojvalue {string} "end" The section title will be end aligned.
  * @ojvalue {string} "start" The section title will be start aligned.
- * @default "start"
  */
 /**
  * The CSS style object defining the style of the section title.
@@ -1950,6 +1974,7 @@ setDefaultOptions({
  * @name textStyle
  * @memberof! oj.ojLegendSection
  * @instance
+ * @ojdeprecated {since: '15.1.0', description: 'Individual section title style is no longer supported. Use section-title-style in oj-legend to style all section titles'}
  * @type {Object=}
  * @ojsignature {target: "Type", value: "Partial<CSSStyleDeclaration>", jsdocOverride: true}
  * @default {}

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

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright (c) 2014, 2023, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const _MONITORS = {};
+const _WRITEBACK_MONITOR = Symbol();
+function getWritebackMonitor() {
+    return _MONITORS[_WRITEBACK_MONITOR];
+}
+function setWritebackMonitor(monitor) {
+    _MONITORS[_WRITEBACK_MONITOR] = monitor;
+}
+function performMonitoredWriteback(propName, writer, event, newValue) {
+    if (writer) {
+        const monitor = getWritebackMonitor();
+        if (monitor) {
+            monitor(propName, event, writer.bind(null, newValue));
+        }
+        else {
+            writer(newValue);
+        }
+    }
+}
+
+export { getWritebackMonitor, performMonitoredWriteback, setWritebackMonitor };

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

@@ -6776,6 +6776,7 @@ _HorizontalNavListOverflowHandler.prototype._collectOverflowData = function () {
     if (this._navlistHandler._isTabBar() && readingDirection === 'rtl') {
       margin = overFlowMenuButtonComputedStyle.marginRight;
     }
+
     overflowItemWidth = rect.width + parseInt(margin, 10);
   }
   // Since this is last item it does not have a margin added to item edge

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

@@ -191,13 +191,14 @@ import { deepFreeze } from 'ojs/ojmetadatautils';
  * @property {string} fetchType - Type of fetch that was made
  * @property {Object} options - Options passed in to RESTDataProvider
  * @property {TypeError} error - TypeError returned from fetch call
- * @property {TypeError} err - TypeError returned from fetch call
+ * @property {TypeError} err - TypeError returned from fetch call (Deprecated use error instead)
  * @property {Object} fetchParameters - FetchParams passed into the fetch call
  * @ojsignature [
  *  {target: "Type", value: "<K, D>", for: "genericTypeParameters"},
  *  {target: "Type", value: "'fetchFirst' | 'fetchByKeys' | 'fetchByOffset'", for: "fetchType"},
  *  {target: "Type", value: "RESTDataProvider.Options<K, D>", for: "options"},
  *  {target: "Type", value: "FetchListParameters<D> | FetchByKeysParameters<K> | FetchByOffsetParameters<D>", for: "fetchParameters"}]
+ * @ojdeprecated [{target:'propertyValue', for:"err", since: "15.1.0", description: "Use Error instead."}]
  */
 
 /**
@@ -496,7 +497,7 @@ class RESTHelper {
         const signal = this.options.fetchParameters.signal;
         try {
             const response = await fetch(request, { signal: signal });
-            return this._parseResponse(response);
+            return await this._parseResponse(response);
         }
         catch (err) {
             if (this.options.errorHandler) {
@@ -514,9 +515,14 @@ class RESTHelper {
                         fetchType: this.options.fetchType,
                         fetchParameters: this.options.fetchParameters,
                         options: this.options.options,
-                        error: err,
-                        err: err
+                        error: err
                     };
+                    Object.defineProperty(errorContext, 'err', {
+                        get() {
+                            return errorContext.error;
+                        },
+                        enumerable: true
+                    });
                     this.options.errorHandler(errorContext);
                 }
             }

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

@@ -2513,10 +2513,7 @@ Table.prototype._refresh = function () {
   this._clearCachedDom();
   this._clearCachedStyling();
   this._refreshContextMenu();
-  // if status message skeletons are already shown, do not reset them
-  if (!this._statusMessageShown || !this._isSkeletonSupport()) {
-    this._refreshTableStatusMessage();
-  }
+  this._refreshTableStatusMessage();
   this._clearIdleCallback();
 
   // update edit state based on row removals before rows are removed to ensure row context is available
@@ -5814,7 +5811,7 @@ Table.prototype._invokeDataFetchRows = function (options) {
             // eslint-disable-next-line no-unused-vars
             function (reason) {
               if (controller && controller.signal.aborted) {
-                this._clearDataWaitingState(true);
+                this._clearDataWaitingState();
                 resolve(null);
               } else {
                 // eventually fire error event here along with reason for rejection
@@ -7942,6 +7939,22 @@ TableLayoutManager.prototype._setForcedColumnWidths = function () {
         this._applyForcedColumnWidth(bufferCell, bufferCellWidth);
       }
 
+      // update 'add row' cell widths
+      var addRowRow = this._table._getPlaceHolderRow();
+      if (addRowRow != null) {
+        var addRowCell = this._table._getColspanLogicalElements(
+          this._table._getPlaceHolderRowCells(addRowRow)
+        )[i];
+        if (addRowCell != null) {
+          var addRowCellWidth = this._getForcedColumnWidth(
+            addRowCell,
+            window.getComputedStyle(addRowCell),
+            columnWidth
+          );
+          this._applyForcedColumnWidth(addRowCell, addRowCellWidth);
+        }
+      }
+
       if (!this._table._hasRowOrCellRendererOrTemplate(i)) {
         tableBodyCell = this._table._getTableBodyCell(0, i);
         if (tableBodyCell != null) {
@@ -8068,6 +8081,22 @@ TableLayoutManager.prototype._applyColMinMax = function (columns, columnIndex, r
         this._applyForcedColumnWidth(bufferCell, bufferCellWidth);
       }
 
+      // update 'add row' cell widths
+      var addRowRow = this._table._getPlaceHolderRow();
+      if (addRowRow != null) {
+        var addRowCell = this._table._getColspanLogicalElements(
+          this._table._getPlaceHolderRowCells(addRowRow)
+        )[columnIndex];
+        if (addRowCell != null) {
+          var addRowCellWidth = this._getForcedColumnWidth(
+            addRowCell,
+            window.getComputedStyle(addRowCell),
+            colTestWidth
+          );
+          this._applyForcedColumnWidth(addRowCell, addRowCellWidth);
+        }
+      }
+
       if (!this._table._hasRowOrCellRendererOrTemplate(columnIndex) && tableBodyCell != null) {
         columnCellCompStyle = window.getComputedStyle(tableBodyCell);
         forcedColumnCellWidth = this._getForcedColumnWidth(
@@ -11034,12 +11063,14 @@ TableFixedLayoutManager.prototype._initializeColumnLayouts = function () {
       isResetTableElemStyle = true;
       var headerSelector = this._table._getTableSelectorColumn();
       if (headerSelector != null) {
-        this._selectorColWidth = headerSelector.offsetWidth;
+        // offsetWidth does not include partial px values, so bounding rect should be used
+        this._selectorColWidth = headerSelector.getBoundingClientRect().width;
       } else {
         var tableBodyRow = this._table._getTableBodyRow(0);
         var selectorCell = this._table._getTableBodySelectorCell(tableBodyRow);
         if (selectorCell != null) {
-          this._selectorColWidth = selectorCell.offsetWidth;
+          // offsetWidth does not include partial px values, so bounding rect should be used
+          this._selectorColWidth = selectorCell.getBoundingClientRect().width;
         }
       }
     }
@@ -11112,12 +11143,14 @@ TableFixedLayoutManager.prototype._initializeColumnLayouts = function () {
       // find column header cell width
       var headerCell = this._table._getTableHeaderColumn(i);
       if (headerCell != null) {
-        this._columnInitWidths[i] = headerCell.offsetWidth;
+        // offsetWidth does not include partial px values, so bounding rect should be used
+        this._columnInitWidths[i] = headerCell.getBoundingClientRect().width;
       } else {
         // find column table body cell widths
         var tableBodyCell = this._table._getTableBodyCell(0, i, null);
         if (tableBodyCell != null) {
-          this._columnInitWidths[i] = tableBodyCell.offsetWidth;
+          // offsetWidth does not include partial px values, so bounding rect should be used
+          this._columnInitWidths[i] = tableBodyCell.getBoundingClientRect().width;
         }
       }
     }

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

@@ -43,6 +43,52 @@ import { TagCloud } from 'ojs/ojtagcloud-toolkit';
  *
  */
 
+/**
+ * <h3 id="migration-section">
+ *   Migration
+ *   <a class="bookmarkable-link" title="Bookmarkable Link" href="#migration-section"></a>
+ * </h3>
+ * To migrate from oj-tagcloud to oj-c-tagcloud, you need to revise the import statement and references to oj-tagcloud in your app.
+ * <h5>componentElement in ItemTemplateContext</h5>
+ * <p>
+ * componentElement is not support in oj-c-tag-cloud.
+ * </p>
+ * <h5>animaton-on-data-change attribute</h5>
+ * <p>
+ * For the initial version of oj-c-tagcloud, animaton-on-data-change attribute is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>animation-on-diaplay attribute</h5>
+ * <p>
+ * For the initial version of oj-c-tagcloud, animation-on-diaplay attribute is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>style-defaults.animation-duration attribute</h5>
+ * <p>
+ * For the initial version of oj-c-tagcloud, animation-duration attribute is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>tooltip attribute</h5>
+ * <p>
+ * For initial version of oj-c-tagcloud, use datatip instead of tooltip. Support of complex datatip usecase will be handled in a future release.
+ * </p>
+ * <h5>touch-response attribute</h5>
+ * <p>
+ * For the initial version of oj-c-tagcloud, touch-response attribute is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>contextMenu slot</h5>
+ * <p>
+ * For the initial version of oj-c-tag-cloud, contextMenu slot is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>getContextByNode method</h5>
+ * <p>
+ * For the initial version of oj-c-tag-cloud, getContextByNode method is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * <h5>oj-tag-cloud-item's svg-class-name attribute</h5>
+ * <p>
+ * For the inital version of oj-c-tag-cloud-item, svg-class-name is not supported. We plan on supporting this use case in a future release.
+ * </p>
+ * @ojfragment migrationDoc
+ * @memberof oj.ojTagCloud
+ */
+
 /**
  * <table class="keyboard-table">
  *   <thead>
@@ -342,6 +388,15 @@ import { TagCloud } from 'ojs/ojtagcloud-toolkit';
  * &lt;/oj-tag-cloud>
  * </code>
  * </pre>
+ * <h3 id="migration-section">
+ *   Migration
+ *   <a class="bookmarkable-link" title="Bookmarkable Link" href="#migration-section"></a>
+ * </h3>
+ * To migrate from oj-tag-cloud-item to oj-c-tag-cloud-item, you need to revise the import statement and references to oj-tag-cloud-item in your app. Please note the changes between the two components below.
+ * <h5>svg-class-name attribute</h5>
+ * <p>
+ * For the inital version of oj-c-tag-cloud-item, svg-class-name is not supported. We plan on supporting this use case in a future release.
+ * </p>
  */
 /**
  * An array of category strings corresponding to the tag cloud items. This allows highlighting and filtering of items.
@@ -799,6 +854,8 @@ var __oj_tag_cloud_item_metadata =
  * in the default value ramp provided by oj.ColorAttributeGroupHandler
  * will meet minimum contrast requirements.</p>
  *
+ * {@ojinclude "name":"migrationDoc"}
+ *
  * <h3 id="touch-section">
  *   Touch End User Information
  *   <a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>

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

@@ -3510,6 +3510,8 @@ const DvtTimelineSeriesItemRenderer = {
       if (titleText) {
         maxWidth = Math.min(titleDim.w, maxWidth);
         TextUtils.fitText(titleText, maxTextWidth, Infinity, container);
+      } else {
+        maxWidth = 0;
       }
       if (descText) {
         maxWidth = Math.min(Math.max(descDim.w, maxWidth), maxTextWidth);
@@ -3558,6 +3560,8 @@ const DvtTimelineSeriesItemRenderer = {
       if (title) {
         offsetX = Math.min(titleDim.w, offsetX);
         TextUtils.fitText(titleText, maxTextWidth, Infinity, container);
+      } else {
+        offsetX = Math.min(0, offsetX);
       }
 
       if (desc) {

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

@@ -170,12 +170,12 @@ import { warn } from 'ojs/ojlogger';
   //                   Slots
   //-----------------------------------------------------
   /**
-   * <p>The &lt;oj-toolbar> element accepts <code class="prettyprint">oj-button</code>, <code class="prettyprint">oj-buttonset-many</code>,
+   * <p>The &lt;oj-toolbar> element accepts <code class="prettyprint">oj-button</code>, <code class="prettyprint">oj-c-button</code>, <code class="prettyprint">oj-buttonset-many</code>,
    * <code class="prettyprint">oj-buttonset-one</code>, <code class="prettyprint">oj-menu-button</code> and non-focusable content such as separator icon elements as children.</p>
    *
    * @ojchild Default
    * @memberof oj.ojToolbar
-   * @ojpreferredcontent ["ButtonElement","ButtonsetManyElement","ButtonsetOneElement","MenuButtonElement"]
+   * @ojpreferredcontent ["ButtonElement", "CButtonElement", "ButtonsetManyElement","ButtonsetOneElement","MenuButtonElement"]
    *
    * @example <caption>Initialize the Toolbar with child content specified:</caption>
    * &lt;oj-toolbar>
@@ -297,6 +297,11 @@ import { warn } from 'ojs/ojlogger';
     const _OJ_TOOLBAR = 'oj-toolbar';
     const _OJ_MENU_BUTTON = 'OJ-MENU-BUTTON';
     const _OJ_BUTTON = 'OJ-BUTTON';
+    const _OJ_C_BUTTON = 'OJ-C-BUTTON';
+    const _ELEM_LIST =
+      'oj-button, oj-menu-button, oj-buttonset-one, oj-buttonset-many, oj-c-button';
+    const _BUTTON_LIST =
+      'oj-button, oj-menu-button, oj-buttonset-one .oj-button, oj-buttonset-many .oj-button, oj-c-button, oj-buttonset-one .oj-c-button, oj-buttonset-many .oj-c-button';
 
     oj.__registerWidget('oj.ojToolbar', $.oj.baseComponent, {
       widgetEventPrefix: 'oj',
@@ -494,9 +499,7 @@ import { warn } from 'ojs/ojlogger';
           }
 
           // find any current supported children to refresh in case they were already initialized and need to update their 'chroming' values
-          this.topLevelChildren = elem.querySelectorAll(
-            'oj-button, oj-menu-button, oj-buttonset-one, oj-buttonset-many'
-          );
+          this.topLevelChildren = elem.querySelectorAll(_ELEM_LIST);
 
           // refresh the top-level buttons, and refresh the buttonsets to make them refresh their buttons, so that all toolbar buttons are refreshed.
           // Reason: to make them re-fetch their chroming option, in case it's still set to the default dynamic getter,
@@ -554,12 +557,16 @@ import { warn } from 'ojs/ojlogger';
       },
 
       // For custom element only, return if a button with oj-button class is disabled.
-      // This can either be an oj-button, oj-menu-button, or a span inside oj-buttonset-*.
+      // This can either be an oj-button, oj-c-button, oj-menu-button, or a span inside oj-buttonset-*.
       // We check the disabled property on custom elements instead of oj-disabled class because
       // there is delay between setting the property and having the class updated.
       _isButtonDisabled: function (button) {
         var disabled;
-        if (button.tagName === _OJ_BUTTON || button.tagName === _OJ_MENU_BUTTON) {
+        if (
+          button.tagName === _OJ_BUTTON ||
+          button.tagName === _OJ_C_BUTTON ||
+          button.tagName === _OJ_MENU_BUTTON
+        ) {
           disabled = button.disabled;
         } else {
           // "button" is a span around an oj-option that represents a button in oj-buttonset-one or oj-buttonset-many
@@ -584,14 +591,13 @@ import { warn } from 'ojs/ojlogger';
         elem.removeEventListener('focusin', this._focusinListener, true);
         this._hasInitialFocusHandler = false;
 
-        this.topLevelChildren = elem.querySelectorAll(
-          'oj-button, oj-menu-button, oj-buttonset-one, oj-buttonset-many'
-        );
+        this.topLevelChildren = elem.querySelectorAll(_ELEM_LIST);
 
         // Add a MutationObserver to handle add and remove of descendants
         if (!this._mutationObserver) {
           var ojElementNames = [
             _OJ_BUTTON,
+            _OJ_C_BUTTON,
             _OJ_MENU_BUTTON,
             'OJ-BUTTONSET-ONE',
             'OJ-BUTTONSET-MANY',
@@ -631,18 +637,14 @@ import { warn } from 'ojs/ojlogger';
         }
 
         // Toolbar custom element can listen to disabledChanged event on descendants to refresh itself
-        var ojElements = elem.querySelectorAll(
-          'oj-button, oj-menu-button, oj-buttonset-one, oj-buttonset-many, oj-option'
-        );
+        var ojElements = elem.querySelectorAll(_ELEM_LIST);
         ojElements.forEach(function (ojElement) {
           // This can be called on the same element more than once, so try to remove any listener first
           ojElement.removeEventListener(disabledChangedEventType, self._disabledChangedListener);
           ojElement.addEventListener(disabledChangedEventType, self._disabledChangedListener);
         });
 
-        var buttons = elem.querySelectorAll(
-          'oj-button, oj-menu-button, oj-buttonset-one .oj-button, oj-buttonset-many .oj-button'
-        );
+        var buttons = elem.querySelectorAll(_BUTTON_LIST);
         this.$buttons = $(buttons)
           .off('keydown' + this.eventNamespace)
           .on('keydown' + this.eventNamespace, function (event) {
@@ -699,11 +701,7 @@ import { warn } from 'ojs/ojlogger';
         var self = this;
         // We need to re-select buttons because with refresh buttons in toolbar may be added/deleted.
         if (this._IsCustomElement()) {
-          this.$buttons = $(
-            this.element[0].querySelectorAll(
-              'oj-button, oj-menu-button, oj-buttonset-one .oj-button, oj-buttonset-many .oj-button'
-            )
-          );
+          this.$buttons = $(this.element[0].querySelectorAll(_BUTTON_LIST));
         } else {
           this.$buttons = this.element.find(':oj-button');
         }
@@ -868,6 +866,7 @@ import { warn } from 'ojs/ojlogger';
 
       // No return value.
       _handleKeyDown: function (event, $button) {
+        var self = this;
         // Private, not an override (not in base class).  Method name unquoted so will be safely optimized (renamed) by GCC as desired.
         switch (event.which) {
           case $.ui.keyCode.UP: // up arrow
@@ -883,7 +882,7 @@ import { warn } from 'ojs/ojlogger';
             // reselect enabled buttons
             if (this._IsCustomElement()) {
               this.$enabledButtons = this.$buttons.filter(function () {
-                return !$(this).hasClass('oj-disabled') && $(this).is(':visible');
+                return !self._isButtonDisabled(this) && $(this).is(':visible');
               });
             } else {
               this.$enabledButtons = this.$buttons.filter(function () {
@@ -957,7 +956,11 @@ import { warn } from 'ojs/ojlogger';
           // This relies on the button and buttonset components being implemented with JQUI - this will need to be revisited once that is no longer the case
           for (var i = 0; i < this.topLevelChildren.length; i++) {
             var child = this.topLevelChildren[i];
-            if (child.tagName === _OJ_BUTTON || child.tagName === _OJ_MENU_BUTTON) {
+            if (
+              child.tagName === _OJ_BUTTON ||
+              child.tagName === _OJ_C_BUTTON ||
+              child.tagName === _OJ_MENU_BUTTON
+            ) {
               // must check to make sure the child button element has been initialized
               if (__GetWidgetConstructor(this._getButtonFocusElem(child), 'ojButton')) {
                 child.refresh();

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

@@ -3263,9 +3263,7 @@ class TreeviewSelectionManager {
       return item.getAttribute('id');
     },
     _getUniqueItemId: function () {
-      return ElementUtils.getUniqueId(this.element[0].getAttribute('id')).concat(
-        '_' + this._getTreeViewItemCount()
-      );
+      return ElementUtils.getUniqueId() + '_' + this.element[0].getAttribute('id');
     },
     _getTreeViewItemCount: function () {
       return this._getItems().length;

package/dist/js/libs/oj/debug_esm/ojvcomponent-template.js

@@ -18,6 +18,7 @@ import { getPropagationMetadataViaCache, CONSUMED_CONTEXT, STATIC_PROPAGATION }
 import { getExpressionEvaluator } from 'ojs/ojconfig';
 import { getPropertyMetadata } from 'ojs/ojmetadatautils';
 import { CspExpressionEvaluatorInternal } from 'ojs/ojcspexpressionevaluator-internal';
+import { performMonitoredWriteback } from 'ojs/ojmonitoring';
 
 class Props {
 }
@@ -703,7 +704,7 @@ class VTemplateEngine {
             if (callbackPropExpr) {
                 listeners.delete(propName);
             }
-            attrNodes.push(this._createWritebackPropertyNode(engineContext, propName, valuesArray, AttributeUtils.getExpressionInfo(callbackPropExpr)?.expr));
+            attrNodes.push(this._createWritebackPropertyNode(engineContext, name, propName, valuesArray, AttributeUtils.getExpressionInfo(callbackPropExpr)?.expr));
         });
         listeners.forEach((value, name) => {
             const info = AttributeUtils.getExpressionInfo(value);
@@ -734,11 +735,11 @@ class VTemplateEngine {
             refObj.setProperties(updatedProps);
         }
     }
-    _createWritebackPropertyNode(engineContext, propName, valuesArray, existingCallbackExpr) {
+    _createWritebackPropertyNode(engineContext, property, eventPropName, valuesArray, existingCallbackExpr) {
         const propExprEvaluators = [];
         let callbackExprEvaluator;
         return {
-            key: propName,
+            key: eventPropName,
             value: this._createCallNodeWithContext((bindingContext) => {
                 return (event) => {
                     valuesArray.forEach((propItem, index) => {
@@ -754,18 +755,19 @@ class VTemplateEngine {
                             propExprEvaluators.push(propExprEvaluator);
                         }
                         const value = propExprEvaluator([bindingContext, bindingContext.$data]);
+                        let writer;
                         if (engineContext[BINDING_PROVIDER] &&
                             engineContext[BINDING_PROVIDER].__IsObservable(value)) {
-                            value(newValue);
+                            writer = value;
                         }
                         else {
                             const writerExpr = this._getPropertyWriterExpression(propExpr);
                             if (writerExpr !== null) {
                                 const writerEvaluator = this._cspEvaluator.createEvaluator(writerExpr).evaluate;
-                                const func = this._getWriter(writerEvaluator([bindingContext.$data || {}, bindingContext]));
-                                func(newValue);
+                                writer = this._getWriter(writerEvaluator([bindingContext.$data || {}, bindingContext]));
                             }
                         }
+                        performMonitoredWriteback(property, writer, event, newValue);
                     });
                     if (existingCallbackExpr && !callbackExprEvaluator) {
                         callbackExprEvaluator =

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/15.0.7/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/15.0.7/ojL10n',
-      'ojtranslations': 'libs/oj/15.0.7/resources',
+      'ojs': 'libs/oj/15.1.1/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/15.1.1/ojL10n',
+      'ojtranslations': 'libs/oj/15.1.1/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.4.min',