@ah-oh/ao-workspaces-design-system 0.0.52 → 0.0.53

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

@@ -7026,6 +7026,7 @@ class ChatComponent {
     activeRequest = signal(false, ...(ngDevMode ? [{ debugName: "activeRequest" }] : /* istanbul ignore next */ []));
     showHistory = signal(false, ...(ngDevMode ? [{ debugName: "showHistory" }] : /* istanbul ignore next */ []));
     threads = signal(undefined, ...(ngDevMode ? [{ debugName: "threads" }] : /* istanbul ignore next */ []));
+    searchType;
     closed = new EventEmitter();
     chat = inject(RobinChatService);
     renderer = inject(A2uiRendererService);
@@ -7033,9 +7034,11 @@ class ChatComponent {
     authService = inject(WorkspaceNavbarService);
     destroyRef = inject(DestroyRef);
     product;
+    handbookType;
     currentThreadId;
     ngOnInit() {
         this.product = this.resolveProduct();
+        this.handbookType = this.product;
         this.dispatcher.responses$
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(response => this.handleResponse(response));
@@ -7120,6 +7123,8 @@ class ChatComponent {
             question: 'Bitte begrüße den User kurz und biete Hilfe an.',
             threadId: this.currentThreadId,
             product: this.product,
+            handbookType: this.handbookType,
+            type: this.searchType ?? null,
         })
             .then(response => this.handleResponse(response))
             .catch(() => this.handleError());
@@ -7128,7 +7133,13 @@ class ChatComponent {
         this.activeRequest.set(true);
         this.scrollDown();
         void this.chat
-            .sendMessage({ question, threadId: this.currentThreadId, product: this.product })
+            .sendMessage({
+            question,
+            threadId: this.currentThreadId,
+            product: this.product,
+            handbookType: this.handbookType,
+            type: this.searchType ?? null,
+        })
             .then(response => this.handleResponse(response))
             .catch(() => this.handleError());
     }
@@ -7216,7 +7227,7 @@ class ChatComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: ChatComponent, isStandalone: true, selector: "lib-chat", outputs: { closed: "closed" }, viewQueries: [{ propertyName: "historyElement", first: true, predicate: ["conversation"], descendants: true }, { propertyName: "textField", first: true, predicate: ["textField"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar\">\n  @if (showHistory()) {\n    <div class=\"chat-history\">\n      <div class=\"header\">\n        <h3>Verlauf</h3>\n      </div>\n      <div class=\"history-items\">\n        @if (threads() === undefined) {\n          <div class=\"history-empty\">L\u00E4dt\u2026</div>\n        } @else if (threads()!.length === 0) {\n          <div class=\"history-empty\">Noch keine Gespr\u00E4che.</div>\n        }\n        @for (item of threads(); track item.threadId) {\n          <div class=\"chat-history-item\" (click)=\"openThread(item.threadId)\">\n            <div class=\"preview\">{{ item.lastMessage }}</div>\n            <div class=\"footer\">\n              <div>{{ item.messageCount }} Nachrichten</div>\n              <div>{{ item.updatedAt | date: 'dd.MM.yyyy HH:mm' }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"chat\">\n    <div class=\"header\">\n      <button ao-button variant=\"outline\" (click)=\"toggleHistory()\">\n        <ao-icon [svg]=\"historyIcon\"></ao-icon>\n      </button>\n      <h2>Hilfecenter</h2>\n      <div class=\"flex\">\n        <button ao-button variant=\"outline\" (click)=\"newChat()\">\n          <ao-icon [svg]=\"addIcon\"></ao-icon>\n        </button>\n        <button ao-button variant=\"outline\" (click)=\"showHistory.set(false); closed.emit()\">\n          <ao-icon [svg]=\"closeIcon\"></ao-icon>\n        </button>\n      </div>\n    </div>\n    <div class=\"conversation-history\" #conversation>\n      @for (turn of turns(); track $index) {\n        <lib-chat-message\n          [parts]=\"turn.parts\"\n          [side]=\"turn.role === 'assistant' ? 'left' : 'right'\"\n        >\n        </lib-chat-message>\n      }\n      @if (activeRequest()) {\n        <lib-chat-message [showTyping]=\"true\" side=\"left\"></lib-chat-message>\n      }\n    </div>\n\n    <div class=\"input\">\n      <textarea\n        #textField\n        rows=\"1\"\n        class=\"textarea\"\n        [formControl]=\"inputControl\"\n        (keydown.enter)=\"send(); $event.stopPropagation(); $event.preventDefault()\"\n        (input)=\"setSize()\"\n      ></textarea>\n      <button ao-button variant=\"primary\" (click)=\"send()\" class=\"send-button\">\n        <ao-icon [svg]=\"sendIcon\"></ao-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sidebar{display:flex;flex-direction:row;height:100%;position:relative}.header{background-color:#fff;padding:4px;display:flex;height:50px;flex-direction:row;align-items:center}.header h2,.header h3{margin:0}.header h2{font-size:24px}.header h3{font-size:16px}.chat{display:flex;flex-direction:column;height:100%;width:500px;background-color:#f3f3f3;border-left:1px solid #e9e9e9}.chat .header{justify-content:space-between}.chat .header .flex{display:flex;align-items:center;gap:10px}.conversation-history{--a2ui-color-primary: #212121;--a2ui-color-on-primary: #ffffff;--a2ui-color-secondary: #e9e9e9;--a2ui-color-on-secondary: #212121;--a2ui-color-surface: #ffffff;--a2ui-color-on-background: #212121;--a2ui-color-input: #ffffff;--a2ui-color-on-input: #212121;--a2ui-color-border: #e9e9e9;--a2ui-color-error: #ff004d;--a2ui-text-color: #212121;--a2ui-text-color-text: #212121;--a2ui-text-caption-color: #909090;--a2ui-text-a-color: #ff004d;--a2ui-text-a-font-weight: 600;--a2ui-spacing-xs: 5px;--a2ui-spacing-s: 10px;--a2ui-spacing-m: 15px;--a2ui-spacing-l: 20px;--a2ui-spacing-xl: 25px;--a2ui-row-gap: 12px;--a2ui-column-gap: 12px;--a2ui-list-gap: 8px;--a2ui-list-padding: 0;--a2ui-font-family-title: inherit;--a2ui-font-size-2xl: 28px;--a2ui-font-size-xl: 22px;--a2ui-font-size-l: 18px;--a2ui-font-size-m: 15px;--a2ui-font-size-s: 13px;--a2ui-font-size-xs: 12px;--a2ui-line-height-headings: 1.3;--a2ui-line-height-body: 1.55;--a2ui-label-font-size: 13px;--a2ui-border-width: 1px;--a2ui-border-radius: 8px;--a2ui-card-background: #ffffff;--a2ui-card-border-radius: 12px;--a2ui-card-padding: 20px;--a2ui-card-margin: 0;--a2ui-card-border: none;--a2ui-card-box-shadow: 0 1px 3px rgb(0 0 0 / 6%);--a2ui-button-background: #ffffff;--a2ui-button-border: 1px solid #212121;--a2ui-button-border-radius: 999px;--a2ui-button-padding: 10px 22px;--a2ui-button-margin: 0;--a2ui-button-box-shadow: none;--a2ui-button-font-weight: 600;--a2ui-choicepicker-gap: 10px;--a2ui-choicepicker-padding: 0;--a2ui-choicepicker-checkbox-size: 18px;--a2ui-choicepicker-chip-background: #ffffff;--a2ui-choicepicker-chip-background-selected: #212121;--a2ui-choicepicker-chip-border: 1px solid #212121;--a2ui-choicepicker-chip-border-radius: 999px;--a2ui-choicepicker-chip-padding: 8px 16px;--a2ui-checkbox-background: #ffffff;--a2ui-checkbox-border: 1px solid #212121;--a2ui-checkbox-border-radius: 4px;--a2ui-checkbox-size: 18px;--a2ui-checkbox-gap: 10px;--a2ui-checkbox-label-font-weight: 500;--a2ui-checkbox-margin: 0;--a2ui-textfield-border: 1px solid #e9e9e9;--a2ui-textfield-border-radius: 8px;--a2ui-textfield-padding: 10px 14px;--a2ui-textfield-color-border-focus: #ff004d;--a2ui-textfield-color-error: #ff004d;--a2ui-textfield-label-font-weight: 500;--a2ui-textfield-label-font-size: 13px;--a2ui-divider-spacing: 10px;accent-color:#ff004d}.conversation-history ::ng-deep .a2ui-chip:not(.active){color:#212121}.conversation-history{display:flex;flex-direction:column;gap:16px;padding:20px;flex-grow:1;min-height:0;overflow-y:auto}.conversation-history markdown{display:block}.possible-questions{padding:0 20px 10px;display:flex;flex-wrap:wrap;gap:8px}.possible-questions .question-chip{cursor:pointer;transition:all .2s ease;background-color:#e9e9e9;padding:8px;border-radius:5px}.possible-questions .question-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.input{margin:0 10px 10px;position:relative}.input .textarea{font-family:inherit;z-index:10000;padding:10px 65px 10px 10px;width:100%;box-sizing:border-box;min-height:43px;resize:none}.input .send-button{position:absolute;right:10px;bottom:9px}.chat-history{background-color:#f3f3f3;border-left:1px solid #e9e9e9;width:300px;height:100vh;overflow:auto;position:fixed;right:500px;top:0}.chat-history .header{justify-content:center}.chat-history .history-items{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:auto}.chat-history .history-items .history-empty{padding:16px 8px;color:#909090;text-align:center;font-size:13px}.chat-history .history-items .chat-history-item{cursor:pointer;background-color:#fff;border-radius:4px;padding:8px}.chat-history .history-items .chat-history-item:hover{filter:brightness(.97)}.chat-history .history-items .chat-history-item .preview{font-size:13px;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-history .history-items .chat-history-item .footer{color:#909090;font-size:11px;display:flex;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ChatMessageComponent, selector: "lib-chat-message", inputs: ["parts", "side", "showTyping"] }, { 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: "pipe", type: DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: ChatComponent, isStandalone: true, selector: "lib-chat", inputs: { searchType: "searchType" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "historyElement", first: true, predicate: ["conversation"], descendants: true }, { propertyName: "textField", first: true, predicate: ["textField"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar\">\n  @if (showHistory()) {\n    <div class=\"chat-history\">\n      <div class=\"header\">\n        <h3>Verlauf</h3>\n      </div>\n      <div class=\"history-items\">\n        @if (threads() === undefined) {\n          <div class=\"history-empty\">L\u00E4dt\u2026</div>\n        } @else if (threads()!.length === 0) {\n          <div class=\"history-empty\">Noch keine Gespr\u00E4che.</div>\n        }\n        @for (item of threads(); track item.threadId) {\n          <div class=\"chat-history-item\" (click)=\"openThread(item.threadId)\">\n            <div class=\"preview\">{{ item.lastMessage }}</div>\n            <div class=\"footer\">\n              <div>{{ item.messageCount }} Nachrichten</div>\n              <div>{{ item.updatedAt | date: 'dd.MM.yyyy HH:mm' }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n  <div class=\"chat\">\n    <div class=\"header\">\n      <button ao-button variant=\"outline\" (click)=\"toggleHistory()\">\n        <ao-icon [svg]=\"historyIcon\"></ao-icon>\n      </button>\n      <h2>Hilfecenter</h2>\n      <div class=\"flex\">\n        <button ao-button variant=\"outline\" (click)=\"newChat()\">\n          <ao-icon [svg]=\"addIcon\"></ao-icon>\n        </button>\n        <button ao-button variant=\"outline\" (click)=\"showHistory.set(false); closed.emit()\">\n          <ao-icon [svg]=\"closeIcon\"></ao-icon>\n        </button>\n      </div>\n    </div>\n    <div class=\"conversation-history\" #conversation>\n      @for (turn of turns(); track $index) {\n        <lib-chat-message\n          [parts]=\"turn.parts\"\n          [side]=\"turn.role === 'assistant' ? 'left' : 'right'\"\n        >\n        </lib-chat-message>\n      }\n      @if (activeRequest()) {\n        <lib-chat-message [showTyping]=\"true\" side=\"left\"></lib-chat-message>\n      }\n    </div>\n\n    <div class=\"input\">\n      <textarea\n        #textField\n        rows=\"1\"\n        class=\"textarea\"\n        [formControl]=\"inputControl\"\n        (keydown.enter)=\"send(); $event.stopPropagation(); $event.preventDefault()\"\n        (input)=\"setSize()\"\n      ></textarea>\n      <button ao-button variant=\"primary\" (click)=\"send()\" class=\"send-button\">\n        <ao-icon [svg]=\"sendIcon\"></ao-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sidebar{display:flex;flex-direction:row;height:100%;position:relative}.header{background-color:#fff;padding:4px;display:flex;height:50px;flex-direction:row;align-items:center}.header h2,.header h3{margin:0}.header h2{font-size:24px}.header h3{font-size:16px}.chat{display:flex;flex-direction:column;height:100%;width:500px;background-color:#f3f3f3;border-left:1px solid #e9e9e9}.chat .header{justify-content:space-between}.chat .header .flex{display:flex;align-items:center;gap:10px}.conversation-history{--a2ui-color-primary: #212121;--a2ui-color-on-primary: #ffffff;--a2ui-color-secondary: #e9e9e9;--a2ui-color-on-secondary: #212121;--a2ui-color-surface: #ffffff;--a2ui-color-on-background: #212121;--a2ui-color-input: #ffffff;--a2ui-color-on-input: #212121;--a2ui-color-border: #e9e9e9;--a2ui-color-error: #ff004d;--a2ui-text-color: #212121;--a2ui-text-color-text: #212121;--a2ui-text-caption-color: #909090;--a2ui-text-a-color: #ff004d;--a2ui-text-a-font-weight: 600;--a2ui-spacing-xs: 5px;--a2ui-spacing-s: 10px;--a2ui-spacing-m: 15px;--a2ui-spacing-l: 20px;--a2ui-spacing-xl: 25px;--a2ui-row-gap: 12px;--a2ui-column-gap: 12px;--a2ui-list-gap: 8px;--a2ui-list-padding: 0;--a2ui-font-family-title: inherit;--a2ui-font-size-2xl: 28px;--a2ui-font-size-xl: 22px;--a2ui-font-size-l: 18px;--a2ui-font-size-m: 15px;--a2ui-font-size-s: 13px;--a2ui-font-size-xs: 12px;--a2ui-line-height-headings: 1.3;--a2ui-line-height-body: 1.55;--a2ui-label-font-size: 13px;--a2ui-border-width: 1px;--a2ui-border-radius: 8px;--a2ui-card-background: #ffffff;--a2ui-card-border-radius: 12px;--a2ui-card-padding: 20px;--a2ui-card-margin: 0;--a2ui-card-border: none;--a2ui-card-box-shadow: 0 1px 3px rgb(0 0 0 / 6%);--a2ui-button-background: #ffffff;--a2ui-button-border: 1px solid #212121;--a2ui-button-border-radius: 999px;--a2ui-button-padding: 10px 22px;--a2ui-button-margin: 0;--a2ui-button-box-shadow: none;--a2ui-button-font-weight: 600;--a2ui-choicepicker-gap: 10px;--a2ui-choicepicker-padding: 0;--a2ui-choicepicker-checkbox-size: 18px;--a2ui-choicepicker-chip-background: #ffffff;--a2ui-choicepicker-chip-background-selected: #212121;--a2ui-choicepicker-chip-border: 1px solid #212121;--a2ui-choicepicker-chip-border-radius: 999px;--a2ui-choicepicker-chip-padding: 8px 16px;--a2ui-checkbox-background: #ffffff;--a2ui-checkbox-border: 1px solid #212121;--a2ui-checkbox-border-radius: 4px;--a2ui-checkbox-size: 18px;--a2ui-checkbox-gap: 10px;--a2ui-checkbox-label-font-weight: 500;--a2ui-checkbox-margin: 0;--a2ui-textfield-border: 1px solid #e9e9e9;--a2ui-textfield-border-radius: 8px;--a2ui-textfield-padding: 10px 14px;--a2ui-textfield-color-border-focus: #ff004d;--a2ui-textfield-color-error: #ff004d;--a2ui-textfield-label-font-weight: 500;--a2ui-textfield-label-font-size: 13px;--a2ui-divider-spacing: 10px;accent-color:#ff004d}.conversation-history ::ng-deep .a2ui-chip:not(.active){color:#212121}.conversation-history{display:flex;flex-direction:column;gap:16px;padding:20px;flex-grow:1;min-height:0;overflow-y:auto}.conversation-history markdown{display:block}.possible-questions{padding:0 20px 10px;display:flex;flex-wrap:wrap;gap:8px}.possible-questions .question-chip{cursor:pointer;transition:all .2s ease;background-color:#e9e9e9;padding:8px;border-radius:5px}.possible-questions .question-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.input{margin:0 10px 10px;position:relative}.input .textarea{font-family:inherit;z-index:10000;padding:10px 65px 10px 10px;width:100%;box-sizing:border-box;min-height:43px;resize:none}.input .send-button{position:absolute;right:10px;bottom:9px}.chat-history{background-color:#f3f3f3;border-left:1px solid #e9e9e9;width:300px;height:100vh;overflow:auto;position:fixed;right:500px;top:0}.chat-history .header{justify-content:center}.chat-history .history-items{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:auto}.chat-history .history-items .history-empty{padding:16px 8px;color:#909090;text-align:center;font-size:13px}.chat-history .history-items .chat-history-item{cursor:pointer;background-color:#fff;border-radius:4px;padding:8px}.chat-history .history-items .chat-history-item:hover{filter:brightness(.97)}.chat-history .history-items .chat-history-item .preview{font-size:13px;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-history .history-items .chat-history-item .footer{color:#909090;font-size:11px;display:flex;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ChatMessageComponent, selector: "lib-chat-message", inputs: ["parts", "side", "showTyping"] }, { 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: "pipe", type: DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
@@ -7227,6 +7238,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             }], textField: [{
                 type: ViewChild,
                 args: ['textField']
+            }], searchType: [{
+                type: Input
             }], closed: [{
                 type: Output
             }] } });
@@ -7297,7 +7310,6 @@ class WorkspaceNavbarComponent {
     /** Desired order of product app ids in the nav (case-insensitive match). */
     productOrder = ['szales', 'sethub', 'ai', 'admin', 'component-manager'];
     workspaceAppNavItems = computed(() => {
-        const session = this.workspaceNavbarService.sessionSignal();
         const response = this.workspaceNavbarService.workspaceAppsResponseSignal();
         if (!response)
             return [];
@@ -7308,7 +7320,6 @@ class WorkspaceNavbarComponent {
             tooltip: app.name,
         });
         const productItems = response.products
-            .filter(app => (app.appId === 'ai' ? session?.role === AccessRole.SUPER_ADMIN : true))
             .map(mapApp)
             .sort((a, b) => {
             const indexA = this.productOrder.indexOf(a.id.toLowerCase());
@@ -7438,12 +7449,14 @@ class WorkspaceNavbarComponent {
         return url === route || url.startsWith(route + '/') || url.startsWith(route + '?');
     }
     getLogo(companyId) {
+        if (!companyId)
+            return;
         this.workspaceNavbarService.getCompanyLogo(companyId).subscribe(logo => {
             this.companyLogo.set(logo.url ?? null);
         });
     }
     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]=\"appId()\"\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 (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", 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]=\"appId()\"\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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WorkspaceNavbarComponent, decorators: [{
             type: Component,
@@ -7457,7 +7470,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]=\"appId()\"\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 (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]=\"appId()\"\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"] }]
         }], 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"] }] } });
 
 const AO_CATALOG_ID = 'ah-oh.com:robin-v1';