Merge branch 'main' into 8846-tabs-vertical-tooltip

README.md

@@ -5,7 +5,7 @@
 [![Build Check](https://github.com/infor-design/enterprise/actions/workflows/env-deploy-gha.yaml/badge.svg)](https://github.com/infor-design/enterprise/actions/workflows/env-deploy-gha.yaml)
 [![Coverage Status](https://coveralls.io/repos/github/infor-design/enterprise/badge.svg?branch=main)](https://coveralls.io/github/infor-design/enterprise?branch=main)
 
-Infor Design System's Enterprise component library (also known as Soho Components) is a framework-independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant and perceptive.
+Infor Design System's Enterprise component library (also known as Soho Components) is a framework-independent UI library consisting of CSS and JS that provides Infor product development teams and partners tools to create user experiences that are approachable, focused, relevant and perceptive.
 
 For guidelines on when and where to use the components see the [design.infor.com](http://design.infor.com).
 

app/views/components/tabs-module/example-index.html

@@ -6,7 +6,7 @@
   <div class="page-container no-scroll">
 
     <!-- Module Tabs -->
-    <section id="module-tabs-example" class="tab-container page-container module-tabs is-personalizable" data-options="{ containerElement: '#module-tabs-container', 'changeTabOnHashChange': true, 'maxWidth': 150, 'moduleTabsTooltips': true }">
+    <section id="module-tabs-example" class="tab-container page-container module-tabs is-personalizable" data-options="{ containerElement: '#module-tabs-container', 'appMenuTrigger': true, 'changeTabOnHashChange': true, 'maxWidth': 150, 'moduleTabsTooltips': true }">
       <div class="tab-list-container">
         <ul class="tab-list">
           <li class="tab is-selected dismissible">
@@ -529,7 +529,17 @@ <h1>Order #18</h1>
     }
 
     $('body').on('initialized', function() {
-      var tabsAPI = $('#module-tabs-example').data('tabs');
+      const tabsAPI = $('#module-tabs-example').data('tabs');
+
+      const appMenu = $('#application-menu').data('applicationmenu');
+      const accordion = appMenu.accordion.data('accordion');
+      const headers = accordion.headers;
+      const tabAnchors = tabsAPI.anchors;
+
+      accordion.headers.each((i, e) => {
+        const id = tabAnchors[i + 1].getAttribute('id');
+        e.setAttribute('tab-id', id);
+      });
 
       function toggleFields(fillAutomatically) {
         if (fillAutomatically) {

docs/CHANGELOG.md

@@ -6,38 +6,42 @@
 
 - `[Tab]` Selecting tabs in overflow menu will move the tab to a visible space. ([#8016](https://github.com/infor-design/enterprise/issues/8016))
 
+## v4.98.0 Fixes
+
+- `[Calendar]` Fixed `selectDay` being called twice on clicking events. ([#8769](https://github.com/infor-design/enterprise/issues/8769))
+- `[Datagrid]` Fixed asterisk being cut off when `textOverflow` is set to ellipsis. ([NG#1651](https://github.com/infor-design/enterprise-ng/issues/1651))
+- `[Tab]` Selecting an item in the appmenu accordion will also select the corresponding assigned tab to it (via `tab-id`). ([NG#1665](https://github.com/infor-design/enterprise-ng/issues/1665))
+- `[Tab]` Selecting tabs in overflow menu will move the tab to a visible space. ([#8880](https://github.com/infor-design/enterprise/issues/8880))
+
 ## v4.97.0
 
 ## v4.97.0 Features
 
 - `[Datagrid]` Added searched event for toolbar search. ([#8814](https://github.com/infor-design/enterprise/issues/8814))
-- `[Datagrid]` Added setting `overrideTabbing` to disable tabbing sequence of datagrind which will allow custom tabbing from users. ([#8825](https://github.com/infor-design/enterprise/issues/8825))
+- `[Datagrid]` Added setting `overrideTabbing` to disable tabbing sequence of datagrid which will allow custom tabbing from users. ([#8825](https://github.com/infor-design/enterprise/issues/8825))
 - `[Weekview]` Added settings `showOvernightBothDays` and `overnightLabel` to customize overnight days. ([#8630](https://github.com/infor-design/enterprise/issues/8630))
 - `[Tabs Vertical]` Added settings `moduleTabsTooltips` available for tabs vertical to for showing tooltips. ([#8846](https://github.com/infor-design/enterprise/issues/8846))
 - `[Tests]` Changed test framework to playwright. ([#8549](https://github.com/infor-design/enterprise-wc/issues/8549))
+- `[Switch]` Update switch design. ([#8852](https://github.com/infor-design/enterprise/issues/8852))
 
 ## v4.97.0 Fixes
 
 - `[Autocomplete]` Fixed losing focus on keydown. ([#8618](https://github.com/infor-design/enterprise/issues/8618))
-- `[Calendar]` Fixed `selectDay` being called twice on clicking events. ([#8769](https://github.com/infor-design/enterprise/issues/8769))
 - `[Charts]` Fixed a bug where the `charts.setSelected()` method was not working in multiple charts in a single page. ([#NG#1671](https://github.com/infor-design/enterprise-ng/issues/1671))
 - `[Datagrid]` Fixed incorrect updates in commitCellEditUtil. ([#8850](https://github.com/infor-design/enterprise/issues/8850))
 - `[Datagrid]` Fixed a bug where button gets focus always during editing of lookup field. ([#8758](https://github.com/infor-design/enterprise/issues/8758))
 - `[Datagrid]` Added `cellLayout` setting to remove datagrid cell layout from expandable rows. ([NG#1524](https://github.com/infor-design/enterprise-ng/issues/1524))
-- `[Datagrid]` Fixed asterisk being cut off when `textOverflow` is set to ellipsis. ([NG#1651](https://github.com/infor-design/enterprise-ng/issues/1651))
-- `[Dropdown]` Fixed no results text still displaying after removing filter text. ([#8768](https://github.com/infor-design/enterprise/issues/8768))
-- `[Masthead]` Fixed size of image avatar. ([#8788](https://github.com/infor-design/enterprise/issues/8788))
 - `[Datagrid]` Fixed cell value from argument passed on hyperlink click. ([#8762](https://github.com/infor-design/enterprise/issues/8762))
 - `[Datagrid]` Fixed issue with textEllipsis in right aligned number columns. ([#8821](https://github.com/infor-design/enterprise/issues/8821))
 - `[DataGrid]` Fixed bug with non refreshed tooltip in filter row conditions. ([#8773](https://github.com/infor-design/enterprise/issues/8773))
 - `[Datepicker]` Fixed bug with week numbers not aligned properly with first day of week. ([#8720](https://github.com/infor-design/enterprise/issues/8720))
 - `[Datepicker]` Fixed buttons truncated when using other languages. ([#8787](https://github.com/infor-design/enterprise/issues/8787))
 - `[Donut]` Fixed bug where chart is cut off on bottom legend placement mode. ([#8755](https://github.com/infor-design/enterprise/issues/8755))
+- `[Dropdown]` Fixed no results text still displaying after removing filter text. ([#8768](https://github.com/infor-design/enterprise/issues/8768))
 - `[Grid]` Fixed an issue where module nav would change grid styles. ([#8828](https://github.com/infor-design/enterprise/issues/8828))
-- `[ModuleNav]` Fix icon layout issue. ([#8788](https://github.com/infor-design/enterprise/issues/8788))
 - `[Masthead]` Fixed size of image avatar. ([#8788](https://github.com/infor-design/enterprise/issues/8788))
 - `[ModuleNav]` Fixed icon layout issue. ([#8788](https://github.com/infor-design/enterprise/issues/8788))
-- `[ModuleNav]` Fixed zindex issue on the overlay in mobile mode. ([#8817](https://github.com/infor-design/enterprise/issues/8817))
+- `[ModuleNav]` Fixed `zindex` issue on the overlay in mobile mode. ([#8817](https://github.com/infor-design/enterprise/issues/8817))
 - `[Multiselect]` Fixed bug in multiselect noted in RTL mode. ([#8811](https://github.com/infor-design/enterprise/issues/8811))
 - `[Popupmenu]` Fixed bug in popupmenu when heading element is added in NG. ([NG#1700](https://github.com/infor-design/enterprise-ng/issues/1700))
 - `[Tabs]` Fixed example page for disabling dismissible tags. ([NG#1697](https://github.com/infor-design/enterprise-ng/issues/1697))
@@ -59,7 +63,7 @@
 - `[Autocomplete]` Fixed autocomplete not properly highlighted on key down. ([#8618](https://github.com/infor-design/enterprise/issues/8618))
 - `[Bar-Stacked/Column-Stacked]` Fixed an error encountered when having many records inside the graph. ([NG#1675](https://github.com/infor-design/enterprise-ng/issues/1675))
 - `[Button]` Fixed different buttons stylings in personalization inside of content form. ([#8714](https://github.com/infor-design/enterprise/issues/8714))
-- `[Calendar]` Fixed monthrendered being executed twice in week view and day view. ([#8469](https://github.com/infor-design/enterprise/issues/8469))
+- `[Calendar]` Fixed `monthrendered` being executed twice in week view and day view. ([#8469](https://github.com/infor-design/enterprise/issues/8469))
 - `[Calendar]` Fixed calendar event popup render in mobile view. ([#8675](https://github.com/infor-design/enterprise/issues/8675))
 - `[Datagrid]` Fixed `loadData` and `updateDataset` API to render the correct pager and it's data. ([#8677](https://github.com/infor-design/enterprise/issues/8677))
 - `[Datagrid]` Fixed an error in expandable rows where paging causes to render white html. ([NG#1656](https://github.com/infor-design/enterprise-ng/issues/1656))

src/components/pager/_pager.scss

@@ -33,7 +33,7 @@
         cursor: default;
 
         .icon {
-          color: $pager-disabled-color;
+          opacity: 0.6;
         }
       }