753 vitepress 1.2.3 (#757)

* merge framework files with API3 exceptions

* No longer updated with API3 exceptions
If need be this can be added back. Going back to the original file is we move forward to add in the API3 look and feel that Tamera is after.

* Remove script for NotFound file

* Remove console message

* Fix bug with Menu bar highlighting
When the user navigates away from the Reference menu to the Home page, the highlighting of the Reference menu was not removed.

* Package was not updated

docs/.vitepress/theme/components/SidebarHeader.vue

@@ -34,7 +34,6 @@ export default {
     isDark: undefined,
   }),
   mounted() {
-    console.log(Date.now(), window.navigator.userAgent);
     const { page } = useData();
     const { path } = useRoute();
     this.showVersions(path);

docs/_components/vitepress/VPFlyout.vue

@@ -1,12 +1,10 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { useFlyout } from '../composables/flyout';
-import VPIconChevronDown from './icons/VPIconChevronDown.vue';
-import VPIconMoreHorizontal from './icons/VPIconMoreHorizontal.vue';
 import VPMenu from './VPMenu.vue';
 
 defineProps<{
-  icon?: any;
+  icon?: string;
   button?: string;
   label?: string;
   items?: any[];
@@ -38,16 +36,18 @@ function onBlur() {
       @click="open = !open"
     >
       <span v-if="button || icon" class="text">
-        <component v-if="icon" :is="icon" class="option-icon" />
+        <span v-if="icon" :class="[icon, 'option-icon']" />
+        <!-- wkande: Jun 2024: button below replace with one further down   :id="'api3_'...   -->
+        <!-- span v-if="button" v-html="button"></span-->
         <!-- wkande: Sept 2022: Added <span> (next line)
-          This ID used to to set the bnt text color togreen 
+          This ID used to to set the bnt text color to green 
           when active by SidebarHeader.vue 
         -->
         <span :id="'api3_' + button + '_Menu'">{{ button }}</span>
-        <VPIconChevronDown class="text-icon" />
+        <span class="vpi-chevron-down text-icon" />
       </span>
 
-      <VPIconMoreHorizontal v-else class="icon" />
+      <span v-else class="vpi-more-horizontal icon" />
     </button>
 
     <div class="menu">
@@ -64,7 +64,7 @@ function onBlur() {
 }
 
 .VPFlyout:hover {
-  color: var(--vp-c-brand);
+  color: var(--vp-c-brand-1);
   transition: color 0.25s;
 }
 
@@ -77,11 +77,11 @@ function onBlur() {
 }
 
 .VPFlyout.active .text {
-  color: var(--vp-c-brand);
+  color: var(--vp-c-brand-1);
 }
 
 .VPFlyout.active:hover .text {
-  color: var(--vp-c-brand-dark);
+  color: var(--vp-c-brand-2);
 }
 
 .VPFlyout:hover .menu,
@@ -91,6 +91,12 @@ function onBlur() {
   transform: translateY(0);
 }
 
+.button[aria-expanded='false'] + .menu {
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(0);
+}
+
 .button {
   display: flex;
   align-items: center;
@@ -112,22 +118,16 @@ function onBlur() {
 
 .option-icon {
   margin-right: 0px;
-  width: 16px;
-  height: 16px;
-  fill: currentColor;
+  font-size: 16px;
 }
 
 .text-icon {
   margin-left: 4px;
-  width: 14px;
-  height: 14px;
-  fill: currentColor;
+  font-size: 14px;
 }
 
 .icon {
-  width: 20px;
-  height: 20px;
-  fill: currentColor;
+  font-size: 20px;
   transition: fill 0.25s;
 }