Merge branch 'release-19.0' into hotfix-19.1

# Conflicts:
#	RockWeb/Styles/styles-v2/core.css
#	RockWeb/Themes/RockNextGen/Styles/theme.css

Author: cabal95

Rock.Frontend.Styles/src/styles/styles-v2/blocks/_blocks-ai.scss

@@ -306,4 +306,37 @@
   }
 }
 
+/*
+ * When docked panel in push mode and screen width is less than 1440px
+ * show the chat bot header so they can close the panel.
+ */
+body[data-docked-panel-mode="push"] .chat-bot-header {
+  display: none;
+  border-bottom: 1px solid var(--color-interface-soft);
+}
+
+body[data-docked-panel-mode="push"] .chat-bot-header .chat-bot-close-panel {
+  margin-left: auto;
+  width: 56px;
+  height: 56px;
+  border-left: 1px solid var(--color-interface-soft);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--color-interface-medium);
+}
+
+body[data-docked-panel-mode="push"] .chat-bot-header .chat-bot-close-panel:hover {
+  color: var(--color-interface-stronger);
+  background-color: var(--color-interface-soft);
+  transition: color 0.2s ease, background-color 0.2s ease;
+}
+
+@media (max-width: 1439px) {
+  body[data-docked-panel-mode="push"] .chat-bot-header {
+    display: block;
+  }
+}
+
 // ================END CHAT BOT==========================

Rock.Frontend.Styles/src/styles/styles-v2/rock-components/_panels-extensions.scss

@@ -910,4 +910,18 @@ body[data-docked-panel-mode="push"] {
   }
 }
 
+@media (max-width: 1439px) {
+  body[data-docked-panel-mode="push"] {
+    padding-right: 0;
+
+    .navbar-fixed-top {
+      right: 0;
+    }
+  }
+
+  body[data-docked-panel-mode="push"] .docked-panel {
+    width: 100%;
+  }
+}
+
 // ===================== END DOCKED PANEL =====================

Rock.Frontend.Styles/src/themes/RockNextGen/Styles/theme.scss

@@ -92,6 +92,12 @@ body.navbar-side-open {
   }
 }
 
+@media (min-width: 1440px) and (max-width: 1549px) {
+  body[data-docked-panel-mode="push"] .header-content .page-title-display .breadcrumb {
+    display: none;
+  }
+}
+
 .main-content {
   margin: var(--spacing-medium) var(--spacing-medium);
   #page-content {
@@ -371,16 +377,12 @@ body.navbar-side-open {
     border: 1px solid var(--color-interface-soft);
     border-radius: 999px;
     flex-direction: row-reverse;
+    transition: width .2s ease;
 
     .ti.ti-search {
       display: none;
     }
 
-    @media (min-width: $screen-small) {
-      height: $navbar-element-height;
-      width: 340px;
-    }
-
     i {
       margin: 0 0 0 10px;
     }
@@ -532,6 +534,19 @@ body.navbar-side-open {
 
 }
 
+@media (min-width: $screen-small) {
+  .rock-top-header .smartsearch {
+    height: $navbar-element-height;
+    width: 340px;
+  }
+}
+
+@media (min-width: 1440px) and (max-width: 1549px) {
+  body[data-docked-panel-mode="push"] .rock-top-header .smartsearch {
+      width: 280px
+  }
+}
+
 // ======================== REMINDERS / BOOKMARKS ========================
 
 a.rock-bookmark {

Rock.JavaScript.Obsidian.Blocks/src/AI/chatBot.obs

@@ -16,6 +16,14 @@
                      minWidth="500px"
                      maxWidth="50%"
                      mode="push">
+            <template #header>
+                <div class="chat-bot-header">
+                    <span class="chat-bot-close-panel" @click="isDockedChatOpen = false">
+                        <i class="ti ti-x"></i>
+                    </span>
+                </div>
+            </template>
+
             <div ref="dockedChatContainer"
                  class="chat-bot chat-bot-docked"
                  style="height: 100%; display: flex;">

Rock.JavaScript.Obsidian.Blocks/src/Core/smartSearch.obs

@@ -1,18 +1,98 @@
 <!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->
 <template>
-    <SearchField v-model="searchTerm" :initialSearchFilters="options?.searchFilters ?? undefined" />
+    <div class="smartsearch searchinput">
+        <i class="ti ti-search"></i>
+        <ul class="nav pull-right smartsearch-type">
+            <li class="dropdown"><a class="dropdown-toggle navbar-link" data-toggle="dropdown"><span>{{ defaultFilterLabel }}</span><b class="ti ti-caret-down-filled"></b></a>
+                <ul class="dropdown-menu">
+                    <li v-for="(filter, index) in searchFilters" :key="filter.key ?? index" :data-key="filter.key" :data-target="filter.resultUrl"><a>{{ filter.label }}</a></li>
+                </ul>
+            </li>
+        </ul>
+        <input type="search" ref="inputElement" :id="uniqueId" v-model="internalValue" accesskey="q" class="searchinput tt-query" autocomplete="off" spellcheck="false" style="position: relative; vertical-align: top; background-color: transparent;" dir="auto">
+        <input type="hidden" ref="hiddenFilterInput" name="searchField_hSearchFilter" id="searchField_hSearchFilter">
+    </div>
 </template>
 
 <script setup lang="ts">
-    import { ref } from "vue";
+    import { computed, ref, watch } from "vue";
     import { onConfigurationValuesChanged, useConfigurationValues, useReloadBlock } from "@Obsidian/Utility/block";
     import { CustomBlockBox } from "@Obsidian/ViewModels/Blocks/customBlockBox";
     import { SmartSearchOptionsBag } from "@Obsidian/ViewModels/Blocks/Core/SmartSearch/smartSearchOptionsBag";
-    import SearchField from "@Obsidian/Controls/searchField.obs";
+    import { SearchFilterBag } from "@Obsidian/ViewModels/Blocks/Core/SmartSearch/searchFilterBag";
+    import { useHttp } from "@Obsidian/Utility/http";
+    import { newGuid } from "@Obsidian/Utility/guid";
 
     const config = useConfigurationValues<CustomBlockBox<object, SmartSearchOptionsBag>>();
-    const options = config.options;
-    const searchTerm = ref("");
+
+    // #region Values
+
+    const internalValue = ref("");
+    const http = useHttp();
+    const uniqueId = `rock-searchField-${newGuid()}`;
+    const inputElement = ref<HTMLInputElement>();
+    const hiddenFilterInput = ref<HTMLInputElement>();
+
+    /**
+     * The available search filters.
+     */
+    const searchFilters = ref<SearchFilterBag[]>();
+
+    // #endregion
+
+    // #region Computed Values
+
+    /**
+     * Gets the display label of the default search filter (e.g. "Name").
+     */
+    const defaultFilterLabel = computed<string>(() => {
+        if (!searchFilters.value || searchFilters.value.length === 0) {
+            return "";
+        }
+
+        return searchFilters.value[0].label ?? "";
+    });
+
+    // #endregion
+
+    // #region Functions
+
+    /** Fetches the available search filters from the API. */
+    async function fetchSearchFilters(): Promise<void> {
+        const url = "/api/v2/Controls/SearchFieldGetSearchFilters";
+        const response = await http.post<SearchFilterBag[]>(url);
+
+        if (response.isSuccess && response.data) {
+            searchFilters.value = response.data;
+        }
+        else {
+            console.error("Error fetching items from server", response.errorMessage);
+        }
+    }
+
+    // #endregion
+
+    // #region Watchers
+
+    watch([inputElement, hiddenFilterInput, searchFilters], () => {
+        if (inputElement.value && hiddenFilterInput.value && searchFilters.value) {
+            if (searchFilters.value.length > 0) {
+                hiddenFilterInput.value.value = searchFilters.value[0].key ?? "";
+            }
+
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (window["Rock"] as any).controls.searchField.initialize({ controlId: uniqueId });
+        }
+    });
+
+    // #endregion
+
+    if (config.options?.searchFilters) {
+        searchFilters.value = config.options.searchFilters;
+    }
+    else {
+        fetchSearchFilters();
+    }
 
     onConfigurationValuesChanged(useReloadBlock());
 </script>