From 9de2a9e05d303b11a2d97bf365c324dad6331fce Mon Sep 17 00:00:00 2001 From: Ryan Wang Date: Tue, 5 Mar 2024 11:55:36 +0800 Subject: [PATCH] refactor: refine css var Signed-off-by: Ryan Wang --- .gitignore | 3 +- README.md | 116 +++--- build.gradle | 16 +- packages/search-widget/src/search-form.ts | 171 ++------ packages/search-widget/src/search-modal.ts | 127 +++--- .../src/styles/{reset.ts => base.ts} | 30 +- packages/search-widget/src/styles/var.ts | 73 ++++ .../resources/static/search-widget.iife.js | 394 +++++++----------- 8 files changed, 396 insertions(+), 534 deletions(-) rename packages/search-widget/src/styles/{reset.ts => base.ts} (79%) create mode 100644 packages/search-widget/src/styles/var.ts diff --git a/.gitignore b/.gitignore index 8fa29f0..6ffb8c7 100755 --- a/.gitignore +++ b/.gitignore @@ -72,4 +72,5 @@ application-local.properties /packages/*/node_modules/ node_modules -/workplace/ \ No newline at end of file +/workplace/ +/src/main/resources/static \ No newline at end of file diff --git a/README.md b/README.md index 0718aa1..8acc99a 100644 --- a/README.md +++ b/README.md @@ -62,49 +62,62 @@ halo: 其中，`pluginFinder.available('PluginSearchWidget')` 的作用是判断使用者是否安装和启用了此插件，如果没有安装或者没有启用，那么就不会显示搜索入口。 -### 适配配色 - -目前，此插件为了让主题更好的适配颜色，对外暴露了以下 CSS 变量： +### 自定义样式 + +虽然目前不能直接为搜索组件编写额外的样式，但可以通过一系列的 CSS 变量来自定义部分样式，开发者可以根据需求自行在主题中添加这些 CSS 变量，让搜索组件和主题更好地融合。 + +目前已提供的 CSS 变量： + +| 变量名 | 描述 | +| --------------------------------------------------- | ------------------ | +| `--halo-search-widget-base-font-size` | 基础字体大小 | +| `--halo-search-widget-base-border-radius` | 基础元素的圆角 | +| `--halo-search-widget-base-font-family` | 基础字体族 | +| `--halo-search-widget-color-modal-layer` | 模态层颜色 | +| `--halo-search-widget-color-modal-content-bg` | 模态内容背景颜色 | +| `--halo-search-widget-color-form-input-bg` | 表单输入背景颜色 | +| `--halo-search-widget-color-form-input` | 表单输入文字颜色 | +| `--halo-search-widget-color-form-input-placeholder` | 表单输入占位符颜色 | +| `--halo-search-widget-color-form-divider` | 表单分隔线颜色 | +| `--halo-search-widget-color-result-empty` | 无结果提示颜色 | +| `--halo-search-widget-color-result-item-bg` | 结果项背景颜色 | +| `--halo-search-widget-color-result-item-hover-bg` | 结果项悬停背景颜色 | +| `--halo-search-widget-color-result-item-title` | 结果项标题颜色 | +| `--halo-search-widget-color-result-item-content` | 结果项内容颜色 | +| `--halo-search-widget-color-command-kbd-item` | 命令键盘项颜色 | +| `--halo-search-widget-color-command-kbd-border` | 命令键盘边框颜色 | + +
+点击查看 CSS 代码模板 ```css ---halo-search-widget-color-modal-layer: ; /* 搜索弹框遮罩层颜色 */ ---halo-search-widget-color-modal-content-bg: ; /* 搜索弹框内容区域背景色 */ ---halo-search-widget-color-form-input: ; /* 搜索框输入框字体颜色 */ ---halo-search-widget-color-form-input-placeholder: ; /* 搜索框输入框占位符颜色 */ ---halo-search-widget-color-form-input-bg: ; /* 搜索框输入框背景色 */ ---halo-search-widget-color-form-divider: ; /* 搜索框分割线颜色 */ ---halo-search-widget-color-result-item-bg: ; /* 搜索结果项背景色 */ ---halo-search-widget-color-result-item-hover-bg: ; /* 搜索结果项鼠标悬浮背景色 */ ---halo-search-widget-color-result-item-title: ; /* 搜索结果项标题颜色 */ ---halo-search-widget-color-result-item-content: ; /* 搜索结果项内容颜色 */ ---halo-search-widget-color-command-kbd-item: ; /* 搜索结果项快捷键提示字体颜色 */ ---halo-search-widget-color-command-kbd-border: ; /* 搜索结果项快捷键提示边框颜色 */ ---halo-search-widget-color-result-empty: ; /* 搜索结果为空时的颜色 */ +:root { + --halo-search-widget-base-font-size: ; + --halo-search-widget-base-border-radius: ; + --halo-search-widget-base-font-family: ; + --halo-search-widget-color-modal-layer: ; + --halo-search-widget-color-modal-content-bg: ; + --halo-search-widget-color-form-input-bg: ; + --halo-search-widget-color-form-input: ; + --halo-search-widget-color-form-input-placeholder: ; + --halo-search-widget-color-form-divider: ; + --halo-search-widget-color-result-empty: ; + --halo-search-widget-color-result-item-bg: ; + --halo-search-widget-color-result-item-hover-bg: ; + --halo-search-widget-color-result-item-title: ; + --halo-search-widget-color-result-item-content: ; + --halo-search-widget-color-command-kbd-item: ; + --halo-search-widget-color-command-kbd-border: ; +} ``` -主题可以利用这些 CSS 变量来适配主题的配色，或者用于适配暗黑模式。 +
-适配主题配色示例： +### 配色切换方案 -```css -:root { - --halo-search-widget-color-modal-layer: rgb(107 114 128 / 0.75); - --halo-search-widget-color-modal-content-bg: #fff; - --halo-search-widget-color-form-input: #000; - --halo-search-widget-color-form-input-placeholder: #999; - --halo-search-widget-color-form-input-bg: #fff; - --halo-search-widget-color-form-divider: #eaeaea; - --halo-search-widget-color-result-item-bg: #fff; - --halo-search-widget-color-result-item-hover-bg: #f5f5f5; - --halo-search-widget-color-result-item-title: #000; - --halo-search-widget-color-result-item-content: #999; - --halo-search-widget-color-command-kbd-item: #fff; - --halo-search-widget-color-command-kbd-border: #fff; - --halo-search-widget-color-result-empty: #999; -} -``` +根据上面提供的 CSS 变量，也可以通过定义 CSS 变量的方式为搜索组件提供动态切换配色的功能。 -适配暗黑模式切换示例： +以下是实现示例，你可以根据需求自行修改选择器或者媒体查询。 ```css @media (prefers-color-scheme: dark) { @@ -154,34 +167,3 @@ halo: 1. `auto`：自动模式，根据系统的暗黑模式自动切换。 2. `dark`：强制暗黑模式。 3. `light`：强制明亮模式。 - -### 适配字体和字号 -为了更好的调整搜索框的大小和字体以适配主题，提供了以下 CSS 变量： -```css ---halo-search-widget-font-size-search-form-input:; /*输入框字体大小*/ ---halo-search-widget-line-height-search-form-input:; /*输入框行高*/ ---halo-search-widget-font-size-search-form-result-item-title:; /*搜索结果项标题字体大小*/ ---halo-search-widget-line-height-search-form-result-item-title:; /*搜索结果项标题行高*/ ---halo-search-widget-font-size-search-form-result-item-content:; /*搜索结果项内容字体大小*/ ---halo-search-widget-line-height-search-form-result-item-content:; /*搜索结果项内容行高*/ ---halo-search-widget-font-size-search-form-empty:; /*搜索结果为空时的字体大小*/ ---halo-search-widget-line-height-search-form-empty:; /*搜索结果为空时的行高*/ ---halo-search-widget-font-size-search-form-commands-item:; /*搜索框底部快捷键提示字体大小*/ ---halo-search-widget-line-height-search-commands-item:; /*搜索框底部快捷键提示行高*/ ---halo-search-widget-font-size-search-form-commands-item-kbd:; /*搜索框底部快捷键提示图标大小*/ ---halo-search-widget-min-width-search-commands-item-kbd:; /*搜索框底部快捷键提示图标 min-wight*/ ---halo-search-widget-font-family-search-form:; /*搜索框字体*/ -``` -适配主题字体示例： -```css -@font-face { - font-family: "custom-font2"; - font-weight: 400; - font-style: normal; - font-display: swap; - src: url("/upload/AlimamaDaoLiTi.woff2") format("woff2"); - } -html body { - --halo-search-widget-font-family-search-form: "custom-font2"; -} -``` \ No newline at end of file diff --git a/build.gradle b/build.gradle index 928c034..2ceae27 100644 --- a/build.gradle +++ b/build.gradle @@ -1,8 +1,8 @@ plugins { id 'java' id "io.freefair.lombok" version "8.0.1" - id "com.github.node-gradle.node" version "3.3.0" - id "run.halo.plugin.devtools" version "0.0.4" + id "com.github.node-gradle.node" version "5.0.0" + id "run.halo.plugin.devtools" version "0.0.7" } group 'run.halo.search.widget' @@ -31,17 +31,15 @@ node { nodeProjectDir = file("${project.projectDir}") } -task buildFrontend(type: NpxTask) { - command = 'pnpm' +task buildFrontend(type: PnpmTask) { args = ['build:packages'] } -task pnpmInstall(type: NpxTask) { - command = "pnpm" - args = ["install"] -} - build { // build frontend before build tasks.getByName('compileJava').dependsOn('buildFrontend') } + +halo { + version = "2.12.0" +} \ No newline at end of file diff --git a/packages/search-widget/src/search-form.ts b/packages/search-widget/src/search-form.ts index 97c63ad..68d3e87 100644 --- a/packages/search-widget/src/search-form.ts +++ b/packages/search-widget/src/search-form.ts @@ -6,7 +6,8 @@ import { debounce } from 'lodash-es'; import type { DebouncedFunc } from 'lodash-es'; import { unsafeHTML } from 'lit/directives/unsafe-html.js'; import { classMap } from 'lit/directives/class-map.js'; -import resetStyles from './styles/reset'; +import baseStyles from './styles/base'; +import varStyles from './styles/var'; @customElement('search-form') export class SearchForm extends LitElement { @@ -152,129 +153,13 @@ export class SearchForm extends LitElement { }; static override styles = [ - resetStyles, + varStyles, + baseStyles, css` - :host { - --color-form-input-bg: var( - --halo-search-widget-color-form-input-bg, - #fff - ); - --color-form-input: var(--halo-search-widget-color-form-input, #333); - --color-form-input-placeholder: var( - --halo-search-widget-color-form-input-placeholder, - rgb(107 114 128) - ); - --color-form-divider: var( - --halo-search-widget-color-form-divider, - rgb(243 244 246) - ); - --color-result-empty: var( - --halo-search-widget-color-result-empty, - rgb(107 114 128) - ); - --color-result-item-bg: var( - --halo-search-widget-color-result-item-bg, - rgb(249 250 251) - ); - --color-result-item-hover-bg: var( - --halo-search-widget-color-result-item-hover-bg, - rgb(243 244 246) - ); - --color-result-item-title: var( - --halo-search-widget-color-result-item-title, - #333 - ); - --color-result-item-content: var( - --halo-search-widget-color-result-item-content, - rgb(75, 85, 99) - ); - --color-command-kbd-item: var( - --halo-search-widget-color-command-kbd-item, - #333 - ); - --color-command-kbd-border: var( - --halo-search-widget-color-command-kbd-border, - #e5e7eb - ); - --font-size-search-form-input: var( - --halo-search-widget-font-size-search-form-input, - 1rem - ); - --line-height-search-form-input: var( - --halo-search-widget-line-height-search-form-input, - 1.5rem - ); - --font-size-search-form-result-item-title: var( - --halo-search-widget-font-size-search-form-result-item-title, - 0.875rem - ); - --line-height-search-form-result-item-title: var( - --halo-search-widget-line-height-search-form-result-item-title, - 1.25rem - ); - --font-size-search-form-result-item-content: var( - --halo-search-widget-font-size-search-form-result-item-content, - 0.75rem - ); - --line-height-search-form-result-item-content: var( - --halo-search-widget-line-height-search-form-result-item-content, - 1rem - ); - --font-size-search-form-empty: var( - --halo-search-widget-font-size-search-form-empty, - 0.875rem - ); - --line-height-search-form-empty: var( - --halo-search-widget-line-height-search-form-empty, - 1.25rem - ); - --font-size-search-form-loading: var( - --halo-search-widget-font-size-search-form-loading, - 0.875rem - ); - --line-height-search-form-loading: var( - --halo-search-widget-line-height-search-form-loading, - 1.25rem - ); - --font-size-search-form-commands-item: var( - --halo-search-widget-font-size-search-form-commands-item, - 0.75rem - ); - --line-height-search-form-commands-item: var( - --halo-search-widget-line-height-search-commands-item, - 1rem - ); - --font-size-search-form-commands-item-kbd: var( - --halo-search-widget-font-size-search-form-commands-item-kbd, - 10px - ); - --min-width-search-form-commands-item-kbd: var( - --halo-search-widget-min-width-search-commands-item-kbd, - 1.25rem - ); - --font-family-custom-sreach-form: var( - --halo-search-widget-font-family-search-form, - custom-font - ); - } - - :host * { - box-sizing: border-box; - border-width: 0; - border-style: solid; - border-color: #e5e7eb; - font-family: var(--font-family-custom-sreach-form), ui-sans-serif, - system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, - Helvetica Neue, Arial, Noto Sans, sans-serif, 'Apple Color Emoji', - 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji'; - font-feature-settings: normal; - font-variation-settings: normal; - } - .search-form__input { border-bottom-width: 1px; border-color: var(--color-form-divider); - padding: 0.625rem 1rem; + padding: 0.625em 1em; position: sticky; top: 0; background-color: var(--color-form-input-bg); @@ -282,12 +167,12 @@ export class SearchForm extends LitElement { .search-form__input input { width: 100%; - padding: 0.25rem 0px; + padding: 0.25em 0px; outline: 2px solid transparent; outline-offset: 2px; border: none; - font-size: var(--font-size-search-form-input); - line-height: var(--line-height-search-form-input); + font-size: 1em; + line-height: 1.5em; background-color: var(--color-form-input-bg); color: var(--color-form-input); } @@ -297,7 +182,7 @@ export class SearchForm extends LitElement { } .search-form__result { - padding: 0.625rem 0.5rem; + padding: 0.625em 0.5em; } .search-form__empty, @@ -305,8 +190,8 @@ export class SearchForm extends LitElement { display: flex; align-items: center; justify-content: center; - font-size: var(--font-size-search-form-empty); - line-height: var(--line-height-search-form-empty); + font-size: 0.875em; + line-height: 1.25em; color: var(--color-result-empty); } @@ -316,7 +201,7 @@ export class SearchForm extends LitElement { width: 100%; height: 100%; flex-direction: column; - gap: 0.25rem; + gap: 0.25em; list-style: none; margin: 0; padding: 0; @@ -329,10 +214,10 @@ export class SearchForm extends LitElement { .search-form__result-item { display: flex; flex-direction: column; - gap: 0.25rem; - border-radius: 0.375rem; + gap: 0.25em; + border-radius: 0.375em; background-color: var(--color-result-item-bg); - padding: 0.5rem 0.625rem; + padding: 0.5em 0.625em; } .search-form__result-item:hover, @@ -341,8 +226,8 @@ export class SearchForm extends LitElement { } .search-form__result-item-title { - font-size: var(--font-size-search-form-result-item-title); - line-height: var(--line-height-search-form-result-item-title); + font-size: 0.875em; + line-height: 1.25em; font-weight: 600; padding: 0; margin: 0; @@ -350,8 +235,8 @@ export class SearchForm extends LitElement { } .search-form__result-item-content { - font-size: var(--font-size-search-form-result-item-content); - line-height: var(--line-height-search-form-result-item-content); + font-size: 0.75em; + line-height: 1em; color: var(--color-result-item-content); padding: 0; margin: 0; @@ -364,7 +249,7 @@ export class SearchForm extends LitElement { .search-form__commands { border-top-width: 1px; border-color: var(--color-form-divider); - padding: 0.625rem 1rem; + padding: 0.625em 1em; display: flex; justify-content: flex-end; } @@ -372,25 +257,25 @@ export class SearchForm extends LitElement { .search-form__commands-item { display: inline-flex; align-items: center; - margin-left: 1.25rem; + margin-left: 1.25em; } .search-form__commands-item span { - font-size: var(--font-size-search-form-commands-item); - line-height: var(--line-height-search-form-commands-item); + font-size: 0.75em; + line-height: 1em; color: var(--color-command-kbd-item); } .search-form__commands-item kbd { color: var(--color-command-kbd-item); - font-size: var(--font-size-search-form-commands-item-kbd); + font-size: 10px; text-align: center; - padding: 0.125rem 0.3rem; + padding: 0.125em 0.3em; border-width: 1px; - border-radius: 0.25rem; + border-radius: 0.25em; border-color: var(--color-command-kbd-border); - min-width: var(--min-width-search-form-commands-item-kbd); - margin-left: 0.3rem; + min-width: 1.25em; + margin-left: 0.3em; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05); } `, diff --git a/packages/search-widget/src/search-modal.ts b/packages/search-widget/src/search-modal.ts index 335a675..fca8860 100644 --- a/packages/search-widget/src/search-modal.ts +++ b/packages/search-widget/src/search-modal.ts @@ -2,6 +2,8 @@ import { LitElement, css, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { styleMap } from 'lit/directives/style-map.js'; import './search-form'; +import varStyles from './styles/var'; +import baseStyles from './styles/base'; @customElement('search-modal') export class SearchModal extends LitElement { @@ -50,80 +52,73 @@ export class SearchModal extends LitElement { super.disconnectedCallback(); } - static override styles = css` - :host { - --color-modal-layer: var( - --halo-search-widget-color-modal-layer, - rgb(107 114 128 / 0.75) - ); - --color-modal-content-bg: var( - --halo-search-widget-color-modal-content-bg, - #fff - ); - } - - .modal__wrapper { - position: fixed; - left: 0px; - top: 0px; - display: flex; - height: 100%; - width: 100%; - flex-direction: row; - align-items: flex-start; - justify-content: center; - padding-top: 2.5rem; - padding-bottom: 2.5rem; - z-index: 999; - } - - .modal__layer { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; - flex: none; - background-color: var(--color-modal-layer); - animation: fadeIn 0.15s both; - } - - .modal__content { - position: relative; - display: flex; - flex-direction: column; - align-items: stretch; - border-radius: 5px; - background-color: var(--color-modal-content-bg); - width: calc(100vw - 20px); - max-height: calc(100vh - 5rem); - max-width: 650px; - overflow: auto; - animation: fadeInUp 0.3s both; - } + static override styles = [ + varStyles, + baseStyles, + css` + .modal__wrapper { + position: fixed; + left: 0px; + top: 0px; + display: flex; + height: 100%; + width: 100%; + flex-direction: row; + align-items: flex-start; + justify-content: center; + padding-top: 2.5em; + padding-bottom: 2.5em; + z-index: 999; + } - @keyframes fadeIn { - from { - opacity: 0; + .modal__layer { + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + flex: none; + background-color: var(--color-modal-layer); + animation: fadeIn 0.15s both; } - to { - opacity: 1; + .modal__content { + border-radius: var(--base-border-radius); + background-color: var(--color-modal-content-bg); + position: relative; + display: flex; + flex-direction: column; + align-items: stretch; + width: calc(100vw - 20px); + max-height: calc(100vh - 5em); + max-width: 650px; + overflow: auto; + animation: fadeInUp 0.3s both; } - } - @keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 10%, 0); + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } } - to { - opacity: 1; - transform: translate3d(0, 0, 0); + @keyframes fadeInUp { + from { + opacity: 0; + transform: translate3d(0, 10%, 0); + } + + to { + opacity: 1; + transform: translate3d(0, 0, 0); + } } - } - `; + `, + ]; } declare global { diff --git a/packages/search-widget/src/styles/reset.ts b/packages/search-widget/src/styles/base.ts similarity index 79% rename from packages/search-widget/src/styles/reset.ts rename to packages/search-widget/src/styles/base.ts index 6e37eec..e34771f 100644 --- a/packages/search-widget/src/styles/reset.ts +++ b/packages/search-widget/src/styles/base.ts @@ -1,6 +1,6 @@ import { css } from 'lit'; -const resetStyles = css` +const baseStyles = css` *, ::before, ::after { @@ -11,13 +11,27 @@ const resetStyles = css` } :host { - line-height: 1.5; + font-size: var(--halo-search-widget-base-font-size, 1rem); + font-family: var( + --base-font-family, + ui-sans-serif, + system-ui, + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Roboto, + Helvetica Neue, + Arial, + Noto Sans, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + Segoe UI Symbol, + 'Noto Color Emoji' + ); -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, - Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, - 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji'; font-feature-settings: normal; font-variation-settings: normal; } @@ -28,10 +42,6 @@ const resetStyles = css` border-top-width: 1px; } - abbr:where([title]) { - text-decoration: underline dotted; - } - h1, h2, h3, @@ -149,4 +159,4 @@ const resetStyles = css` } `; -export default resetStyles; +export default baseStyles; diff --git a/packages/search-widget/src/styles/var.ts b/packages/search-widget/src/styles/var.ts new file mode 100644 index 0000000..c271186 --- /dev/null +++ b/packages/search-widget/src/styles/var.ts @@ -0,0 +1,73 @@ +import { css } from 'lit'; + +const varStyles = css` + :host { + --base-font-size: var(--halo-search-widget-base-font-size, 1rem); + --base-border-radius: var(--halo-search-widget-base-border-radius, 0.4em); + --base-font-family: var( + --halo-search-widget-base-font-family, + ui-sans-serif, + system-ui, + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Roboto, + Helvetica Neue, + Arial, + Noto Sans, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + Segoe UI Symbol, + 'Noto Color Emoji' + ); + --color-modal-layer: var( + --halo-search-widget-color-modal-layer, + rgb(107 114 128 / 0.75) + ); + --color-modal-content-bg: var( + --halo-search-widget-color-modal-content-bg, + #fff + ); + --color-form-input-bg: var(--halo-search-widget-color-form-input-bg, #fff); + --color-form-input: var(--halo-search-widget-color-form-input, #333); + --color-form-input-placeholder: var( + --halo-search-widget-color-form-input-placeholder, + rgb(107 114 128) + ); + --color-form-divider: var( + --halo-search-widget-color-form-divider, + rgb(243 244 246) + ); + --color-result-empty: var( + --halo-search-widget-color-result-empty, + rgb(107 114 128) + ); + --color-result-item-bg: var( + --halo-search-widget-color-result-item-bg, + rgb(249 250 251) + ); + --color-result-item-hover-bg: var( + --halo-search-widget-color-result-item-hover-bg, + rgb(243 244 246) + ); + --color-result-item-title: var( + --halo-search-widget-color-result-item-title, + #333 + ); + --color-result-item-content: var( + --halo-search-widget-color-result-item-content, + rgb(75, 85, 99) + ); + --color-command-kbd-item: var( + --halo-search-widget-color-command-kbd-item, + #333 + ); + --color-command-kbd-border: var( + --halo-search-widget-color-command-kbd-border, + #e5e7eb + ); + } +`; + +export default varStyles; diff --git a/src/main/resources/static/search-widget.iife.js b/src/main/resources/static/search-widget.iife.js index 9989707..5746122 100644 --- a/src/main/resources/static/search-widget.iife.js +++ b/src/main/resources/static/search-widget.iife.js @@ -1,58 +1,58 @@ -var SearchWidget=function(g){var Ht;"use strict";/** +var SearchWidget=function(g){var Dt;"use strict";/** * @license * Copyright 2019 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const D=globalThis,X=D.ShadowRoot&&(D.ShadyCSS===void 0||D.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Y=Symbol(),mt=new WeakMap;let ft=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(X&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=mt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&mt.set(e,t))}return t}toString(){return this.cssText}};const Wt=i=>new ft(typeof i=="string"?i:i+"",void 0,Y),tt=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((r,s,o)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+i[o+1],i[0]);return new ft(e,i,Y)},Gt=(i,t)=>{if(X)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),s=D.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,i.appendChild(r)}},pt=X?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return Wt(e)})(i):i;/** + */const D=globalThis,Y=D.ShadowRoot&&(D.ShadyCSS===void 0||D.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,tt=Symbol(),pt=new WeakMap;let ft=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==tt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Y&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=pt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&pt.set(e,t))}return t}toString(){return this.cssText}};const Vt=i=>new ft(typeof i=="string"?i:i+"",void 0,tt),B=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[o+1],i[0]);return new ft(e,i,tt)},Kt=(i,t)=>{if(Y)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=D.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},mt=Y?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Vt(e)})(i):i;/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const{is:Vt,defineProperty:Kt,getOwnPropertyDescriptor:Ft,getOwnPropertyNames:qt,getOwnPropertySymbols:Jt,getPrototypeOf:Zt}=Object,_=globalThis,gt=_.trustedTypes,Qt=gt?gt.emptyScript:"",et=_.reactiveElementPolyfillSupport,P=(i,t)=>i,B={toAttribute(i,t){switch(t){case Boolean:i=i?Qt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},it=(i,t)=>!Vt(i,t),$t={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:it};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),_.litPropertyMetadata??(_.litPropertyMetadata=new WeakMap);class x extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=$t){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&Kt(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){const{get:s,set:o}=Ft(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return s==null?void 0:s.call(this)},set(n){const a=s==null?void 0:s.call(this);o.call(this,n),this.requestUpdate(t,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$t}static _$Ei(){if(this.hasOwnProperty(P("elementProperties")))return;const t=Zt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(P("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P("properties"))){const e=this.properties,r=[...qt(e),...Jt(e)];for(const s of r)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const s of r)e.unshift(pt(s))}else t!==void 0&&e.push(pt(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$Eg=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$ES??(this._$ES=[])).push(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$ES)==null||e.splice(this._$ES.indexOf(t)>>>0,1)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Gt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)==null||t.forEach(e=>{var r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e){var o;const r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){const n=(((o=r.converter)==null?void 0:o.toAttribute)!==void 0?r.converter:B).toAttribute(e,r.type);this._$Em=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$Em=null}}_$AK(t,e){var o;const r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const n=r.getPropertyOptions(s),a=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:B;this._$Em=s,this[s]=a.fromAttribute(e,n.type),this._$Em=null}}requestUpdate(t,e,r,s=!1,o){if(t!==void 0){if(r??(r=this.constructor.getPropertyOptions(t)),!(r.hasChanged??it)(s?o:this[t],e))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[o,n]of s)n.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.C(o,this[o],n)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$ES)==null||r.forEach(s=>{var o;return(o=s.hostUpdate)==null?void 0:o.call(s)}),this.update(e)):this._$ET()}catch(s){throw t=!1,this._$ET(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)==null||e.forEach(r=>{var s;return(s=r.hostUpdated)==null?void 0:s.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}}x.elementStyles=[],x.shadowRootOptions={mode:"open"},x[P("elementProperties")]=new Map,x[P("finalized")]=new Map,et==null||et({ReactiveElement:x}),(_.reactiveElementVersions??(_.reactiveElementVersions=[])).push("2.0.0");/** + */const{is:qt,defineProperty:Ft,getOwnPropertyDescriptor:Jt,getOwnPropertyNames:Zt,getOwnPropertySymbols:Qt,getPrototypeOf:Xt}=Object,_=globalThis,gt=_.trustedTypes,Yt=gt?gt.emptyScript:"",et=_.reactiveElementPolyfillSupport,P=(i,t)=>i,W={toAttribute(i,t){switch(t){case Boolean:i=i?Yt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},it=(i,t)=>!qt(i,t),$t={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:it};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),_.litPropertyMetadata??(_.litPropertyMetadata=new WeakMap);class x extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=$t){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Ft(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:o}=Jt(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return r==null?void 0:r.call(this)},set(n){const a=r==null?void 0:r.call(this);o.call(this,n),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$t}static _$Ei(){if(this.hasOwnProperty(P("elementProperties")))return;const t=Xt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(P("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P("properties"))){const e=this.properties,s=[...Zt(e),...Qt(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(mt(r))}else t!==void 0&&e.push(mt(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$Eg=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$ES??(this._$ES=[])).push(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$ES)==null||e.splice(this._$ES.indexOf(t)>>>0,1)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Kt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e){var o;const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const n=(((o=s.converter)==null?void 0:o.toAttribute)!==void 0?s.converter:W).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,e){var o;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const n=s.getPropertyOptions(r),a=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:W;this._$Em=r,this[r]=a.fromAttribute(e,n.type),this._$Em=null}}requestUpdate(t,e,s,r=!1,o){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??it)(r?o:this[t],e))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[o,n]of r)n.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.C(o,this[o],n)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$ES)==null||s.forEach(r=>{var o;return(o=r.hostUpdate)==null?void 0:o.call(r)}),this.update(e)):this._$ET()}catch(r){throw t=!1,this._$ET(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)==null||e.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}}x.elementStyles=[],x.shadowRootOptions={mode:"open"},x[P("elementProperties")]=new Map,x[P("finalized")]=new Map,et==null||et({ReactiveElement:x}),(_.reactiveElementVersions??(_.reactiveElementVersions=[])).push("2.0.0");/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const U=globalThis,W=U.trustedTypes,_t=W?W.createPolicy("lit-html",{createHTML:i=>i}):void 0,vt="$lit$",v=`lit$${(Math.random()+"").slice(9)}$`,bt="?"+v,Xt=`<${bt}>`,y=document,O=()=>y.createComment(""),j=i=>i===null||typeof i!="object"&&typeof i!="function",yt=Array.isArray,Yt=i=>yt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",rt=`[ -\f\r]`,M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,At=/-->/g,wt=/>/g,A=RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ -\f\r"'\`<>=]|("|')|))|$)`,"g"),St=/'/g,Et=/"/g,xt=/^(?:script|style|textarea|title)$/i,te=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),w=te(1),$=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Tt=new WeakMap,S=y.createTreeWalker(y,129);function kt(i,t){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return _t!==void 0?_t.createHTML(t):t}const ee=(i,t)=>{const e=i.length-1,r=[];let s,o=t===2?"":"",n=M;for(let a=0;a"?(n=s??M,h=-1):u[1]===void 0?h=-2:(h=n.lastIndex-u[2].length,c=u[1],n=u[3]===void 0?A:u[3]==='"'?Et:St):n===Et||n===St?n=A:n===At||n===wt?n=M:(n=A,s=void 0);const p=n===A&&i[a+1].startsWith("/>")?" ":"";o+=n===M?l+Xt:h>=0?(r.push(c),l.slice(0,h)+vt+l.slice(h)+v+p):l+v+(h===-2?a:p)}return[kt(i,o+(i[e]||"")+(t===2?"":"")),r]};class z{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let o=0,n=0;const a=t.length-1,l=this.parts,[c,u]=ee(t,e);if(this.el=z.createElement(c,r),S.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=S.nextNode())!==null&&l.length0){s.textContent=W?W.emptyScript:"";for(let p=0;p2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,s){const o=this.strings;let n=!1;if(o===void 0)t=T(this,t,e,0),n=!j(t)||t!==this._$AH&&t!==$,n&&(this._$AH=t);else{const a=t;let l,c;for(t=o[0],l=0;l{const r=(e==null?void 0:e.renderBefore)??t;let s=r._$litPart$;if(s===void 0){const o=(e==null?void 0:e.renderBefore)??null;r._$litPart$=s=new N(t.insertBefore(O(),o),o,void 0,e??{})}return s._$AI(i),s};/** + */const U=globalThis,G=U.trustedTypes,_t=G?G.createPolicy("lit-html",{createHTML:i=>i}):void 0,bt="$lit$",b=`lit$${(Math.random()+"").slice(9)}$`,vt="?"+b,te=`<${vt}>`,y=document,O=()=>y.createComment(""),M=i=>i===null||typeof i!="object"&&typeof i!="function",yt=Array.isArray,ee=i=>yt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",st=`[ +\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,At=/-->/g,wt=/>/g,A=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`,"g"),St=/'/g,Et=/"/g,xt=/^(?:script|style|textarea|title)$/i,ie=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),w=ie(1),$=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Tt=new WeakMap,S=y.createTreeWalker(y,129);function Ct(i,t){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return _t!==void 0?_t.createHTML(t):t}const se=(i,t)=>{const e=i.length-1,s=[];let r,o=t===2?"":"",n=j;for(let a=0;a"?(n=r??j,c=-1):u[1]===void 0?c=-2:(c=n.lastIndex-u[2].length,h=u[1],n=u[3]===void 0?A:u[3]==='"'?Et:St):n===Et||n===St?n=A:n===At||n===wt?n=j:(n=A,r=void 0);const m=n===A&&i[a+1].startsWith("/>")?" ":"";o+=n===j?l+te:c>=0?(s.push(h),l.slice(0,c)+bt+l.slice(c)+b+m):l+b+(c===-2?a:m)}return[Ct(i,o+(i[e]||"")+(t===2?"":"")),s]};class N{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let o=0,n=0;const a=t.length-1,l=this.parts,[h,u]=se(t,e);if(this.el=N.createElement(h,s),S.currentNode=this.el.content,e===2){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(r=S.nextNode())!==null&&l.length0){r.textContent=G?G.emptyScript:"";for(let m=0;m2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,r){const o=this.strings;let n=!1;if(o===void 0)t=T(this,t,e,0),n=!M(t)||t!==this._$AH&&t!==$,n&&(this._$AH=t);else{const a=t;let l,h;for(t=o[0],l=0;l{const s=(e==null?void 0:e.renderBefore)??t;let r=s._$litPart$;if(r===void 0){const o=(e==null?void 0:e.renderBefore)??null;s._$litPart$=r=new I(t.insertBefore(O(),o),o,void 0,e??{})}return r._$AI(i),r};/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */let k=class extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ae(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return $}};k._$litElement$=!0,k.finalized=!0,(Ht=globalThis.litElementHydrateSupport)==null||Ht.call(globalThis,{LitElement:k});const ot=globalThis.litElementPolyfillSupport;ot==null||ot({LitElement:k}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.0");/** + */let C=class extends x{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ce(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return $}};C._$litElement$=!0,C.finalized=!0,(Dt=globalThis.litElementHydrateSupport)==null||Dt.call(globalThis,{LitElement:C});const ot=globalThis.litElementPolyfillSupport;ot==null||ot({LitElement:C}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.0");/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const Ct=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};/** + */const kt=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const le={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:it},he=(i=le,t,e)=>{const{kind:r,metadata:s}=e;let o=globalThis.litPropertyMetadata.get(s);if(o===void 0&&globalThis.litPropertyMetadata.set(s,o=new Map),o.set(e.name,i),r==="accessor"){const{name:n}=e;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(n,l,i)},init(a){return a!==void 0&&this.C(n,void 0,i),a}}}if(r==="setter"){const{name:n}=e;return function(a){const l=this[n];t.call(this,a),this.requestUpdate(n,l,i)}}throw Error("Unsupported decorator location: "+r)};function V(i){return(t,e)=>typeof e=="object"?he(i,t,e):((r,s,o)=>{const n=s.hasOwnProperty(o);return s.constructor.createProperty(o,n?{...r,wrapped:!0}:r),n?Object.getOwnPropertyDescriptor(s,o):void 0})(i,t,e)}/** + */const he={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:it},de=(i=he,t,e)=>{const{kind:s,metadata:r}=e;let o=globalThis.litPropertyMetadata.get(r);if(o===void 0&&globalThis.litPropertyMetadata.set(r,o=new Map),o.set(e.name,i),s==="accessor"){const{name:n}=e;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(n,l,i)},init(a){return a!==void 0&&this.C(n,void 0,i),a}}}if(s==="setter"){const{name:n}=e;return function(a){const l=this[n];t.call(this,a),this.requestUpdate(n,l,i)}}throw Error("Unsupported decorator location: "+s)};function K(i){return(t,e)=>typeof e=="object"?de(i,t,e):((s,r,o)=>{const n=r.hasOwnProperty(o);return r.constructor.createProperty(o,n?{...s,wrapped:!0}:s),n?Object.getOwnPropertyDescriptor(r,o):void 0})(i,t,e)}/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */function nt(i){return V({...i,state:!0,attribute:!1})}/** + */function nt(i){return K({...i,state:!0,attribute:!1})}/** * @license * Copyright 2020 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const ce=i=>i.strings===void 0;/** + */const ue=i=>i.strings===void 0;/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const K={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},F=i=>(...t)=>({_$litDirective$:i,values:t});let q=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/** + */const q={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},F=i=>(...t)=>({_$litDirective$:i,values:t});let J=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const I=(i,t)=>{var r;const e=i._$AN;if(e===void 0)return!1;for(const s of e)(r=s._$AO)==null||r.call(s,t,!1),I(s,t);return!0},J=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while((e==null?void 0:e.size)===0)},Pt=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),me(t)}};function de(i){this._$AN!==void 0?(J(this),this._$AM=i,Pt(this)):this._$AM=i}function ue(i,t=!1,e=0){const r=this._$AH,s=this._$AN;if(s!==void 0&&s.size!==0)if(t)if(Array.isArray(r))for(let o=e;o{i.type==K.CHILD&&(i._$AP??(i._$AP=ue),i._$AQ??(i._$AQ=de))};class fe extends q{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Pt(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,s;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(s=this.disconnected)==null||s.call(this)),e&&(I(this,t),J(this))}setValue(t){if(ce(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}/** + */const R=(i,t)=>{var s;const e=i._$AN;if(e===void 0)return!1;for(const r of e)(s=r._$AO)==null||s.call(r,t,!1),R(r,t);return!0},Z=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while((e==null?void 0:e.size)===0)},Pt=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),me(t)}};function pe(i){this._$AN!==void 0?(Z(this),this._$AM=i,Pt(this)):this._$AM=i}function fe(i,t=!1,e=0){const s=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(s))for(let o=e;o{i.type==q.CHILD&&(i._$AP??(i._$AP=fe),i._$AQ??(i._$AQ=pe))};class ge extends J{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Pt(this),this.isConnected=t._$AU}_$AO(t,e=!0){var s,r;t!==this.isConnected&&(this.isConnected=t,t?(s=this.reconnected)==null||s.call(this):(r=this.disconnected)==null||r.call(this)),e&&(R(this,t),Z(this))}setValue(t){if(ue(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}/** * @license * Copyright 2020 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const pe=()=>new ge;class ge{}const at=new WeakMap,$e=F(class extends fe{render(i){return d}update(i,[t]){var r;const e=t!==this.G;return e&&this.G!==void 0&&this.ot(void 0),(e||this.rt!==this.lt)&&(this.G=t,this.ct=(r=i.options)==null?void 0:r.host,this.ot(this.lt=i.element)),d}ot(i){if(typeof this.G=="function"){const t=this.ct??globalThis;let e=at.get(t);e===void 0&&(e=new WeakMap,at.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ct,void 0),e.set(this.G,i),i!==void 0&&this.G.call(this.ct,i)}else this.G.value=i}get rt(){var i,t;return typeof this.G=="function"?(i=at.get(this.ct??globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var _e=typeof global=="object"&&global&&global.Object===Object&&global;const ve=_e;var be=typeof self=="object"&&self&&self.Object===Object&&self,ye=ve||be||Function("return this")();const Ut=ye;var Ae=Ut.Symbol;const Z=Ae;var Ot=Object.prototype,we=Ot.hasOwnProperty,Se=Ot.toString,R=Z?Z.toStringTag:void 0;function Ee(i){var t=we.call(i,R),e=i[R];try{i[R]=void 0;var r=!0}catch{}var s=Se.call(i);return r&&(t?i[R]=e:delete i[R]),s}var xe=Object.prototype,Te=xe.toString;function ke(i){return Te.call(i)}var Ce="[object Null]",Pe="[object Undefined]",jt=Z?Z.toStringTag:void 0;function Ue(i){return i==null?i===void 0?Pe:Ce:jt&&jt in Object(i)?Ee(i):ke(i)}function Oe(i){return i!=null&&typeof i=="object"}var je="[object Symbol]";function Me(i){return typeof i=="symbol"||Oe(i)&&Ue(i)==je}var ze=/\s/;function Ne(i){for(var t=i.length;t--&&ze.test(i.charAt(t)););return t}var Ie=/^\s+/;function Re(i){return i&&i.slice(0,Ne(i)+1).replace(Ie,"")}function lt(i){var t=typeof i;return i!=null&&(t=="object"||t=="function")}var Mt=0/0,He=/^[-+]0x[0-9a-f]+$/i,Le=/^0b[01]+$/i,De=/^0o[0-7]+$/i,Be=parseInt;function zt(i){if(typeof i=="number")return i;if(Me(i))return Mt;if(lt(i)){var t=typeof i.valueOf=="function"?i.valueOf():i;i=lt(t)?t+"":t}if(typeof i!="string")return i===0?i:+i;i=Re(i);var e=Le.test(i);return e||De.test(i)?Be(i.slice(2),e?2:8):He.test(i)?Mt:+i}var We=function(){return Ut.Date.now()};const ht=We;var Ge="Expected a function",Ve=Math.max,Ke=Math.min;function Fe(i,t,e){var r,s,o,n,a,l,c=0,u=!1,h=!1,f=!0;if(typeof i!="function")throw new TypeError(Ge);t=zt(t)||0,lt(e)&&(u=!!e.leading,h="maxWait"in e,o=h?Ve(zt(e.maxWait)||0,t):o,f="trailing"in e?!!e.trailing:f);function p(m){var b=r,L=s;return r=s=void 0,c=m,n=i.apply(L,b),n}function C(m){return c=m,a=setTimeout(Q,t),u?p(m):n}function Ye(m){var b=m-l,L=m-c,Bt=t-b;return h?Ke(Bt,o-L):Bt}function Lt(m){var b=m-l,L=m-c;return l===void 0||b>=t||b<0||h&&L>=o}function Q(){var m=ht();if(Lt(m))return Dt(m);a=setTimeout(Q,Ye(m))}function Dt(m){return a=void 0,f&&r?p(m):(r=s=void 0,n)}function ti(){a!==void 0&&clearTimeout(a),c=0,r=l=s=a=void 0}function ei(){return a===void 0?n:Dt(ht())}function ut(){var m=ht(),b=Lt(m);if(r=arguments,s=this,l=m,b){if(a===void 0)return C(l);if(h)return clearTimeout(a),a=setTimeout(Q,t),p(l)}return a===void 0&&(a=setTimeout(Q,t)),n}return ut.cancel=ti,ut.flush=ei,ut}/** + */const $e=()=>new _e;class _e{}const at=new WeakMap,be=F(class extends ge{render(i){return d}update(i,[t]){var s;const e=t!==this.G;return e&&this.G!==void 0&&this.ot(void 0),(e||this.rt!==this.lt)&&(this.G=t,this.ct=(s=i.options)==null?void 0:s.host,this.ot(this.lt=i.element)),d}ot(i){if(typeof this.G=="function"){const t=this.ct??globalThis;let e=at.get(t);e===void 0&&(e=new WeakMap,at.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ct,void 0),e.set(this.G,i),i!==void 0&&this.G.call(this.ct,i)}else this.G.value=i}get rt(){var i,t;return typeof this.G=="function"?(i=at.get(this.ct??globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var ve=typeof global=="object"&&global&&global.Object===Object&&global;const ye=ve;var Ae=typeof self=="object"&&self&&self.Object===Object&&self,we=ye||Ae||Function("return this")();const Ut=we;var Se=Ut.Symbol;const Q=Se;var Ot=Object.prototype,Ee=Ot.hasOwnProperty,xe=Ot.toString,H=Q?Q.toStringTag:void 0;function Te(i){var t=Ee.call(i,H),e=i[H];try{i[H]=void 0;var s=!0}catch{}var r=xe.call(i);return s&&(t?i[H]=e:delete i[H]),r}var Ce=Object.prototype,ke=Ce.toString;function Pe(i){return ke.call(i)}var Ue="[object Null]",Oe="[object Undefined]",Mt=Q?Q.toStringTag:void 0;function Me(i){return i==null?i===void 0?Oe:Ue:Mt&&Mt in Object(i)?Te(i):Pe(i)}function je(i){return i!=null&&typeof i=="object"}var Ne="[object Symbol]";function Ie(i){return typeof i=="symbol"||je(i)&&Me(i)==Ne}var Re=/\s/;function He(i){for(var t=i.length;t--&&Re.test(i.charAt(t)););return t}var ze=/^\s+/;function Le(i){return i&&i.slice(0,He(i)+1).replace(ze,"")}function lt(i){var t=typeof i;return i!=null&&(t=="object"||t=="function")}var jt=0/0,De=/^[-+]0x[0-9a-f]+$/i,Be=/^0b[01]+$/i,We=/^0o[0-7]+$/i,Ge=parseInt;function Nt(i){if(typeof i=="number")return i;if(Ie(i))return jt;if(lt(i)){var t=typeof i.valueOf=="function"?i.valueOf():i;i=lt(t)?t+"":t}if(typeof i!="string")return i===0?i:+i;i=Le(i);var e=Be.test(i);return e||We.test(i)?Ge(i.slice(2),e?2:8):De.test(i)?jt:+i}var Ve=function(){return Ut.Date.now()};const ct=Ve;var Ke="Expected a function",qe=Math.max,Fe=Math.min;function Je(i,t,e){var s,r,o,n,a,l,h=0,u=!1,c=!1,f=!0;if(typeof i!="function")throw new TypeError(Ke);t=Nt(t)||0,lt(e)&&(u=!!e.leading,c="maxWait"in e,o=c?qe(Nt(e.maxWait)||0,t):o,f="trailing"in e?!!e.trailing:f);function m(p){var v=s,L=r;return s=r=void 0,h=p,n=i.apply(L,v),n}function k(p){return h=p,a=setTimeout(X,t),u?m(p):n}function ti(p){var v=p-l,L=p-h,Gt=t-v;return c?Fe(Gt,o-L):Gt}function Bt(p){var v=p-l,L=p-h;return l===void 0||v>=t||v<0||c&&L>=o}function X(){var p=ct();if(Bt(p))return Wt(p);a=setTimeout(X,ti(p))}function Wt(p){return a=void 0,f&&s?m(p):(s=r=void 0,n)}function ei(){a!==void 0&&clearTimeout(a),h=0,s=l=r=a=void 0}function ii(){return a===void 0?n:Wt(ct())}function ut(){var p=ct(),v=Bt(p);if(s=arguments,r=this,l=p,v){if(a===void 0)return k(l);if(c)return clearTimeout(a),a=setTimeout(X,t),m(l)}return a===void 0&&(a=setTimeout(X,t)),n}return ut.cancel=ei,ut.flush=ii,ut}/** * @license * Copyright 2017 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */let ct=class extends q{constructor(t){if(super(t),this.et=d,t.type!==K.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this.vt=void 0,this.et=t;if(t===$)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}};ct.directiveName="unsafeHTML",ct.resultType=1;const Nt=F(ct);/** + */let ht=class extends J{constructor(t){if(super(t),this.et=d,t.type!==q.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this.vt=void 0,this.et=t;if(t===$)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}};ht.directiveName="unsafeHTML",ht.resultType=1;const It=F(ht);/** * @license * Copyright 2018 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const qe=F(class extends q{constructor(i){var t;if(super(i),i.type!==K.ATTRIBUTE||i.name!=="class"||((t=i.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){var r,s;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((r=this.st)!=null&&r.has(o))&&this.it.add(o);return this.render(t)}const e=i.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const n=!!t[o];n===this.it.has(o)||(s=this.st)!=null&&s.has(o)||(n?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return $}}),Je=tt` + */const Ze=F(class extends J{constructor(i){var t;if(super(i),i.type!==q.ATTRIBUTE||i.name!=="class"||((t=i.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){var s,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.st=new Set(i.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((s=this.st)!=null&&s.has(o))&&this.it.add(o);return this.render(t)}const e=i.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const n=!!t[o];n===this.it.has(o)||(r=this.st)!=null&&r.has(o)||(n?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return $}}),Rt=B` *, ::before, ::after { @@ -63,7 +63,7 @@ var SearchWidget=function(g){var Ht;"use strict";/** } :host { - line-height: 1.5; + font-size: var(--halo-search-widget-base-font-size, 1rem); -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; @@ -80,10 +80,6 @@ var SearchWidget=function(g){var Ht;"use strict";/** border-top-width: 1px; } - abbr:where([title]) { - text-decoration: underline dotted; - } - h1, h2, h3, @@ -199,7 +195,57 @@ var SearchWidget=function(g){var Ht;"use strict";/** [role='button'] { cursor: pointer; } -`;var H=globalThis&&globalThis.__decorate||function(i,t,e,r){var s=arguments.length,o=s<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,e):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,r);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(s<3?n(o):s>3?n(t,e,o):n(t,e))||o);return s>3&&o&&Object.defineProperty(t,e,o),o};let E=class extends k{constructor(){super(),this.baseUrl="",this.hits=[],this.loading=!1,this.selectedIndex=0,this.inputRef=pe(),this.fetchHits=Fe(async t=>{const r=await(await fetch(`${this.baseUrl}/apis/api.halo.run/v1alpha1/indices/post?keyword=${t}&highlightPreTag=%3Cmark%3E&highlightPostTag=%3C/mark%3E`)).json();this.hits=r.hits||[],this.loading=!1},300),this.handleKeydown=t=>{const{key:e,ctrlKey:r}=t;if((e==="ArrowUp"||e==="k"&&r)&&(this.selectedIndex=Math.max(0,this.selectedIndex-1),t.preventDefault()),(e==="ArrowDown"||e==="j"&&r)&&(this.selectedIndex=Math.min(this.hits.length,this.selectedIndex+1),t.preventDefault()),e==="Enter"){const s=this.hits[this.selectedIndex-1];s&&this.handleOpenLink(s)}},this.addEventListener("keydown",this.handleKeydown)}render(){return w` +`,Ht=B` + :host { + --base-font-size: var(--halo-search-widget-base-font-size, 1rem); + --color-modal-layer: var( + --halo-search-widget-color-modal-layer, + rgb(107 114 128 / 0.75) + ); + --color-modal-content-bg: var( + --halo-search-widget-color-modal-content-bg, + #fff + ); + --color-form-input-bg: var(--halo-search-widget-color-form-input-bg, #fff); + --color-form-input: var(--halo-search-widget-color-form-input, #333); + --color-form-input-placeholder: var( + --halo-search-widget-color-form-input-placeholder, + rgb(107 114 128) + ); + --color-form-divider: var( + --halo-search-widget-color-form-divider, + rgb(243 244 246) + ); + --color-result-empty: var( + --halo-search-widget-color-result-empty, + rgb(107 114 128) + ); + --color-result-item-bg: var( + --halo-search-widget-color-result-item-bg, + rgb(249 250 251) + ); + --color-result-item-hover-bg: var( + --halo-search-widget-color-result-item-hover-bg, + rgb(243 244 246) + ); + --color-result-item-title: var( + --halo-search-widget-color-result-item-title, + #333 + ); + --color-result-item-content: var( + --halo-search-widget-color-result-item-content, + rgb(75, 85, 99) + ); + --color-command-kbd-item: var( + --halo-search-widget-color-command-kbd-item, + #333 + ); + --color-command-kbd-border: var( + --halo-search-widget-color-command-kbd-border, + #e5e7eb + ); + } +`;var z=globalThis&&globalThis.__decorate||function(i,t,e,s){var r=arguments.length,o=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,s);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(r<3?n(o):r>3?n(t,e,o):n(t,e))||o);return r>3&&o&&Object.defineProperty(t,e,o),o};let E=class extends C{constructor(){super(),this.baseUrl="",this.hits=[],this.loading=!1,this.selectedIndex=0,this.inputRef=$e(),this.fetchHits=Je(async t=>{const s=await(await fetch(`${this.baseUrl}/apis/api.halo.run/v1alpha1/indices/post?keyword=${t}&highlightPreTag=%3Cmark%3E&highlightPostTag=%3C/mark%3E`)).json();this.hits=s.hits||[],this.loading=!1},300),this.handleKeydown=t=>{const{key:e,ctrlKey:s}=t;if((e==="ArrowUp"||e==="k"&&s)&&(this.selectedIndex=Math.max(0,this.selectedIndex-1),t.preventDefault()),(e==="ArrowDown"||e==="j"&&s)&&(this.selectedIndex=Math.min(this.hits.length,this.selectedIndex+1),t.preventDefault()),e==="Enter"){const r=this.hits[this.selectedIndex-1];r&&this.handleOpenLink(r)}},this.addEventListener("keydown",this.handleKeydown)}render(){return w`
@@ -218,13 +264,13 @@ var SearchWidget=function(g){var Ht;"use strict";/**
    ${this.hits.map((t,e)=>w`

  • - ${Nt(t.title)} + ${It(t.title)}

    - ${Nt(t.content)} + ${It(t.content)}

    • `)} @@ -248,128 +294,11 @@ var SearchWidget=function(g){var Ht;"use strict";/** Esc
- `}firstUpdated(t){var e;super.firstUpdated(t),(e=this.inputRef.value)==null||e.focus()}onInput(t){const r=t.target.value;if(this.selectedIndex=0,r===""){this.hits=[];return}this.loading=!0,this.fetchHits(r)}handleOpenLink(t){window.location.href=t.permalink}};E.styles=[Je,tt` - :host { - --color-form-input-bg: var( - --halo-search-widget-color-form-input-bg, - #fff - ); - --color-form-input: var(--halo-search-widget-color-form-input, #333); - --color-form-input-placeholder: var( - --halo-search-widget-color-form-input-placeholder, - rgb(107 114 128) - ); - --color-form-divider: var( - --halo-search-widget-color-form-divider, - rgb(243 244 246) - ); - --color-result-empty: var( - --halo-search-widget-color-result-empty, - rgb(107 114 128) - ); - --color-result-item-bg: var( - --halo-search-widget-color-result-item-bg, - rgb(249 250 251) - ); - --color-result-item-hover-bg: var( - --halo-search-widget-color-result-item-hover-bg, - rgb(243 244 246) - ); - --color-result-item-title: var( - --halo-search-widget-color-result-item-title, - #333 - ); - --color-result-item-content: var( - --halo-search-widget-color-result-item-content, - rgb(75, 85, 99) - ); - --color-command-kbd-item: var( - --halo-search-widget-color-command-kbd-item, - #333 - ); - --color-command-kbd-border: var( - --halo-search-widget-color-command-kbd-border, - #e5e7eb - ); - --font-size-search-form-input: var( - --halo-search-widget-font-size-search-form-input, - 1rem - ); - --line-height-search-form-input: var( - --halo-search-widget-line-height-search-form-input, - 1.5rem - ); - --font-size-search-form-result-item-title: var( - --halo-search-widget-font-size-search-form-result-item-title, - 0.875rem - ); - --line-height-search-form-result-item-title: var( - --halo-search-widget-line-height-search-form-result-item-title, - 1.25rem - ); - --font-size-search-form-result-item-content: var( - --halo-search-widget-font-size-search-form-result-item-content, - 0.75rem - ); - --line-height-search-form-result-item-content: var( - --halo-search-widget-line-height-search-form-result-item-content, - 1rem - ); - --font-size-search-form-empty: var( - --halo-search-widget-font-size-search-form-empty, - 0.875rem - ); - --line-height-search-form-empty: var( - --halo-search-widget-line-height-search-form-empty, - 1.25rem - ); - --font-size-search-form-loading: var( - --halo-search-widget-font-size-search-form-loading, - 0.875rem - ); - --line-height-search-form-loading: var( - --halo-search-widget-line-height-search-form-loading, - 1.25rem - ); - --font-size-search-form-commands-item: var( - --halo-search-widget-font-size-search-form-commands-item, - 0.75rem - ); - --line-height-search-form-commands-item: var( - --halo-search-widget-line-height-search-commands-item, - 1rem - ); - --font-size-search-form-commands-item-kbd: var( - --halo-search-widget-font-size-search-form-commands-item-kbd, - 10px - ); - --min-width-search-form-commands-item-kbd: var( - --halo-search-widget-min-width-search-commands-item-kbd, - 1.25rem - ); - --font-family-custom-sreach-form: var( - --halo-search-widget-font-family-search-form, - custom-font - ); - } - - :host * { - box-sizing: border-box; - border-width: 0; - border-style: solid; - border-color: #e5e7eb; - font-family: var(--font-family-custom-sreach-form), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, - Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, - 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, - 'Noto Color Emoji'; - font-feature-settings: normal; - font-variation-settings: normal; - } - + `}firstUpdated(t){var e;super.firstUpdated(t),(e=this.inputRef.value)==null||e.focus()}onInput(t){const s=t.target.value;if(this.selectedIndex=0,s===""){this.hits=[];return}this.loading=!0,this.fetchHits(s)}handleOpenLink(t){window.location.href=t.permalink}};E.styles=[Ht,Rt,B` .search-form__input { border-bottom-width: 1px; border-color: var(--color-form-divider); - padding: 0.625rem 1rem; + padding: 0.625em 1em; position: sticky; top: 0; background-color: var(--color-form-input-bg); @@ -377,12 +306,12 @@ var SearchWidget=function(g){var Ht;"use strict";/** .search-form__input input { width: 100%; - padding: 0.25rem 0px; + padding: 0.25em 0px; outline: 2px solid transparent; outline-offset: 2px; border: none; - font-size: var(--font-size-search-form-input); - line-height: var(--line-height-search-form-input); + font-size: 1em; + line-height: 1.5em; background-color: var(--color-form-input-bg); color: var(--color-form-input); } @@ -392,7 +321,7 @@ var SearchWidget=function(g){var Ht;"use strict";/** } .search-form__result { - padding: 0.625rem 0.5rem; + padding: 0.625em 0.5em; } .search-form__empty, @@ -400,8 +329,8 @@ var SearchWidget=function(g){var Ht;"use strict";/** display: flex; align-items: center; justify-content: center; - font-size: var(--font-size-search-form-empty); - line-height: var(--line-height-search-form-empty); + font-size: 0.875em; + line-height: 1.25em; color: var(--color-result-empty); } @@ -411,7 +340,7 @@ var SearchWidget=function(g){var Ht;"use strict";/** width: 100%; height: 100%; flex-direction: column; - gap: 0.25rem; + gap: 0.25em; list-style: none; margin: 0; padding: 0; @@ -424,10 +353,10 @@ var SearchWidget=function(g){var Ht;"use strict";/** .search-form__result-item { display: flex; flex-direction: column; - gap: 0.25rem; - border-radius: 0.375rem; + gap: 0.25em; + border-radius: 0.375em; background-color: var(--color-result-item-bg); - padding: 0.5rem 0.625rem; + padding: 0.5em 0.625em; } .search-form__result-item:hover, @@ -436,8 +365,8 @@ var SearchWidget=function(g){var Ht;"use strict";/** } .search-form__result-item-title { - font-size: var(--font-size-search-form-result-item-title); - line-height: var(--line-height-search-form-result-item-title); + font-size: 0.875em; + line-height: 1.25em; font-weight: 600; padding: 0; margin: 0; @@ -445,8 +374,8 @@ var SearchWidget=function(g){var Ht;"use strict";/** } .search-form__result-item-content { - font-size: var(--font-size-search-form-result-item-content); - line-height: var(--line-height-search-form-result-item-content); + font-size: 0.75em; + line-height: 1em; color: var(--color-result-item-content); padding: 0; margin: 0; @@ -459,7 +388,7 @@ var SearchWidget=function(g){var Ht;"use strict";/** .search-form__commands { border-top-width: 1px; border-color: var(--color-form-divider); - padding: 0.625rem 1rem; + padding: 0.625em 1em; display: flex; justify-content: flex-end; } @@ -467,110 +396,99 @@ var SearchWidget=function(g){var Ht;"use strict";/** .search-form__commands-item { display: inline-flex; align-items: center; - margin-left: 1.25rem; + margin-left: 1.25em; } .search-form__commands-item span { - font-size: var(--font-size-search-form-commands-item); - line-height: var(--line-height-search-form-commands-item); + font-size: 0.75em; + line-height: 1em; color: var(--color-command-kbd-item); } .search-form__commands-item kbd { color: var(--color-command-kbd-item); - font-size: var(--font-size-search-form-commands-item-kbd); + font-size: 10px; text-align: center; - padding: 0.125rem 0.3rem; + padding: 0.125em 0.3em; border-width: 1px; - border-radius: 0.25rem; + border-radius: 0.25em; border-color: var(--color-command-kbd-border); - min-width: var(--min-width-search-form-commands-item-kbd); - margin-left: 0.3rem; + min-width: 1.25em; + margin-left: 0.3em; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05); } - `],H([V({type:String})],E.prototype,"baseUrl",void 0),H([nt()],E.prototype,"hits",void 0),H([nt()],E.prototype,"loading",void 0),H([nt()],E.prototype,"selectedIndex",void 0),E=H([Ct("search-form")],E);/** + `],z([K({type:String})],E.prototype,"baseUrl",void 0),z([nt()],E.prototype,"hits",void 0),z([nt()],E.prototype,"loading",void 0),z([nt()],E.prototype,"selectedIndex",void 0),E=z([kt("search-form")],E);/** * @license * Copyright 2018 Google LLC * SPDX-License-Identifier: BSD-3-Clause - */const It="important",Ze=" !"+It,Qe=F(class extends q{constructor(i){var t;if(super(i),i.type!==K.ATTRIBUTE||i.name!=="style"||((t=i.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const r=i[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ut===void 0)return this.ut=new Set(Object.keys(t)),this.render(t);for(const r of this.ut)t[r]==null&&(this.ut.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const s=t[r];if(s!=null){this.ut.add(r);const o=typeof s=="string"&&s.endsWith(Ze);r.includes("-")||o?e.setProperty(r,o?s.slice(0,-11):s,o?It:""):e[r]=s}}return $}});var dt=globalThis&&globalThis.__decorate||function(i,t,e,r){var s=arguments.length,o=s<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,e):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,r);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(s<3?n(o):s>3?n(t,e,o):n(t,e))||o);return s>3&&o&&Object.defineProperty(t,e,o),o};g.SearchModal=class extends k{constructor(){super(...arguments),this.open=!1,this.baseUrl="",this.handleKeydown=t=>{const{key:e}=t;e==="Escape"&&(this.close(),t.preventDefault())}}render(){return w`
2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const s=i[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ut===void 0)return this.ut=new Set(Object.keys(t)),this.render(t);for(const s of this.ut)t[s]==null&&(this.ut.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const r=t[s];if(r!=null){this.ut.add(s);const o=typeof r=="string"&&r.endsWith(Qe);s.includes("-")||o?e.setProperty(s,o?r.slice(0,-11):r,o?zt:""):e[s]=r}}return $}});var dt=globalThis&&globalThis.__decorate||function(i,t,e,s){var r=arguments.length,o=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,s);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(r<3?n(o):r>3?n(t,e,o):n(t,e))||o);return r>3&&o&&Object.defineProperty(t,e,o),o};g.SearchModal=class extends C{constructor(){super(...arguments),this.open=!1,this.baseUrl="",this.handleKeydown=t=>{const{key:e}=t;e==="Escape"&&(this.close(),t.preventDefault())}}render(){return w`
${this.open?w``:""}
-
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},g.SearchModal.styles=tt` - :host { - --color-modal-layer: var( - --halo-search-widget-color-modal-layer, - rgb(107 114 128 / 0.75) - ); - --color-modal-content-bg: var( - --halo-search-widget-color-modal-content-bg, - #fff - ); - } - - .modal__wrapper { - position: fixed; - left: 0px; - top: 0px; - display: flex; - height: 100%; - width: 100%; - flex-direction: row; - align-items: flex-start; - justify-content: center; - padding-top: 2.5rem; - padding-bottom: 2.5rem; - z-index: 999; - } - - .modal__layer { - position: absolute; - top: 0px; - left: 0px; - height: 100%; - width: 100%; - flex: none; - background-color: var(--color-modal-layer); - animation: fadeIn 0.15s both; - } - - .modal__content { - position: relative; - display: flex; - flex-direction: column; - align-items: stretch; - border-radius: 5px; - background-color: var(--color-modal-content-bg); - width: calc(100vw - 20px); - max-height: calc(100vh - 5rem); - max-width: 650px; - overflow: auto; - animation: fadeInUp 0.3s both; - } - - @keyframes fadeIn { - from { - opacity: 0; +
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},g.SearchModal.styles=[Ht,Rt,B` + .modal__wrapper { + position: fixed; + left: 0px; + top: 0px; + display: flex; + height: 100%; + width: 100%; + flex-direction: row; + align-items: flex-start; + justify-content: center; + padding-top: 2.5em; + padding-bottom: 2.5em; + z-index: 999; + } + + .modal__layer { + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + flex: none; + background-color: var(--color-modal-layer); + animation: fadeIn 0.15s both; } - to { - opacity: 1; + .modal__content { + position: relative; + display: flex; + flex-direction: column; + align-items: stretch; + border-radius: 5px; + background-color: var(--color-modal-content-bg); + width: calc(100vw - 20px); + max-height: calc(100vh - 5em); + max-width: 650px; + overflow: auto; + animation: fadeInUp 0.3s both; } - } - @keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 10%, 0); + @keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } } - to { - opacity: 1; - transform: translate3d(0, 0, 0); + @keyframes fadeInUp { + from { + opacity: 0; + transform: translate3d(0, 10%, 0); + } + + to { + opacity: 1; + transform: translate3d(0, 0, 0); + } } - } - `,dt([V({type:Boolean})],g.SearchModal.prototype,"open",void 0),dt([V({type:String})],g.SearchModal.prototype,"baseUrl",void 0),g.SearchModal=dt([Ct("search-modal")],g.SearchModal);const ii="",Rt=document.createElement("search-modal");document.body.append(Rt);function Xe(){Rt.open=!0}return g.open=Xe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({}); + `],dt([K({type:Boolean})],g.SearchModal.prototype,"open",void 0),dt([K({type:String})],g.SearchModal.prototype,"baseUrl",void 0),g.SearchModal=dt([kt("search-modal")],g.SearchModal);const si="",Lt=document.createElement("search-modal");document.body.append(Lt);function Ye(){Lt.open=!0}return g.open=Ye,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({});