kanto-ds 1.7.0 → 1.8.0

package/dist/components/overlays/kt-command-palette/kt-command-palette.js

@@ -0,0 +1,370 @@
+import { css as g, nothing as c, html as p } from "lit";
+import { property as u, state as v, query as x } from "lit/decorators.js";
+import { classMap as k } from "lit/directives/class-map.js";
+import { K as m, d as y } from "../../../chunks/kt-element-COgh6Yr1.js";
+import { u as w, e as h } from "../../../chunks/events-r51msXNf.js";
+import { o as $, c as I, i as D } from "../../../chunks/dialog-CPIfFIlF.js";
+import { s as C } from "../../../chunks/index-BEWmAE0T.js";
+import "../../core/kt-icon/kt-icon.js";
+import "../../core/kt-kbd/kt-kbd.js";
+function f(a) {
+  return a.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+}
+function E(a, t, e) {
+  const i = f(a.label), o = f([...a.keywords ?? [], a.group ?? ""].join(" ")), r = `${i} ${o}`;
+  if (!e.every((s) => r.includes(s))) return 1 / 0;
+  if (i.startsWith(t)) return 0;
+  const n = i.split(/[^\p{L}\p{N}]+/u);
+  return e.every((s) => n.some((b) => b.startsWith(s))) ? 1 : e.every((s) => i.includes(s)) ? 2 : 3;
+}
+function K(a, t) {
+  const e = f(t.trim());
+  if (!e) return [...a];
+  const i = e.split(/\s+/);
+  return a.map((o, r) => ({ command: o, index: r, rank: E(o, e, i) })).filter((o) => o.rank !== 1 / 0).sort((o, r) => o.rank - r.rank || o.index - r.index).map((o) => o.command);
+}
+var q = Object.defineProperty, d = (a, t, e, i) => {
+  for (var o = void 0, r = a.length - 1, n; r >= 0; r--)
+    (n = a[r]) && (o = n(t, e, o) || o);
+  return o && q(t, e, o), o;
+};
+function P(a) {
+  const t = /* @__PURE__ */ new Map();
+  for (const e of a) {
+    const i = e.group ?? "";
+    t.has(i) || t.set(i, []), t.get(i).push(e);
+  }
+  return [...t].map(([e, i]) => ({ name: e, commands: i }));
+}
+class l extends m {
+  constructor() {
+    super(...arguments), this.commands = [], this.open = !1, this.placeholder = "", this.hotkey = "k", this.query = "", this.activeIndex = 0, this.listId = w("kt-command-list"), this.returnFocus = null, this.onDocumentKeyDown = (t) => {
+      if (!this.hotkey || t.defaultPrevented || t.repeat || !(t.metaKey || t.ctrlKey) || t.altKey || t.shiftKey) return;
+      const e = this.hotkey.toLowerCase();
+      (t.key?.toLowerCase() === e || t.code === `Key${e.toUpperCase()}`) && (t.preventDefault(), this.open = !this.open);
+    };
+  }
+  static {
+    this.styles = [
+      m.styles,
+      g`
+      :host {
+        display: contents;
+      }
+
+      /* Never-opened, a dialog must not keep its box: see kt-modal. */
+      dialog {
+        display: none;
+        flex-direction: column;
+        box-sizing: border-box;
+        width: 600px;
+        max-width: calc(100vw - 32px);
+        max-height: min(560px, calc(100vh - 128px));
+        margin: 12vh auto auto;
+        padding: 0;
+        overflow: hidden;
+        color: var(--text-body);
+        background: var(--surface-popover);
+        border: var(--border-width) solid var(--border-popover);
+        border-radius: var(--radius-modal);
+        box-shadow: var(--shadow-popover);
+        opacity: 0;
+        transform: scale(0.98);
+        transition:
+          transform var(--duration-fast) var(--easing-standard),
+          opacity var(--duration-fast) var(--easing-standard),
+          overlay var(--duration-fast) allow-discrete,
+          display var(--duration-fast) allow-discrete;
+      }
+      dialog[open] {
+        display: flex;
+        opacity: 1;
+        transform: scale(1);
+      }
+      @starting-style {
+        dialog[open] {
+          opacity: 0;
+          transform: scale(0.98);
+        }
+      }
+      dialog::backdrop {
+        background: var(--color-backdrop, rgba(0, 0, 0, 0.45));
+      }
+
+      .search {
+        display: flex;
+        flex: none;
+        align-items: center;
+        gap: 10px;
+        padding: 0 16px;
+        color: var(--text-muted);
+        border-bottom: var(--border-width) solid var(--divider-popover);
+      }
+      input {
+        flex: 1;
+        min-width: 0;
+        height: calc(var(--button-height) + 12px);
+        padding: 0;
+        color: var(--text-body);
+        font: var(--font-normal-regular);
+        font-size: calc(16px * var(--text-scale, 1));
+        background: none;
+        border: none;
+        outline: none;
+      }
+      input::placeholder {
+        color: var(--text-muted);
+      }
+
+      .list {
+        flex: 1 1 auto;
+        min-height: 0;
+        margin: 0;
+        padding: 6px;
+        overflow: auto;
+        scrollbar-width: thin;
+      }
+      .group + .group {
+        margin-top: 6px;
+      }
+      .heading {
+        padding: 8px 10px 4px;
+        color: var(--text-muted);
+        font: var(--font-normal-small);
+      }
+      .option {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 8px 10px;
+        color: var(--text-body);
+        font: var(--font-normal-regular);
+        border-radius: var(--radius-input);
+        cursor: pointer;
+      }
+      .option kt-icon {
+        flex: none;
+        color: var(--text-muted);
+      }
+      .option .label {
+        flex: 1;
+        min-width: 0;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+      .option.active {
+        background: var(--color-primary-soft);
+      }
+      .option.active kt-icon {
+        color: var(--color-primary-text);
+      }
+      .option.disabled {
+        color: var(--text-disabled);
+        cursor: not-allowed;
+      }
+      .empty {
+        padding: 28px 10px;
+        color: var(--text-muted);
+        font: var(--font-normal-regular);
+        text-align: center;
+      }
+
+      .footer {
+        display: flex;
+        flex: none;
+        flex-wrap: wrap;
+        gap: 16px;
+        padding: 10px 16px;
+        color: var(--text-muted);
+        font: var(--font-normal-small);
+        border-top: var(--border-width) solid var(--divider-popover);
+      }
+      .footer span {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        dialog {
+          transition: none;
+        }
+      }
+    `
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("keydown", this.onDocumentKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("keydown", this.onDocumentKeyDown);
+  }
+  /** The commands the query keeps, best first. */
+  get results() {
+    return K(this.commands, this.query);
+  }
+  willUpdate(t) {
+    t.has("open") && this.open && (this.query = "", this.activeIndex = this.firstEnabled(this.results)), t.has("commands") && (this.activeIndex = this.firstEnabled(this.results));
+  }
+  updated(t) {
+    const e = t;
+    (e.has("activeIndex") || e.has("query")) && this.renderRoot.querySelector(`#${this.optionId(this.activeIndex)}`)?.scrollIntoView({ block: "nearest" }), t.has("open") && (this.open ? (this.returnFocus = L(), $(this.dialog), this.input.value = "", this.input.focus(), h(this, "kt-open")) : t.get("open") === !0 && (I(this.dialog), this.returnFocus?.isConnected && this.returnFocus.focus(), this.returnFocus = null, h(this, "kt-close")));
+  }
+  firstEnabled(t) {
+    return t.findIndex((e) => !e.disabled);
+  }
+  /** The next enabled command from `from`, one way, wrapping; -1 when none is. */
+  step(t, e, i) {
+    for (let o = 1; o <= t.length; o += 1) {
+      const r = (e + i * o + t.length * o) % t.length;
+      if (!t[r].disabled) return r;
+    }
+    return -1;
+  }
+  onInput() {
+    this.query = this.input.value, this.activeIndex = this.firstEnabled(this.results);
+  }
+  onKeyDown(t) {
+    const e = this.results;
+    switch (t.key) {
+      case "ArrowDown":
+      case "ArrowUp":
+        t.preventDefault(), e.length && (this.activeIndex = this.step(e, this.activeIndex, t.key === "ArrowDown" ? 1 : -1));
+        break;
+      case "Home":
+      case "End":
+        if (!e.length) return;
+        t.preventDefault(), this.activeIndex = t.key === "Home" ? this.firstEnabled(e) : this.step(e, 0, -1);
+        break;
+      case "Enter": {
+        t.preventDefault();
+        const i = e[this.activeIndex];
+        i && this.run(i);
+        break;
+      }
+      case "Escape":
+        t.preventDefault(), this.open = !1;
+        break;
+    }
+  }
+  run(t) {
+    t.disabled || (this.open = !1, h(this, "kt-select", { id: t.id, command: t }));
+  }
+  onDialogCancel(t) {
+    t.preventDefault(), this.open = !1;
+  }
+  /** The browser can close the dialog itself; the property follows. */
+  onDialogClose() {
+    this.open && (this.open = !1);
+  }
+  onDialogClick(t) {
+    D(this.dialog, t) && (this.open = !1);
+  }
+  optionId(t) {
+    return `${this.listId}-${t}`;
+  }
+  render() {
+    const t = C(), e = this.results, i = e[this.activeIndex];
+    let o = -1;
+    return p`<dialog
+      part="dialog"
+      aria-label=${t.commandPalette}
+      @cancel=${this.onDialogCancel}
+      @close=${this.onDialogClose}
+      @click=${this.onDialogClick}
+    >
+      <div class="search">
+        <kt-icon name="search" size="18"></kt-icon>
+        <input
+          part="input"
+          type="text"
+          role="combobox"
+          aria-expanded="true"
+          aria-controls=${this.listId}
+          aria-autocomplete="list"
+          aria-activedescendant=${i ? this.optionId(this.activeIndex) : c}
+          aria-label=${t.commandPalette}
+          placeholder=${this.placeholder || t.commandPlaceholder}
+          autocomplete="off"
+          spellcheck="false"
+          @input=${this.onInput}
+          @keydown=${this.onKeyDown}
+        />
+      </div>
+
+      <div part="list" class="list" id=${this.listId} role="listbox" aria-label=${t.commandPalette}>
+        ${e.length === 0 ? p`<div class="empty" aria-hidden="true">${t.noResults}</div>` : P(e).map(
+      (r) => p`<div class="group" role="group" aria-label=${r.name || t.commandPalette}>
+                    ${r.name ? p`<div class="heading" aria-hidden="true">${r.name}</div>` : c}
+                    ${r.commands.map((n) => {
+        o += 1;
+        const s = o;
+        return p`<div
+                        id=${this.optionId(s)}
+                        class=${k({
+          option: !0,
+          active: s === this.activeIndex,
+          disabled: !!n.disabled
+        })}
+                        role="option"
+                        aria-selected=${s === this.activeIndex ? "true" : "false"}
+                        aria-disabled=${n.disabled ? "true" : c}
+                        @pointermove=${() => {
+          !n.disabled && this.activeIndex !== s && (this.activeIndex = s);
+        }}
+                        @click=${() => this.run(n)}
+                      >
+                        ${n.icon ? p`<kt-icon name=${n.icon} size="16"></kt-icon>` : c}
+                        <span class="label">${n.label}</span>
+                        ${n.shortcut ? p`<kt-kbd keys=${n.shortcut}></kt-kbd>` : c}
+                      </div>`;
+      })}
+                  </div>`
+    )}
+      </div>
+
+      <div class="visually-hidden" role="status">${e.length === 0 ? t.noResults : c}</div>
+
+      <div part="footer" class="footer" aria-hidden="true">
+        <span><kt-kbd>↑</kt-kbd><kt-kbd>↓</kt-kbd>${t.commandHintMove}</span>
+        <span><kt-kbd>↵</kt-kbd>${t.commandHintRun}</span>
+        <span><kt-kbd>esc</kt-kbd>${t.commandHintClose}</span>
+      </div>
+    </dialog>`;
+  }
+}
+d([
+  u({ attribute: !1 })
+], l.prototype, "commands");
+d([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "open");
+d([
+  u({ type: String })
+], l.prototype, "placeholder");
+d([
+  u({ type: String })
+], l.prototype, "hotkey");
+d([
+  v()
+], l.prototype, "query");
+d([
+  v()
+], l.prototype, "activeIndex");
+d([
+  x("dialog")
+], l.prototype, "dialog");
+d([
+  x("input")
+], l.prototype, "input");
+function L() {
+  let a = document.activeElement;
+  for (; a?.shadowRoot?.activeElement; ) a = a.shadowRoot.activeElement;
+  return a instanceof HTMLElement ? a : null;
+}
+y("kt-command-palette", l);
+export {
+  l as KtCommandPalette
+};
+//# sourceMappingURL=kt-command-palette.js.map

package/dist/components/overlays/kt-command-palette/kt-command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kt-command-palette.js","sources":["../../../../src/internal/command-search.ts","../../../../src/components/overlays/kt-command-palette/kt-command-palette.ts"],"sourcesContent":["/**\n * The search behind `<kt-command-palette>`: which commands a query keeps, and\n * in what order.\n *\n * Every word typed must appear — in the label, a keyword or the group — in\n * any order, ignoring case and accents. What matches ranks by how it matches:\n * a label that starts with the query, then a label word that does, then a\n * match inside the label, then a keyword or the group. Ties keep the order\n * given, which is the order the application chose.\n */\n\nexport interface KtCommand {\n  readonly id: string;\n  readonly label: string;\n  /** Heading the command is listed under. */\n  readonly group?: string;\n  /** A Lucide icon name. */\n  readonly icon?: string;\n  /** Other words it answers to: \"client\" for New customer. */\n  readonly keywords?: readonly string[];\n  /** Keys shown beside it, as `<kt-kbd keys>` takes them: \"mod n\". */\n  readonly shortcut?: string;\n  readonly disabled?: boolean;\n}\n\n/** Lowercase, without accents: \"Préférences\" reads \"preferences\". */\nexport function fold(text: string): string {\n  return text\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .toLowerCase();\n}\n\n/** How well `command` matches `words`; Infinity when it does not. */\nfunction score(command: KtCommand, query: string, words: readonly string[]): number {\n  const label = fold(command.label);\n  const extra = fold([...(command.keywords ?? []), command.group ?? ''].join(' '));\n  const all = `${label} ${extra}`;\n  if (!words.every((word) => all.includes(word))) return Infinity;\n\n  if (label.startsWith(query)) return 0;\n  const labelWords = label.split(/[^\\p{L}\\p{N}]+/u);\n  if (words.every((word) => labelWords.some((part) => part.startsWith(word)))) return 1;\n  if (words.every((word) => label.includes(word))) return 2;\n  return 3;\n}\n\n/** The commands `query` keeps, best first. An empty query keeps them all, in order. */\nexport function rankCommands(commands: readonly KtCommand[], query: string): KtCommand[] {\n  const folded = fold(query.trim());\n  if (!folded) return [...commands];\n  const words = folded.split(/\\s+/);\n  return commands\n    .map((command, index) => ({ command, index, rank: score(command, folded, words) }))\n    .filter((entry) => entry.rank !== Infinity)\n    .sort((a, b) => a.rank - b.rank || a.index - b.index)\n    .map((entry) => entry.command);\n}\n","import { css, html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { KtElement, defineElement } from '#internal/kt-element';\nimport { emit, uniqueId } from '#internal/events';\nimport { closeDialog, isBackdropClick, openModal } from '#internal/dialog';\nimport { rankCommands, type KtCommand } from '#internal/command-search';\nimport { strings } from '#internal/strings';\nimport '../../core/kt-icon/kt-icon.js';\nimport '../../core/kt-kbd/kt-kbd.js';\n\nexport type { KtCommand } from '#internal/command-search';\n\n/** The groups of `commands`, in the order each first appears; ungrouped ones first. */\nfunction grouped(commands: readonly KtCommand[]): { name: string; commands: KtCommand[] }[] {\n  const groups = new Map<string, KtCommand[]>();\n  for (const command of commands) {\n    const name = command.group ?? '';\n    if (!groups.has(name)) groups.set(name, []);\n    groups.get(name)!.push(command);\n  }\n  return [...groups].map(([name, list]) => ({ name, commands: list }));\n}\n\n/**\n * The palette a product opens on Cmd+K: every action and page, a few\n * keystrokes away.\n *\n * Give it `commands`; it lists them under their groups, narrows them as you\n * type — every word, in any order, in the label, a keyword or the group,\n * ignoring case and accents — and runs the one you pick with `kt-select`.\n * Cmd+K or Ctrl+K opens and closes it from anywhere on the page; `hotkey`\n * changes the key or, empty, turns it off.\n *\n * Built on the native `<dialog>`: the top layer, focus containment and the\n * inert page come from the platform. The field is a combobox over a listbox,\n * so a screen reader follows the active command as the arrows move.\n *\n * @element kt-command-palette\n *\n * @csspart dialog - The `<dialog>`.\n * @csspart input - The search field.\n * @csspart list - The scrolling list.\n * @csspart footer - The keyboard hints.\n *\n * @fires kt-select - A command was run. `detail: { id, command }`.\n * @fires kt-open - It opened.\n * @fires kt-close - It closed.\n *\n * @example\n * ```html\n * <kt-command-palette></kt-command-palette>\n * <script>\n *   palette.commands = [\n *     { id: 'new', label: 'New invoice', group: 'Create', shortcut: 'mod i' },\n *     { id: 'settings', label: 'Open settings', group: 'Navigate', icon: 'settings' },\n *   ];\n *   palette.addEventListener('kt-select', (e) => run(e.detail.id));\n * </script>\n * ```\n */\nexport class KtCommandPalette extends KtElement {\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        display: contents;\n      }\n\n      /* Never-opened, a dialog must not keep its box: see kt-modal. */\n      dialog {\n        display: none;\n        flex-direction: column;\n        box-sizing: border-box;\n        width: 600px;\n        max-width: calc(100vw - 32px);\n        max-height: min(560px, calc(100vh - 128px));\n        margin: 12vh auto auto;\n        padding: 0;\n        overflow: hidden;\n        color: var(--text-body);\n        background: var(--surface-popover);\n        border: var(--border-width) solid var(--border-popover);\n        border-radius: var(--radius-modal);\n        box-shadow: var(--shadow-popover);\n        opacity: 0;\n        transform: scale(0.98);\n        transition:\n          transform var(--duration-fast) var(--easing-standard),\n          opacity var(--duration-fast) var(--easing-standard),\n          overlay var(--duration-fast) allow-discrete,\n          display var(--duration-fast) allow-discrete;\n      }\n      dialog[open] {\n        display: flex;\n        opacity: 1;\n        transform: scale(1);\n      }\n      @starting-style {\n        dialog[open] {\n          opacity: 0;\n          transform: scale(0.98);\n        }\n      }\n      dialog::backdrop {\n        background: var(--color-backdrop, rgba(0, 0, 0, 0.45));\n      }\n\n      .search {\n        display: flex;\n        flex: none;\n        align-items: center;\n        gap: 10px;\n        padding: 0 16px;\n        color: var(--text-muted);\n        border-bottom: var(--border-width) solid var(--divider-popover);\n      }\n      input {\n        flex: 1;\n        min-width: 0;\n        height: calc(var(--button-height) + 12px);\n        padding: 0;\n        color: var(--text-body);\n        font: var(--font-normal-regular);\n        font-size: calc(16px * var(--text-scale, 1));\n        background: none;\n        border: none;\n        outline: none;\n      }\n      input::placeholder {\n        color: var(--text-muted);\n      }\n\n      .list {\n        flex: 1 1 auto;\n        min-height: 0;\n        margin: 0;\n        padding: 6px;\n        overflow: auto;\n        scrollbar-width: thin;\n      }\n      .group + .group {\n        margin-top: 6px;\n      }\n      .heading {\n        padding: 8px 10px 4px;\n        color: var(--text-muted);\n        font: var(--font-normal-small);\n      }\n      .option {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 8px 10px;\n        color: var(--text-body);\n        font: var(--font-normal-regular);\n        border-radius: var(--radius-input);\n        cursor: pointer;\n      }\n      .option kt-icon {\n        flex: none;\n        color: var(--text-muted);\n      }\n      .option .label {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n      .option.active {\n        background: var(--color-primary-soft);\n      }\n      .option.active kt-icon {\n        color: var(--color-primary-text);\n      }\n      .option.disabled {\n        color: var(--text-disabled);\n        cursor: not-allowed;\n      }\n      .empty {\n        padding: 28px 10px;\n        color: var(--text-muted);\n        font: var(--font-normal-regular);\n        text-align: center;\n      }\n\n      .footer {\n        display: flex;\n        flex: none;\n        flex-wrap: wrap;\n        gap: 16px;\n        padding: 10px 16px;\n        color: var(--text-muted);\n        font: var(--font-normal-small);\n        border-top: var(--border-width) solid var(--divider-popover);\n      }\n      .footer span {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        dialog {\n          transition: none;\n        }\n      }\n    `,\n  ];\n\n  /** What it can run. Set as a property: `palette.commands = [...]`. */\n  @property({ attribute: false })\n  commands: readonly KtCommand[] = [];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /** Placeholder of the search field. Defaults to the translated string. */\n  @property({ type: String })\n  placeholder = '';\n\n  /**\n   * The key that opens it with Cmd or Ctrl, from anywhere on the page. Empty\n   * turns the shortcut off — for a page with two palettes, or its own key.\n   */\n  @property({ type: String })\n  hotkey = 'k';\n\n  @state() private query = '';\n  @state() private activeIndex = 0;\n\n  @query('dialog') private dialog!: HTMLDialogElement;\n  @query('input') private input!: HTMLInputElement;\n\n  private readonly listId = uniqueId('kt-command-list');\n  /** Where the focus was before opening, to give it back on close. */\n  private returnFocus: HTMLElement | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('keydown', this.onDocumentKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('keydown', this.onDocumentKeyDown);\n  }\n\n  /** The commands the query keeps, best first. */\n  private get results(): KtCommand[] {\n    return rankCommands(this.commands, this.query);\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    if (changed.has('open') && this.open) {\n      this.query = '';\n      this.activeIndex = this.firstEnabled(this.results);\n    }\n    if (changed.has('commands')) this.activeIndex = this.firstEnabled(this.results);\n  }\n\n  override updated(changed: PropertyValues<this>): void {\n    // Private states, so the map is read untyped.\n    const moved = changed as PropertyValues;\n    if (moved.has('activeIndex') || moved.has('query')) {\n      this.renderRoot\n        .querySelector(`#${this.optionId(this.activeIndex)}`)\n        ?.scrollIntoView({ block: 'nearest' });\n    }\n    if (!changed.has('open')) return;\n    if (this.open) {\n      this.returnFocus = deepActiveElement();\n      openModal(this.dialog);\n      this.input.value = '';\n      this.input.focus();\n      emit(this, 'kt-open');\n    } else if (changed.get('open') === true) {\n      closeDialog(this.dialog);\n      if (this.returnFocus?.isConnected) this.returnFocus.focus();\n      this.returnFocus = null;\n      emit(this, 'kt-close');\n    }\n  }\n\n  private firstEnabled(list: readonly KtCommand[]): number {\n    return list.findIndex((command) => !command.disabled);\n  }\n\n  /** The next enabled command from `from`, one way, wrapping; -1 when none is. */\n  private step(list: readonly KtCommand[], from: number, by: 1 | -1): number {\n    for (let i = 1; i <= list.length; i += 1) {\n      const index = (from + by * i + list.length * i) % list.length;\n      if (!list[index]!.disabled) return index;\n    }\n    return -1;\n  }\n\n  private onDocumentKeyDown = (event: KeyboardEvent): void => {\n    if (!this.hotkey || event.defaultPrevented || event.repeat) return;\n    if (!(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) return;\n    const key = this.hotkey.toLowerCase();\n    // The code catches the key on a layout whose letters are not Latin.\n    const hit = event.key?.toLowerCase() === key || event.code === `Key${key.toUpperCase()}`;\n    if (!hit) return;\n    event.preventDefault();\n    this.open = !this.open;\n  };\n\n  private onInput(): void {\n    this.query = this.input.value;\n    this.activeIndex = this.firstEnabled(this.results);\n  }\n\n  private onKeyDown(event: KeyboardEvent): void {\n    const list = this.results;\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n        event.preventDefault();\n        if (list.length)\n          this.activeIndex = this.step(list, this.activeIndex, event.key === 'ArrowDown' ? 1 : -1);\n        break;\n      case 'Home':\n      case 'End':\n        if (!list.length) return;\n        event.preventDefault();\n        this.activeIndex = event.key === 'Home' ? this.firstEnabled(list) : this.step(list, 0, -1);\n        break;\n      case 'Enter': {\n        event.preventDefault();\n        const command = list[this.activeIndex];\n        if (command) this.run(command);\n        break;\n      }\n      case 'Escape':\n        event.preventDefault();\n        this.open = false;\n        break;\n    }\n  }\n\n  private run(command: KtCommand): void {\n    if (command.disabled) return;\n    this.open = false;\n    emit(this, 'kt-select', { id: command.id, command });\n  }\n\n  private onDialogCancel(event: Event): void {\n    // Escape is handled on the field; this catches it anywhere else.\n    event.preventDefault();\n    this.open = false;\n  }\n\n  /** The browser can close the dialog itself; the property follows. */\n  private onDialogClose(): void {\n    if (this.open) this.open = false;\n  }\n\n  private onDialogClick(event: MouseEvent): void {\n    if (isBackdropClick(this.dialog, event)) this.open = false;\n  }\n\n  private optionId(index: number): string {\n    return `${this.listId}-${index}`;\n  }\n\n  override render(): TemplateResult {\n    const s = strings();\n    const list = this.results;\n    const active = list[this.activeIndex];\n    let index = -1;\n\n    return html`<dialog\n      part=\"dialog\"\n      aria-label=${s.commandPalette}\n      @cancel=${this.onDialogCancel}\n      @close=${this.onDialogClose}\n      @click=${this.onDialogClick}\n    >\n      <div class=\"search\">\n        <kt-icon name=\"search\" size=\"18\"></kt-icon>\n        <input\n          part=\"input\"\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-controls=${this.listId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant=${active ? this.optionId(this.activeIndex) : nothing}\n          aria-label=${s.commandPalette}\n          placeholder=${this.placeholder || s.commandPlaceholder}\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          @input=${this.onInput}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n\n      <div part=\"list\" class=\"list\" id=${this.listId} role=\"listbox\" aria-label=${s.commandPalette}>\n        ${\n          list.length === 0\n            ? html`<div class=\"empty\" aria-hidden=\"true\">${s.noResults}</div>`\n            : grouped(list).map(\n                (group) =>\n                  html`<div class=\"group\" role=\"group\" aria-label=${group.name || s.commandPalette}>\n                    ${group.name ? html`<div class=\"heading\" aria-hidden=\"true\">${group.name}</div>` : nothing}\n                    ${group.commands.map((command) => {\n                      index += 1;\n                      const at = index;\n                      return html`<div\n                        id=${this.optionId(at)}\n                        class=${classMap({\n                          option: true,\n                          active: at === this.activeIndex,\n                          disabled: Boolean(command.disabled),\n                        })}\n                        role=\"option\"\n                        aria-selected=${at === this.activeIndex ? 'true' : 'false'}\n                        aria-disabled=${command.disabled ? 'true' : nothing}\n                        @pointermove=${() => {\n                          if (!command.disabled && this.activeIndex !== at) this.activeIndex = at;\n                        }}\n                        @click=${() => this.run(command)}\n                      >\n                        ${command.icon ? html`<kt-icon name=${command.icon} size=\"16\"></kt-icon>` : nothing}\n                        <span class=\"label\">${command.label}</span>\n                        ${command.shortcut ? html`<kt-kbd keys=${command.shortcut}></kt-kbd>` : nothing}\n                      </div>`;\n                    })}\n                  </div>`,\n              )\n        }\n      </div>\n\n      <div class=\"visually-hidden\" role=\"status\">${list.length === 0 ? s.noResults : nothing}</div>\n\n      <div part=\"footer\" class=\"footer\" aria-hidden=\"true\">\n        <span><kt-kbd>↑</kt-kbd><kt-kbd>↓</kt-kbd>${s.commandHintMove}</span>\n        <span><kt-kbd>↵</kt-kbd>${s.commandHintRun}</span>\n        <span><kt-kbd>esc</kt-kbd>${s.commandHintClose}</span>\n      </div>\n    </dialog>`;\n  }\n}\n\n/** The focused element, through open shadow roots. */\nfunction deepActiveElement(): HTMLElement | null {\n  let active = document.activeElement;\n  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n  return active instanceof HTMLElement ? active : null;\n}\n\ndefineElement('kt-command-palette', KtCommandPalette);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kt-command-palette': KtCommandPalette;\n  }\n}\n"],"names":["fold","text","score","command","query","words","label","extra","all","word","labelWords","part","rankCommands","commands","folded","index","entry","a","b","grouped","groups","name","list","KtCommandPalette","KtElement","uniqueId","event","key","css","changed","moved","deepActiveElement","openModal","emit","closeDialog","from","by","i","isBackdropClick","s","strings","active","html","nothing","group","at","classMap","__decorateClass","property","state","defineElement"],"mappings":"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"}

package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js

@@ -1,9 +1,9 @@
 import { css as h, nothing as c, html as p } from "lit";
 import { query as m, property as o } from "lit/decorators.js";
-import { K as g, d as y } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as g, d as y } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as f } from "../../../chunks/events-r51msXNf.js";
 import { o as u, c as b, i as v } from "../../../chunks/dialog-CPIfFIlF.js";
-import { s as r } from "../../../chunks/index-TWJzttLX.js";
+import { s as r } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-button/kt-button.js";
 var k = Object.defineProperty, a = (n, e, l, x) => {
   for (var i = void 0, s = n.length - 1, d; s >= 0; s--)

package/dist/components/overlays/kt-dropdown/kt-dropdown.js

@@ -1,11 +1,11 @@
 import { css as v, nothing as y, html as p } from "lit";
 import { query as h, state as f, property as n } from "lit/decorators.js";
 import { classMap as u } from "lit/directives/class-map.js";
-import { K as c, d as b } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as c, d as b } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { t as m, e as d } from "../../../chunks/events-r51msXNf.js";
 import { o as x } from "../../../chunks/listbox-LsUEyGhQ.js";
 import { F as w, f as k } from "../../../chunks/floating-C9RLa6cZ.js";
-import { s as $ } from "../../../chunks/index-TWJzttLX.js";
+import { s as $ } from "../../../chunks/index-BEWmAE0T.js";
 var P = Object.defineProperty, r = (i, t, s, a) => {
   for (var o = void 0, l = i.length - 1, g; l >= 0; l--)
     (g = i[l]) && (o = g(t, s, o) || o);

package/dist/components/overlays/kt-modal/kt-modal.js

@@ -1,10 +1,10 @@
 import { css as g, nothing as r, html as s } from "lit";
 import { query as f, property as i } from "lit/decorators.js";
-import { K as c, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as c, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as u } from "../../../chunks/events-r51msXNf.js";
 import { h as y } from "../../../chunks/slots-BPbIdxAJ.js";
 import { o as h, c as v, i as b } from "../../../chunks/dialog-CPIfFIlF.js";
-import { s as x } from "../../../chunks/index-TWJzttLX.js";
+import { s as x } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-button/kt-button.js";
 var k = Object.defineProperty, e = (l, t, d, w) => {
   for (var a = void 0, n = l.length - 1, p; n >= 0; n--)

package/dist/components/overlays/kt-side-panel/kt-side-panel.js

@@ -1,9 +1,9 @@
 import { css as f, nothing as p, html as c } from "lit";
 import { query as m, property as a } from "lit/decorators.js";
-import { K as h, d as u } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as h, d as u } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as v } from "../../../chunks/events-r51msXNf.js";
 import { o as g, c as b, i as y } from "../../../chunks/dialog-CPIfFIlF.js";
-import { s as l } from "../../../chunks/index-TWJzttLX.js";
+import { s as l } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-button/kt-button.js";
 var x = Object.defineProperty, r = (i, e, n, k) => {
   for (var o = void 0, s = i.length - 1, d; s >= 0; s--)