@ah-oh/ao-workspaces-design-system 0.0.56 → 0.0.57

package/fesm2022/ah-oh-ao-workspaces-design-system.mjs

@@ -5334,10 +5334,30 @@ class WorkspaceNavbarService {
         return app.baseUrl;
     }
     buildJwtRedirectUrl(arg) {
-        const url = new URL(arg.targetUrl, window.location.origin);
+        const targetUrl = this.normalizeTargetUrl(arg.targetUrl);
+        const url = new URL(targetUrl, window.location.origin);
         url.searchParams.set('jwtKey', arg.jwtKey);
         return url.toString();
     }
+    normalizeTargetUrl(targetUrl) {
+        const normalizedUrl = targetUrl.trim();
+        if (!normalizedUrl)
+            return window.location.origin;
+        if (this.hasUrlProtocol(normalizedUrl) ||
+            normalizedUrl.startsWith('/') ||
+            normalizedUrl.startsWith('#')) {
+            return normalizedUrl;
+        }
+        if (this.isLocalTargetUrl(normalizedUrl))
+            return `http://${normalizedUrl}`;
+        return `https://${normalizedUrl}`;
+    }
+    hasUrlProtocol(targetUrl) {
+        return /^[a-z][a-z\d+\-.]*:\/\//i.test(targetUrl);
+    }
+    isLocalTargetUrl(targetUrl) {
+        return /^(localhost|127(?:\.\d{1,3}){3}|\[::1\])(?::|\/|$)/i.test(targetUrl);
+    }
     buildLoginPathUrl(path, params) {
         const baseUrl = this.loginUrl.endsWith('/') ? this.loginUrl : `${this.loginUrl}/`;
         const url = new URL(path, baseUrl);
@@ -7088,7 +7108,10 @@ class ChatComponent {
     product;
     currentThreadId;
     ngOnInit() {
-        this.product = this.resolveProduct();
+        const product = this.resolveProduct();
+        if (!product)
+            return;
+        this.product = product;
         this.dispatcher.responses$
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(response => this.handleResponse(response));
@@ -7098,12 +7121,16 @@ class ChatComponent {
         this.greet();
     }
     newChat() {
+        if (!this.product)
+            return;
         this.setThreadId(undefined);
         this.turns.set([]);
         this.showHistory.set(false);
         this.greet();
     }
     send() {
+        if (!this.product)
+            return;
         const text = this.inputControl.value?.trim();
         if (!text || this.activeRequest())
             return;
@@ -7112,6 +7139,8 @@ class ChatComponent {
         this.dispatchToBackend(text);
     }
     toggleHistory() {
+        if (!this.product)
+            return;
         const next = !this.showHistory();
         this.showHistory.set(next);
         if (next && this.threads() === undefined) {
@@ -7172,6 +7201,8 @@ class ChatComponent {
         }
     }
     greet() {
+        if (!this.product)
+            return;
         this.activeRequest.set(true);
         void this.chat
             .sendMessage({
@@ -7185,6 +7216,8 @@ class ChatComponent {
             .catch(() => this.handleError());
     }
     dispatchToBackend(question) {
+        if (!this.product)
+            return;
         this.activeRequest.set(true);
         this.scrollDown();
         void this.chat
@@ -7293,7 +7326,7 @@ class ChatComponent {
             case Product.ADMIN:
                 return 'admin';
             default:
-                throw new Error('Product not found');
+                return undefined;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -7430,11 +7463,19 @@ class WorkspaceNavbarComponent {
     hasSubTopNav = computed(() => this.activeSubTopNavItems().length > 0, ...(ngDevMode ? [{ debugName: "hasSubTopNav" }] : /* istanbul ignore next */ []));
     showTools = computed(() => this.workspaceNavbarService.sessionSignal()?.companyId ===
         WorkspaceNavbarService.HANDBOOK_COMPANY_ID, ...(ngDevMode ? [{ debugName: "showTools" }] : /* istanbul ignore next */ []));
+    canShowChat = computed(() => {
+        const product = this.workspaceNavbarService.sessionSignal()?.product;
+        return this.showTools() && this.isChatProduct(product);
+    }, ...(ngDevMode ? [{ debugName: "canShowChat" }] : /* istanbul ignore next */ []));
     chatOpen = signal(false, ...(ngDevMode ? [{ debugName: "chatOpen" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             this.getLogo(this.selectedCompanyId());
         });
+        effect(() => {
+            if (!this.canShowChat())
+                this.chatOpen.set(false);
+        });
     }
     ngAfterViewInit() {
         if (isPlatformBrowser(this.platformId)) {
@@ -7519,6 +7560,9 @@ class WorkspaceNavbarComponent {
     matchesRoute(url, route) {
         return url === route || url.startsWith(route + '/') || url.startsWith(route + '?');
     }
+    isChatProduct(product) {
+        return product === Product.ADMIN || product === Product.SETHUB || product === Product.SZALES;
+    }
     getLogo(companyId) {
         if (!companyId)
             return;
@@ -7527,7 +7571,7 @@ class WorkspaceNavbarComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WorkspaceNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: WorkspaceNavbarComponent, isStandalone: true, selector: "ao-workspace-navbar", inputs: { appId: { classPropertyName: "appId", publicName: "appId", isSignal: true, isRequired: true, transformFunction: null }, production: { classPropertyName: "production", publicName: "production", isSignal: true, isRequired: false, transformFunction: null }, topNavItems: { classPropertyName: "topNavItems", publicName: "topNavItems", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationCount: { classPropertyName: "notificationCount", publicName: "notificationCount", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, recommendedFilters: { classPropertyName: "recommendedFilters", publicName: "recommendedFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFilter: { classPropertyName: "activeFilter", publicName: "activeFilter", isSignal: true, isRequired: false, transformFunction: null }, resultGroups: { classPropertyName: "resultGroups", publicName: "resultGroups", isSignal: true, isRequired: false, transformFunction: null }, pageSuggestion: { classPropertyName: "pageSuggestion", publicName: "pageSuggestion", isSignal: true, isRequired: false, transformFunction: null }, aiSuggestions: { classPropertyName: "aiSuggestions", publicName: "aiSuggestions", isSignal: true, isRequired: false, transformFunction: null }, searchLoading: { classPropertyName: "searchLoading", publicName: "searchLoading", isSignal: true, isRequired: false, transformFunction: null }, searchError: { classPropertyName: "searchError", publicName: "searchError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeFilter: "activeFilterChange", topNavItemClick: "topNavItemClick", topNavItemChange: "topNavItemChange", subTopNavItemClick: "subTopNavItemClick", subTopNavItemChange: "subTopNavItemChange", appSwitched: "appSwitched", searchSubmit: "searchSubmit", searchQueryChange: "searchQueryChange", searchViewAll: "searchViewAll", searchResultSelect: "searchResultSelect", searchAiSuggestionSelect: "searchAiSuggestionSelect", searchPageSuggestionSelect: "searchPageSuggestionSelect", searchFilterSelect: "searchFilterSelect", searchFilterClear: "searchFilterClear", notificationClick: "notificationClick" }, host: { classAttribute: "ao-workspace-navbar" }, ngImport: i0, template: "<ao-side-nav\n  [items]=\"workspaceAppNavItems()\"\n  [bottomItems]=\"bottomNavItems()\"\n  [activeItemId]=\"activeWorkspaceAppId()\"\n  [expanded]=\"false\"\n  (itemClick)=\"onSideNavItemClick($event)\"\n>\n  <ao-logo-menu\n    aoSideNavLogo\n    [items]=\"companyMenuItems()\"\n    [selectedItem]=\"selectedCompanyId()\"\n    (selectionChange)=\"onCompanyChange($event)\"\n  >\n    @if (companyLogo()) {\n      <img [src]=\"companyLogo()\" alt=\"Logo\" class=\"workspace-navbar__logo\" />\n    } @else {\n      <svg\n        class=\"workspace-navbar__logo\"\n        width=\"96\"\n        height=\"120\"\n        viewBox=\"0 0 96 120\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-label=\"Logo\"\n        role=\"img\"\n      >\n        <path\n          d=\"M36.6592 37.5955L31.1625 31.4924C28.1349 28.1284 28.4073 22.9247 31.7689 19.8971C33.2769 18.5401 35.2266 17.7918 37.2633 17.7918C39.5929 17.7918 41.8195 18.7781 43.3664 20.4967C45.458 22.824 46.0484 26.0826 44.911 28.998C44.4465 30.1903 43.7234 31.2338 42.7623 32.0988L36.6592 37.5955ZM95.5987 76.4613L83.6854 63.2299L70.4585 75.1363L48.5725 50.8269L54.6802 45.3279C57.6779 42.6253 60.035 39.2156 61.4949 35.4696C65.0969 26.2497 63.2204 15.9497 56.6001 8.58568C46.9981 -2.06444 30.5149 -2.92488 19.8556 6.66801C9.20088 16.2655 8.3359 32.7464 17.9311 43.4057L23.4255 49.5065L14.1118 57.8957C13.5099 58.438 12.9287 58.9621 12.3817 59.4792L12.3703 59.4655L11.2742 60.4518C4.49141 66.5572 0.493621 74.9372 0.0153502 84.045C-0.00525137 84.4317 -0.000673098 84.8185 0.00390115 85.2029L0.0084674 85.7086L0.00160688 87.1494L17.7823 87.1503L17.7938 85.7224L17.7915 85.4134C17.7892 85.2716 17.7869 85.1297 17.7938 84.9809C18.0203 80.6216 19.938 76.61 23.1852 73.6855L35.341 62.7379L57.2271 87.0473L45.0712 97.995C42.1055 100.668 38.261 102.151 34.2449 102.174L32.817 102.183V120L34.2586 119.998C42.6547 119.977 50.7258 116.86 56.9868 111.226L69.1404 100.281L81.0446 113.503L94.276 101.592L82.3718 88.3677L95.5987 76.4613Z\"\n          fill=\"#FF004D\"\n        />\n      </svg>\n    }\n  </ao-logo-menu>\n</ao-side-nav>\n\n<div class=\"workspace-navbar__main\" [class.workspace-navbar__main--with-subnav]=\"hasSubTopNav()\">\n  <div\n    class=\"workspace-navbar__nav-wrapper\"\n    [class.workspace-navbar__nav-wrapper--hidden]=\"navHidden()\"\n  >\n    <ao-top-nav\n      [items]=\"topNavItems()\"\n      [activeItemId]=\"activeTopNavItemId()\"\n      [showSearch]=\"showSearch()\"\n      [showNotifications]=\"showNotifications()\"\n      [notificationCount]=\"notificationCount()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [recommendedFilters]=\"recommendedFilters()\"\n      [(activeFilter)]=\"activeFilter\"\n      [resultGroups]=\"resultGroups()\"\n      [pageSuggestion]=\"pageSuggestion()\"\n      [aiSuggestions]=\"aiSuggestions()\"\n      [searchLoading]=\"searchLoading()\"\n      [searchError]=\"searchError()\"\n      (itemClick)=\"onTopNavClick($event)\"\n      (itemChange)=\"onTopNavChange($event)\"\n      (searchSubmit)=\"searchSubmit.emit($event)\"\n      (searchQueryChange)=\"searchQueryChange.emit($event)\"\n      (searchViewAll)=\"searchViewAll.emit($event)\"\n      (searchResultSelect)=\"searchResultSelect.emit($event)\"\n      (searchAiSuggestionSelect)=\"searchAiSuggestionSelect.emit($event)\"\n      (searchPageSuggestionSelect)=\"searchPageSuggestionSelect.emit($event)\"\n      (searchFilterSelect)=\"searchFilterSelect.emit($event)\"\n      (searchFilterClear)=\"searchFilterClear.emit()\"\n      (notificationClick)=\"onNotificationClick()\"\n      [showTools]=\"showTools()\"\n    />\n\n    @if (hasSubTopNav()) {\n      <ao-sub-top-nav\n        [items]=\"activeSubTopNavItems()\"\n        [activeItemId]=\"activeSubTopNavItemId()\"\n        (itemClick)=\"onSubTopNavClick($event)\"\n        (itemChange)=\"onSubTopNavChange($event)\"\n      />\n    }\n  </div>\n\n  <main class=\"workspace-navbar__content\">\n    <ng-content />\n  </main>\n</div>\n\n<button ao-button class=\"handbook-chat\" variant=\"primary\" (click)=\"chatOpen.set(!chatOpen())\">\n  <ao-icon [svg]=\"chatIcon\" />\n</button>\n\n<div class=\"chat-container\" [class.open]=\"chatOpen()\">\n  <lib-chat [searchType]=\"activeFilter()?.type\" (closed)=\"chatOpen.set(false)\" />\n</div>\n", styles: [":host{display:block;min-height:100vh}.workspace-navbar__main{margin-left:70px;padding-top:50px;min-height:100vh}.workspace-navbar__main.workspace-navbar__main--with-subnav{padding-top:100px}.workspace-navbar__nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:3;transform:translateY(0);transition:transform .25s ease}.workspace-navbar__nav-wrapper--hidden{transform:translateY(-100%)}.workspace-navbar__content{padding:30px 0}.workspace-navbar__logo{max-width:32px;max-height:32px;object-fit:contain}.handbook-chat{position:fixed;right:1.5em;bottom:1.5em;z-index:100}.chat-container{position:fixed;width:500px;height:100vh;right:0;top:0;margin-right:-500px;transition:margin-right .5s ease-in-out;background-color:#fff}.chat-container.open{margin-right:0;z-index:501}\n"], dependencies: [{ kind: "component", type: SideNavComponent, selector: "ao-side-nav", inputs: ["items", "bottomItems", "activeItemId", "expanded"], outputs: ["activeItemIdChange", "itemClick", "itemChange", "bottomItemClick"] }, { kind: "component", type: TopNavComponent, selector: "ao-top-nav", inputs: ["items", "activeItemId", "showSearch", "showNotifications", "notificationCount", "searchPlaceholder", "showTools", "recommendedFilters", "activeFilter", "resultGroups", "pageSuggestion", "aiSuggestions", "searchLoading", "searchError"], outputs: ["activeItemIdChange", "activeFilterChange", "itemClick", "itemChange", "searchSubmit", "searchQueryChange", "searchResultSelect", "searchAiSuggestionSelect", "searchPageSuggestionSelect", "searchFilterSelect", "searchFilterClear", "searchViewAll", "notificationClick"] }, { kind: "component", type: SubTopNavComponent, selector: "ao-sub-top-nav", inputs: ["items", "activeItemId"], outputs: ["activeItemIdChange", "itemClick", "itemChange"] }, { kind: "component", type: LogoMenuComponent, selector: "ao-logo-menu", inputs: ["items", "selectedItem", "searchPlaceholder"], outputs: ["selectedItemChange", "selectionChange"] }, { kind: "component", type: IconComponent, selector: "ao-icon", inputs: ["svg", "size"] }, { kind: "component", type: ButtonComponent, selector: "button[ao-button], a[ao-button]", inputs: ["variant", "icon", "iconTrailing"] }, { kind: "component", type: ChatComponent, selector: "lib-chat", inputs: ["searchType"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: WorkspaceNavbarComponent, isStandalone: true, selector: "ao-workspace-navbar", inputs: { appId: { classPropertyName: "appId", publicName: "appId", isSignal: true, isRequired: true, transformFunction: null }, production: { classPropertyName: "production", publicName: "production", isSignal: true, isRequired: false, transformFunction: null }, topNavItems: { classPropertyName: "topNavItems", publicName: "topNavItems", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationCount: { classPropertyName: "notificationCount", publicName: "notificationCount", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, recommendedFilters: { classPropertyName: "recommendedFilters", publicName: "recommendedFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFilter: { classPropertyName: "activeFilter", publicName: "activeFilter", isSignal: true, isRequired: false, transformFunction: null }, resultGroups: { classPropertyName: "resultGroups", publicName: "resultGroups", isSignal: true, isRequired: false, transformFunction: null }, pageSuggestion: { classPropertyName: "pageSuggestion", publicName: "pageSuggestion", isSignal: true, isRequired: false, transformFunction: null }, aiSuggestions: { classPropertyName: "aiSuggestions", publicName: "aiSuggestions", isSignal: true, isRequired: false, transformFunction: null }, searchLoading: { classPropertyName: "searchLoading", publicName: "searchLoading", isSignal: true, isRequired: false, transformFunction: null }, searchError: { classPropertyName: "searchError", publicName: "searchError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeFilter: "activeFilterChange", topNavItemClick: "topNavItemClick", topNavItemChange: "topNavItemChange", subTopNavItemClick: "subTopNavItemClick", subTopNavItemChange: "subTopNavItemChange", appSwitched: "appSwitched", searchSubmit: "searchSubmit", searchQueryChange: "searchQueryChange", searchViewAll: "searchViewAll", searchResultSelect: "searchResultSelect", searchAiSuggestionSelect: "searchAiSuggestionSelect", searchPageSuggestionSelect: "searchPageSuggestionSelect", searchFilterSelect: "searchFilterSelect", searchFilterClear: "searchFilterClear", notificationClick: "notificationClick" }, host: { classAttribute: "ao-workspace-navbar" }, ngImport: i0, template: "<ao-side-nav\n  [items]=\"workspaceAppNavItems()\"\n  [bottomItems]=\"bottomNavItems()\"\n  [activeItemId]=\"activeWorkspaceAppId()\"\n  [expanded]=\"false\"\n  (itemClick)=\"onSideNavItemClick($event)\"\n>\n  <ao-logo-menu\n    aoSideNavLogo\n    [items]=\"companyMenuItems()\"\n    [selectedItem]=\"selectedCompanyId()\"\n    (selectionChange)=\"onCompanyChange($event)\"\n  >\n    @if (companyLogo()) {\n      <img [src]=\"companyLogo()\" alt=\"Logo\" class=\"workspace-navbar__logo\" />\n    } @else {\n      <svg\n        class=\"workspace-navbar__logo\"\n        width=\"96\"\n        height=\"120\"\n        viewBox=\"0 0 96 120\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-label=\"Logo\"\n        role=\"img\"\n      >\n        <path\n          d=\"M36.6592 37.5955L31.1625 31.4924C28.1349 28.1284 28.4073 22.9247 31.7689 19.8971C33.2769 18.5401 35.2266 17.7918 37.2633 17.7918C39.5929 17.7918 41.8195 18.7781 43.3664 20.4967C45.458 22.824 46.0484 26.0826 44.911 28.998C44.4465 30.1903 43.7234 31.2338 42.7623 32.0988L36.6592 37.5955ZM95.5987 76.4613L83.6854 63.2299L70.4585 75.1363L48.5725 50.8269L54.6802 45.3279C57.6779 42.6253 60.035 39.2156 61.4949 35.4696C65.0969 26.2497 63.2204 15.9497 56.6001 8.58568C46.9981 -2.06444 30.5149 -2.92488 19.8556 6.66801C9.20088 16.2655 8.3359 32.7464 17.9311 43.4057L23.4255 49.5065L14.1118 57.8957C13.5099 58.438 12.9287 58.9621 12.3817 59.4792L12.3703 59.4655L11.2742 60.4518C4.49141 66.5572 0.493621 74.9372 0.0153502 84.045C-0.00525137 84.4317 -0.000673098 84.8185 0.00390115 85.2029L0.0084674 85.7086L0.00160688 87.1494L17.7823 87.1503L17.7938 85.7224L17.7915 85.4134C17.7892 85.2716 17.7869 85.1297 17.7938 84.9809C18.0203 80.6216 19.938 76.61 23.1852 73.6855L35.341 62.7379L57.2271 87.0473L45.0712 97.995C42.1055 100.668 38.261 102.151 34.2449 102.174L32.817 102.183V120L34.2586 119.998C42.6547 119.977 50.7258 116.86 56.9868 111.226L69.1404 100.281L81.0446 113.503L94.276 101.592L82.3718 88.3677L95.5987 76.4613Z\"\n          fill=\"#FF004D\"\n        />\n      </svg>\n    }\n  </ao-logo-menu>\n</ao-side-nav>\n\n<div class=\"workspace-navbar__main\" [class.workspace-navbar__main--with-subnav]=\"hasSubTopNav()\">\n  <div\n    class=\"workspace-navbar__nav-wrapper\"\n    [class.workspace-navbar__nav-wrapper--hidden]=\"navHidden()\"\n  >\n    <ao-top-nav\n      [items]=\"topNavItems()\"\n      [activeItemId]=\"activeTopNavItemId()\"\n      [showSearch]=\"showSearch()\"\n      [showNotifications]=\"showNotifications()\"\n      [notificationCount]=\"notificationCount()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [recommendedFilters]=\"recommendedFilters()\"\n      [(activeFilter)]=\"activeFilter\"\n      [resultGroups]=\"resultGroups()\"\n      [pageSuggestion]=\"pageSuggestion()\"\n      [aiSuggestions]=\"aiSuggestions()\"\n      [searchLoading]=\"searchLoading()\"\n      [searchError]=\"searchError()\"\n      (itemClick)=\"onTopNavClick($event)\"\n      (itemChange)=\"onTopNavChange($event)\"\n      (searchSubmit)=\"searchSubmit.emit($event)\"\n      (searchQueryChange)=\"searchQueryChange.emit($event)\"\n      (searchViewAll)=\"searchViewAll.emit($event)\"\n      (searchResultSelect)=\"searchResultSelect.emit($event)\"\n      (searchAiSuggestionSelect)=\"searchAiSuggestionSelect.emit($event)\"\n      (searchPageSuggestionSelect)=\"searchPageSuggestionSelect.emit($event)\"\n      (searchFilterSelect)=\"searchFilterSelect.emit($event)\"\n      (searchFilterClear)=\"searchFilterClear.emit()\"\n      (notificationClick)=\"onNotificationClick()\"\n      [showTools]=\"showTools()\"\n    />\n\n    @if (hasSubTopNav()) {\n      <ao-sub-top-nav\n        [items]=\"activeSubTopNavItems()\"\n        [activeItemId]=\"activeSubTopNavItemId()\"\n        (itemClick)=\"onSubTopNavClick($event)\"\n        (itemChange)=\"onSubTopNavChange($event)\"\n      />\n    }\n  </div>\n\n  <main class=\"workspace-navbar__content\">\n    <ng-content />\n  </main>\n</div>\n\n@if (canShowChat()) {\n  <button ao-button class=\"handbook-chat\" variant=\"primary\" (click)=\"chatOpen.set(!chatOpen())\">\n    <ao-icon [svg]=\"chatIcon\" />\n  </button>\n\n  <div class=\"chat-container\" [class.open]=\"chatOpen()\">\n    <lib-chat [searchType]=\"activeFilter()?.type\" (closed)=\"chatOpen.set(false)\" />\n  </div>\n}\n", styles: [":host{display:block;min-height:100vh}.workspace-navbar__main{margin-left:70px;padding-top:50px;min-height:100vh}.workspace-navbar__main.workspace-navbar__main--with-subnav{padding-top:100px}.workspace-navbar__nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:3;transform:translateY(0);transition:transform .25s ease}.workspace-navbar__nav-wrapper--hidden{transform:translateY(-100%)}.workspace-navbar__content{padding:30px 0}.workspace-navbar__logo{max-width:32px;max-height:32px;object-fit:contain}.handbook-chat{position:fixed;right:1.5em;bottom:1.5em;z-index:100}.chat-container{position:fixed;width:500px;height:100vh;right:0;top:0;margin-right:-500px;transition:margin-right .5s ease-in-out;background-color:#fff}.chat-container.open{margin-right:0;z-index:501}\n"], dependencies: [{ kind: "component", type: SideNavComponent, selector: "ao-side-nav", inputs: ["items", "bottomItems", "activeItemId", "expanded"], outputs: ["activeItemIdChange", "itemClick", "itemChange", "bottomItemClick"] }, { kind: "component", type: TopNavComponent, selector: "ao-top-nav", inputs: ["items", "activeItemId", "showSearch", "showNotifications", "notificationCount", "searchPlaceholder", "showTools", "recommendedFilters", "activeFilter", "resultGroups", "pageSuggestion", "aiSuggestions", "searchLoading", "searchError"], outputs: ["activeItemIdChange", "activeFilterChange", "itemClick", "itemChange", "searchSubmit", "searchQueryChange", "searchResultSelect", "searchAiSuggestionSelect", "searchPageSuggestionSelect", "searchFilterSelect", "searchFilterClear", "searchViewAll", "notificationClick"] }, { kind: "component", type: SubTopNavComponent, selector: "ao-sub-top-nav", inputs: ["items", "activeItemId"], outputs: ["activeItemIdChange", "itemClick", "itemChange"] }, { kind: "component", type: LogoMenuComponent, selector: "ao-logo-menu", inputs: ["items", "selectedItem", "searchPlaceholder"], outputs: ["selectedItemChange", "selectionChange"] }, { kind: "component", type: IconComponent, selector: "ao-icon", inputs: ["svg", "size"] }, { kind: "component", type: ButtonComponent, selector: "button[ao-button], a[ao-button]", inputs: ["variant", "icon", "iconTrailing"] }, { kind: "component", type: ChatComponent, selector: "lib-chat", inputs: ["searchType"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WorkspaceNavbarComponent, decorators: [{
             type: Component,
@@ -7541,7 +7585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         ChatComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'ao-workspace-navbar',
-                    }, template: "<ao-side-nav\n  [items]=\"workspaceAppNavItems()\"\n  [bottomItems]=\"bottomNavItems()\"\n  [activeItemId]=\"activeWorkspaceAppId()\"\n  [expanded]=\"false\"\n  (itemClick)=\"onSideNavItemClick($event)\"\n>\n  <ao-logo-menu\n    aoSideNavLogo\n    [items]=\"companyMenuItems()\"\n    [selectedItem]=\"selectedCompanyId()\"\n    (selectionChange)=\"onCompanyChange($event)\"\n  >\n    @if (companyLogo()) {\n      <img [src]=\"companyLogo()\" alt=\"Logo\" class=\"workspace-navbar__logo\" />\n    } @else {\n      <svg\n        class=\"workspace-navbar__logo\"\n        width=\"96\"\n        height=\"120\"\n        viewBox=\"0 0 96 120\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-label=\"Logo\"\n        role=\"img\"\n      >\n        <path\n          d=\"M36.6592 37.5955L31.1625 31.4924C28.1349 28.1284 28.4073 22.9247 31.7689 19.8971C33.2769 18.5401 35.2266 17.7918 37.2633 17.7918C39.5929 17.7918 41.8195 18.7781 43.3664 20.4967C45.458 22.824 46.0484 26.0826 44.911 28.998C44.4465 30.1903 43.7234 31.2338 42.7623 32.0988L36.6592 37.5955ZM95.5987 76.4613L83.6854 63.2299L70.4585 75.1363L48.5725 50.8269L54.6802 45.3279C57.6779 42.6253 60.035 39.2156 61.4949 35.4696C65.0969 26.2497 63.2204 15.9497 56.6001 8.58568C46.9981 -2.06444 30.5149 -2.92488 19.8556 6.66801C9.20088 16.2655 8.3359 32.7464 17.9311 43.4057L23.4255 49.5065L14.1118 57.8957C13.5099 58.438 12.9287 58.9621 12.3817 59.4792L12.3703 59.4655L11.2742 60.4518C4.49141 66.5572 0.493621 74.9372 0.0153502 84.045C-0.00525137 84.4317 -0.000673098 84.8185 0.00390115 85.2029L0.0084674 85.7086L0.00160688 87.1494L17.7823 87.1503L17.7938 85.7224L17.7915 85.4134C17.7892 85.2716 17.7869 85.1297 17.7938 84.9809C18.0203 80.6216 19.938 76.61 23.1852 73.6855L35.341 62.7379L57.2271 87.0473L45.0712 97.995C42.1055 100.668 38.261 102.151 34.2449 102.174L32.817 102.183V120L34.2586 119.998C42.6547 119.977 50.7258 116.86 56.9868 111.226L69.1404 100.281L81.0446 113.503L94.276 101.592L82.3718 88.3677L95.5987 76.4613Z\"\n          fill=\"#FF004D\"\n        />\n      </svg>\n    }\n  </ao-logo-menu>\n</ao-side-nav>\n\n<div class=\"workspace-navbar__main\" [class.workspace-navbar__main--with-subnav]=\"hasSubTopNav()\">\n  <div\n    class=\"workspace-navbar__nav-wrapper\"\n    [class.workspace-navbar__nav-wrapper--hidden]=\"navHidden()\"\n  >\n    <ao-top-nav\n      [items]=\"topNavItems()\"\n      [activeItemId]=\"activeTopNavItemId()\"\n      [showSearch]=\"showSearch()\"\n      [showNotifications]=\"showNotifications()\"\n      [notificationCount]=\"notificationCount()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [recommendedFilters]=\"recommendedFilters()\"\n      [(activeFilter)]=\"activeFilter\"\n      [resultGroups]=\"resultGroups()\"\n      [pageSuggestion]=\"pageSuggestion()\"\n      [aiSuggestions]=\"aiSuggestions()\"\n      [searchLoading]=\"searchLoading()\"\n      [searchError]=\"searchError()\"\n      (itemClick)=\"onTopNavClick($event)\"\n      (itemChange)=\"onTopNavChange($event)\"\n      (searchSubmit)=\"searchSubmit.emit($event)\"\n      (searchQueryChange)=\"searchQueryChange.emit($event)\"\n      (searchViewAll)=\"searchViewAll.emit($event)\"\n      (searchResultSelect)=\"searchResultSelect.emit($event)\"\n      (searchAiSuggestionSelect)=\"searchAiSuggestionSelect.emit($event)\"\n      (searchPageSuggestionSelect)=\"searchPageSuggestionSelect.emit($event)\"\n      (searchFilterSelect)=\"searchFilterSelect.emit($event)\"\n      (searchFilterClear)=\"searchFilterClear.emit()\"\n      (notificationClick)=\"onNotificationClick()\"\n      [showTools]=\"showTools()\"\n    />\n\n    @if (hasSubTopNav()) {\n      <ao-sub-top-nav\n        [items]=\"activeSubTopNavItems()\"\n        [activeItemId]=\"activeSubTopNavItemId()\"\n        (itemClick)=\"onSubTopNavClick($event)\"\n        (itemChange)=\"onSubTopNavChange($event)\"\n      />\n    }\n  </div>\n\n  <main class=\"workspace-navbar__content\">\n    <ng-content />\n  </main>\n</div>\n\n<button ao-button class=\"handbook-chat\" variant=\"primary\" (click)=\"chatOpen.set(!chatOpen())\">\n  <ao-icon [svg]=\"chatIcon\" />\n</button>\n\n<div class=\"chat-container\" [class.open]=\"chatOpen()\">\n  <lib-chat [searchType]=\"activeFilter()?.type\" (closed)=\"chatOpen.set(false)\" />\n</div>\n", styles: [":host{display:block;min-height:100vh}.workspace-navbar__main{margin-left:70px;padding-top:50px;min-height:100vh}.workspace-navbar__main.workspace-navbar__main--with-subnav{padding-top:100px}.workspace-navbar__nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:3;transform:translateY(0);transition:transform .25s ease}.workspace-navbar__nav-wrapper--hidden{transform:translateY(-100%)}.workspace-navbar__content{padding:30px 0}.workspace-navbar__logo{max-width:32px;max-height:32px;object-fit:contain}.handbook-chat{position:fixed;right:1.5em;bottom:1.5em;z-index:100}.chat-container{position:fixed;width:500px;height:100vh;right:0;top:0;margin-right:-500px;transition:margin-right .5s ease-in-out;background-color:#fff}.chat-container.open{margin-right:0;z-index:501}\n"] }]
+                    }, template: "<ao-side-nav\n  [items]=\"workspaceAppNavItems()\"\n  [bottomItems]=\"bottomNavItems()\"\n  [activeItemId]=\"activeWorkspaceAppId()\"\n  [expanded]=\"false\"\n  (itemClick)=\"onSideNavItemClick($event)\"\n>\n  <ao-logo-menu\n    aoSideNavLogo\n    [items]=\"companyMenuItems()\"\n    [selectedItem]=\"selectedCompanyId()\"\n    (selectionChange)=\"onCompanyChange($event)\"\n  >\n    @if (companyLogo()) {\n      <img [src]=\"companyLogo()\" alt=\"Logo\" class=\"workspace-navbar__logo\" />\n    } @else {\n      <svg\n        class=\"workspace-navbar__logo\"\n        width=\"96\"\n        height=\"120\"\n        viewBox=\"0 0 96 120\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-label=\"Logo\"\n        role=\"img\"\n      >\n        <path\n          d=\"M36.6592 37.5955L31.1625 31.4924C28.1349 28.1284 28.4073 22.9247 31.7689 19.8971C33.2769 18.5401 35.2266 17.7918 37.2633 17.7918C39.5929 17.7918 41.8195 18.7781 43.3664 20.4967C45.458 22.824 46.0484 26.0826 44.911 28.998C44.4465 30.1903 43.7234 31.2338 42.7623 32.0988L36.6592 37.5955ZM95.5987 76.4613L83.6854 63.2299L70.4585 75.1363L48.5725 50.8269L54.6802 45.3279C57.6779 42.6253 60.035 39.2156 61.4949 35.4696C65.0969 26.2497 63.2204 15.9497 56.6001 8.58568C46.9981 -2.06444 30.5149 -2.92488 19.8556 6.66801C9.20088 16.2655 8.3359 32.7464 17.9311 43.4057L23.4255 49.5065L14.1118 57.8957C13.5099 58.438 12.9287 58.9621 12.3817 59.4792L12.3703 59.4655L11.2742 60.4518C4.49141 66.5572 0.493621 74.9372 0.0153502 84.045C-0.00525137 84.4317 -0.000673098 84.8185 0.00390115 85.2029L0.0084674 85.7086L0.00160688 87.1494L17.7823 87.1503L17.7938 85.7224L17.7915 85.4134C17.7892 85.2716 17.7869 85.1297 17.7938 84.9809C18.0203 80.6216 19.938 76.61 23.1852 73.6855L35.341 62.7379L57.2271 87.0473L45.0712 97.995C42.1055 100.668 38.261 102.151 34.2449 102.174L32.817 102.183V120L34.2586 119.998C42.6547 119.977 50.7258 116.86 56.9868 111.226L69.1404 100.281L81.0446 113.503L94.276 101.592L82.3718 88.3677L95.5987 76.4613Z\"\n          fill=\"#FF004D\"\n        />\n      </svg>\n    }\n  </ao-logo-menu>\n</ao-side-nav>\n\n<div class=\"workspace-navbar__main\" [class.workspace-navbar__main--with-subnav]=\"hasSubTopNav()\">\n  <div\n    class=\"workspace-navbar__nav-wrapper\"\n    [class.workspace-navbar__nav-wrapper--hidden]=\"navHidden()\"\n  >\n    <ao-top-nav\n      [items]=\"topNavItems()\"\n      [activeItemId]=\"activeTopNavItemId()\"\n      [showSearch]=\"showSearch()\"\n      [showNotifications]=\"showNotifications()\"\n      [notificationCount]=\"notificationCount()\"\n      [searchPlaceholder]=\"searchPlaceholder()\"\n      [recommendedFilters]=\"recommendedFilters()\"\n      [(activeFilter)]=\"activeFilter\"\n      [resultGroups]=\"resultGroups()\"\n      [pageSuggestion]=\"pageSuggestion()\"\n      [aiSuggestions]=\"aiSuggestions()\"\n      [searchLoading]=\"searchLoading()\"\n      [searchError]=\"searchError()\"\n      (itemClick)=\"onTopNavClick($event)\"\n      (itemChange)=\"onTopNavChange($event)\"\n      (searchSubmit)=\"searchSubmit.emit($event)\"\n      (searchQueryChange)=\"searchQueryChange.emit($event)\"\n      (searchViewAll)=\"searchViewAll.emit($event)\"\n      (searchResultSelect)=\"searchResultSelect.emit($event)\"\n      (searchAiSuggestionSelect)=\"searchAiSuggestionSelect.emit($event)\"\n      (searchPageSuggestionSelect)=\"searchPageSuggestionSelect.emit($event)\"\n      (searchFilterSelect)=\"searchFilterSelect.emit($event)\"\n      (searchFilterClear)=\"searchFilterClear.emit()\"\n      (notificationClick)=\"onNotificationClick()\"\n      [showTools]=\"showTools()\"\n    />\n\n    @if (hasSubTopNav()) {\n      <ao-sub-top-nav\n        [items]=\"activeSubTopNavItems()\"\n        [activeItemId]=\"activeSubTopNavItemId()\"\n        (itemClick)=\"onSubTopNavClick($event)\"\n        (itemChange)=\"onSubTopNavChange($event)\"\n      />\n    }\n  </div>\n\n  <main class=\"workspace-navbar__content\">\n    <ng-content />\n  </main>\n</div>\n\n@if (canShowChat()) {\n  <button ao-button class=\"handbook-chat\" variant=\"primary\" (click)=\"chatOpen.set(!chatOpen())\">\n    <ao-icon [svg]=\"chatIcon\" />\n  </button>\n\n  <div class=\"chat-container\" [class.open]=\"chatOpen()\">\n    <lib-chat [searchType]=\"activeFilter()?.type\" (closed)=\"chatOpen.set(false)\" />\n  </div>\n}\n", styles: [":host{display:block;min-height:100vh}.workspace-navbar__main{margin-left:70px;padding-top:50px;min-height:100vh}.workspace-navbar__main.workspace-navbar__main--with-subnav{padding-top:100px}.workspace-navbar__nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:3;transform:translateY(0);transition:transform .25s ease}.workspace-navbar__nav-wrapper--hidden{transform:translateY(-100%)}.workspace-navbar__content{padding:30px 0}.workspace-navbar__logo{max-width:32px;max-height:32px;object-fit:contain}.handbook-chat{position:fixed;right:1.5em;bottom:1.5em;z-index:100}.chat-container{position:fixed;width:500px;height:100vh;right:0;top:0;margin-right:-500px;transition:margin-right .5s ease-in-out;background-color:#fff}.chat-container.open{margin-right:0;z-index:501}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appId: [{ type: i0.Input, args: [{ isSignal: true, alias: "appId", required: true }] }], production: [{ type: i0.Input, args: [{ isSignal: true, alias: "production", required: false }] }], topNavItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "topNavItems", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], showNotifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotifications", required: false }] }], notificationCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationCount", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], recommendedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "recommendedFilters", required: false }] }], activeFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeFilter", required: false }] }, { type: i0.Output, args: ["activeFilterChange"] }], resultGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "resultGroups", required: false }] }], pageSuggestion: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSuggestion", required: false }] }], aiSuggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiSuggestions", required: false }] }], searchLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLoading", required: false }] }], searchError: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchError", required: false }] }], topNavItemClick: [{ type: i0.Output, args: ["topNavItemClick"] }], topNavItemChange: [{ type: i0.Output, args: ["topNavItemChange"] }], subTopNavItemClick: [{ type: i0.Output, args: ["subTopNavItemClick"] }], subTopNavItemChange: [{ type: i0.Output, args: ["subTopNavItemChange"] }], appSwitched: [{ type: i0.Output, args: ["appSwitched"] }], searchSubmit: [{ type: i0.Output, args: ["searchSubmit"] }], searchQueryChange: [{ type: i0.Output, args: ["searchQueryChange"] }], searchViewAll: [{ type: i0.Output, args: ["searchViewAll"] }], searchResultSelect: [{ type: i0.Output, args: ["searchResultSelect"] }], searchAiSuggestionSelect: [{ type: i0.Output, args: ["searchAiSuggestionSelect"] }], searchPageSuggestionSelect: [{ type: i0.Output, args: ["searchPageSuggestionSelect"] }], searchFilterSelect: [{ type: i0.Output, args: ["searchFilterSelect"] }], searchFilterClear: [{ type: i0.Output, args: ["searchFilterClear"] }], notificationClick: [{ type: i0.Output, args: ["notificationClick"] }] } });
 
 /**