diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/search/search-modal/search-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/search/search-modal/search-modal.element.ts index e8bcf9d581a1..e2bb21de6365 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/search/search-modal/search-modal.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/search/search-modal/search-modal.element.ts @@ -1,24 +1,25 @@ -import type { UmbSearchProvider, UmbSearchResultItemModel } from '../types.js'; +import { UMB_BACKOFFICE_CONTEXT } from '../../../../apps/backoffice/backoffice.context.js'; import type { ManifestSearchResultItem } from '../extensions/types.js'; import type { UmbGlobalSearchApi } from '../global-search/types.js'; +import type { UmbSearchProvider, UmbSearchResultItemModel } from '../types.js'; import { css, + customElement, html, nothing, - repeat, - customElement, + property, query, + repeat, state, - property, when, } from '@umbraco-cms/backoffice/external/lit'; -import { UmbExtensionsManifestInitializer, createExtensionApi } from '@umbraco-cms/backoffice/extension-api'; import { createExtensionApiByAlias, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry'; +import { UmbExtensionsManifestInitializer, createExtensionApi } from '@umbraco-cms/backoffice/extension-api'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; import { UmbTextStyles } from '@umbraco-cms/backoffice/style'; import type { UmbModalContext } from '@umbraco-cms/backoffice/modal'; + import '../search-result/search-result-item.element.js'; -import { UMB_BACKOFFICE_CONTEXT } from '../../../../apps/backoffice/backoffice.context.js'; type GlobalSearchers = { name: string; @@ -31,6 +32,7 @@ type GlobalSearchers = { export class UmbSearchModalElement extends UmbLitElement { @query('#input-wrapper-fake-cursor') private _inputFakeCursor!: HTMLElement; + @query('input') private _input!: HTMLInputElement; @@ -55,7 +57,9 @@ export class UmbSearchModalElement extends UmbLitElement { #searchItemNavIndex = 0; #searchRequestNumber = 0; + #inputTimer?: NodeJS.Timeout; + #inputTimerAmount = 300; #currentSectionAlias?: string; @@ -331,6 +335,7 @@ export class UmbSearchModalElement extends UmbLitElement { } override render() { + const inputLabel = this.localize.term('placeholders_search'); return html`
@@ -343,9 +348,11 @@ export class UmbSearchModalElement extends UmbLitElement {