@k2b/ui 0.46.0 → 0.48.0

package/dist/ssr/inputs/Combobox.js

@@ -81,7 +81,10 @@ export function Combobox(props) {
   };
   createEffect(on(options, list => {
     const index = props.autoHighlight;
-    if (index !== undefined && focusedIndex() < 0 && popover.open() && list.length > 0) setFocusedIndex(Math.min(index, list.length - 1));
+    if (index === undefined || focusedIndex() >= 0 || !popover.open() || list.length === 0) return;
+    // A result that cannot be picked is never the one Enter takes: the next one that can, or none.
+    const start = Math.min(index, list.length - 1);
+    setFocusedIndex(list[start]?.disabled ? nextEnabledChoiceIndex(list, start, 1) : start);
   }));
   createEffect(() => {
     if (props.readOnly) {
@@ -91,7 +94,7 @@ export function Combobox(props) {
     }
   });
   const select = option => {
-    if (props.disabled || props.readOnly) return;
+    if (props.disabled || props.readOnly || option.disabled) return;
     popover.hide();
     props.onSelect({
       id: option.value,
@@ -223,7 +226,7 @@ export function Combobox(props) {
         children: (id, index) => {
           const first = optionsById().get(id);
           const option = () => optionsById().get(id) ?? first;
-          return _$ssr(_tmpl$8, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(focusedIndex(), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+          return _$ssr(_tmpl$8, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(focusedIndex(), true), false) + _$ssrAttribute("aria-disabled", option().disabled ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
             get when() {
               return option().icon;
             },

package/dist/ssr/inputs/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type ComboboxOption = { id: string; label: string; description?: string; icon?: string };\nexport type ComboboxProps = FieldProps & {\n  readOnly?: boolean;\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n  /** The query is the field's own value: picking or closing keeps the typed text, and Enter without an active option only closes the list. */\n  freeText?: boolean;\n  /** Below this many characters nothing loads and the list stays closed. */\n  minQueryLength?: number;\n  /** This result (by position) is active as soon as results arrive, so Enter takes it. */\n  autoHighlight?: number;\n  /** Replaces the results with a host-owned notice, such as an exhausted quota; nothing loads while it is set. */\n  status?: JSX.Element;\n  /** Shown instead of the default text when a search finds nothing. */\n  empty?: JSX.Element;\n  /** One line under the results, such as their source. */\n  footer?: JSX.Element;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled || props.readOnly));\n  // A host notice or an error replaces the results; hidden results are never selectable.\n  const options = () => (props.status || loader.error() ? [] : loader.options());\n  const optionsById = createMemo(() => new Map(options().map((option) => [option.value, option])));\n  const focusedOption = () => options()[focusedIndex()];\n  const searchable = (value: string) => value.trim().length >= (props.minQueryLength ?? 0);\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || props.readOnly || popover.open() || !searchable(query())) return;\n    popover.show();\n    if (eager && !props.status) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    if (!props.freeText) return reset();\n    loader.cancel();\n    focus(-1);\n  };\n  createEffect(\n    on(options, (list) => {\n      const index = props.autoHighlight;\n      if (index !== undefined && focusedIndex() < 0 && popover.open() && list.length > 0) setFocusedIndex(Math.min(index, list.length - 1));\n    }),\n  );\n  createEffect(() => {\n    if (props.readOnly) {\n      popover.hide();\n      loader.cancel();\n      setFocusedIndex(-1);\n    }\n  });\n  const select = (option: ChoiceOption<string>) => {\n    if (props.disabled || props.readOnly) return;\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    if (props.freeText) {\n      loader.cancel();\n      focus(-1);\n    } else reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open()) {\n      // While the results are open, Enter belongs to them: it never submits an enclosing form, even with no option active.\n      event.preventDefault();\n      const option = options()[focusedIndex()];\n      if (option) select(option);\n      else if (props.freeText) close();\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\">\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          {/* A click, typing, or an arrow key opens the list. Focus alone (Tab, a dialog's initial focus) does not, so Escape still closes the enclosing dialog. */}\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            readOnly={props.readOnly}\n            aria-readonly={props.readOnly ? \"true\" : undefined}\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onClick={() => open()}\n            onInput={(event) => {\n              if (props.disabled || props.readOnly) {\n                event.currentTarget.value = query();\n                return;\n              }\n              const value = event.currentTarget.value;\n              setQuery(value);\n              focus(-1);\n              if (!searchable(value)) {\n                popover.hide();\n                loader.cancel();\n                return;\n              }\n              open(false);\n              if (!props.status) loader.load(value);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={props.status}>{(status) => <div class=\"k2b-choice-status\">{status()}</div>}</Show>\n            <Show when={!props.status && loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            {/* Keyed by option ID, not object: each fetch returns new objects, and a row replaced between press and release\n                would swallow the click. */}\n            <For\n              each={options().map((option) => option.value)}\n              fallback={\n                <Show when={!props.status && !loader.error()}>\n                  <Show\n                    when={loader.loading()}\n                    fallback={\n                      <div class=\"k2b-choice-status\">\n                        {query().length >= 2 ? (props.empty ?? selectMessages().noResultsFound) : selectMessages().typeToSearch}\n                      </div>\n                    }\n                  >\n                    {/* The first search has nothing to keep visible yet: rows of the final size wait in its place. */}\n                    <div class=\"k2b-choice-loading\" role=\"status\">\n                      <span class=\"k2b-sr-only\">{messages().loading}</span>\n                      <For each={[62, 48, 55]}>\n                        {(width) => (\n                          <div class=\"k2b-choice-loading__row\" aria-hidden=\"true\">\n                            <span class=\"k2b-skeleton\" />\n                            <span class=\"k2b-skeleton\" style={{ width: `${width}%` }} />\n                          </div>\n                        )}\n                      </For>\n                    </div>\n                  </Show>\n                </Show>\n              }\n            >\n              {(id, index) => {\n                const first = optionsById().get(id)!;\n                const option = () => optionsById().get(id) ?? first;\n                return (\n                  <button\n                    ref={(element) => (optionRefs[index()] = element)}\n                    type=\"button\"\n                    id={`${listboxId}-${index()}`}\n                    class=\"k2b-choice-option\"\n                    role=\"option\"\n                    aria-selected={index() === focusedIndex()}\n                    data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                    onPointerMove={() => focus(index())}\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => select(option())}\n                  >\n                    <Show when={option().icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</Show>\n                    <span>\n                      <strong>{option().label}</strong>\n                      <Show when={option().description}>{(description) => <small>{description()}</small>}</Show>\n                    </span>\n                  </button>\n                );\n              }}\n            </For>\n          </div>\n          <Show when={props.footer}>{(footer) => <div class=\"k2b-choice-footer\">{footer()}</div>}</Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Combobox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Combobox.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { FieldProps, MaybeAccessor } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useSelectMessages } from \"./select-messages\";\n\nexport type ComboboxOption = {\n  id: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  /** Shown but cannot be picked, such as someone who is already on the list; say why in `description`. */\n  disabled?: boolean;\n};\nexport type ComboboxProps = FieldProps & {\n  readOnly?: boolean;\n  query?: MaybeAccessor<string>;\n  onQueryChange?: (query: string) => void;\n  placeholder?: string;\n  fetchData: (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;\n  onSelect: (option: ComboboxOption) => void;\n  debounceMs?: number;\n  /** The query is the field's own value: picking or closing keeps the typed text, and Enter without an active option only closes the list. */\n  freeText?: boolean;\n  /** Below this many characters nothing loads and the list stays closed. */\n  minQueryLength?: number;\n  /** This result (by position) is active as soon as results arrive, so Enter takes it. */\n  autoHighlight?: number;\n  /** Replaces the results with a host-owned notice, such as an exhausted quota; nothing loads while it is set. */\n  status?: JSX.Element;\n  /** Shown instead of the default text when a search finds nothing. */\n  empty?: JSX.Element;\n  /** One line under the results, such as their source. */\n  footer?: JSX.Element;\n};\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\n\nexport function Combobox(props: ComboboxProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectMessages = useSelectMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [localQuery, setLocalQuery] = createSignal(\"\");\n  const query = () => resolveMaybeAccessor(props.query) ?? localQuery();\n  const setQuery = (value: string) => {\n    setLocalQuery(value);\n    props.onQueryChange?.(value);\n  };\n  const error = () => resolveMaybeAccessor(props.error);\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  let inputRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const loader = createChoiceLoader(\n    () => async (value, signal) => (await props.fetchData(value, signal)).map((option) => ({ ...option, value: option.id })),\n    // Cloud debounces at 200ms and then pads the response with a 200ms minimum\n    // load time to stop the spinner flickering. The spinner here sits in the\n    // chevron slot and stale results stay visible, so there is nothing to pad —\n    // 150ms keeps typing responsive without hammering the loader.\n    () => props.debounceMs ?? 150,\n  );\n  const popover = createChoicePopover(() => Boolean(props.disabled || props.readOnly));\n  // A host notice or an error replaces the results; hidden results are never selectable.\n  const options = () => (props.status || loader.error() ? [] : loader.options());\n  const optionsById = createMemo(() => new Map(options().map((option) => [option.value, option])));\n  const focusedOption = () => options()[focusedIndex()];\n  const searchable = (value: string) => value.trim().length >= (props.minQueryLength ?? 0);\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  /** `eager` loads the currently controlled query on open; typing supplies its\n   *  own query, so opening from `onInput` skips the duplicate request. */\n  const open = (eager = true) => {\n    if (props.disabled || props.readOnly || popover.open() || !searchable(query())) return;\n    popover.show();\n    if (eager && !props.status) loader.load(query(), true);\n    focus(-1);\n  };\n  const reset = () => {\n    loader.cancel();\n    setQuery(\"\");\n    focus(-1);\n  };\n  const close = () => {\n    popover.hide();\n    if (!props.freeText) return reset();\n    loader.cancel();\n    focus(-1);\n  };\n  createEffect(\n    on(options, (list) => {\n      const index = props.autoHighlight;\n      if (index === undefined || focusedIndex() >= 0 || !popover.open() || list.length === 0) return;\n      // A result that cannot be picked is never the one Enter takes: the next one that can, or none.\n      const start = Math.min(index, list.length - 1);\n      setFocusedIndex(list[start]?.disabled ? nextEnabledChoiceIndex(list, start, 1) : start);\n    }),\n  );\n  createEffect(() => {\n    if (props.readOnly) {\n      popover.hide();\n      loader.cancel();\n      setFocusedIndex(-1);\n    }\n  });\n  const select = (option: ChoiceOption<string>) => {\n    if (props.disabled || props.readOnly || option.disabled) return;\n    popover.hide();\n    props.onSelect({ id: option.value, label: option.label, description: option.description, icon: option.icon });\n    if (props.freeText) {\n      loader.cancel();\n      focus(-1);\n    } else reset();\n    inputRef?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else focus(nextEnabledChoiceIndex(options(), focusedIndex(), event.key === \"ArrowDown\" ? 1 : -1));\n    } else if (event.key === \"Enter\" && popover.open()) {\n      // While the results are open, Enter belongs to them: it never submits an enclosing form, even with no option active.\n      event.preventDefault();\n      const option = options()[focusedIndex()];\n      if (option) select(option);\n      else if (props.freeText) close();\n    } else if ((event.key === \"Escape\" || event.key === \"Tab\") && popover.open()) {\n      // Escape is only ours while the list is open; otherwise it has to reach an\n      // enclosing dialog or drawer.\n      if (event.key === \"Escape\") event.preventDefault();\n      close();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\">\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          {/* A click, typing, or an arrow key opens the list. Focus alone (Tab, a dialog's initial focus) does not, so Escape still closes the enclosing dialog. */}\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={query()}\n            placeholder={props.placeholder ?? messages().search}\n            disabled={props.disabled}\n            readOnly={props.readOnly}\n            aria-readonly={props.readOnly ? \"true\" : undefined}\n            role=\"combobox\"\n            autocomplete=\"off\"\n            aria-autocomplete=\"list\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, props)}\n            onClick={() => open()}\n            onInput={(event) => {\n              if (props.disabled || props.readOnly) {\n                event.currentTarget.value = query();\n                return;\n              }\n              const value = event.currentTarget.value;\n              setQuery(value);\n              focus(-1);\n              if (!searchable(value)) {\n                popover.hide();\n                loader.cancel();\n                return;\n              }\n              open(false);\n              if (!props.status) loader.load(value);\n            }}\n            onKeyDown={onKeyDown}\n          />\n          <Show when={loader.loading()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <div ref={popover.setPopover} popover=\"manual\" class=\"k2b-choice-popover\">\n          <div class=\"k2b-choice-options\" role=\"listbox\" id={listboxId}>\n            <Show when={props.status}>{(status) => <div class=\"k2b-choice-status\">{status()}</div>}</Show>\n            <Show when={!props.status && loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            {/* Keyed by option ID, not object: each fetch returns new objects, and a row replaced between press and release\n                would swallow the click. */}\n            <For\n              each={options().map((option) => option.value)}\n              fallback={\n                <Show when={!props.status && !loader.error()}>\n                  <Show\n                    when={loader.loading()}\n                    fallback={\n                      <div class=\"k2b-choice-status\">\n                        {query().length >= 2 ? (props.empty ?? selectMessages().noResultsFound) : selectMessages().typeToSearch}\n                      </div>\n                    }\n                  >\n                    {/* The first search has nothing to keep visible yet: rows of the final size wait in its place. */}\n                    <div class=\"k2b-choice-loading\" role=\"status\">\n                      <span class=\"k2b-sr-only\">{messages().loading}</span>\n                      <For each={[62, 48, 55]}>\n                        {(width) => (\n                          <div class=\"k2b-choice-loading__row\" aria-hidden=\"true\">\n                            <span class=\"k2b-skeleton\" />\n                            <span class=\"k2b-skeleton\" style={{ width: `${width}%` }} />\n                          </div>\n                        )}\n                      </For>\n                    </div>\n                  </Show>\n                </Show>\n              }\n            >\n              {(id, index) => {\n                const first = optionsById().get(id)!;\n                const option = () => optionsById().get(id) ?? first;\n                return (\n                  <button\n                    ref={(element) => (optionRefs[index()] = element)}\n                    type=\"button\"\n                    id={`${listboxId}-${index()}`}\n                    class=\"k2b-choice-option\"\n                    role=\"option\"\n                    aria-selected={index() === focusedIndex()}\n                    aria-disabled={option().disabled ? \"true\" : undefined}\n                    data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                    onPointerMove={() => {\n                      if (!option().disabled) focus(index());\n                    }}\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => select(option())}\n                  >\n                    <Show when={option().icon}>{(icon) => <i class={iconClass(icon())} aria-hidden=\"true\" />}</Show>\n                    <span>\n                      <strong>{option().label}</strong>\n                      <Show when={option().description}>{(description) => <small>{description()}</small>}</Show>\n                    </span>\n                  </button>\n                );\n              }}\n            </For>\n          </div>\n          <Show when={props.footer}>{(footer) => <div class=\"k2b-choice-footer\">{footer()}</div>}</Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Combobox;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/dictation/Dictation.js

@@ -129,7 +129,9 @@ function DictationCard(props) {
         return {
           icon: "ti-microphone-off",
           title: t().blockedTitle,
-          body: [_$ssr(_tmpl$2, _$escape(t().blockedBody)), _$ssr(_tmpl$3, _$escape(t().blockedStep1), _$escape(t().blockedStep2))],
+          // An installed app has no address bar, and where a device keeps the app's permissions differs, so its
+          // card names no path.
+          body: matchMedia("(display-mode: standalone)").matches ? _$ssr(_tmpl$2, _$escape(t().blockedApp)) : [_$ssr(_tmpl$2, _$escape(t().blockedBody)), _$ssr(_tmpl$3, _$escape(t().blockedStep1), _$escape(t().blockedStep2))],
           retry: true
         };
       case "quota":

package/dist/ssr/inputs/dictation/Dictation.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/dictation/Dictation.tsx"],"sourcesContent":["import { createEffect, createSignal, Index, type JSX, Match, onCleanup, Show, Switch } from \"solid-js\";\nimport { Button, IconButton } from \"../../actions/Button\";\nimport { Dropdown } from \"../../actions/Dropdown\";\nimport { useLocale } from \"../../intl/locale\";\nimport { AnchoredPopover } from \"../../layout/AnchoredPopover\";\nimport { type DictationController, type DictationNotice, isBarNotice } from \"./create-dictation\";\nimport { dictationMessages } from \"./dictation-messages\";\nimport type { DictationDevice } from \"./types\";\n\nconst useDictationMessages = () => {\n  const locale = useLocale();\n  return () => dictationMessages.resolve([locale()]).t;\n};\n\n/** Whether the bar stands in for the host's controls: while dictating, finishing, or showing a bar notice. */\nexport const dictationBarShown = (dictation: DictationController) => dictation.active() || isBarNotice(dictation.notice());\n\nconst clock = (ms: number) => {\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, \"0\")}`;\n};\n\n/** The quiet countdown starts one minute before the end. */\nconst warnMs = 60_000;\n\nconst deviceIcon = (device: DictationDevice | undefined) => {\n  const label = device?.label ?? \"\";\n  if (/airpods|buds|headset|headphone|kopfhörer/i.test(label)) return \"ti-headphones\";\n  if (/iphone|android|phone|handy|mobile/i.test(label)) return \"ti-device-mobile\";\n  if (/macbook|laptop|built-in|internal|intern/i.test(label) || !label) return \"ti-device-laptop\";\n  return \"ti-microphone\";\n};\n\nexport type DictationButtonProps = {\n  dictation: DictationController;\n  size?: \"xs\" | \"sm\";\n  class?: string;\n  /** The box the notice cards line up with, such as the whole composer; defaults to the button. */\n  cardAnchor?: () => HTMLElement | undefined;\n};\n\n/**\n * The microphone at its fixed place. A press starts live dictation; offline it stays focusable and says why it waits.\n * Notices that need a decision, such as a blocked microphone or a used-up allowance, open as cards above it.\n */\nexport function DictationButton(props: DictationButtonProps): JSX.Element {\n  const t = useDictationMessages();\n  const [button, setButton] = createSignal<HTMLButtonElement>();\n  const card = () => {\n    const notice = props.dictation.notice();\n    return notice && !isBarNotice(notice) ? notice : null;\n  };\n  createEffect(() => props.dictation.bind(\"microphone\", button()));\n  onCleanup(() => props.dictation.bind(\"microphone\", undefined));\n  return (\n    <>\n      <IconButton\n        ref={setButton}\n        size={props.size ?? \"sm\"}\n        class={`k2b-dictation-button ${props.class ?? \"\"}`}\n        label={props.dictation.offline() ? t().dictateOffline : t().dictate}\n        tooltip={props.dictation.offline() ? t().offline : t().dictate}\n        aria-pressed={props.dictation.active() ? \"true\" : \"false\"}\n        aria-disabled={props.dictation.offline() || (!props.dictation.active() && props.dictation.disabled()) ? \"true\" : undefined}\n        data-notice={card()?.kind}\n        onClick={() => {\n          if (props.dictation.offline() || (!props.dictation.active() && props.dictation.disabled())) return;\n          if (props.dictation.active()) void props.dictation.stop();\n          else props.dictation.start();\n        }}\n      >\n        <i class={`ti ${card()?.kind === \"blocked\" ? \"ti-microphone-off\" : \"ti-microphone\"}`} aria-hidden=\"true\" />\n      </IconButton>\n      <Show when={card()}>\n        {(notice) => <DictationCard dictation={props.dictation} notice={notice()} anchor={props.cardAnchor?.() ?? button()} />}\n      </Show>\n    </>\n  );\n}\n\nfunction DictationCard(props: { dictation: DictationController; notice: DictationNotice; anchor: HTMLElement | undefined }) {\n  const t = useDictationMessages();\n  const locale = useLocale();\n  const resetTime = () => {\n    const notice = props.notice;\n    const at = notice.kind === \"quota\" && notice.resetsAt ? new Date(notice.resetsAt) : null;\n    const time = (at ?? new Date(new Date().setHours(24, 0, 0, 0))).toLocaleTimeString(locale(), { hour: \"2-digit\", minute: \"2-digit\" });\n    const today = new Date();\n    const tomorrow = !at || at.toDateString() !== today.toDateString();\n    return tomorrow ? t().quotaBodyTomorrow({ time }) : t().quotaBody({ time });\n  };\n  const content = (): { icon: string; title: string; body: JSX.Element; retry: boolean } => {\n    switch (props.notice.kind) {\n      case \"blocked\":\n        return {\n          icon: \"ti-microphone-off\",\n          title: t().blockedTitle,\n          body: (\n            <>\n              <p>{t().blockedBody}</p>\n              <ol>\n                <li>{t().blockedStep1}</li>\n                <li>{t().blockedStep2}</li>\n              </ol>\n            </>\n          ),\n          retry: true,\n        };\n      case \"quota\":\n        return { icon: \"ti-hourglass\", title: t().quotaTitle, body: <p>{resetTime()}</p>, retry: false };\n      case \"overloaded\":\n        return {\n          icon: \"ti-hourglass\",\n          title: t().overloadedTitle,\n          body: <p>{props.dictation.alternative?.note ?? t().overloadedBody}</p>,\n          retry: true,\n        };\n      case \"elsewhere\":\n        return { icon: \"ti-microphone\", title: t().elsewhereTitle, body: <p>{t().elsewhereBody}</p>, retry: false };\n      case \"unavailable\":\n        return { icon: \"ti-microphone-off\", title: t().unavailableTitle, body: <p>{t().unavailableBody}</p>, retry: true };\n      default:\n        return { icon: \"ti-microphone-off\", title: t().notAvailableTitle, body: <p>{t().notAvailableBody}</p>, retry: false };\n    }\n  };\n  return (\n    <AnchoredPopover\n      anchor={props.anchor}\n      onClose={() => props.dictation.dismiss()}\n      label={content().title}\n      side=\"above\"\n      align=\"end\"\n      width=\"20rem\"\n      sheet={false}\n      class=\"k2b-dictation-card\"\n    >\n      <h3 class=\"k2b-dictation-card__title\">\n        <i class={`ti ${content().icon}`} aria-hidden=\"true\" />\n        {content().title}\n      </h3>\n      <div class=\"k2b-dictation-card__body\">{content().body}</div>\n      <div class=\"k2b-dictation-card__actions\">\n        <Show when={props.notice.kind === \"overloaded\" ? props.dictation.alternative : undefined}>\n          {(alternative) => (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={() => {\n                props.dictation.dismiss();\n                alternative().run();\n              }}\n            >\n              {alternative().label}\n            </Button>\n          )}\n        </Show>\n        <Show\n          when={content().retry}\n          fallback={\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              class={props.notice.kind === \"elsewhere\" ? \"k2b-dictation-card__primary\" : undefined}\n              onClick={() => props.dictation.dismiss()}\n            >\n              {t().ok}\n            </Button>\n          }\n        >\n          <Button size=\"sm\" variant=\"ghost\" class=\"k2b-dictation-card__primary\" onClick={() => props.dictation.start()}>\n            {t().retry}\n          </Button>\n        </Show>\n      </div>\n    </AnchoredPopover>\n  );\n}\n\nexport type DictationBarProps = {\n  dictation: DictationController;\n  class?: string;\n};\n\n/**\n * The row that stands in for the host's controls while dictating, at the same place and height: Discard, level, time,\n * microphone and Stop; then \"Finishing …\" until the last words arrived; and a notice with \"Continue\" when the session\n * ended early. Render it where `dictationBarShown()` is true. Escape stops, after closing an open menu.\n */\nexport function DictationBar(props: DictationBarProps): JSX.Element {\n  const t = useDictationMessages();\n  const status = () => props.dictation.status();\n  const remaining = () => props.dictation.maxMs() - props.dictation.elapsedMs();\n  const warning = () => status() === \"live\" && remaining() <= warnMs;\n  const time = () => (warning() ? t().timeLeft({ time: clock(remaining()) }) : clock(props.dictation.elapsedMs()));\n  const slots = 160;\n  const bars = () => {\n    const levels = props.dictation.levels();\n    return Array.from({ length: slots }, (_, index) => levels[levels.length - slots + index] ?? 0);\n  };\n  const deviceLabel = () => props.dictation.device()?.label || t().microphone;\n\n  const onKey = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\" || event.defaultPrevented || status() !== \"live\") return;\n    event.preventDefault();\n    void props.dictation.stop();\n  };\n  createEffect(() => {\n    if (status() !== \"live\") return;\n    document.addEventListener(\"keydown\", onKey);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKey));\n  });\n  const bindStop = (element: HTMLElement) => {\n    props.dictation.bind(\"stop\", element);\n    onCleanup(() => props.dictation.bind(\"stop\", undefined));\n  };\n  const bindContinue = (element: HTMLElement) => {\n    props.dictation.bind(\"continue\", element);\n    onCleanup(() => props.dictation.bind(\"continue\", undefined));\n  };\n\n  const deviceItems = () => [\n    {\n      sectionLabel: t().microphone,\n      items: (props.dictation.devices().length\n        ? props.dictation.devices()\n        : props.dictation.device()\n          ? [props.dictation.device()!]\n          : []\n      ).map((device) => ({\n        choice: \"radio\" as const,\n        icon: `ti ${deviceIcon(device)}`,\n        label: device.id === \"default\" ? `${device.label || t().microphone} · ${t().systemDefault}` : device.label || t().microphone,\n        checked: () => (props.dictation.deviceId() ?? props.dictation.device()?.id) === device.id,\n        action: () => props.dictation.chooseDevice(device.id),\n      })),\n    },\n  ];\n\n  return (\n    <div class={`k2b-dictation-bar ${props.class ?? \"\"}`}>\n      <Switch>\n        <Match when={status() === \"finishing\"}>\n          <div class=\"k2b-dictation-bar__row\" data-state=\"finishing\" role=\"group\" aria-label={t().finishingGroup}>\n            <IconButton size=\"sm\" label={t().discard} aria-disabled=\"true\" class=\"k2b-dictation-bar__icon\">\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </IconButton>\n            <div class=\"k2b-dictation-bar__status\" role=\"status\">\n              <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n              <span class=\"k2b-dictation-bar__message\">{t().finishing}</span>\n            </div>\n            <span class=\"k2b-dictation-bar__time\">{clock(props.dictation.elapsedMs())}</span>\n            <span class=\"k2b-dictation-bar__stop\" data-disabled=\"true\" aria-hidden=\"true\">\n              <span />\n            </span>\n          </div>\n        </Match>\n        <Match when={status() === \"live\" || status() === \"starting\"}>\n          <div class=\"k2b-dictation-bar__row\" data-state={status()} role=\"group\" aria-label={t().running}>\n            <IconButton size=\"sm\" label={t().discard} class=\"k2b-dictation-bar__icon\" onClick={() => props.dictation.discard()}>\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </IconButton>\n            <span class=\"k2b-dictation-bar__dot\" data-live={status() === \"live\" ? \"true\" : undefined} aria-hidden=\"true\" />\n            <div class=\"k2b-dictation-bar__wave\" aria-hidden=\"true\">\n              <Index each={bars()}>{(level) => <span style={{ \"--k2b-dictation-level\": String(0.1 + level() * 0.9) }} />}</Index>\n            </div>\n            <span class=\"k2b-dictation-bar__time\" data-warning={warning() ? \"true\" : undefined}>\n              {status() === \"starting\" ? clock(0) : time()}\n            </span>\n            <Dropdown\n              items={deviceItems()}\n              position=\"top-left\"\n              width=\"16.25rem\"\n              onOpenChange={(open) => {\n                if (open) void props.dictation.loadDevices();\n              }}\n            >\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-dictation-bar__device\" label={t().microphoneNamed({ name: deviceLabel() })}>\n                <i class={`ti ${deviceIcon(props.dictation.device())}`} aria-hidden=\"true\" />\n                <span class=\"k2b-dictation-bar__device-name\">{deviceLabel()}</span>\n                <i class=\"ti ti-chevron-down k2b-dictation-bar__device-chevron\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown>\n            <button\n              ref={bindStop}\n              type=\"button\"\n              class=\"k2b-dictation-bar__stop\"\n              aria-label={t().stop}\n              title={t().stop}\n              onClick={() => void props.dictation.stop()}\n            >\n              <span aria-hidden=\"true\" />\n            </button>\n          </div>\n        </Match>\n        <Match when={isBarNotice(props.dictation.notice()) ? props.dictation.notice() : undefined}>\n          {(notice) => {\n            const ended = () => {\n              const value = notice();\n              return value.kind === \"ended\" ? value : undefined;\n            };\n            const minutes = () => Math.round((ended()?.maxMs ?? 600_000) / 60_000);\n            const long = () =>\n              !ended() ? t().interrupted : ended()!.reason === \"silence\" ? t().silenceDone : t().maxDone({ minutes: minutes() });\n            const short = () =>\n              !ended()\n                ? t().interruptedShort\n                : ended()!.reason === \"silence\"\n                  ? t().silenceDoneShort\n                  : t().maxDoneShort({ minutes: minutes() });\n            return (\n              <div class=\"k2b-dictation-bar__row\" data-state=\"notice\">\n                <div class=\"k2b-dictation-bar__status\" data-tone={ended() ? undefined : \"danger\"} role=\"status\">\n                  <i class={`ti ${ended() ? \"ti-clock\" : \"ti-alert-circle\"}`} aria-hidden=\"true\" />\n                  {/* The full message is read on every width; the visible text shortens on narrow rows. */}\n                  <span class=\"k2b-sr-only\">{long()}</span>\n                  <span class=\"k2b-dictation-bar__message k2b-dictation-bar__message--long\" aria-hidden=\"true\">\n                    {long()}\n                  </span>\n                  <span class=\"k2b-dictation-bar__message k2b-dictation-bar__message--short\" aria-hidden=\"true\">\n                    {short()}\n                  </span>\n                </div>\n                <Button\n                  ref={bindContinue}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  class=\"k2b-dictation-bar__continue\"\n                  onClick={() => props.dictation.start()}\n                >\n                  {t().continue}\n                </Button>\n                <IconButton size=\"sm\" label={t().dismiss} class=\"k2b-dictation-bar__icon\" onClick={() => props.dictation.dismiss()}>\n                  <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                </IconButton>\n              </div>\n            );\n          }}\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/dictation/Dictation.tsx"],"sourcesContent":["import { createEffect, createSignal, Index, type JSX, Match, onCleanup, Show, Switch } from \"solid-js\";\nimport { Button, IconButton } from \"../../actions/Button\";\nimport { Dropdown } from \"../../actions/Dropdown\";\nimport { useLocale } from \"../../intl/locale\";\nimport { AnchoredPopover } from \"../../layout/AnchoredPopover\";\nimport { type DictationController, type DictationNotice, isBarNotice } from \"./create-dictation\";\nimport { dictationMessages } from \"./dictation-messages\";\nimport type { DictationDevice } from \"./types\";\n\nconst useDictationMessages = () => {\n  const locale = useLocale();\n  return () => dictationMessages.resolve([locale()]).t;\n};\n\n/** Whether the bar stands in for the host's controls: while dictating, finishing, or showing a bar notice. */\nexport const dictationBarShown = (dictation: DictationController) => dictation.active() || isBarNotice(dictation.notice());\n\nconst clock = (ms: number) => {\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, \"0\")}`;\n};\n\n/** The quiet countdown starts one minute before the end. */\nconst warnMs = 60_000;\n\nconst deviceIcon = (device: DictationDevice | undefined) => {\n  const label = device?.label ?? \"\";\n  if (/airpods|buds|headset|headphone|kopfhörer/i.test(label)) return \"ti-headphones\";\n  if (/iphone|android|phone|handy|mobile/i.test(label)) return \"ti-device-mobile\";\n  if (/macbook|laptop|built-in|internal|intern/i.test(label) || !label) return \"ti-device-laptop\";\n  return \"ti-microphone\";\n};\n\nexport type DictationButtonProps = {\n  dictation: DictationController;\n  size?: \"xs\" | \"sm\";\n  class?: string;\n  /** The box the notice cards line up with, such as the whole composer; defaults to the button. */\n  cardAnchor?: () => HTMLElement | undefined;\n};\n\n/**\n * The microphone at its fixed place. A press starts live dictation; offline it stays focusable and says why it waits.\n * Notices that need a decision, such as a blocked microphone or a used-up allowance, open as cards above it.\n */\nexport function DictationButton(props: DictationButtonProps): JSX.Element {\n  const t = useDictationMessages();\n  const [button, setButton] = createSignal<HTMLButtonElement>();\n  const card = () => {\n    const notice = props.dictation.notice();\n    return notice && !isBarNotice(notice) ? notice : null;\n  };\n  createEffect(() => props.dictation.bind(\"microphone\", button()));\n  onCleanup(() => props.dictation.bind(\"microphone\", undefined));\n  return (\n    <>\n      <IconButton\n        ref={setButton}\n        size={props.size ?? \"sm\"}\n        class={`k2b-dictation-button ${props.class ?? \"\"}`}\n        label={props.dictation.offline() ? t().dictateOffline : t().dictate}\n        tooltip={props.dictation.offline() ? t().offline : t().dictate}\n        aria-pressed={props.dictation.active() ? \"true\" : \"false\"}\n        aria-disabled={props.dictation.offline() || (!props.dictation.active() && props.dictation.disabled()) ? \"true\" : undefined}\n        data-notice={card()?.kind}\n        onClick={() => {\n          if (props.dictation.offline() || (!props.dictation.active() && props.dictation.disabled())) return;\n          if (props.dictation.active()) void props.dictation.stop();\n          else props.dictation.start();\n        }}\n      >\n        <i class={`ti ${card()?.kind === \"blocked\" ? \"ti-microphone-off\" : \"ti-microphone\"}`} aria-hidden=\"true\" />\n      </IconButton>\n      <Show when={card()}>\n        {(notice) => <DictationCard dictation={props.dictation} notice={notice()} anchor={props.cardAnchor?.() ?? button()} />}\n      </Show>\n    </>\n  );\n}\n\nfunction DictationCard(props: { dictation: DictationController; notice: DictationNotice; anchor: HTMLElement | undefined }) {\n  const t = useDictationMessages();\n  const locale = useLocale();\n  const resetTime = () => {\n    const notice = props.notice;\n    const at = notice.kind === \"quota\" && notice.resetsAt ? new Date(notice.resetsAt) : null;\n    const time = (at ?? new Date(new Date().setHours(24, 0, 0, 0))).toLocaleTimeString(locale(), { hour: \"2-digit\", minute: \"2-digit\" });\n    const today = new Date();\n    const tomorrow = !at || at.toDateString() !== today.toDateString();\n    return tomorrow ? t().quotaBodyTomorrow({ time }) : t().quotaBody({ time });\n  };\n  const content = (): { icon: string; title: string; body: JSX.Element; retry: boolean } => {\n    switch (props.notice.kind) {\n      case \"blocked\":\n        return {\n          icon: \"ti-microphone-off\",\n          title: t().blockedTitle,\n          // An installed app has no address bar, and where a device keeps the app's permissions differs, so its\n          // card names no path.\n          body: matchMedia(\"(display-mode: standalone)\").matches ? (\n            <p>{t().blockedApp}</p>\n          ) : (\n            <>\n              <p>{t().blockedBody}</p>\n              <ol>\n                <li>{t().blockedStep1}</li>\n                <li>{t().blockedStep2}</li>\n              </ol>\n            </>\n          ),\n          retry: true,\n        };\n      case \"quota\":\n        return { icon: \"ti-hourglass\", title: t().quotaTitle, body: <p>{resetTime()}</p>, retry: false };\n      case \"overloaded\":\n        return {\n          icon: \"ti-hourglass\",\n          title: t().overloadedTitle,\n          body: <p>{props.dictation.alternative?.note ?? t().overloadedBody}</p>,\n          retry: true,\n        };\n      case \"elsewhere\":\n        return { icon: \"ti-microphone\", title: t().elsewhereTitle, body: <p>{t().elsewhereBody}</p>, retry: false };\n      case \"unavailable\":\n        return { icon: \"ti-microphone-off\", title: t().unavailableTitle, body: <p>{t().unavailableBody}</p>, retry: true };\n      default:\n        return { icon: \"ti-microphone-off\", title: t().notAvailableTitle, body: <p>{t().notAvailableBody}</p>, retry: false };\n    }\n  };\n  return (\n    <AnchoredPopover\n      anchor={props.anchor}\n      onClose={() => props.dictation.dismiss()}\n      label={content().title}\n      side=\"above\"\n      align=\"end\"\n      width=\"20rem\"\n      sheet={false}\n      class=\"k2b-dictation-card\"\n    >\n      <h3 class=\"k2b-dictation-card__title\">\n        <i class={`ti ${content().icon}`} aria-hidden=\"true\" />\n        {content().title}\n      </h3>\n      <div class=\"k2b-dictation-card__body\">{content().body}</div>\n      <div class=\"k2b-dictation-card__actions\">\n        <Show when={props.notice.kind === \"overloaded\" ? props.dictation.alternative : undefined}>\n          {(alternative) => (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={() => {\n                props.dictation.dismiss();\n                alternative().run();\n              }}\n            >\n              {alternative().label}\n            </Button>\n          )}\n        </Show>\n        <Show\n          when={content().retry}\n          fallback={\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              class={props.notice.kind === \"elsewhere\" ? \"k2b-dictation-card__primary\" : undefined}\n              onClick={() => props.dictation.dismiss()}\n            >\n              {t().ok}\n            </Button>\n          }\n        >\n          <Button size=\"sm\" variant=\"ghost\" class=\"k2b-dictation-card__primary\" onClick={() => props.dictation.start()}>\n            {t().retry}\n          </Button>\n        </Show>\n      </div>\n    </AnchoredPopover>\n  );\n}\n\nexport type DictationBarProps = {\n  dictation: DictationController;\n  class?: string;\n};\n\n/**\n * The row that stands in for the host's controls while dictating, at the same place and height: Discard, level, time,\n * microphone and Stop; then \"Finishing …\" until the last words arrived; and a notice with \"Continue\" when the session\n * ended early. Render it where `dictationBarShown()` is true. Escape stops, after closing an open menu.\n */\nexport function DictationBar(props: DictationBarProps): JSX.Element {\n  const t = useDictationMessages();\n  const status = () => props.dictation.status();\n  const remaining = () => props.dictation.maxMs() - props.dictation.elapsedMs();\n  const warning = () => status() === \"live\" && remaining() <= warnMs;\n  const time = () => (warning() ? t().timeLeft({ time: clock(remaining()) }) : clock(props.dictation.elapsedMs()));\n  const slots = 160;\n  const bars = () => {\n    const levels = props.dictation.levels();\n    return Array.from({ length: slots }, (_, index) => levels[levels.length - slots + index] ?? 0);\n  };\n  const deviceLabel = () => props.dictation.device()?.label || t().microphone;\n\n  const onKey = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\" || event.defaultPrevented || status() !== \"live\") return;\n    event.preventDefault();\n    void props.dictation.stop();\n  };\n  createEffect(() => {\n    if (status() !== \"live\") return;\n    document.addEventListener(\"keydown\", onKey);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKey));\n  });\n  const bindStop = (element: HTMLElement) => {\n    props.dictation.bind(\"stop\", element);\n    onCleanup(() => props.dictation.bind(\"stop\", undefined));\n  };\n  const bindContinue = (element: HTMLElement) => {\n    props.dictation.bind(\"continue\", element);\n    onCleanup(() => props.dictation.bind(\"continue\", undefined));\n  };\n\n  const deviceItems = () => [\n    {\n      sectionLabel: t().microphone,\n      items: (props.dictation.devices().length\n        ? props.dictation.devices()\n        : props.dictation.device()\n          ? [props.dictation.device()!]\n          : []\n      ).map((device) => ({\n        choice: \"radio\" as const,\n        icon: `ti ${deviceIcon(device)}`,\n        label: device.id === \"default\" ? `${device.label || t().microphone} · ${t().systemDefault}` : device.label || t().microphone,\n        checked: () => (props.dictation.deviceId() ?? props.dictation.device()?.id) === device.id,\n        action: () => props.dictation.chooseDevice(device.id),\n      })),\n    },\n  ];\n\n  return (\n    <div class={`k2b-dictation-bar ${props.class ?? \"\"}`}>\n      <Switch>\n        <Match when={status() === \"finishing\"}>\n          <div class=\"k2b-dictation-bar__row\" data-state=\"finishing\" role=\"group\" aria-label={t().finishingGroup}>\n            <IconButton size=\"sm\" label={t().discard} aria-disabled=\"true\" class=\"k2b-dictation-bar__icon\">\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </IconButton>\n            <div class=\"k2b-dictation-bar__status\" role=\"status\">\n              <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n              <span class=\"k2b-dictation-bar__message\">{t().finishing}</span>\n            </div>\n            <span class=\"k2b-dictation-bar__time\">{clock(props.dictation.elapsedMs())}</span>\n            <span class=\"k2b-dictation-bar__stop\" data-disabled=\"true\" aria-hidden=\"true\">\n              <span />\n            </span>\n          </div>\n        </Match>\n        <Match when={status() === \"live\" || status() === \"starting\"}>\n          <div class=\"k2b-dictation-bar__row\" data-state={status()} role=\"group\" aria-label={t().running}>\n            <IconButton size=\"sm\" label={t().discard} class=\"k2b-dictation-bar__icon\" onClick={() => props.dictation.discard()}>\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </IconButton>\n            <span class=\"k2b-dictation-bar__dot\" data-live={status() === \"live\" ? \"true\" : undefined} aria-hidden=\"true\" />\n            <div class=\"k2b-dictation-bar__wave\" aria-hidden=\"true\">\n              <Index each={bars()}>{(level) => <span style={{ \"--k2b-dictation-level\": String(0.1 + level() * 0.9) }} />}</Index>\n            </div>\n            <span class=\"k2b-dictation-bar__time\" data-warning={warning() ? \"true\" : undefined}>\n              {status() === \"starting\" ? clock(0) : time()}\n            </span>\n            <Dropdown\n              items={deviceItems()}\n              position=\"top-left\"\n              width=\"16.25rem\"\n              onOpenChange={(open) => {\n                if (open) void props.dictation.loadDevices();\n              }}\n            >\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-dictation-bar__device\" label={t().microphoneNamed({ name: deviceLabel() })}>\n                <i class={`ti ${deviceIcon(props.dictation.device())}`} aria-hidden=\"true\" />\n                <span class=\"k2b-dictation-bar__device-name\">{deviceLabel()}</span>\n                <i class=\"ti ti-chevron-down k2b-dictation-bar__device-chevron\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown>\n            <button\n              ref={bindStop}\n              type=\"button\"\n              class=\"k2b-dictation-bar__stop\"\n              aria-label={t().stop}\n              title={t().stop}\n              onClick={() => void props.dictation.stop()}\n            >\n              <span aria-hidden=\"true\" />\n            </button>\n          </div>\n        </Match>\n        <Match when={isBarNotice(props.dictation.notice()) ? props.dictation.notice() : undefined}>\n          {(notice) => {\n            const ended = () => {\n              const value = notice();\n              return value.kind === \"ended\" ? value : undefined;\n            };\n            const minutes = () => Math.round((ended()?.maxMs ?? 600_000) / 60_000);\n            const long = () =>\n              !ended() ? t().interrupted : ended()!.reason === \"silence\" ? t().silenceDone : t().maxDone({ minutes: minutes() });\n            const short = () =>\n              !ended()\n                ? t().interruptedShort\n                : ended()!.reason === \"silence\"\n                  ? t().silenceDoneShort\n                  : t().maxDoneShort({ minutes: minutes() });\n            return (\n              <div class=\"k2b-dictation-bar__row\" data-state=\"notice\">\n                <div class=\"k2b-dictation-bar__status\" data-tone={ended() ? undefined : \"danger\"} role=\"status\">\n                  <i class={`ti ${ended() ? \"ti-clock\" : \"ti-alert-circle\"}`} aria-hidden=\"true\" />\n                  {/* The full message is read on every width; the visible text shortens on narrow rows. */}\n                  <span class=\"k2b-sr-only\">{long()}</span>\n                  <span class=\"k2b-dictation-bar__message k2b-dictation-bar__message--long\" aria-hidden=\"true\">\n                    {long()}\n                  </span>\n                  <span class=\"k2b-dictation-bar__message k2b-dictation-bar__message--short\" aria-hidden=\"true\">\n                    {short()}\n                  </span>\n                </div>\n                <Button\n                  ref={bindContinue}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  class=\"k2b-dictation-bar__continue\"\n                  onClick={() => props.dictation.start()}\n                >\n                  {t().continue}\n                </Button>\n                <IconButton size=\"sm\" label={t().dismiss} class=\"k2b-dictation-bar__icon\" onClick={() => props.dictation.dismiss()}>\n                  <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                </IconButton>\n              </div>\n            );\n          }}\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/dictation/dictation-messages.js

@@ -35,6 +35,7 @@ export const dictationMessages = i18n.define({
       blockedBody: "The browser does not let this page use the microphone. To allow it:",
       blockedStep1: "Tap the lock on the left of the address bar.",
       blockedStep2: "Choose “Allow” for “Microphone”.",
+      blockedApp: "This app may not use the microphone. Allow the microphone for it, then try again.",
       retry: "Try again",
       quotaTitle: "Your dictation allowance for today is used up",
       quotaBody: ({
@@ -89,6 +90,7 @@ export const dictationMessages = i18n.define({
       blockedBody: "Der Browser lässt diese Seite nicht an das Mikrofon. So erlaubst du es:",
       blockedStep1: "Links in der Adressleiste auf das Schloss tippen.",
       blockedStep2: "Bei „Mikrofon“ „Erlauben“ wählen.",
+      blockedApp: "Diese App darf das Mikrofon nicht nutzen. Erlaube ihr das Mikrofon und versuche es dann erneut.",
       retry: "Erneut versuchen",
       quotaTitle: "Dein Diktat-Kontingent für heute ist aufgebraucht",
       quotaBody: ({

package/dist/ssr/inputs/dictation/dictation-messages.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/dictation/dictation-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\n\nexport const dictationMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      dictate: \"Dictate\",\n      dictateOffline: \"Dictate, not available offline\",\n      offline: \"Offline. Dictation needs a connection.\",\n      discard: \"Discard dictation\",\n      stop: \"Stop dictation\",\n      running: \"Dictating\",\n      finishingGroup: \"Finishing dictation\",\n      finishing: \"Finishing …\",\n      starting: \"Starting …\",\n      ended: \"Dictation ended\",\n      discarded: \"Dictation discarded\",\n      microphone: \"Microphone\",\n      microphoneNamed: ({ name }: { name: string }) => `Microphone: ${name}`,\n      systemDefault: \"Default\",\n      interrupted: \"Dictation interrupted. The text so far stays.\",\n      interruptedShort: \"Interrupted. Text stays.\",\n      maxDone: ({ minutes }: { minutes: number }) => `Ended after ${minutes} minutes. The text stays.`,\n      maxDoneShort: ({ minutes }: { minutes: number }) => `Ended after ${minutes} min.`,\n      silenceDone: \"Ended after a long silence. The text stays.\",\n      silenceDoneShort: \"Ended after silence.\",\n      continue: \"Continue dictating\",\n      dismiss: \"Close notice\",\n      blockedTitle: \"Microphone blocked\",\n      blockedBody: \"The browser does not let this page use the microphone. To allow it:\",\n      blockedStep1: \"Tap the lock on the left of the address bar.\",\n      blockedStep2: \"Choose “Allow” for “Microphone”.\",\n      retry: \"Try again\",\n      quotaTitle: \"Your dictation allowance for today is used up\",\n      quotaBody: ({ time }: { time: string }) => `You can dictate again from ${time}. Typing works as always.`,\n      quotaBodyTomorrow: ({ time }: { time: string }) => `You can dictate again from tomorrow, ${time}. Typing works as always.`,\n      overloadedTitle: \"Live dictation is busy right now\",\n      overloadedBody: \"Try again in a moment.\",\n      elsewhereTitle: \"You are dictating in another tab\",\n      elsewhereBody: \"End it there, then you can dictate here.\",\n      unavailableTitle: \"No microphone found\",\n      unavailableBody: \"Connect a microphone or choose another one, then try again.\",\n      notAvailableTitle: \"Dictation is not available here\",\n      notAvailableBody: \"Typing works as always.\",\n      ok: \"OK\",\n      timeLeft: ({ time }: { time: string }) => `${time} left`,\n    },\n    de: {\n      dictate: \"Diktieren\",\n      dictateOffline: \"Diktieren, offline nicht verfügbar\",\n      offline: \"Offline. Diktieren braucht eine Verbindung.\",\n      discard: \"Diktat verwerfen\",\n      stop: \"Diktat beenden\",\n      running: \"Diktat läuft\",\n      finishingGroup: \"Diktat wird abgeschlossen\",\n      finishing: \"Wird abgeschlossen …\",\n      starting: \"Wird gestartet …\",\n      ended: \"Diktat beendet\",\n      discarded: \"Diktat verworfen\",\n      microphone: \"Mikrofon\",\n      microphoneNamed: ({ name }: { name: string }) => `Mikrofon: ${name}`,\n      systemDefault: \"Standard\",\n      interrupted: \"Diktat unterbrochen. Der Text bis hier bleibt.\",\n      interruptedShort: \"Unterbrochen. Text bleibt.\",\n      maxDone: ({ minutes }: { minutes: number }) => `Nach ${minutes} Minuten beendet. Der Text bleibt.`,\n      maxDoneShort: ({ minutes }: { minutes: number }) => `Nach ${minutes} Min. beendet.`,\n      silenceDone: \"Nach langer Stille beendet. Der Text bleibt.\",\n      silenceDoneShort: \"Nach Stille beendet.\",\n      continue: \"Weiter diktieren\",\n      dismiss: \"Hinweis schließen\",\n      blockedTitle: \"Mikrofon blockiert\",\n      blockedBody: \"Der Browser lässt diese Seite nicht an das Mikrofon. So erlaubst du es:\",\n      blockedStep1: \"Links in der Adressleiste auf das Schloss tippen.\",\n      blockedStep2: \"Bei „Mikrofon“ „Erlauben“ wählen.\",\n      retry: \"Erneut versuchen\",\n      quotaTitle: \"Dein Diktat-Kontingent für heute ist aufgebraucht\",\n      quotaBody: ({ time }: { time: string }) => `Ab ${time} kannst du wieder diktieren. Tippen geht natürlich weiter.`,\n      quotaBodyTomorrow: ({ time }: { time: string }) => `Ab morgen, ${time}, kannst du wieder diktieren. Tippen geht natürlich weiter.`,\n      overloadedTitle: \"Live-Diktat ist gerade ausgelastet\",\n      overloadedBody: \"Versuch es in einem Moment noch mal.\",\n      elsewhereTitle: \"Du diktierst gerade in einem anderen Tab\",\n      elsewhereBody: \"Beende es dort, dann kannst du hier diktieren.\",\n      unavailableTitle: \"Kein Mikrofon gefunden\",\n      unavailableBody: \"Schließ ein Mikrofon an oder wähl ein anderes, dann versuch es noch mal.\",\n      notAvailableTitle: \"Diktieren ist hier nicht verfügbar\",\n      notAvailableBody: \"Tippen geht natürlich weiter.\",\n      ok: \"OK\",\n      timeLeft: ({ time }: { time: string }) => `noch ${time}`,\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/dictation/dictation-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\n\nexport const dictationMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      dictate: \"Dictate\",\n      dictateOffline: \"Dictate, not available offline\",\n      offline: \"Offline. Dictation needs a connection.\",\n      discard: \"Discard dictation\",\n      stop: \"Stop dictation\",\n      running: \"Dictating\",\n      finishingGroup: \"Finishing dictation\",\n      finishing: \"Finishing …\",\n      starting: \"Starting …\",\n      ended: \"Dictation ended\",\n      discarded: \"Dictation discarded\",\n      microphone: \"Microphone\",\n      microphoneNamed: ({ name }: { name: string }) => `Microphone: ${name}`,\n      systemDefault: \"Default\",\n      interrupted: \"Dictation interrupted. The text so far stays.\",\n      interruptedShort: \"Interrupted. Text stays.\",\n      maxDone: ({ minutes }: { minutes: number }) => `Ended after ${minutes} minutes. The text stays.`,\n      maxDoneShort: ({ minutes }: { minutes: number }) => `Ended after ${minutes} min.`,\n      silenceDone: \"Ended after a long silence. The text stays.\",\n      silenceDoneShort: \"Ended after silence.\",\n      continue: \"Continue dictating\",\n      dismiss: \"Close notice\",\n      blockedTitle: \"Microphone blocked\",\n      blockedBody: \"The browser does not let this page use the microphone. To allow it:\",\n      blockedStep1: \"Tap the lock on the left of the address bar.\",\n      blockedStep2: \"Choose “Allow” for “Microphone”.\",\n      blockedApp: \"This app may not use the microphone. Allow the microphone for it, then try again.\",\n      retry: \"Try again\",\n      quotaTitle: \"Your dictation allowance for today is used up\",\n      quotaBody: ({ time }: { time: string }) => `You can dictate again from ${time}. Typing works as always.`,\n      quotaBodyTomorrow: ({ time }: { time: string }) => `You can dictate again from tomorrow, ${time}. Typing works as always.`,\n      overloadedTitle: \"Live dictation is busy right now\",\n      overloadedBody: \"Try again in a moment.\",\n      elsewhereTitle: \"You are dictating in another tab\",\n      elsewhereBody: \"End it there, then you can dictate here.\",\n      unavailableTitle: \"No microphone found\",\n      unavailableBody: \"Connect a microphone or choose another one, then try again.\",\n      notAvailableTitle: \"Dictation is not available here\",\n      notAvailableBody: \"Typing works as always.\",\n      ok: \"OK\",\n      timeLeft: ({ time }: { time: string }) => `${time} left`,\n    },\n    de: {\n      dictate: \"Diktieren\",\n      dictateOffline: \"Diktieren, offline nicht verfügbar\",\n      offline: \"Offline. Diktieren braucht eine Verbindung.\",\n      discard: \"Diktat verwerfen\",\n      stop: \"Diktat beenden\",\n      running: \"Diktat läuft\",\n      finishingGroup: \"Diktat wird abgeschlossen\",\n      finishing: \"Wird abgeschlossen …\",\n      starting: \"Wird gestartet …\",\n      ended: \"Diktat beendet\",\n      discarded: \"Diktat verworfen\",\n      microphone: \"Mikrofon\",\n      microphoneNamed: ({ name }: { name: string }) => `Mikrofon: ${name}`,\n      systemDefault: \"Standard\",\n      interrupted: \"Diktat unterbrochen. Der Text bis hier bleibt.\",\n      interruptedShort: \"Unterbrochen. Text bleibt.\",\n      maxDone: ({ minutes }: { minutes: number }) => `Nach ${minutes} Minuten beendet. Der Text bleibt.`,\n      maxDoneShort: ({ minutes }: { minutes: number }) => `Nach ${minutes} Min. beendet.`,\n      silenceDone: \"Nach langer Stille beendet. Der Text bleibt.\",\n      silenceDoneShort: \"Nach Stille beendet.\",\n      continue: \"Weiter diktieren\",\n      dismiss: \"Hinweis schließen\",\n      blockedTitle: \"Mikrofon blockiert\",\n      blockedBody: \"Der Browser lässt diese Seite nicht an das Mikrofon. So erlaubst du es:\",\n      blockedStep1: \"Links in der Adressleiste auf das Schloss tippen.\",\n      blockedStep2: \"Bei „Mikrofon“ „Erlauben“ wählen.\",\n      blockedApp: \"Diese App darf das Mikrofon nicht nutzen. Erlaube ihr das Mikrofon und versuche es dann erneut.\",\n      retry: \"Erneut versuchen\",\n      quotaTitle: \"Dein Diktat-Kontingent für heute ist aufgebraucht\",\n      quotaBody: ({ time }: { time: string }) => `Ab ${time} kannst du wieder diktieren. Tippen geht natürlich weiter.`,\n      quotaBodyTomorrow: ({ time }: { time: string }) => `Ab morgen, ${time}, kannst du wieder diktieren. Tippen geht natürlich weiter.`,\n      overloadedTitle: \"Live-Diktat ist gerade ausgelastet\",\n      overloadedBody: \"Versuch es in einem Moment noch mal.\",\n      elsewhereTitle: \"Du diktierst gerade in einem anderen Tab\",\n      elsewhereBody: \"Beende es dort, dann kannst du hier diktieren.\",\n      unavailableTitle: \"Kein Mikrofon gefunden\",\n      unavailableBody: \"Schließ ein Mikrofon an oder wähl ein anderes, dann versuch es noch mal.\",\n      notAvailableTitle: \"Diktieren ist hier nicht verfügbar\",\n      notAvailableBody: \"Tippen geht natürlich weiter.\",\n      ok: \"OK\",\n      timeLeft: ({ time }: { time: string }) => `noch ${time}`,\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/layout/AnchoredPopover.js

@@ -100,7 +100,8 @@ export function AnchoredPopover(props) {
       }
       setSheet(props.sheet !== false && typeof matchMedia === "function" && matchMedia(sheetQuery).matches);
       setShown(anchor);
-      if (!surface.matches(":popover-open")) surface.showPopover();
+      // Without the popover API, as in test DOMs, the panel stays in the flow instead of the top layer.
+      if (!surface.matches(":popover-open") && typeof surface.showPopover === "function") surface.showPopover();
       place();
       queueMicrotask(() => (props.initialFocus?.() ?? surface)?.focus({
         preventScroll: true

package/dist/ssr/layout/AnchoredPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/AnchoredPopover.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\n\nexport type AnchoredPopoverProps = {\n  /** The control the panel belongs to. The panel is open while this is set. */\n  anchor: HTMLElement | null | undefined;\n  /** Called on Escape, a click outside, another press of the anchor, and when the anchor leaves the page. */\n  onClose: () => void;\n  /** The panel's accessible name; it is a non-modal dialog. */\n  label: string;\n  children: JSX.Element;\n  /** Which edge lines up with the anchor. Defaults to `end`, like a menu at the end of a toolbar. */\n  align?: \"start\" | \"end\";\n  /** The side tried first; the panel flips only when the other side has more room. Defaults to `below`. */\n  side?: \"below\" | \"above\";\n  /**\n   * The tallest the panel gets while open, in px, such as a list it can switch to. The side is chosen for this height\n   * and kept, so a panel that grows never flips. Defaults to its height when it opens.\n   */\n  plannedHeight?: number;\n  /** Width of the panel on wide screens, such as `21rem`. On a phone it is a bottom sheet across the screen. */\n  width?: string;\n  /**\n   * `false` keeps a small notice beside its control on a phone too, inside the screen with a margin, instead of a\n   * bottom sheet that would cover the control. Defaults to `true`.\n   */\n  sheet?: boolean;\n  /** Moves the focus into the panel when it opens; defaults to the panel itself. */\n  initialFocus?: () => HTMLElement | null | undefined;\n  class?: string;\n};\n\nconst GAP = 6;\nconst MARGIN = 8;\nconst sheetQuery = \"(max-width: 47.999rem)\";\n\n/**\n * A panel anchored to a control, for content that is more than a menu, such as a card with a slider. It opens on the\n * side with room and keeps that side while open, so a panel that changes its content never jumps to the other side.\n * Escape, a click outside and another press of the anchor close it; the focus returns to where it was. On a phone it\n * is a bottom sheet.\n */\nexport function AnchoredPopover(props: AnchoredPopoverProps): JSX.Element {\n  let surface: HTMLDivElement | undefined;\n  let previous: HTMLElement | null = null;\n  let ring = false;\n  let pressedAnchor: HTMLElement | undefined;\n  /** The side chosen when the panel opened; kept until it closes. */\n  let openedAbove: boolean | undefined;\n  const [shown, setShown] = createSignal<HTMLElement>();\n  const [sheet, setSheet] = createSignal(false);\n\n  const place = () => {\n    const anchor = shown();\n    if (!surface || !anchor) return;\n    if (!anchor.isConnected) {\n      hide();\n      props.onClose();\n      return;\n    }\n    if (sheet()) {\n      surface.style.left = \"\";\n      surface.style.top = \"\";\n      return;\n    }\n    const viewport = window.visualViewport;\n    const view = {\n      top: (viewport?.offsetTop ?? 0) + MARGIN,\n      bottom: (viewport ? viewport.offsetTop + viewport.height : window.innerHeight) - MARGIN,\n      left: (viewport?.offsetLeft ?? 0) + MARGIN,\n      right: (viewport ? viewport.offsetLeft + viewport.width : window.innerWidth) - MARGIN,\n    };\n    const box = anchor.getBoundingClientRect();\n    const size = surface.getBoundingClientRect();\n    const roomAbove = box.top - GAP - view.top;\n    const roomBelow = view.bottom - box.bottom - GAP;\n    if (openedAbove === undefined) {\n      const planned = Math.max(size.height, props.plannedHeight ?? 0);\n      openedAbove =\n        (props.side ?? \"below\") === \"above\" ? planned <= roomAbove || roomAbove > roomBelow : planned > roomBelow && roomAbove > roomBelow;\n    }\n    surface.style.setProperty(\"--k2b-anchored-popover-room\", `${Math.round(Math.max(120, openedAbove ? roomAbove : roomBelow))}px`);\n    const top = openedAbove ? box.top - GAP - size.height : box.bottom + GAP;\n    const left = (props.align ?? \"end\") === \"end\" ? box.right - size.width : box.left;\n    surface.style.left = `${Math.round(Math.max(view.left, Math.min(left, view.right - size.width)))}px`;\n    surface.style.top = `${Math.round(Math.max(view.top, Math.min(top, view.bottom - size.height)))}px`;\n  };\n\n  const restoreFocus = () => {\n    const focused = document.activeElement;\n    if (focused && focused !== document.body && !surface?.contains(focused)) return;\n    if (previous?.isConnected) returnFocus(previous, ring);\n  };\n\n  const hide = () => {\n    restoreFocus();\n    if (surface?.matches(\":popover-open\")) surface.hidePopover();\n    openedAbove = undefined;\n    setShown(undefined);\n  };\n\n  const pressed = (event: PointerEvent) => {\n    const anchor = shown();\n    pressedAnchor = anchor && event.target instanceof Node && anchor.contains(event.target) ? anchor : undefined;\n  };\n  const clicked = (event: MouseEvent) => {\n    const anchor = shown();\n    if (!anchor || !(event.target instanceof Node) || !anchor.contains(event.target)) return;\n    pressedAnchor = anchor;\n    hide();\n    props.onClose();\n  };\n\n  createEffect(() => {\n    const anchor = props.anchor ?? undefined;\n    untrack(() => {\n      if (!anchor) {\n        if (shown()) hide();\n        return;\n      }\n      if (anchor === pressedAnchor) {\n        pressedAnchor = undefined;\n        props.onClose();\n        return;\n      }\n      if (shown() === anchor || !surface) return;\n      if (!shown()) {\n        previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n        ring = ringOnReturn(previous ?? anchor);\n      }\n      setSheet(props.sheet !== false && typeof matchMedia === \"function\" && matchMedia(sheetQuery).matches);\n      setShown(anchor);\n      if (!surface.matches(\":popover-open\")) surface.showPopover();\n      place();\n      queueMicrotask(() => (props.initialFocus?.() ?? surface)?.focus({ preventScroll: true }));\n    });\n  });\n\n  const scrolled = (event: Event) => {\n    if (!(event.target instanceof Node && surface?.contains(event.target))) place();\n  };\n\n  onMount(() => {\n    window.addEventListener(\"resize\", place);\n    window.addEventListener(\"scroll\", scrolled, true);\n    window.visualViewport?.addEventListener(\"resize\", place);\n    document.addEventListener(\"pointerdown\", pressed, true);\n    document.addEventListener(\"click\", clicked, true);\n    const observer = typeof ResizeObserver === \"function\" && surface ? new ResizeObserver(place) : undefined;\n    if (surface) observer?.observe(surface);\n    onCleanup(() => {\n      observer?.disconnect();\n      window.removeEventListener(\"resize\", place);\n      window.removeEventListener(\"scroll\", scrolled, true);\n      window.visualViewport?.removeEventListener(\"resize\", place);\n      document.removeEventListener(\"pointerdown\", pressed, true);\n      document.removeEventListener(\"click\", clicked, true);\n      if (surface?.matches(\":popover-open\")) hide();\n    });\n  });\n\n  return (\n    <div\n      ref={surface}\n      popover=\"auto\"\n      role=\"dialog\"\n      aria-label={props.label}\n      tabIndex={-1}\n      class={[\"k2b-anchored-popover\", props.class].filter(Boolean).join(\" \")}\n      data-sheet={sheet() ? \"\" : undefined}\n      style={props.width ? { \"--k2b-anchored-popover-width\": props.width } : undefined}\n      onToggle={(event) => {\n        if ((event as ToggleEvent).newState === \"open\") return;\n        if (shown()) {\n          openedAbove = undefined;\n          setShown(undefined);\n          restoreFocus();\n          props.onClose();\n        }\n        setTimeout(() => {\n          pressedAnchor = undefined;\n        });\n      }}\n    >\n      <Show when={shown()}>{props.children}</Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAS,YAAY,EAAE,YAAY,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,QAAQ,UAAU;AAClG,SAAS,WAAW,EAAE,YAAY,QAAQ,0BAA0B;AA+BpE,MAAM,GAAG,GAAG,CAAC;AACb,MAAM,MAAM,GAAG,CAAC;AAChB,MAAM,UAAU,GAAG,wBAAwB;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,eAAe,CAAC,KAA2B,EAAe;EACxE,IAAI,OAAmC;EACvC,IAAI,QAA4B,GAAG,IAAI;EACvC,IAAI,IAAI,GAAG,KAAK;EAChB,IAAI,aAAsC;EAC1C;EACA,IAAI,WAAgC;EACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAc,CAAC;EACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAE7C,MAAM,KAAK,GAAG,MAAM;IAClB,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;IACtB,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE;IACzB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;MACvB,IAAI,CAAC,CAAC;MACN,KAAK,CAAC,OAAO,CAAC,CAAC;MACf;IACF;IACA,IAAI,KAAK,CAAC,CAAC,EAAE;MACX,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE;MACvB,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;MACtB;IACF;IACA,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc;IACtC,MAAM,IAAI,GAAG;MACX,GAAG,EAAE,CAAC,QAAQ,EAAE,SAAS,IAAI,CAAC,IAAI,MAAM;MACxC,MAAM,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM;MACvF,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,IAAI,CAAC,IAAI,MAAM;MAC1C,KAAK,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,IAAI;IACjF,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG;IAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG;IAChD,IAAI,WAAW,KAAK,SAAS,EAAE;MAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,IAAI,CAAC,CAAC;MAC/D,WAAW,GACT,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,MAAM,OAAO,GAAG,OAAO,IAAI,SAAS,IAAI,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,IAAI,SAAS,GAAG,SAAS;IACtI;IACA,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC;IAC/H,MAAM,GAAG,GAAG,WAAW,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG;IACxE,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI;IACjF,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;IACpG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;EACrG,CAAC;EAED,MAAM,YAAY,GAAG,MAAM;IACzB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa;IACtC,IAAI,OAAO,IAAI,OAAO,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE;IACzE,IAAI,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC;EACxD,CAAC;EAED,MAAM,IAAI,GAAG,MAAM;IACjB,YAAY,CAAC,CAAC;IACd,IAAI,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5D,WAAW,GAAG,SAAS;IACvB,QAAQ,CAAC,SAAS,CAAC;EACrB,CAAC;EAED,MAAM,OAAO,GAAI,KAAmB,IAAK;IACvC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;IACtB,aAAa,GAAG,MAAM,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS;EAC9G,CAAC;EACD,MAAM,OAAO,GAAI,KAAiB,IAAK;IACrC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;IACtB,IAAI,CAAC,MAAM,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;IAClF,aAAa,GAAG,MAAM;IACtB,IAAI,CAAC,CAAC;IACN,KAAK,CAAC,OAAO,CAAC,CAAC;EACjB,CAAC;EAED,YAAY,CAAC,MAAM;IACjB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS;IACxC,OAAO,CAAC,MAAM;MACZ,IAAI,CAAC,MAAM,EAAE;QACX,IAAI,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACnB;MACF;MACA,IAAI,MAAM,KAAK,aAAa,EAAE;QAC5B,aAAa,GAAG,SAAS;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf;MACF;MACA,IAAI,KAAK,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,OAAO,EAAE;MACpC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;QACZ,QAAQ,GAAG,QAAQ,CAAC,aAAa,YAAY,WAAW,GAAG,QAAQ,CAAC,aAAa,GAAG,IAAI;QACxF,IAAI,GAAG,YAAY,CAAC,QAAQ,IAAI,MAAM,CAAC;MACzC;MACA,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,IAAI,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;MACrG,QAAQ,CAAC,MAAM,CAAC;MAChB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;MAC5D,KAAK,CAAC,CAAC;MACP,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,CAAC;QAAE,aAAa,EAAE;MAAK,CAAC,CAAC,CAAC;IAC3F,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAM,QAAQ,GAAI,KAAY,IAAK;IACjC,IAAI,EAAE,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;EACjF,CAAC;EAED,OAAO,CAAC,MAAM;IACZ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC;IACxC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC;IACxD,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC;IACvD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,UAAU,IAAI,OAAO,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,SAAS;IACxG,IAAI,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC;IACvC,SAAS,CAAC,MAAM;MACd,QAAQ,EAAE,UAAU,CAAC,CAAC;MACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC;MAC3C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC;MACpD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC;MAC3D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC;MAC1D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;MACpD,IAAI,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,2DAKgB,KAAK,CAAC,KAAK,kDAEhB,CAAC,sBAAsB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,+CAC1D,KAAK,CAAC,CAAC,GAAG,EAAE,YAAG,SAAS,4BAC7B,KAAK,CAAC,KAAK,GAAG;IAAE,8BAA8B,EAAE,KAAK,CAAC;EAAM,CAAC,GAAG,SAAS,8BAc/E,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IAAA;MAAA,OAAG,KAAK,CAAC,QAAQ;IAAA;EAAA;AAG1C","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/AnchoredPopover.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\n\nexport type AnchoredPopoverProps = {\n  /** The control the panel belongs to. The panel is open while this is set. */\n  anchor: HTMLElement | null | undefined;\n  /** Called on Escape, a click outside, another press of the anchor, and when the anchor leaves the page. */\n  onClose: () => void;\n  /** The panel's accessible name; it is a non-modal dialog. */\n  label: string;\n  children: JSX.Element;\n  /** Which edge lines up with the anchor. Defaults to `end`, like a menu at the end of a toolbar. */\n  align?: \"start\" | \"end\";\n  /** The side tried first; the panel flips only when the other side has more room. Defaults to `below`. */\n  side?: \"below\" | \"above\";\n  /**\n   * The tallest the panel gets while open, in px, such as a list it can switch to. The side is chosen for this height\n   * and kept, so a panel that grows never flips. Defaults to its height when it opens.\n   */\n  plannedHeight?: number;\n  /** Width of the panel on wide screens, such as `21rem`. On a phone it is a bottom sheet across the screen. */\n  width?: string;\n  /**\n   * `false` keeps a small notice beside its control on a phone too, inside the screen with a margin, instead of a\n   * bottom sheet that would cover the control. Defaults to `true`.\n   */\n  sheet?: boolean;\n  /** Moves the focus into the panel when it opens; defaults to the panel itself. */\n  initialFocus?: () => HTMLElement | null | undefined;\n  class?: string;\n};\n\nconst GAP = 6;\nconst MARGIN = 8;\nconst sheetQuery = \"(max-width: 47.999rem)\";\n\n/**\n * A panel anchored to a control, for content that is more than a menu, such as a card with a slider. It opens on the\n * side with room and keeps that side while open, so a panel that changes its content never jumps to the other side.\n * Escape, a click outside and another press of the anchor close it; the focus returns to where it was. On a phone it\n * is a bottom sheet.\n */\nexport function AnchoredPopover(props: AnchoredPopoverProps): JSX.Element {\n  let surface: HTMLDivElement | undefined;\n  let previous: HTMLElement | null = null;\n  let ring = false;\n  let pressedAnchor: HTMLElement | undefined;\n  /** The side chosen when the panel opened; kept until it closes. */\n  let openedAbove: boolean | undefined;\n  const [shown, setShown] = createSignal<HTMLElement>();\n  const [sheet, setSheet] = createSignal(false);\n\n  const place = () => {\n    const anchor = shown();\n    if (!surface || !anchor) return;\n    if (!anchor.isConnected) {\n      hide();\n      props.onClose();\n      return;\n    }\n    if (sheet()) {\n      surface.style.left = \"\";\n      surface.style.top = \"\";\n      return;\n    }\n    const viewport = window.visualViewport;\n    const view = {\n      top: (viewport?.offsetTop ?? 0) + MARGIN,\n      bottom: (viewport ? viewport.offsetTop + viewport.height : window.innerHeight) - MARGIN,\n      left: (viewport?.offsetLeft ?? 0) + MARGIN,\n      right: (viewport ? viewport.offsetLeft + viewport.width : window.innerWidth) - MARGIN,\n    };\n    const box = anchor.getBoundingClientRect();\n    const size = surface.getBoundingClientRect();\n    const roomAbove = box.top - GAP - view.top;\n    const roomBelow = view.bottom - box.bottom - GAP;\n    if (openedAbove === undefined) {\n      const planned = Math.max(size.height, props.plannedHeight ?? 0);\n      openedAbove =\n        (props.side ?? \"below\") === \"above\" ? planned <= roomAbove || roomAbove > roomBelow : planned > roomBelow && roomAbove > roomBelow;\n    }\n    surface.style.setProperty(\"--k2b-anchored-popover-room\", `${Math.round(Math.max(120, openedAbove ? roomAbove : roomBelow))}px`);\n    const top = openedAbove ? box.top - GAP - size.height : box.bottom + GAP;\n    const left = (props.align ?? \"end\") === \"end\" ? box.right - size.width : box.left;\n    surface.style.left = `${Math.round(Math.max(view.left, Math.min(left, view.right - size.width)))}px`;\n    surface.style.top = `${Math.round(Math.max(view.top, Math.min(top, view.bottom - size.height)))}px`;\n  };\n\n  const restoreFocus = () => {\n    const focused = document.activeElement;\n    if (focused && focused !== document.body && !surface?.contains(focused)) return;\n    if (previous?.isConnected) returnFocus(previous, ring);\n  };\n\n  const hide = () => {\n    restoreFocus();\n    if (surface?.matches(\":popover-open\")) surface.hidePopover();\n    openedAbove = undefined;\n    setShown(undefined);\n  };\n\n  const pressed = (event: PointerEvent) => {\n    const anchor = shown();\n    pressedAnchor = anchor && event.target instanceof Node && anchor.contains(event.target) ? anchor : undefined;\n  };\n  const clicked = (event: MouseEvent) => {\n    const anchor = shown();\n    if (!anchor || !(event.target instanceof Node) || !anchor.contains(event.target)) return;\n    pressedAnchor = anchor;\n    hide();\n    props.onClose();\n  };\n\n  createEffect(() => {\n    const anchor = props.anchor ?? undefined;\n    untrack(() => {\n      if (!anchor) {\n        if (shown()) hide();\n        return;\n      }\n      if (anchor === pressedAnchor) {\n        pressedAnchor = undefined;\n        props.onClose();\n        return;\n      }\n      if (shown() === anchor || !surface) return;\n      if (!shown()) {\n        previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n        ring = ringOnReturn(previous ?? anchor);\n      }\n      setSheet(props.sheet !== false && typeof matchMedia === \"function\" && matchMedia(sheetQuery).matches);\n      setShown(anchor);\n      // Without the popover API, as in test DOMs, the panel stays in the flow instead of the top layer.\n      if (!surface.matches(\":popover-open\") && typeof surface.showPopover === \"function\") surface.showPopover();\n      place();\n      queueMicrotask(() => (props.initialFocus?.() ?? surface)?.focus({ preventScroll: true }));\n    });\n  });\n\n  const scrolled = (event: Event) => {\n    if (!(event.target instanceof Node && surface?.contains(event.target))) place();\n  };\n\n  onMount(() => {\n    window.addEventListener(\"resize\", place);\n    window.addEventListener(\"scroll\", scrolled, true);\n    window.visualViewport?.addEventListener(\"resize\", place);\n    document.addEventListener(\"pointerdown\", pressed, true);\n    document.addEventListener(\"click\", clicked, true);\n    const observer = typeof ResizeObserver === \"function\" && surface ? new ResizeObserver(place) : undefined;\n    if (surface) observer?.observe(surface);\n    onCleanup(() => {\n      observer?.disconnect();\n      window.removeEventListener(\"resize\", place);\n      window.removeEventListener(\"scroll\", scrolled, true);\n      window.visualViewport?.removeEventListener(\"resize\", place);\n      document.removeEventListener(\"pointerdown\", pressed, true);\n      document.removeEventListener(\"click\", clicked, true);\n      if (surface?.matches(\":popover-open\")) hide();\n    });\n  });\n\n  return (\n    <div\n      ref={surface}\n      popover=\"auto\"\n      role=\"dialog\"\n      aria-label={props.label}\n      tabIndex={-1}\n      class={[\"k2b-anchored-popover\", props.class].filter(Boolean).join(\" \")}\n      data-sheet={sheet() ? \"\" : undefined}\n      style={props.width ? { \"--k2b-anchored-popover-width\": props.width } : undefined}\n      onToggle={(event) => {\n        if ((event as ToggleEvent).newState === \"open\") return;\n        if (shown()) {\n          openedAbove = undefined;\n          setShown(undefined);\n          restoreFocus();\n          props.onClose();\n        }\n        setTimeout(() => {\n          pressedAnchor = undefined;\n        });\n      }}\n    >\n      <Show when={shown()}>{props.children}</Show>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}