kanto-ds 1.4.0 → 1.5.2

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

@@ -1,40 +1,46 @@
-import { css as v, nothing as b, html as p } from "lit";
-import { query as h, state as f, property as a } from "lit/decorators.js";
+import { css as y, nothing as v, 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 g, d as y } from "../../../chunks/kt-element-E-tfJpGQ.js";
-import { e as d } from "../../../chunks/events-Bjl5Zmmq.js";
-import { o as x } from "../../../chunks/listbox-Sm3nvsC6.js";
-import { s as w } from "../../../chunks/index-DSSLJirw.js";
-var k = Object.defineProperty, o = (s, t, n, i) => {
-  for (var r = void 0, l = s.length - 1, c; l >= 0; l--)
-    (c = s[l]) && (r = c(t, n, r) || r);
-  return r && k(t, n, r), r;
+import { K as c, d as b } from "../../../chunks/kt-element-Djx2JcGl.js";
+import { t as m, e as d } from "../../../chunks/events-r51msXNf.js";
+import { o as x } from "../../../chunks/listbox-llcUu_V-.js";
+import { F as w, f as k } from "../../../chunks/floating-B7_Dahpn.js";
+import { s as $ } from "../../../chunks/index-STEEvEP7.js";
+var P = Object.defineProperty, i = (r, t, s, a) => {
+  for (var o = void 0, l = r.length - 1, g; l >= 0; l--)
+    (g = r[l]) && (o = g(t, s, o) || o);
+  return o && P(t, s, o), o;
 };
-const m = 230;
-class e extends g {
+class e extends c {
   constructor() {
-    super(...arguments), this.open = !1, this.placement = "bottom", this.options = [], this.value = null, this.preferredPlacement = "bottom", this.align = "start", this.disabled = !1, this.emptyText = void 0, this.reposition = () => {
-      const n = (this.triggerWrapper ?? this).getBoundingClientRect(), i = window.innerHeight - n.bottom, r = n.top;
-      this.placement = this.preferredPlacement === "top" ? r >= m || r >= i ? "top" : "bottom" : i >= m || i >= r ? "bottom" : "top";
-    }, this.onDocumentPointerDown = (t) => {
+    super(...arguments), this.open = !1, this.placement = "bottom", this.floating = new w(this, {
+      panel: () => this.shadowRoot?.querySelector(".panel"),
+      anchor: () => this.triggerWrapper,
+      side: () => this.preferredPlacement,
+      align: () => this.align,
+      onPlace: (t) => {
+        this.placement = t === "top" ? "top" : "bottom";
+      }
+    }), this.options = [], this.value = null, this.preferredPlacement = "bottom", this.align = "start", this.disabled = !1, this.emptyText = void 0, this.onDocumentPointerDown = (t) => {
       t.composedPath().includes(this) || this.hide();
     }, this.onDocumentKeyDown = (t) => {
       t.key === "Escape" && this.hide();
     }, this.syncTrigger = () => {
       const t = this.triggerSlot?.assignedElements()[0];
       if (!t) return;
-      const n = this.panelSlot?.assignedElements()[0]?.getAttribute("role") === "menu", i = this.options.length > 0 || n ? "menu" : void 0;
-      if (D(t)) {
-        t.popup = i, t.expanded = this.open;
+      const s = this.panelSlot?.assignedElements()[0]?.getAttribute("role") === "menu", a = this.options.length > 0 || s ? "menu" : void 0;
+      if (S(t)) {
+        t.popup = a, t.expanded = this.open;
         return;
       }
-      i ? t.setAttribute("aria-haspopup", i) : t.removeAttribute("aria-haspopup"), t.setAttribute("aria-expanded", String(this.open));
+      a ? t.setAttribute("aria-haspopup", a) : t.removeAttribute("aria-haspopup"), t.setAttribute("aria-expanded", String(this.open));
     };
   }
   static {
     this.styles = [
-      g.styles,
-      v`
+      c.styles,
+      k,
+      y`
       :host {
         position: relative;
         display: inline-block;
@@ -50,11 +56,8 @@ class e extends g {
         opacity: 0.6;
       }
 
+      /* Placed from the trigger by FloatingController. */
       .panel {
-        position: absolute;
-        top: calc(100% + 6px);
-        left: 0;
-        z-index: var(--z-dropdown);
         box-sizing: border-box;
         width: 224px;
         max-height: 224px;
@@ -72,8 +75,6 @@ class e extends g {
       }
 
       .panel.top {
-        top: auto;
-        bottom: calc(100% + 6px);
         transform: translateY(6px);
         transform-origin: bottom left;
       }
@@ -81,8 +82,6 @@ class e extends g {
       /* Hangs the panel off the trigger's right edge, for a trigger that sits
          at the right of what it belongs to — the caret of a split button. */
       .panel.end {
-        right: 0;
-        left: auto;
         transform-origin: top right;
       }
 
@@ -144,17 +143,26 @@ class e extends g {
     return this.open;
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("pointerdown", this.onDocumentPointerDown), document.addEventListener("keydown", this.onDocumentKeyDown), window.addEventListener("resize", this.reposition);
+    super.connectedCallback(), this.listen(this.open);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("pointerdown", this.onDocumentPointerDown), document.removeEventListener("keydown", this.onDocumentKeyDown), window.removeEventListener("resize", this.reposition);
+    super.disconnectedCallback(), this.listen(!1);
+  }
+  /**
+   * The outside click and Escape a panel reacts to — only while it is
+   * open. A page of closed menus should not run a handler per menu on every
+   * click and keystroke.
+   */
+  listen(t) {
+    m(t, document, "pointerdown", this.onDocumentPointerDown), m(t, document, "keydown", this.onDocumentKeyDown);
   }
-  updated() {
-    this.syncTrigger();
+  // Untyped: `open` is private, so not among the keys PropertyValues<this> knows.
+  updated(t) {
+    this.syncTrigger(), t.has("open") && this.listen(this.open), this.floating.sync(this.open);
   }
   /** Opens the panel. */
   show() {
-    this.disabled || this.open || (this.reposition(), this.open = !0, d(this, "kt-open"));
+    this.disabled || this.open || (this.open = !0, d(this, "kt-open"));
   }
   /** Closes the panel. */
   hide() {
@@ -174,8 +182,10 @@ class e extends g {
 
       <div
         part="panel"
+        popover="manual"
         class=${u({
       panel: !0,
+      floating: !0,
       open: this.open,
       top: this.placement === "top",
       end: this.align === "end"
@@ -193,55 +203,55 @@ class e extends g {
         disabled: !!t.disabled
       })}
                       role="menuitem"
-                      aria-disabled=${t.disabled ? "true" : b}
+                      aria-disabled=${t.disabled ? "true" : v}
                       @click=${() => this.choose(t)}
                     >
                       ${x(t)}
                     </li>`
     )}
               </ul>` : p`<slot name="panel">
-                <div class="empty">${this.emptyText ?? w().noResults}</div>
+                <div class="empty">${this.emptyText ?? $().noResults}</div>
               </slot>`}
       </div>`;
   }
 }
-o([
+i([
   h(".trigger")
 ], e.prototype, "triggerWrapper");
-o([
+i([
   h('slot[name="trigger"]')
 ], e.prototype, "triggerSlot");
-o([
+i([
   h('slot[name="panel"]')
 ], e.prototype, "panelSlot");
-o([
+i([
   f()
 ], e.prototype, "open");
-o([
+i([
   f()
 ], e.prototype, "placement");
-o([
-  a({ attribute: !1 })
+i([
+  n({ attribute: !1 })
 ], e.prototype, "options");
-o([
-  a({ type: String })
+i([
+  n({ type: String })
 ], e.prototype, "value");
-o([
-  a({ type: String, attribute: "preferred-placement" })
+i([
+  n({ type: String, attribute: "preferred-placement" })
 ], e.prototype, "preferredPlacement");
-o([
-  a({ type: String, reflect: !0 })
+i([
+  n({ type: String, reflect: !0 })
 ], e.prototype, "align");
-o([
-  a({ type: Boolean, reflect: !0 })
+i([
+  n({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled");
-o([
-  a({ type: String, attribute: "empty-text" })
+i([
+  n({ type: String, attribute: "empty-text" })
 ], e.prototype, "emptyText");
-function D(s) {
-  return "popup" in s && "expanded" in s;
+function S(r) {
+  return "popup" in r && "expanded" in r;
 }
-y("kt-dropdown", e);
+b("kt-dropdown", e);
 export {
   e as KtDropdown
 };

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

@@ -1 +1 @@
-{"version":3,"file":"kt-dropdown.js","sources":["../../../../src/components/overlays/kt-dropdown/kt-dropdown.ts"],"sourcesContent":["import { css, html, nothing, 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 } from '#internal/events';\nimport { optionLabel, type KtOption } from '#internal/listbox';\nimport { strings } from '#internal/strings';\n\nexport type KtDropdownPlacement = 'bottom' | 'top';\nexport type KtDropdownAlign = 'start' | 'end';\n\n/** Panel height plus the 6px offset, used to decide whether it fits below. */\nconst PANEL_SPACE = 224 + 6;\n\n/**\n * A panel anchored to a trigger.\n *\n * The generic overlay: pass `options` for a menu, or slot anything into\n * `panel` for arbitrary content. For choosing a value in a form, reach for\n * `<kt-select>` or `<kt-input-menu>` instead — they carry the listbox\n * semantics this one deliberately does not assume.\n *\n * @element kt-dropdown\n *\n * @slot trigger - What opens the panel.\n * @slot panel - Panel contents, when `options` is not used.\n *\n * @csspart trigger - The trigger wrapper.\n * @csspart panel - The floating panel.\n * @csspart option - A menu row.\n *\n * @fires kt-select - A menu row was chosen. `detail: { value, option }`.\n * @fires kt-open - The panel opened.\n * @fires kt-close - The panel closed.\n */\nexport class KtDropdown extends KtElement {\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        position: relative;\n        display: inline-block;\n      }\n\n      .trigger {\n        border-radius: var(--radius-input);\n        cursor: pointer;\n      }\n\n      :host([disabled]) .trigger {\n        cursor: not-allowed;\n        opacity: 0.6;\n      }\n\n      .panel {\n        position: absolute;\n        top: calc(100% + 6px);\n        left: 0;\n        z-index: var(--z-dropdown);\n        box-sizing: border-box;\n        width: 224px;\n        max-height: 224px;\n        margin: 0;\n        padding: var(--padding-expand);\n        background: var(--surface-raised);\n        border-radius: var(--radius-input);\n        transform: translateY(-6px);\n        transform-origin: top left;\n        visibility: hidden;\n        opacity: 0;\n        transition:\n          opacity var(--duration-normal) var(--easing-standard),\n          transform var(--duration-normal) var(--easing-standard);\n      }\n\n      .panel.top {\n        top: auto;\n        bottom: calc(100% + 6px);\n        transform: translateY(6px);\n        transform-origin: bottom left;\n      }\n\n      /* Hangs the panel off the trigger's right edge, for a trigger that sits\n         at the right of what it belongs to — the caret of a split button. */\n      .panel.end {\n        right: 0;\n        left: auto;\n        transform-origin: top right;\n      }\n\n      .panel.end.top {\n        transform-origin: bottom right;\n      }\n\n      .panel.open {\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .list {\n        display: flex;\n        flex-direction: column;\n        gap: var(--gap-element);\n        max-height: 208px;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        list-style: none;\n        scrollbar-width: thin;\n      }\n\n      .option {\n        padding: var(--padding-expand-item);\n        color: var(--text-muted);\n        font: var(--font-normal-regular);\n        border-radius: var(--radius-input);\n        cursor: pointer;\n      }\n      .option:hover {\n        background: var(--surface-hover);\n      }\n\n      .option.selected {\n        color: var(--text-body);\n        font-weight: 600;\n        background: var(--color-dark-23);\n      }\n\n      .option.disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n\n      .empty {\n        padding: var(--padding-expand-item);\n        color: var(--text-muted);\n        font: var(--font-normal-small);\n        cursor: default;\n      }\n    `,\n  ];\n\n  @query('.trigger')\n  private triggerWrapper!: HTMLElement;\n\n  @query('slot[name=\"trigger\"]')\n  private triggerSlot?: HTMLSlotElement;\n\n  @query('slot[name=\"panel\"]')\n  private panelSlot?: HTMLSlotElement;\n\n  @state()\n  private open = false;\n\n  /** Where the panel actually landed, after checking the room available. */\n  @state()\n  private placement: KtDropdownPlacement = 'bottom';\n\n  /** Menu rows. Leave empty and slot into `panel` for custom content. */\n  @property({ attribute: false })\n  options: readonly KtOption[] = [];\n\n  /** Marks one row as current. */\n  @property({ type: String })\n  value: string | number | null = null;\n\n  /** Where to put the panel when there is room on both sides. */\n  @property({ type: String, attribute: 'preferred-placement' })\n  preferredPlacement: KtDropdownPlacement = 'bottom';\n\n  /** Which edge of the trigger the panel lines up with. */\n  @property({ type: String, reflect: true })\n  align: KtDropdownAlign = 'start';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String, attribute: 'empty-text' })\n  emptyText: string | undefined = undefined;\n\n  /** Whether the panel is showing. */\n  get isOpen(): boolean {\n    return this.open;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('pointerdown', this.onDocumentPointerDown);\n    document.addEventListener('keydown', this.onDocumentKeyDown);\n    window.addEventListener('resize', this.reposition);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('pointerdown', this.onDocumentPointerDown);\n    document.removeEventListener('keydown', this.onDocumentKeyDown);\n    window.removeEventListener('resize', this.reposition);\n  }\n\n  /**\n   * Flips the panel above the trigger when there is not enough room below,\n   * preferring whichever side has more space if neither fits.\n   */\n  private reposition = (): void => {\n    const anchor = this.triggerWrapper ?? this;\n    const rect = anchor.getBoundingClientRect();\n    const below = window.innerHeight - rect.bottom;\n    const above = rect.top;\n\n    this.placement =\n      this.preferredPlacement === 'top'\n        ? above >= PANEL_SPACE || above >= below\n          ? 'top'\n          : 'bottom'\n        : below >= PANEL_SPACE || below >= above\n          ? 'bottom'\n          : 'top';\n  };\n\n  private onDocumentPointerDown = (event: Event): void => {\n    if (event.composedPath().includes(this)) return;\n    this.hide();\n  };\n\n  private onDocumentKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape') this.hide();\n  };\n\n  override updated(): void {\n    this.syncTrigger();\n  }\n\n  /**\n   * Puts the popup state on the slotted trigger — the element that takes focus,\n   * so the one a screen reader announces. A `<kt-button>` gets it through its\n   * properties and passes it to its inner button; anything else as attributes.\n   *\n   * Only a menu is announced as one: the built-in list of options, or a\n   * slotted panel that says `role=\"menu\"` itself. A panel of free content is a\n   * disclosure — `aria-expanded` alone.\n   */\n  private syncTrigger = (): void => {\n    const trigger = this.triggerSlot?.assignedElements()[0];\n    if (!trigger) return;\n\n    const customMenu = this.panelSlot?.assignedElements()[0]?.getAttribute('role') === 'menu';\n    const popup = this.options.length > 0 || customMenu ? 'menu' : undefined;\n    if (isPopupTrigger(trigger)) {\n      trigger.popup = popup;\n      trigger.expanded = this.open;\n      return;\n    }\n    if (popup) trigger.setAttribute('aria-haspopup', popup);\n    else trigger.removeAttribute('aria-haspopup');\n    trigger.setAttribute('aria-expanded', String(this.open));\n  };\n\n  /** Opens the panel. */\n  show(): void {\n    if (this.disabled || this.open) return;\n    this.reposition();\n    this.open = true;\n    emit(this, 'kt-open');\n  }\n\n  /** Closes the panel. */\n  hide(): void {\n    if (!this.open) return;\n    this.open = false;\n    emit(this, 'kt-close');\n  }\n\n  /** Opens or closes it. */\n  toggle(): void {\n    if (this.open) this.hide();\n    else this.show();\n  }\n\n  private choose(option: KtOption): void {\n    if (option.disabled) return;\n    this.value = option.id;\n    this.hide();\n    emit(this, 'kt-select', { value: option.id, option });\n  }\n\n  override render(): TemplateResult {\n    return html`<div part=\"trigger\" class=\"trigger\" @click=${this.toggle}>\n        <slot name=\"trigger\" @slotchange=${this.syncTrigger}></slot>\n      </div>\n\n      <div\n        part=\"panel\"\n        class=${classMap({\n          panel: true,\n          open: this.open,\n          top: this.placement === 'top',\n          end: this.align === 'end',\n        })}\n        role=${this.options.length > 0 ? 'menu' : 'group'}\n        aria-hidden=${this.open ? 'false' : 'true'}\n      >\n        ${\n          this.options.length > 0\n            ? html`<ul class=\"list\">\n                ${this.options.map(\n                  (option) =>\n                    html`<li\n                      part=\"option\"\n                      class=${classMap({\n                        option: true,\n                        selected: option.id === this.value,\n                        disabled: Boolean(option.disabled),\n                      })}\n                      role=\"menuitem\"\n                      aria-disabled=${option.disabled ? 'true' : nothing}\n                      @click=${() => this.choose(option)}\n                    >\n                      ${optionLabel(option)}\n                    </li>`,\n                )}\n              </ul>`\n            : html`<slot name=\"panel\">\n                <div class=\"empty\">${this.emptyText ?? strings().noResults}</div>\n              </slot>`\n        }\n      </div>`;\n  }\n}\n\n/** A trigger that takes its popup state as properties, like `<kt-button>`. */\ninterface PopupTrigger extends Element {\n  popup: 'menu' | undefined;\n  expanded: boolean | undefined;\n}\n\nfunction isPopupTrigger(element: Element): element is PopupTrigger {\n  return 'popup' in element && 'expanded' in element;\n}\n\ndefineElement('kt-dropdown', KtDropdown);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kt-dropdown': KtDropdown;\n  }\n}\n"],"names":["PANEL_SPACE","KtDropdown","KtElement","rect","below","above","event","trigger","customMenu","popup","isPopupTrigger","css","emit","option","html","classMap","nothing","optionLabel","strings","__decorateClass","query","state","property","element","defineElement"],"mappings":"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"}
+{"version":3,"file":"kt-dropdown.js","sources":["../../../../src/components/overlays/kt-dropdown/kt-dropdown.ts"],"sourcesContent":["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, toggleListener } from '#internal/events';\nimport { optionLabel, type KtOption } from '#internal/listbox';\nimport { FloatingController, floatingStyles } from '#internal/floating';\nimport { strings } from '#internal/strings';\n\nexport type KtDropdownPlacement = 'bottom' | 'top';\nexport type KtDropdownAlign = 'start' | 'end';\n\n/**\n * A panel anchored to a trigger.\n *\n * The generic overlay: pass `options` for a menu, or slot anything into\n * `panel` for arbitrary content. For choosing a value in a form, reach for\n * `<kt-select>` or `<kt-input-menu>` instead — they carry the listbox\n * semantics this one deliberately does not assume.\n *\n * @element kt-dropdown\n *\n * @slot trigger - What opens the panel.\n * @slot panel - Panel contents, when `options` is not used.\n *\n * @csspart trigger - The trigger wrapper.\n * @csspart panel - The floating panel.\n * @csspart option - A menu row.\n *\n * @fires kt-select - A menu row was chosen. `detail: { value, option }`.\n * @fires kt-open - The panel opened.\n * @fires kt-close - The panel closed.\n */\nexport class KtDropdown extends KtElement {\n  static override styles = [\n    KtElement.styles,\n    floatingStyles,\n    css`\n      :host {\n        position: relative;\n        display: inline-block;\n      }\n\n      .trigger {\n        border-radius: var(--radius-input);\n        cursor: pointer;\n      }\n\n      :host([disabled]) .trigger {\n        cursor: not-allowed;\n        opacity: 0.6;\n      }\n\n      /* Placed from the trigger by FloatingController. */\n      .panel {\n        box-sizing: border-box;\n        width: 224px;\n        max-height: 224px;\n        margin: 0;\n        padding: var(--padding-expand);\n        background: var(--surface-raised);\n        border-radius: var(--radius-input);\n        transform: translateY(-6px);\n        transform-origin: top left;\n        visibility: hidden;\n        opacity: 0;\n        transition:\n          opacity var(--duration-normal) var(--easing-standard),\n          transform var(--duration-normal) var(--easing-standard);\n      }\n\n      .panel.top {\n        transform: translateY(6px);\n        transform-origin: bottom left;\n      }\n\n      /* Hangs the panel off the trigger's right edge, for a trigger that sits\n         at the right of what it belongs to — the caret of a split button. */\n      .panel.end {\n        transform-origin: top right;\n      }\n\n      .panel.end.top {\n        transform-origin: bottom right;\n      }\n\n      .panel.open {\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .list {\n        display: flex;\n        flex-direction: column;\n        gap: var(--gap-element);\n        max-height: 208px;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        list-style: none;\n        scrollbar-width: thin;\n      }\n\n      .option {\n        padding: var(--padding-expand-item);\n        color: var(--text-muted);\n        font: var(--font-normal-regular);\n        border-radius: var(--radius-input);\n        cursor: pointer;\n      }\n      .option:hover {\n        background: var(--surface-hover);\n      }\n\n      .option.selected {\n        color: var(--text-body);\n        font-weight: 600;\n        background: var(--color-dark-23);\n      }\n\n      .option.disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n\n      .empty {\n        padding: var(--padding-expand-item);\n        color: var(--text-muted);\n        font: var(--font-normal-small);\n        cursor: default;\n      }\n    `,\n  ];\n\n  @query('.trigger')\n  private triggerWrapper!: HTMLElement;\n\n  @query('slot[name=\"trigger\"]')\n  private triggerSlot?: HTMLSlotElement;\n\n  @query('slot[name=\"panel\"]')\n  private panelSlot?: HTMLSlotElement;\n\n  @state()\n  private open = false;\n\n  /** Where the panel actually landed, after checking the room available. */\n  @state()\n  private placement: KtDropdownPlacement = 'bottom';\n\n  private floating = new FloatingController(this, {\n    panel: () => this.shadowRoot?.querySelector<HTMLElement>('.panel'),\n    anchor: () => this.triggerWrapper,\n    side: () => this.preferredPlacement,\n    align: () => this.align,\n    onPlace: (side) => {\n      this.placement = side === 'top' ? 'top' : 'bottom';\n    },\n  });\n\n  /** Menu rows. Leave empty and slot into `panel` for custom content. */\n  @property({ attribute: false })\n  options: readonly KtOption[] = [];\n\n  /** Marks one row as current. */\n  @property({ type: String })\n  value: string | number | null = null;\n\n  /** Where to put the panel when there is room on both sides. */\n  @property({ type: String, attribute: 'preferred-placement' })\n  preferredPlacement: KtDropdownPlacement = 'bottom';\n\n  /** Which edge of the trigger the panel lines up with. */\n  @property({ type: String, reflect: true })\n  align: KtDropdownAlign = 'start';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String, attribute: 'empty-text' })\n  emptyText: string | undefined = undefined;\n\n  /** Whether the panel is showing. */\n  get isOpen(): boolean {\n    return this.open;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Back on the document if it was reconnected while open.\n    this.listen(this.open);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.listen(false);\n  }\n\n  /**\n   * The outside click and Escape a panel reacts to — only while it is\n   * open. A page of closed menus should not run a handler per menu on every\n   * click and keystroke.\n   */\n  private listen(on: boolean): void {\n    toggleListener(on, document, 'pointerdown', this.onDocumentPointerDown);\n    toggleListener(on, document, 'keydown', this.onDocumentKeyDown as EventListener);\n  }\n\n  private onDocumentPointerDown = (event: Event): void => {\n    if (event.composedPath().includes(this)) return;\n    this.hide();\n  };\n\n  private onDocumentKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape') this.hide();\n  };\n\n  // Untyped: `open` is private, so not among the keys PropertyValues<this> knows.\n  override updated(changed: PropertyValues): void {\n    this.syncTrigger();\n    if (changed.has('open')) this.listen(this.open);\n    this.floating.sync(this.open);\n  }\n\n  /**\n   * Puts the popup state on the slotted trigger — the element that takes focus,\n   * so the one a screen reader announces. A `<kt-button>` gets it through its\n   * properties and passes it to its inner button; anything else as attributes.\n   *\n   * Only a menu is announced as one: the built-in list of options, or a\n   * slotted panel that says `role=\"menu\"` itself. A panel of free content is a\n   * disclosure — `aria-expanded` alone.\n   */\n  private syncTrigger = (): void => {\n    const trigger = this.triggerSlot?.assignedElements()[0];\n    if (!trigger) return;\n\n    const customMenu = this.panelSlot?.assignedElements()[0]?.getAttribute('role') === 'menu';\n    const popup = this.options.length > 0 || customMenu ? 'menu' : undefined;\n    if (isPopupTrigger(trigger)) {\n      trigger.popup = popup;\n      trigger.expanded = this.open;\n      return;\n    }\n    if (popup) trigger.setAttribute('aria-haspopup', popup);\n    else trigger.removeAttribute('aria-haspopup');\n    trigger.setAttribute('aria-expanded', String(this.open));\n  };\n\n  /** Opens the panel. */\n  show(): void {\n    if (this.disabled || this.open) return;\n    this.open = true;\n    emit(this, 'kt-open');\n  }\n\n  /** Closes the panel. */\n  hide(): void {\n    if (!this.open) return;\n    this.open = false;\n    emit(this, 'kt-close');\n  }\n\n  /** Opens or closes it. */\n  toggle(): void {\n    if (this.open) this.hide();\n    else this.show();\n  }\n\n  private choose(option: KtOption): void {\n    if (option.disabled) return;\n    this.value = option.id;\n    this.hide();\n    emit(this, 'kt-select', { value: option.id, option });\n  }\n\n  override render(): TemplateResult {\n    return html`<div part=\"trigger\" class=\"trigger\" @click=${this.toggle}>\n        <slot name=\"trigger\" @slotchange=${this.syncTrigger}></slot>\n      </div>\n\n      <div\n        part=\"panel\"\n        popover=\"manual\"\n        class=${classMap({\n          panel: true,\n          floating: true,\n          open: this.open,\n          top: this.placement === 'top',\n          end: this.align === 'end',\n        })}\n        role=${this.options.length > 0 ? 'menu' : 'group'}\n        aria-hidden=${this.open ? 'false' : 'true'}\n      >\n        ${\n          this.options.length > 0\n            ? html`<ul class=\"list\">\n                ${this.options.map(\n                  (option) =>\n                    html`<li\n                      part=\"option\"\n                      class=${classMap({\n                        option: true,\n                        selected: option.id === this.value,\n                        disabled: Boolean(option.disabled),\n                      })}\n                      role=\"menuitem\"\n                      aria-disabled=${option.disabled ? 'true' : nothing}\n                      @click=${() => this.choose(option)}\n                    >\n                      ${optionLabel(option)}\n                    </li>`,\n                )}\n              </ul>`\n            : html`<slot name=\"panel\">\n                <div class=\"empty\">${this.emptyText ?? strings().noResults}</div>\n              </slot>`\n        }\n      </div>`;\n  }\n}\n\n/** A trigger that takes its popup state as properties, like `<kt-button>`. */\ninterface PopupTrigger extends Element {\n  popup: 'menu' | undefined;\n  expanded: boolean | undefined;\n}\n\nfunction isPopupTrigger(element: Element): element is PopupTrigger {\n  return 'popup' in element && 'expanded' in element;\n}\n\ndefineElement('kt-dropdown', KtDropdown);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kt-dropdown': KtDropdown;\n  }\n}\n"],"names":["KtDropdown","KtElement","FloatingController","side","event","trigger","customMenu","popup","isPopupTrigger","floatingStyles","css","on","toggleListener","changed","emit","option","html","classMap","nothing","optionLabel","strings","__decorateClass","query","state","property","element","defineElement"],"mappings":"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"}

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-E-tfJpGQ.js";
-import { e as u } from "../../../chunks/events-Bjl5Zmmq.js";
+import { K as c, d as m } from "../../../chunks/kt-element-Djx2JcGl.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-DSSLJirw.js";
+import { s as x } from "../../../chunks/index-STEEvEP7.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-E-tfJpGQ.js";
-import { e as v } from "../../../chunks/events-Bjl5Zmmq.js";
+import { K as h, d as u } from "../../../chunks/kt-element-Djx2JcGl.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-DSSLJirw.js";
+import { s as l } from "../../../chunks/index-STEEvEP7.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--)