@umbraco-cms/backoffice 17.0.2 → 17.1.0

package/dist-cms/packages/log-viewer/workspace/views/overview/components/log-viewer-message-templates-overview.element.js

@@ -8,33 +8,35 @@ import { UMB_APP_LOG_VIEWER_CONTEXT } from '../../../logviewer-workspace.context
 import { UmbTextStyles } from '../../../../../core/style/index.js';
 import { css, html, customElement, state, nothing } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { consumeContext } from '../../../../../../libs/context-api/index.js';
 let UmbLogViewerMessageTemplatesOverviewElement = class UmbLogViewerMessageTemplatesOverviewElement extends UmbLitElement {
-    #itemsPerPage;
-    #currentPage;
-    #logViewerContext;
     constructor() {
-        super();
+        super(...arguments);
         this.#itemsPerPage = 10;
         this.#currentPage = 1;
         this._total = 0;
         this._messageTemplates = [];
-        this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
-            this.#logViewerContext = instance;
-            this.#logViewerContext?.getMessageTemplates(0, this.#itemsPerPage);
-            this.#observeStuff();
-        });
+    }
+    #itemsPerPage;
+    #currentPage;
+    #logViewerContext;
+    set _logViewerContext(value) {
+        this.#logViewerContext = value;
+        this.#getMessageTemplates();
+        this.#observeStuff();
+    }
+    get _logViewerContext() {
+        return this.#logViewerContext;
     }
     #observeStuff() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.messageTemplates, (templates) => {
+        this.observe(this._logViewerContext?.messageTemplates, (templates) => {
             this._messageTemplates = templates?.items ?? [];
             this._total = templates?.total ?? 0;
         });
     }
     #getMessageTemplates() {
         const skip = this.#currentPage * this.#itemsPerPage - this.#itemsPerPage;
-        this.#logViewerContext?.getMessageTemplates(skip, this.#itemsPerPage);
+        this._logViewerContext?.getMessageTemplates(skip, this.#itemsPerPage);
     }
     #onChangePage(event) {
         this.#currentPage = event.target.current;
@@ -42,8 +44,8 @@ let UmbLogViewerMessageTemplatesOverviewElement = class UmbLogViewerMessageTempl
     }
     render() {
         return html `
-			<uui-box headline="Common Log Messages" id="saved-searches">
-				<p style="font-style: italic;">Total Unique Message types: ${this._total}</p>
+			<uui-box headline=${this.localize.term('logViewer_commonLogMessages')} id="saved-searches">
+				<p style="font-style: italic;">${this.localize.term('logViewer_totalUniqueMessageTypes', this._total)}</p>
 
 				<uui-table>
 					${this._messageTemplates
@@ -110,6 +112,9 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerMessageTemplatesOverviewElement.prototype, "_messageTemplates", void 0);
+__decorate([
+    consumeContext({ context: UMB_APP_LOG_VIEWER_CONTEXT })
+], UmbLogViewerMessageTemplatesOverviewElement.prototype, "_logViewerContext", null);
 UmbLogViewerMessageTemplatesOverviewElement = __decorate([
     customElement('umb-log-viewer-message-templates-overview')
 ], UmbLogViewerMessageTemplatesOverviewElement);

package/dist-cms/packages/log-viewer/workspace/views/overview/components/log-viewer-saved-searches-overview.element.d.ts

@@ -3,7 +3,8 @@ export declare class UmbLogViewerSavedSearchesOverviewElement extends UmbLitElem
     #private;
     private _savedSearches;
     private _total;
-    constructor();
+    private set _logViewerContext(value);
+    private get _logViewerContext();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/log-viewer/workspace/views/overview/components/log-viewer-saved-searches-overview.element.js

@@ -8,12 +8,10 @@ import { UMB_APP_LOG_VIEWER_CONTEXT } from '../../../logviewer-workspace.context
 import { UmbTextStyles } from '../../../../../core/style/index.js';
 import { css, html, customElement, state, nothing } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { consumeContext } from '../../../../../../libs/context-api/index.js';
 let UmbLogViewerSavedSearchesOverviewElement = class UmbLogViewerSavedSearchesOverviewElement extends UmbLitElement {
-    #itemsPerPage;
-    #currentPage;
-    #logViewerContext;
     constructor() {
-        super();
+        super(...arguments);
         this.#itemsPerPage = 999;
         this.#currentPage = 1;
         this._savedSearches = [];
@@ -28,23 +26,27 @@ let UmbLogViewerSavedSearchesOverviewElement = class UmbLogViewerSavedSearchesOv
 			</uui-menu-item>
 		</li>`;
         };
-        this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
-            this.#logViewerContext = instance;
-            this.#logViewerContext?.getSavedSearches({ skip: 0, take: this.#itemsPerPage });
-            this.#observeStuff();
-        });
+    }
+    #itemsPerPage;
+    #currentPage;
+    #logViewerContext;
+    set _logViewerContext(value) {
+        this.#logViewerContext = value;
+        this.#getSavedSearches();
+        this.#observeStuff();
+    }
+    get _logViewerContext() {
+        return this.#logViewerContext;
     }
     #observeStuff() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.savedSearches, (savedSearches) => {
+        this.observe(this._logViewerContext?.savedSearches, (savedSearches) => {
             this._savedSearches = savedSearches?.items ?? [];
             this._total = savedSearches?.total ?? 0;
         });
     }
     #getSavedSearches() {
         const skip = this.#currentPage * this.#itemsPerPage - this.#itemsPerPage;
-        this.#logViewerContext?.getSavedSearches({ skip, take: this.#itemsPerPage });
+        this._logViewerContext?.getSavedSearches({ skip, take: this.#itemsPerPage });
     }
     #onChangePage(event) {
         this.#currentPage = event.target.current;
@@ -52,9 +54,10 @@ let UmbLogViewerSavedSearchesOverviewElement = class UmbLogViewerSavedSearchesOv
     }
     #renderSearchItem;
     render() {
-        return html ` <uui-box id="saved-searches" headline="Saved searches">
+        return html ` <uui-box id="saved-searches" headline=${this.localize.term('logViewer_savedSearches')}>
 			<ul>
-				${this.#renderSearchItem({ name: 'All logs', query: '' })} ${this._savedSearches.map(this.#renderSearchItem)}
+				${this.#renderSearchItem({ name: this.localize.term('logViewer_allLogs'), query: '' })}
+				${this._savedSearches.map(this.#renderSearchItem)}
 			</ul>
 			${this._total > this.#itemsPerPage
             ? html `<uui-pagination
@@ -106,6 +109,9 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerSavedSearchesOverviewElement.prototype, "_total", void 0);
+__decorate([
+    consumeContext({ context: UMB_APP_LOG_VIEWER_CONTEXT })
+], UmbLogViewerSavedSearchesOverviewElement.prototype, "_logViewerContext", null);
 UmbLogViewerSavedSearchesOverviewElement = __decorate([
     customElement('umb-log-viewer-saved-searches-overview')
 ], UmbLogViewerSavedSearchesOverviewElement);

package/dist-cms/packages/log-viewer/workspace/views/overview/log-overview-view.element.d.ts

@@ -3,7 +3,8 @@ export declare class UmbLogViewerOverviewViewElement extends UmbLitElement {
     #private;
     private _errorCount?;
     private _canShowLogs;
-    constructor();
+    private set _logViewerContext(value);
+    private get _logViewerContext();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/log-viewer/workspace/views/overview/log-overview-view.element.js

@@ -7,30 +7,30 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_APP_LOG_VIEWER_CONTEXT } from '../../logviewer-workspace.context-token.js';
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { consumeContext } from '../../../../../libs/context-api/index.js';
 //TODO: add a disabled attribute to the show more button when the total number of items is correctly returned from the endpoint
 let UmbLogViewerOverviewViewElement = class UmbLogViewerOverviewViewElement extends UmbLitElement {
-    #logViewerContext;
     constructor() {
-        super();
+        super(...arguments);
         this._canShowLogs = false;
-        this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
-            this.#logViewerContext = instance;
-            this.#observeErrorCount();
-            this.#observeCanShowLogs();
-            this.#logViewerContext?.getLogLevels(0, 100);
-        });
+    }
+    #logViewerContext;
+    set _logViewerContext(value) {
+        this.#logViewerContext = value;
+        this.#observeErrorCount();
+        this.#observeCanShowLogs();
+        value?.getLogLevels(0, 100);
+    }
+    get _logViewerContext() {
+        return this.#logViewerContext;
     }
     #observeErrorCount() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.logCount, (logLevelCount) => {
-            this._errorCount = logLevelCount?.error;
+        this.observe(this._logViewerContext?.logCount, (logLevelCount) => {
+            this._errorCount = logLevelCount?.Error;
         });
     }
     #observeCanShowLogs() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.canShowLogs, (canShowLogs) => {
+        this.observe(this._logViewerContext?.canShowLogs, (canShowLogs) => {
             this._canShowLogs = canShowLogs ?? false;
         });
     }
@@ -38,13 +38,13 @@ let UmbLogViewerOverviewViewElement = class UmbLogViewerOverviewViewElement exte
         return html `
 			<div id="logviewer-layout">
 				<div id="info">
-					<uui-box id="time-period" headline="Time Period">
+					<uui-box id="time-period" headline=${this.localize.term('logViewer_timePeriod')}>
 						<umb-log-viewer-date-range-selector></umb-log-viewer-date-range-selector>
 					</uui-box>
 
-					<uui-box id="errors" headline="Number of Errors">
+					<uui-box id="errors" headline=${this.localize.term('logViewer_numberOfErrors')}>
 						<uui-button
-							label="Show error logs"
+							label=${this.localize.term('logViewer_showErrorLogs')}
 							href=${`section/settings/workspace/logviewer/view/search/?lq=${encodeURIComponent(`@Level='Fatal' or @Level='Error' or Has(@Exception)`)}`}>
 							<h2 id="error-count">
 								${this._errorCount === undefined ? html `<uui-loader></uui-loader>` : this._errorCount}
@@ -52,7 +52,7 @@ let UmbLogViewerOverviewViewElement = class UmbLogViewerOverviewViewElement exte
 						</uui-button>
 					</uui-box>
 
-					<uui-box id="level" headline="Log level">
+					<uui-box id="level" headline=${this.localize.term('logViewer_logLevels')}>
 						<h2 id="log-level"><umb-log-viewer-log-level-overview></umb-log-viewer-log-level-overview></h2>
 					</uui-box>
 
@@ -161,6 +161,11 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerOverviewViewElement.prototype, "_canShowLogs", void 0);
+__decorate([
+    consumeContext({
+        context: UMB_APP_LOG_VIEWER_CONTEXT,
+    })
+], UmbLogViewerOverviewViewElement.prototype, "_logViewerContext", null);
 UmbLogViewerOverviewViewElement = __decorate([
     customElement('umb-log-viewer-overview-view')
 ], UmbLogViewerOverviewViewElement);

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-log-level-filter-menu.element.d.ts

@@ -3,7 +3,8 @@ export declare class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement
     #private;
     private _logLevelSelectorCheckboxes;
     private _logLevelFilter;
-    constructor();
+    private set _logViewerContext(value);
+    private get _logViewerContext();
     setLogLevelDebounce: (this: any, ...args: any[]) => void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-log-level-filter-menu.element.js

@@ -10,27 +10,27 @@ import { debounce } from '../../../../../core/utils/index.js';
 import { LogLevelModel } from '../../../../../core/backend-api/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { path, query, toQueryString } from '../../../../../core/router/index.js';
+import { consumeContext } from '../../../../../../libs/context-api/index.js';
 let UmbLogViewerLogLevelFilterMenuElement = class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
-    #logViewerContext;
     constructor() {
-        super();
+        super(...arguments);
         this._logLevelFilter = [];
         this.setLogLevelDebounce = debounce(this.#setLogLevel, 300);
-        this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
-            this.#logViewerContext = instance;
-            this.#observeLogLevelFilter();
-        });
+    }
+    #logViewerContext;
+    set _logViewerContext(value) {
+        this.#logViewerContext = value;
+        this.#observeLogLevelFilter();
+    }
+    get _logViewerContext() {
+        return this.#logViewerContext;
     }
     #observeLogLevelFilter() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.logLevelsFilter, (levelsFilter) => {
+        this.observe(this._logViewerContext?.logLevelsFilter, (levelsFilter) => {
             this._logLevelFilter = levelsFilter ?? [];
         });
     }
     #setLogLevel() {
-        if (!this.#logViewerContext)
-            return;
         const logLevels = Array.from(this._logLevelSelectorCheckboxes)
             .filter((checkbox) => checkbox.checked)
             .map((checkbox) => checkbox.value);
@@ -64,21 +64,26 @@ let UmbLogViewerLogLevelFilterMenuElement = class UmbLogViewerLogLevelFilterMenu
 				<uui-button
 					class="log-level-menu-item"
 					@click=${this.#selectAllLogLevels}
-					label=${this.localize.term('general_selectAll')}></uui-button>
-				<uui-button class="log-level-menu-item" @click=${this.#deselectAllLogLevels} label="Deselect all"
-					>Deselect all</uui-button
-				>
+					label=${this.localize.term('logViewer_selectAllLogLevelFilters')}>
+					<umb-localize key="logViewer_selectAllLogLevelFilters">Select all</umb-localize>
+				</uui-button>
+				<uui-button
+					class="log-level-menu-item"
+					@click=${this.#deselectAllLogLevels}
+					label=${this.localize.term('logViewer_deselectAllLogLevelFilters')}>
+					<umb-localize key="logViewer_deselectAllLogLevelFilters">Deselect all</umb-localize>
+				</uui-button>
 			</div>
 		`;
     }
     render() {
         return html `
-			<umb-dropdown label="Select log levels">
+			<umb-dropdown label=${this.localize.term('logViewer_selectLogLevels')}>
 				<span slot="label">
-					Log Level:
+					<umb-localize key="logViewer_logLevels">Log Levels</umb-localize>:
 					${this._logLevelFilter.length > 0
             ? this._logLevelFilter.map((level) => html `<span class="log-level-button-indicator">${level}</span>`)
-            : 'All'}
+            : html `<umb-localize key="logViewer_all">All</umb-localize>`}
 				</span>
 				${this.#renderLogLevelSelector()}
 			</umb-dropdown>
@@ -112,6 +117,9 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerLogLevelFilterMenuElement.prototype, "_logLevelFilter", void 0);
+__decorate([
+    consumeContext({ context: UMB_APP_LOG_VIEWER_CONTEXT })
+], UmbLogViewerLogLevelFilterMenuElement.prototype, "_logViewerContext", null);
 UmbLogViewerLogLevelFilterMenuElement = __decorate([
     customElement('umb-log-viewer-log-level-filter-menu')
 ], UmbLogViewerLogLevelFilterMenuElement);

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-message.element.d.ts

@@ -14,7 +14,7 @@ export declare class UmbLogViewerMessageElement extends UmbLitElement {
     exception: string;
     willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    private _searchMenuData;
+    private _getSearchMenuData;
     private _propertiesWithSearchMenu;
     private _findLogsWithProperty;
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-message.element.js

@@ -19,60 +19,62 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
         this.properties = [];
         this.open = false;
         this.exception = '';
-        this._searchMenuData = [
+        this._propertiesWithSearchMenu = ['HttpRequestNumber', 'SourceContext', 'MachineName'];
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('timestamp')) {
+            this.date = new Date(this.timestamp);
+        }
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('open')) {
+            if (this.open) {
+                this.details.setAttribute('open', 'true');
+            }
+            else {
+                this.details.removeAttribute('open');
+            }
+        }
+    }
+    _getSearchMenuData() {
+        return [
             {
-                label: 'Search with Google',
-                title: '#logViewer_searchThisMessageWithGoogle',
+                label: this.localize.term('logViewer_searchWithGoogle'),
+                title: this.localize.term('logViewer_searchThisMessageWithGoogle'),
                 href: () => `https://www.google.com/search?q=${this.renderedMessage}`,
                 icon: 'icon-google',
             },
             {
-                label: 'Search with Bing',
-                title: 'Search this message with Microsoft Bing',
+                label: this.localize.term('logViewer_searchWithBing'),
+                title: this.localize.term('logViewer_searchThisMessageWithBing'),
                 href: () => `https://www.bing.com/search?q=${this.renderedMessage}`,
                 icon: 'icon-search',
             },
             {
-                label: 'Search in Umbraco Forum',
-                title: 'Search this message on the Umbraco forum',
+                label: this.localize.term('logViewer_searchOurUmbraco'),
+                title: this.localize.term('logViewer_searchThisMessageOnOurUmbracoForumsAndDocs'),
                 href: () => `https://forum.umbraco.com/search?q=${this.renderedMessage}`,
                 icon: 'icon-umbraco',
             },
             {
-                label: 'Search in Umbraco Forum with Google',
-                title: 'Search Umbraco Forum using Google',
+                label: this.localize.term('logViewer_searchOurUmbracoWithGoogle'),
+                title: this.localize.term('logViewer_searchOurUmbracoForumsUsingGoogle'),
                 href: () => `https://www.google.com/?q=site:forum.umbraco.com%20${this.renderedMessage}`,
                 icon: 'icon-google',
             },
             {
-                label: 'Search Umbraco source code',
-                title: 'Search the Umbraco source code on GitHub',
+                label: this.localize.term('logViewer_searchUmbracoSource'),
+                title: this.localize.term('logViewer_searchWithinUmbracoSourceCodeOnGithub'),
                 href: () => `https://github.com/umbraco/Umbraco-CMS/search?q=${this.properties.find((property) => property.name === 'SourceContext')?.value}`,
                 icon: 'icon-github',
             },
             {
-                label: 'Search Umbraco Issues',
-                title: 'Search Umbraco Issues on GitHub',
+                label: this.localize.term('logViewer_searchUmbracoIssues'),
+                title: this.localize.term('logViewer_searchUmbracoIssuesOnGithub'),
                 href: () => `https://github.com/umbraco/Umbraco-CMS/issues?q=${this.properties.find((property) => property.name === 'SourceContext')?.value}`,
                 icon: 'icon-github',
             },
         ];
-        this._propertiesWithSearchMenu = ['HttpRequestNumber', 'SourceContext', 'MachineName'];
-    }
-    willUpdate(changedProperties) {
-        if (changedProperties.has('timestamp')) {
-            this.date = new Date(this.timestamp);
-        }
-    }
-    updated(_changedProperties) {
-        if (_changedProperties.has('open')) {
-            if (this.open) {
-                this.details.setAttribute('open', 'true');
-            }
-            else {
-                this.details.removeAttribute('open');
-            }
-        }
     }
     _findLogsWithProperty({ name, value }) {
         if (!name)
@@ -106,7 +108,7 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
 				${this.exception ? html `<pre id="exception">${this.exception}</pre>` : ''}
 				<ul id="properties-list">
 					<li class="property">
-						<div class="property-name">Timestamp</div>
+						<div class="property-name"><umb-localize key="logViewer_timestamp">Timestamp</umb-localize></div>
 						<div class="property-value">${this.date?.toLocaleString()}</div>
 					</li>
 					<li class="property">
@@ -121,8 +123,8 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
             ? html `<uui-button
 												compact
 												look="secondary"
-												label="Find logs with ${property.name}"
-												title="Find logs with ${property.name}"
+												label=${this.localize.term('logViewer_findLogsWith', property.name ?? '')}
+												title=${this.localize.term('logViewer_findLogsWith', property.name ?? '')}
 												href=${`section/settings/workspace/logviewer/view/search/?${this._findLogsWithProperty(property)}`}>
 												<uui-icon name="icon-search"></uui-icon>
 											</uui-button>`
@@ -130,9 +132,15 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
 								</div>
 							</li>`)}
 				</ul>
-				<umb-dropdown look="secondary" placement="bottom-start" id="search-button" label="Search">
-					<span slot="label"><uui-icon name="icon-search"></uui-icon> Search</span>
-					${this._searchMenuData.map((menuItem) => html `
+				<umb-dropdown
+					look="secondary"
+					placement="bottom-start"
+					id="search-button"
+					label=${this.localize.term('general_search')}>
+					<span slot="label"
+						><uui-icon name="icon-search"></uui-icon> <umb-localize key="general_search">Search</umb-localize></span
+					>
+					${this._getSearchMenuData().map((menuItem) => html `
 							<uui-menu-item
 								class="search-item"
 								href=${menuItem.href()}

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.d.ts

@@ -6,7 +6,8 @@ export declare class UmbLogViewerMessagesListElement extends UmbLitElement {
     private _logs;
     private _logsTotal;
     private _isLoading;
-    constructor();
+    private set _logViewerContext(value);
+    private get _logViewerContext();
     private _renderPagination;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.js

@@ -8,44 +8,52 @@ import { UMB_APP_LOG_VIEWER_CONTEXT } from '../../../logviewer-workspace.context
 import { css, html, customElement, query, state } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { DirectionModel } from '../../../../../core/backend-api/index.js';
+import { consumeContext } from '../../../../../../libs/context-api/index.js';
+import { skip } from '../../../../../../external/rxjs/index.js';
 let UmbLogViewerMessagesListElement = class UmbLogViewerMessagesListElement extends UmbLitElement {
-    #logViewerContext;
     constructor() {
-        super();
+        super(...arguments);
         this._sortingDirection = DirectionModel.ASCENDING;
         this._logs = [];
         this._logsTotal = 0;
         this._isLoading = true;
-        this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
-            this.#logViewerContext = instance;
-            this.#observeLogs();
-        });
+    }
+    #logViewerContext;
+    set _logViewerContext(value) {
+        this.#logViewerContext = value;
+        this.#observeLogs();
+    }
+    get _logViewerContext() {
+        return this.#logViewerContext;
     }
     #observeLogs() {
-        if (!this.#logViewerContext)
-            return;
-        this.observe(this.#logViewerContext.logs, (logs) => {
+        this.observe(this._logViewerContext?.logs, (logs) => {
             this._logs = logs ?? [];
         });
-        this.observe(this.#logViewerContext.isLoadingLogs, (isLoading) => {
-            this._isLoading = isLoading === null ? this._isLoading : isLoading;
+        this.observe(this._logViewerContext?.isLoadingLogs, (isLoading) => {
+            this._isLoading = isLoading ?? this._isLoading;
         });
-        this.observe(this.#logViewerContext.logsTotal, (total) => {
+        this.observe(this._logViewerContext?.logsTotal, (total) => {
             this._logsTotal = total ?? 0;
         });
-        this.observe(this.#logViewerContext.sortingDirection, (direction) => {
-            this._sortingDirection = direction;
+        this.observe(this._logViewerContext?.sortingDirection, (direction) => {
+            this._sortingDirection = direction ?? this._sortingDirection;
+        });
+        // Observe filter expression changes to trigger search
+        // Only observes when this component is mounted (when logs are visible)
+        this.observe(this._logViewerContext?.filterExpression.pipe(skip(1)), () => {
+            this._logViewerContext?.getLogs();
         });
     }
     #sortLogs() {
-        this.#logViewerContext?.toggleSortOrder();
-        this.#logViewerContext?.setCurrentPage(1);
-        this.#logViewerContext?.getLogs();
+        this._logViewerContext?.toggleSortOrder();
+        this._logViewerContext?.setCurrentPage(1);
+        this._logViewerContext?.getLogs();
     }
     #onPageChange(event) {
         const current = event.target.current;
-        this.#logViewerContext?.setCurrentPage(current);
-        this.#logViewerContext?.getLogs();
+        this._logViewerContext?.setCurrentPage(current);
+        this._logViewerContext?.getLogs();
         this._logsScrollContainer.scrollTop = 0;
     }
     _renderPagination() {
@@ -75,7 +83,8 @@ let UmbLogViewerMessagesListElement = class UmbLogViewerMessagesListElement exte
 							.messageTemplate=${log.messageTemplate ?? ''}></umb-log-viewer-message>`)}`
             : html `
 					<span id="empty">
-						<uui-icon name="icon-search"></uui-icon>Sorry, we cannot find what you are looking for.
+						<uui-icon name="icon-search"></uui-icon
+						><umb-localize key="logViewer_noResults">Sorry, we cannot find what you are looking for.</umb-localize>
 					</span>
 				`}`;
     }
@@ -84,20 +93,25 @@ let UmbLogViewerMessagesListElement = class UmbLogViewerMessagesListElement exte
         return html `<uui-box>
 				<div id="header" slot="header">
 					<div id="timestamp">
-						Timestamp
-						<uui-button compact @click=${this.#sortLogs} label="Sort logs">
+						<umb-localize key="logViewer_timestamp">Timestamp</umb-localize>
+						<uui-button compact @click=${this.#sortLogs} label=${this.localize.term('logViewer_sortLogs')}>
 							<uui-symbol-sort
 								?descending=${this._sortingDirection === DirectionModel.DESCENDING}
 								active></uui-symbol-sort>
 						</uui-button>
 					</div>
-					<div id="level">Level</div>
-					<div id="machine">Machine name</div>
-					<div id="message">Message</div>
+					<div id="level"><umb-localize key="logViewer_level">Level</umb-localize></div>
+					<div id="machine"><umb-localize key="logViewer_machine">Machine name</umb-localize></div>
+					<div id="message"><umb-localize key="logViewer_message">Message</umb-localize></div>
 				</div>
 				<div id="main">
 					${this._isLoading
-            ? html ` <span id="empty"> <uui-loader-circle></uui-loader-circle>Loading log messages... </span> `
+            ? html `
+								<span id="empty">
+									<uui-loader-circle></uui-loader-circle
+									><umb-localize key="logViewer_loadingLogs">Loading log messages...</umb-localize>
+								</span>
+							`
             : html `${this.#renderLogs()}`}
 				</div>
 			</uui-box>
@@ -180,6 +194,9 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerMessagesListElement.prototype, "_isLoading", void 0);
+__decorate([
+    consumeContext({ context: UMB_APP_LOG_VIEWER_CONTEXT })
+], UmbLogViewerMessagesListElement.prototype, "_logViewerContext", null);
 UmbLogViewerMessagesListElement = __decorate([
     customElement('umb-log-viewer-messages-list')
 ], UmbLogViewerMessagesListElement);

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-polling-button.element.d.ts

@@ -3,7 +3,8 @@ export declare class UmbLogViewerPollingButtonElement extends UmbLitElement {
     #private;
     private _dropdownElement?;
     private _poolingConfig;
-    constructor();
+    private set _logViewerContext(value);
+    private get _logViewerContext();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }