@api-client/ui 0.2.9 → 0.2.11

package/build/src/md/checkbox/internals/CheckboxElement.d.ts

@@ -1,17 +1,20 @@
 import { SVGTemplateResult, TemplateResult, nothing } from 'lit';
 import CheckedElement from './CheckedElement.js';
-import UiRipple from '../../ripple/internals/ripple.js';
+import type UiRipple from '../../ripple/internals/ripple.js';
+import type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js';
 import '../../ripple/ui-ripple.js';
+import '@material/web/focus/md-focus-ring.js';
 export default class CheckboxElement extends CheckedElement {
     protected get _icon(): SVGTemplateResult | typeof nothing;
-    protected accessor ripple: Promise<UiRipple | null>;
-    protected accessor showRipple: boolean;
-    protected readonly getRipple: () => Promise<UiRipple | null>;
-    protected handleFocus(): Promise<void>;
-    protected handleBlur(): Promise<void>;
+    protected accessor ripple: UiRipple | null;
+    protected pressRipple(options: BeginPressConfig): void;
+    protected endRipple(): void;
+    beginPress(options: BeginPressConfig): void;
+    endPress(config: EndPressConfig): void;
     handleKeyDown(e: KeyboardEvent): Promise<void>;
     handleKeyUp(e: KeyboardEvent): Promise<void>;
+    handlePointerEnter(e: PointerEvent): void;
+    handlePointerLeave(e: PointerEvent): void;
     protected render(): TemplateResult;
-    protected renderRipple: () => TemplateResult;
 }
 //# sourceMappingURL=CheckboxElement.d.ts.map

package/build/src/md/checkbox/internals/CheckboxElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAItE,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAGhD,OAAO,QAAQ,MAAM,kCAAkC,CAAA;AACvD,OAAO,2BAA2B,CAAA;AAElC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc;IACzD,SAAS,KAAK,KAAK,IAAI,iBAAiB,GAAG,OAAO,OAAO,CASxD;IAEwB,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IAEpE,SAAS,CAAC,QAAQ,CAAC,UAAU,UAAQ;IAE9C,SAAS,CAAC,QAAQ,CAAC,SAAS,QAAO,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAG1D;cAEwB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;cAK5B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAKrC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ9C,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;cAQxC,MAAM,IAAI,cAAc;IAgB3C,SAAS,CAAC,YAAY,QAAO,cAAc,CAG1C;CACF"}
+{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAEhD,OAAO,KAAK,QAAQ,MAAM,kCAAkC,CAAA;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAA;AAEhG,OAAO,2BAA2B,CAAA;AAClC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc;IACzD,SAAS,KAAK,KAAK,IAAI,iBAAiB,GAAG,OAAO,OAAO,CASxD;IAEmB,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAG,QAAQ,GAAG,IAAI,CAAA;IAE/D,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAOtD,SAAS,CAAC,SAAS,IAAI,IAAI;IAIlB,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAK3C,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAKhC,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAO9C,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAOlD,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAOzC,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;cAO/B,MAAM,IAAI,cAAc;CAgB5C"}

package/build/src/md/checkbox/internals/CheckboxElement.js

@@ -1,27 +1,21 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { html, nothing } from 'lit';
-import { queryAsync, state } from 'lit/decorators.js';
+import { query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { when } from 'lit/directives/when.js';
 import CheckedElement from './CheckedElement.js';
 import { check, checkIndeterminate } from '../../icons/Icons.js';
-import { ripple } from '../../effects/rippleDirective.js';
 import '../../ripple/ui-ripple.js';
+import '@material/web/focus/md-focus-ring.js';
 let CheckboxElement = (() => {
     let _classSuper = CheckedElement;
     let _ripple_decorators;
     let _ripple_initializers = [];
     let _ripple_extraInitializers = [];
-    let _showRipple_decorators;
-    let _showRipple_initializers = [];
-    let _showRipple_extraInitializers = [];
     return class CheckboxElement extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _ripple_decorators = [queryAsync('ui-ripple')];
-            _showRipple_decorators = [state()];
+            _ripple_decorators = [query('ui-ripple')];
             __esDecorate(this, null, _ripple_decorators, { kind: "accessor", name: "ripple", static: false, private: false, access: { has: obj => "ripple" in obj, get: obj => obj.ripple, set: (obj, value) => { obj.ripple = value; } }, metadata: _metadata }, _ripple_initializers, _ripple_extraInitializers);
-            __esDecorate(this, null, _showRipple_decorators, { kind: "accessor", name: "showRipple", static: false, private: false, access: { has: obj => "showRipple" in obj, get: obj => obj.showRipple, set: (obj, value) => { obj.showRipple = value; } }, metadata: _metadata }, _showRipple_initializers, _showRipple_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         get _icon() {
@@ -37,33 +31,45 @@ let CheckboxElement = (() => {
         #ripple_accessor_storage = __runInitializers(this, _ripple_initializers, void 0);
         get ripple() { return this.#ripple_accessor_storage; }
         set ripple(value) { this.#ripple_accessor_storage = value; }
-        #showRipple_accessor_storage = (__runInitializers(this, _ripple_extraInitializers), __runInitializers(this, _showRipple_initializers, false));
-        get showRipple() { return this.#showRipple_accessor_storage; }
-        set showRipple(value) { this.#showRipple_accessor_storage = value; }
-        getRipple = (__runInitializers(this, _showRipple_extraInitializers), () => {
-            this.showRipple = true;
-            return this.ripple;
-        });
-        async handleFocus() {
-            const _ripple = await this.getRipple();
-            _ripple?.beginFocus();
+        pressRipple(options) {
+            const element = this.ripple;
+            if (element && !element.isPressed) {
+                element.beginPress(options.positionEvent);
+            }
+        }
+        endRipple() {
+            this.ripple?.endPress();
         }
-        async handleBlur() {
-            const _ripple = await this.getRipple();
-            _ripple?.endFocus();
+        beginPress(options) {
+            super.beginPress(options);
+            this.pressRipple(options);
+        }
+        endPress(config) {
+            super.endPress(config);
+            this.endRipple();
         }
         async handleKeyDown(e) {
             super.handleKeyDown(e);
             if (['Space'].includes(e.code)) {
-                const _ripple = await this.getRipple();
-                _ripple?.beginPress();
+                this.ripple?.beginPress();
             }
         }
         async handleKeyUp(e) {
             super.handleKeyUp(e);
             if (['Space'].includes(e.code)) {
-                const _ripple = await this.getRipple();
-                _ripple?.endPress();
+                this.ripple?.endPress();
+            }
+        }
+        handlePointerEnter(e) {
+            super.handlePointerEnter(e);
+            if (this.ripple) {
+                this.ripple.beginHover(e);
+            }
+        }
+        handlePointerLeave(e) {
+            super.handlePointerLeave(e);
+            if (this.ripple) {
+                this.ripple.endHover();
             }
         }
         render() {
@@ -73,18 +79,19 @@ let CheckboxElement = (() => {
                 pressed,
             });
             return html `
-      <div class="${containerClasses}" ${ripple(this.getRipple)}>
+      <md-focus-ring part="focus-ring" .control="${this}"></md-focus-ring>
+      <div class="${containerClasses}">
         <div class="container"></div>
         <div class="state"></div>
-        ${when(this.showRipple, this.renderRipple)}
+        <ui-ripple class="ripple" unbounded ?disabled="${this.disabled}"></ui-ripple>
         <div class="icon">${this._icon}</div>
       </div>
     `;
         }
-        renderRipple = () => {
-            const { disabled } = this;
-            return html `<ui-ripple class="ripple" unbounded ?disabled="${disabled}"></ui-ripple>`;
-        };
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _ripple_extraInitializers);
+        }
     };
 })();
 export default CheckboxElement;

package/build/src/md/checkbox/internals/CheckboxElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxElement.js","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckboxElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, SVGTemplateResult, TemplateResult, nothing } from 'lit'\nimport { queryAsync, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { when } from 'lit/directives/when.js'\nimport CheckedElement from './CheckedElement.js'\nimport { check, checkIndeterminate } from '../../icons/Icons.js'\nimport { ripple } from '../../effects/rippleDirective.js'\nimport UiRipple from '../../ripple/internals/ripple.js'\nimport '../../ripple/ui-ripple.js'\n\nexport default class CheckboxElement extends CheckedElement {\n  protected get _icon(): SVGTemplateResult | typeof nothing {\n    const { indeterminate, checked } = this\n    if (indeterminate) {\n      return checkIndeterminate\n    }\n    if (checked) {\n      return check\n    }\n    return nothing\n  }\n\n  @queryAsync('ui-ripple') protected accessor ripple!: Promise<UiRipple | null>\n\n  @state() protected accessor showRipple = false\n\n  protected readonly getRipple = (): Promise<UiRipple | null> => {\n    this.showRipple = true\n    return this.ripple\n  }\n\n  protected override async handleFocus(): Promise<void> {\n    const _ripple = await this.getRipple()\n    _ripple?.beginFocus()\n  }\n\n  protected override async handleBlur(): Promise<void> {\n    const _ripple = await this.getRipple()\n    _ripple?.endFocus()\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e)\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple()\n      _ripple?.beginPress()\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e)\n    if (['Space'].includes(e.code)) {\n      const _ripple = await this.getRipple()\n      _ripple?.endPress()\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed = false } = this\n    const containerClasses = classMap({\n      surface: true,\n      pressed,\n    })\n    return html`\n      <div class=\"${containerClasses}\" ${ripple(this.getRipple)}>\n        <div class=\"container\"></div>\n        <div class=\"state\"></div>\n        ${when(this.showRipple, this.renderRipple)}\n        <div class=\"icon\">${this._icon}</div>\n      </div>\n    `\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this\n    return html`<ui-ripple class=\"ripple\" unbounded ?disabled=\"${disabled}\"></ui-ripple>`\n  }\n}\n"]}
+{"version":3,"file":"CheckboxElement.js","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckboxElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqC,OAAO,EAAE,MAAM,KAAK,CAAA;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAIhE,OAAO,2BAA2B,CAAA;AAClC,OAAO,sCAAsC,CAAA;;sBAEA,cAAc;;;;iBAAtC,eAAgB,SAAQ,WAAc;;;kCAYxD,KAAK,CAAC,WAAW,CAAC;YAAC,uKAAmB,MAAM,6BAAN,MAAM,uFAAkB;;;QAX/D,IAAc,KAAK;YACjB,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;YACvC,IAAI,aAAa,EAAE,CAAC;gBAClB,OAAO,kBAAkB,CAAA;YAC3B,CAAC;YACD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAA;YACd,CAAC;YACD,OAAO,OAAO,CAAA;QAChB,CAAC;QAEmB,iFAA2C;QAA3C,IAAmB,MAAM,4CAAkB;QAA3C,IAAmB,MAAM,kDAAkB;QAErD,WAAW,CAAC,OAAyB;YAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAA;YAC3B,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gBAClC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,aAA6B,CAAC,CAAA;YAC3D,CAAC;QACH,CAAC;QAES,SAAS;YACjB,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAA;QACzB,CAAC;QAEQ,UAAU,CAAC,OAAyB;YAC3C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YACzB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC3B,CAAC;QAEQ,QAAQ,CAAC,MAAsB;YACtC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;QAEQ,KAAK,CAAC,aAAa,CAAC,CAAgB;YAC3C,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACtB,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC;QAEQ,KAAK,CAAC,WAAW,CAAC,CAAgB;YACzC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;YACpB,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAA;YACzB,CAAC;QACH,CAAC;QAEQ,kBAAkB,CAAC,CAAe;YACzC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAA;YAC3B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;YAC3B,CAAC;QACH,CAAC;QAEQ,kBAAkB,CAAC,CAAe;YACzC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAA;YAC3B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA;YACxB,CAAC;QACH,CAAC;QAEkB,MAAM;YACvB,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,CAAA;YAChC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;gBAChC,OAAO,EAAE,IAAI;gBACb,OAAO;aACR,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;mDACoC,IAAmB;oBAClD,gBAAgB;;;yDAGqB,IAAI,CAAC,QAAQ;4BAC1C,IAAI,CAAC,KAAK;;KAEjC,CAAA;QACH,CAAC;;;;;;;AA9EH,+BA+EC","sourcesContent":["import { html, SVGTemplateResult, TemplateResult, nothing } from 'lit'\nimport { query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport CheckedElement from './CheckedElement.js'\nimport { check, checkIndeterminate } from '../../icons/Icons.js'\nimport type UiRipple from '../../ripple/internals/ripple.js'\nimport type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js'\n\nimport '../../ripple/ui-ripple.js'\nimport '@material/web/focus/md-focus-ring.js'\n\nexport default class CheckboxElement extends CheckedElement {\n  protected get _icon(): SVGTemplateResult | typeof nothing {\n    const { indeterminate, checked } = this\n    if (indeterminate) {\n      return checkIndeterminate\n    }\n    if (checked) {\n      return check\n    }\n    return nothing\n  }\n\n  @query('ui-ripple') protected accessor ripple!: UiRipple | null\n\n  protected pressRipple(options: BeginPressConfig): void {\n    const element = this.ripple\n    if (element && !element.isPressed) {\n      element.beginPress(options.positionEvent as PointerEvent)\n    }\n  }\n\n  protected endRipple(): void {\n    this.ripple?.endPress()\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options)\n    this.pressRipple(options)\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    this.endRipple()\n  }\n\n  override async handleKeyDown(e: KeyboardEvent): Promise<void> {\n    super.handleKeyDown(e)\n    if (['Space'].includes(e.code)) {\n      this.ripple?.beginPress()\n    }\n  }\n\n  override async handleKeyUp(e: KeyboardEvent): Promise<void> {\n    super.handleKeyUp(e)\n    if (['Space'].includes(e.code)) {\n      this.ripple?.endPress()\n    }\n  }\n\n  override handlePointerEnter(e: PointerEvent): void {\n    super.handlePointerEnter(e)\n    if (this.ripple) {\n      this.ripple.beginHover(e)\n    }\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e)\n    if (this.ripple) {\n      this.ripple.endHover()\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed = false } = this\n    const containerClasses = classMap({\n      surface: true,\n      pressed,\n    })\n    return html`\n      <md-focus-ring part=\"focus-ring\" .control=\"${this as HTMLElement}\"></md-focus-ring>\n      <div class=\"${containerClasses}\">\n        <div class=\"container\"></div>\n        <div class=\"state\"></div>\n        <ui-ripple class=\"ripple\" unbounded ?disabled=\"${this.disabled}\"></ui-ripple>\n        <div class=\"icon\">${this._icon}</div>\n      </div>\n    `\n  }\n}\n"]}

package/build/src/md/checkbox/internals/CheckedElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckedElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckedElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAA;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;IAGnD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IAIrC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAED;;;OAGG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE7D;;;;;OAKG;IACyB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9D;;;;;;;OAOG;IACyC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjF;;;;;;;OAOG;IACyC,QAAQ,CAAC,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAEvF;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAElF;;;;;OAKG;IACyC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAkD;;IAuBpF,iBAAiB,IAAI,IAAI;cAWf,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAoB1D;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;IAOzC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKhC,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAW/C,SAAS,CAAC,WAAW,IAAI,IAAI;IAI7B,SAAS,CAAC,UAAU,IAAI,IAAI;IAI5B,SAAS,CAAC,WAAW,CAAC,KAAK,UAAQ,GAAG,IAAI;IAQ1C,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAoBzB,YAAY,IAAI,IAAI;IAM7B,SAAS,CAAC,eAAe,IAAI,IAAI;IAOjC,MAAM,IAAI,IAAI;IAWd,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAKpC;;;OAGG;IACH,aAAa,IAAI,OAAO;IAKxB;;;;OAIG;IACH,cAAc,IAAI,OAAO;CAI1B"}
+{"version":3,"file":"CheckedElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckedElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAA;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;;IAGnD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IAIrC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAED;;;OAGG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE7D;;;;;OAKG;IACyB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9D;;;;;;;OAOG;IACyC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjF;;;;;;;OAOG;IACyC,QAAQ,CAAC,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAEvF;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAElF;;;;;OAKG;IACyC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAEjF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAkD;;IAwBpF,iBAAiB,IAAI,IAAI;cAWf,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAoB1D;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;IAOzC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKhC,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI;IAW/C,SAAS,CAAC,WAAW,IAAI,IAAI;IAI7B,SAAS,CAAC,UAAU,IAAI,IAAI;IAI5B,SAAS,CAAC,WAAW,CAAC,KAAK,UAAQ,GAAG,IAAI;IAQ1C,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAoBzB,YAAY,IAAI,IAAI;IAM7B,SAAS,CAAC,eAAe,IAAI,IAAI;IAOjC,MAAM,IAAI,IAAI;IAWd,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAKpC;;;OAGG;IACH,aAAa,IAAI,OAAO;IAKxB;;;;OAIG;IACH,cAAc,IAAI,OAAO;CAI1B"}

package/build/src/md/checkbox/internals/CheckedElement.js

@@ -133,6 +133,7 @@ let CheckedElement = (() => {
             this.addEventListener('pointerdown', this.handlePointerDown.bind(this));
             this.addEventListener('pointerup', this.handlePointerUp.bind(this));
             this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));
+            this.addEventListener('pointerenter', this.handlePointerEnter.bind(this));
             this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));
             this.addEventListener('contextmenu', this.handleContextMenu.bind(this));
             this.addEventListener('keydown', this.handleKeyDown.bind(this));

package/build/src/md/checkbox/internals/CheckedElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckedElement.js","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckedElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js'\nimport { UiElement } from '../../UiElement.js'\nimport { EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport { PropertyValues } from 'lit'\n\n/**\n * A base class for UI elements that can be checked (as in a form: checkbox, switch, radio).\n *\n * @fires change - when the checked element changes it's checked state\n * @fires input - when the checked element changes it's checked state\n */\nexport default class CheckedElement extends UiElement {\n  #_userInteracted: boolean\n\n  static readonly formAssociated = true\n\n  #_internals = this.attachInternals()\n\n  get form(): HTMLFormElement | null {\n    return this.#_internals && this.#_internals.form\n  }\n\n  get type(): string {\n    return this.localName\n  }\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n    this._updateFormValue()\n  }\n\n  /**\n   * The name of the form control, submitted as a pair with the control's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  /**\n   * When a form is submitted, only checkboxes which are currently checked are submitted to the server,\n   * and the reported value is the `value` of the value attribute.\n   * If the `value` is not otherwise specified, it is the string `on` by default.\n   * @attribute\n   */\n  @property({ type: String }) accessor value: string | undefined\n\n  /**\n   * A Boolean attribute indicating whether this checkbox is checked.\n   *\n   * A checkbox's value is only included in the submitted data\n   * if the checkbox is currently `checked`. If it is, then the value\n   * of the checkbox's `value` attribute is reported as the input's value.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor checked: boolean | undefined\n\n  /**\n   * In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate.\n   * This is a state in which it's impossible to say whether the item is toggled on or off.\n   *\n   * If you submit a form with an indeterminate checkbox, the same thing happens as\n   * if the checkbox were unchecked — no data is submitted to represent the checkbox.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor indeterminate: boolean | undefined\n\n  /**\n   * Set to true to mark the checked element as required.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) accessor required: boolean | undefined\n\n  /**\n   * While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n   * it also exposes an attribute to style the element as invalid. This attribute changes\n   * when the element validation is performed.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor invalid: boolean | undefined\n\n  protected readonly _validationError: string = 'Please check this box if you want to proceed.'\n\n  constructor() {\n    super()\n    // The default value for the `<input type=\"checkbox\"/>\n    this.value = 'on'\n    this.checked = false\n    this.indeterminate = false\n    this.#_userInteracted = false\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('invalid', this._invalidHandler.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('focus', this.handleFocus.bind(this))\n    this.addEventListener('blur', this.handleBlur.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'checkbox')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n    this._setChecked(this.checked)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('required')) {\n      const value = cp.get('required')\n      if (value) {\n        // this.setAttribute('aria-required', 'true');\n        this.#_internals.ariaRequired = 'true'\n      } else {\n        // this.removeAttribute('aria-required');\n        this.#_internals.ariaRequired = null\n      }\n      this._updateFormValue()\n    }\n    if (cp.has('indeterminate') || cp.has('value')) {\n      this._updateFormValue()\n    }\n    if (cp.has('checked')) {\n      this._setChecked(this.checked)\n    }\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form has been reset\n   */\n  formResetCallback(): void {\n    this.checked = false\n    this._postCheckedChange()\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form state has been restored\n   *\n   * @param formState Restored value\n   */\n  formStateRestoreCallback(formState?: string): void {\n    if (this.value === formState) {\n      this.checked = true\n      this._postCheckedChange()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e)\n    this.toggle()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    if (reason === 'enter' || reason === 'space') {\n      this.toggle()\n    }\n  }\n\n  protected handleFocus(): void {\n    //\n  }\n\n  protected handleBlur(): void {\n    //\n  }\n\n  protected _setChecked(value = false): void {\n    const { indeterminate } = this\n    const attrValue = indeterminate ? 'mixed' : String(value)\n    this.setAttribute('aria-checked', attrValue)\n    this.#_internals.ariaChecked = attrValue\n    this._updateFormValue()\n  }\n\n  protected _updateFormValue(): void {\n    const { value = null, checked, indeterminate, disabled, required } = this\n    if (!checked || indeterminate || disabled) {\n      this.#_internals.setFormValue(null)\n    } else {\n      this.#_internals.setFormValue(value)\n    }\n\n    if (required && !checked) {\n      this.#_internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        this._validationError\n      )\n    } else if (this.#_internals.validity.valueMissing) {\n      this.#_internals.setValidity({})\n    }\n  }\n\n  override notifyChange(): void {\n    // The <input type=\"checkbox\"/> dispatches both events.\n    this.dispatchEvent(new Event('input'))\n    super.notifyChange()\n  }\n\n  protected _invalidHandler(): void {\n    if (!this.#_userInteracted) {\n      return\n    }\n    this.invalid = true\n  }\n\n  toggle(): void {\n    if (this.disabled) {\n      return\n    }\n    this.#_userInteracted = true\n    this.invalid = false\n    this.checked = !this.checked\n    this._updateFormValue()\n    this._postCheckedChange()\n  }\n\n  protected _postCheckedChange(): void {\n    this.notifyChange()\n    this.#_internals.checkValidity()\n  }\n\n  /**\n   * Returns true if the element's value has no validity problems; false otherwise.\n   * Fires an invalid event at the element in the latter case.\n   */\n  checkValidity(): boolean {\n    this.#_userInteracted = true\n    return this.#_internals.checkValidity()\n  }\n\n  /**\n   * Returns `true` if internals's target element has no validity problems; otherwise, returns false,\n   * fires an invalid event at the element, and (if the event isn't canceled) reports\n   * the problem to the user.\n   */\n  reportValidity(): boolean {\n    this.#_userInteracted = true\n    return this.#_internals.reportValidity()\n  }\n}\n"]}
+{"version":3,"file":"CheckedElement.js","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/CheckedElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js'\nimport { UiElement } from '../../UiElement.js'\nimport { EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport { PropertyValues } from 'lit'\n\n/**\n * A base class for UI elements that can be checked (as in a form: checkbox, switch, radio).\n *\n * @fires change - when the checked element changes it's checked state\n * @fires input - when the checked element changes it's checked state\n */\nexport default class CheckedElement extends UiElement {\n  #_userInteracted: boolean\n\n  static readonly formAssociated = true\n\n  #_internals = this.attachInternals()\n\n  get form(): HTMLFormElement | null {\n    return this.#_internals && this.#_internals.form\n  }\n\n  get type(): string {\n    return this.localName\n  }\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n    this._updateFormValue()\n  }\n\n  /**\n   * The name of the form control, submitted as a pair with the control's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  /**\n   * When a form is submitted, only checkboxes which are currently checked are submitted to the server,\n   * and the reported value is the `value` of the value attribute.\n   * If the `value` is not otherwise specified, it is the string `on` by default.\n   * @attribute\n   */\n  @property({ type: String }) accessor value: string | undefined\n\n  /**\n   * A Boolean attribute indicating whether this checkbox is checked.\n   *\n   * A checkbox's value is only included in the submitted data\n   * if the checkbox is currently `checked`. If it is, then the value\n   * of the checkbox's `value` attribute is reported as the input's value.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor checked: boolean | undefined\n\n  /**\n   * In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate.\n   * This is a state in which it's impossible to say whether the item is toggled on or off.\n   *\n   * If you submit a form with an indeterminate checkbox, the same thing happens as\n   * if the checkbox were unchecked — no data is submitted to represent the checkbox.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor indeterminate: boolean | undefined\n\n  /**\n   * Set to true to mark the checked element as required.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean }) accessor required: boolean | undefined\n\n  /**\n   * While the element can be easily styled with the `:valid` and `:invalid` pseudo classes\n   * it also exposes an attribute to style the element as invalid. This attribute changes\n   * when the element validation is performed.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor invalid: boolean | undefined\n\n  protected readonly _validationError: string = 'Please check this box if you want to proceed.'\n\n  constructor() {\n    super()\n    // The default value for the `<input type=\"checkbox\"/>\n    this.value = 'on'\n    this.checked = false\n    this.indeterminate = false\n    this.#_userInteracted = false\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('invalid', this._invalidHandler.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerenter', this.handlePointerEnter.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('focus', this.handleFocus.bind(this))\n    this.addEventListener('blur', this.handleBlur.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'checkbox')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n    this._setChecked(this.checked)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('required')) {\n      const value = cp.get('required')\n      if (value) {\n        // this.setAttribute('aria-required', 'true');\n        this.#_internals.ariaRequired = 'true'\n      } else {\n        // this.removeAttribute('aria-required');\n        this.#_internals.ariaRequired = null\n      }\n      this._updateFormValue()\n    }\n    if (cp.has('indeterminate') || cp.has('value')) {\n      this._updateFormValue()\n    }\n    if (cp.has('checked')) {\n      this._setChecked(this.checked)\n    }\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form has been reset\n   */\n  formResetCallback(): void {\n    this.checked = false\n    this._postCheckedChange()\n  }\n\n  /**\n   * When form-associated custom elements are supported in the browser it\n   * is called when the form state has been restored\n   *\n   * @param formState Restored value\n   */\n  formStateRestoreCallback(formState?: string): void {\n    if (this.value === formState) {\n      this.checked = true\n      this._postCheckedChange()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e)\n    this.toggle()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    if (reason === 'enter' || reason === 'space') {\n      this.toggle()\n    }\n  }\n\n  protected handleFocus(): void {\n    //\n  }\n\n  protected handleBlur(): void {\n    //\n  }\n\n  protected _setChecked(value = false): void {\n    const { indeterminate } = this\n    const attrValue = indeterminate ? 'mixed' : String(value)\n    this.setAttribute('aria-checked', attrValue)\n    this.#_internals.ariaChecked = attrValue\n    this._updateFormValue()\n  }\n\n  protected _updateFormValue(): void {\n    const { value = null, checked, indeterminate, disabled, required } = this\n    if (!checked || indeterminate || disabled) {\n      this.#_internals.setFormValue(null)\n    } else {\n      this.#_internals.setFormValue(value)\n    }\n\n    if (required && !checked) {\n      this.#_internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        this._validationError\n      )\n    } else if (this.#_internals.validity.valueMissing) {\n      this.#_internals.setValidity({})\n    }\n  }\n\n  override notifyChange(): void {\n    // The <input type=\"checkbox\"/> dispatches both events.\n    this.dispatchEvent(new Event('input'))\n    super.notifyChange()\n  }\n\n  protected _invalidHandler(): void {\n    if (!this.#_userInteracted) {\n      return\n    }\n    this.invalid = true\n  }\n\n  toggle(): void {\n    if (this.disabled) {\n      return\n    }\n    this.#_userInteracted = true\n    this.invalid = false\n    this.checked = !this.checked\n    this._updateFormValue()\n    this._postCheckedChange()\n  }\n\n  protected _postCheckedChange(): void {\n    this.notifyChange()\n    this.#_internals.checkValidity()\n  }\n\n  /**\n   * Returns true if the element's value has no validity problems; false otherwise.\n   * Fires an invalid event at the element in the latter case.\n   */\n  checkValidity(): boolean {\n    this.#_userInteracted = true\n    return this.#_internals.checkValidity()\n  }\n\n  /**\n   * Returns `true` if internals's target element has no validity problems; otherwise, returns false,\n   * fires an invalid event at the element, and (if the event isn't canceled) reports\n   * the problem to the user.\n   */\n  reportValidity(): boolean {\n    this.#_userInteracted = true\n    return this.#_internals.reportValidity()\n  }\n}\n"]}

package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts

@@ -91,6 +91,8 @@ export default class UiDropdownList extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected dropdownOpenHandler(e: Event): void;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected updated(cp: PropertyValues<this>): void;
     protected updateExpanded(): void;
     protected triggerChanged(): void;
     protected dropdownChanged(): void;
@@ -105,8 +107,6 @@ export default class UiDropdownList extends LitElement {
     protected contentClickHandler(e: PointerEvent): void;
     close(): void;
     protected contentCloseHandler(e: Event): void;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected updated(cp: PropertyValues<this>): void;
     /**
      * Since the container for the dropdown content is positioned as fixed
      * we need to position the dropdown according to the configured rules.
@@ -115,6 +115,17 @@ export default class UiDropdownList extends LitElement {
     protected scrollHandler(): void;
     protected clickHandler(e: Event): void;
     protected toggleOpened(): void;
+    /**
+     * When set, it is the last active child of the dropdown
+     * before the tabindex was removed from it. It is used to restore focus
+     * when the dropdown is re-opened.
+     */
+    lastActiveChild?: HTMLElement;
+    /**
+     * When the list is closed, the tabindex of the dropdown is removed to prevent
+     * it from being focused while invisible.
+     */
+    protected manageTabindex(): void;
     protected handleOpened(): void;
     protected handleClosed(): void;
     protected activate(e: Event): void;

package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiDropdownList.d.ts","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"UiDropdownList.d.ts","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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"}

package/build/src/md/dropdown-list/internals/UiDropdownList.js

@@ -191,7 +191,6 @@ let UiDropdownList = (() => {
         set overlayPositioning(value) { this.#overlayPositioning_accessor_storage = value; }
         constructor() {
             super();
-            __runInitializers(this, _overlayPositioning_extraInitializers);
             this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this);
             this.scrollHandler = this.scrollHandler.bind(this);
             this.clickHandler = this.clickHandler.bind(this);
@@ -216,6 +215,20 @@ let UiDropdownList = (() => {
             }
             this.close();
         }
+        willUpdate(cp) {
+            super.willUpdate(cp);
+            if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {
+                this.computePositioning();
+            }
+        }
+        updated(cp) {
+            super.updated(cp);
+            if (cp.has('open')) {
+                this.toggleOpened();
+                this.updateExpanded();
+                // this.manageTabindex()
+            }
+        }
         updateExpanded() {
             this.setAttribute('aria-expanded', String(this.open));
         }
@@ -258,14 +271,12 @@ let UiDropdownList = (() => {
         }
         triggerClickHandler() {
             this.open = !this.open;
-            this.updateExpanded();
             this.notifyOpen();
         }
         triggerKeyDownHandler(e) {
             if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {
                 e.preventDefault();
                 this.open = true;
-                this.updateExpanded();
                 this.notifyOpen();
             }
         }
@@ -290,25 +301,12 @@ let UiDropdownList = (() => {
         }
         close() {
             this.open = false;
-            this.updateExpanded();
             this.notifyOpen();
         }
         contentCloseHandler(e) {
             e.stopPropagation();
             this.close();
         }
-        willUpdate(cp) {
-            super.willUpdate(cp);
-            if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {
-                this.computePositioning();
-            }
-        }
-        updated(cp) {
-            super.updated(cp);
-            if (cp.has('open')) {
-                this.toggleOpened();
-            }
-        }
         /**
          * Since the container for the dropdown content is positioned as fixed
          * we need to position the dropdown according to the configured rules.
@@ -351,12 +349,50 @@ let UiDropdownList = (() => {
                 this.handleClosed();
             }
         }
+        /**
+         * When set, it is the last active child of the dropdown
+         * before the tabindex was removed from it. It is used to restore focus
+         * when the dropdown is re-opened.
+         */
+        lastActiveChild = __runInitializers(this, _overlayPositioning_extraInitializers);
+        /**
+         * When the list is closed, the tabindex of the dropdown is removed to prevent
+         * it from being focused while invisible.
+         */
+        manageTabindex() {
+            const { dropdown } = this;
+            if (!dropdown) {
+                return;
+            }
+            if (this.open) {
+                if (this.lastActiveChild) {
+                    this.lastActiveChild.setAttribute('tabindex', '0');
+                    this.lastActiveChild.focus();
+                    this.lastActiveChild = undefined;
+                }
+                else {
+                    // If no last active child, focus the dropdown itself
+                    dropdown.setAttribute('tabindex', '0');
+                }
+            }
+            else {
+                // const activeChild = dropdown.querySelector(':focus') || dropdown
+                // this.lastActiveChild = activeChild as HTMLElement
+                // activeChild.removeAttribute('tabindex')
+                // this.trigger?.focus()
+            }
+        }
         handleOpened() {
             const { trigger, dropdown } = this;
             if (trigger) {
                 trigger.removeAttribute('tabindex');
             }
-            if (dropdown) {
+            if (this.lastActiveChild) {
+                this.lastActiveChild.setAttribute('tabindex', '0');
+                this.lastActiveChild.focus();
+                this.lastActiveChild = undefined;
+            }
+            else if (dropdown) {
                 dropdown.setAttribute('tabindex', '0');
                 dropdown.focus();
             }
@@ -365,11 +401,14 @@ let UiDropdownList = (() => {
             const { trigger, dropdown } = this;
             if (trigger) {
                 trigger.setAttribute('tabindex', '0');
-                if (this.matches(':focus-within')) {
-                    trigger.focus();
-                }
+                trigger.focus();
             }
             if (dropdown) {
+                const activeChild = dropdown.querySelector('[tabindex="0"]');
+                if (activeChild) {
+                    this.lastActiveChild = activeChild;
+                    activeChild.removeAttribute('tabindex');
+                }
                 dropdown.removeAttribute('tabindex');
             }
         }

package/build/src/md/dropdown-list/internals/UiDropdownList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { randomString } from '@api-client/core/lib/math/Random.js'\nimport { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport { positionOverlay, type HorizontalAlignment, type VerticalAlignment } from '../../../lib/ElementPositioning.js'\nimport * as ScrollHelper from '../../../lib/ScrollHelper.js'\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio']\n\nexport interface UiDropdownListSelection {\n  item: HTMLElement\n}\n\n/**\n * An overlay list rendered over a button.\n *\n * Examples:\n *\n * <ui-dropdown-list>\n *  <ui-filled-button>Click me</ui-filled-button>\n *  <ui-list slot=\"dropdown\" role=\"menu\">\n *    <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n *    <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n *  </ui-list>\n * </ui-dropdown-list>\n *\n * @slot - The default slot for the dropdown trigger (button)\n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item.\n *                 When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n */\nexport default class UiDropdownList extends LitElement {\n  @queryAssignedElements()\n  protected accessor triggers!: HTMLElement[]\n\n  @queryAssignedElements({ slot: 'dropdown' })\n  protected accessor dropdowns!: HTMLElement[]\n\n  @state() protected accessor triggerId = `ui-trigger-${randomString(4)}`\n\n  @state() protected accessor menuId = `ui-menu-${randomString(4)}`\n\n  /**\n   * Whether the menu is opened.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor open = false\n\n  /**\n   * The vertical (y-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   *\n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor verticalAlign: VerticalAlignment | undefined\n\n  /**\n   * The horizontal (x-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   *\n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor horizontalAlign: HorizontalAlignment | undefined\n\n  /**\n   * Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n   * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom\n   * of the anchor down to the edge of the viewport.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor noOverlap: boolean | undefined\n\n  /**\n   * When set it closes the opened list when registering a click outside the list.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor closeOnOutsideClick: boolean | undefined\n\n  /**\n   * When set it makes the drop-down to match the width of the trigger.\n   * Be careful as this may crop the content when the trigger is not wide enough.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor matchTriggerWidth: boolean | undefined\n\n  /**\n   * When set it closes the drop-down when `tab` button is pressed.\n   * This is not a default behavior since the drop-down content can have its own logic\n   * related to tab index.\n   */\n  @property({ type: Boolean }) accessor closeOnTab: boolean | undefined\n\n  /**\n   * The first element located in the default slot.\n   */\n  protected get trigger(): HTMLElement | null {\n    const { triggers } = this\n    if (!triggers || !triggers.length) {\n      return null\n    }\n    const [button] = triggers\n    return button\n  }\n\n  /**\n   * The first element located in the \"dropdown\" slot.\n   */\n  protected get dropdown(): HTMLElement | null {\n    const { dropdowns } = this\n    if (!dropdowns || !dropdowns.length) {\n      return null\n    }\n    const [content] = dropdowns\n    return content\n  }\n\n  @state() protected accessor overlayPositioning: StyleInfo | undefined\n\n  constructor() {\n    super()\n    this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this)\n    this.scrollHandler = this.scrollHandler.bind(this)\n    this.clickHandler = this.clickHandler.bind(this)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    window.addEventListener('dropdownopen', this.dropdownOpenHandler)\n    window.addEventListener('click', this.clickHandler, { capture: true })\n    ScrollHelper.addListeners(this, this.scrollHandler)\n\n    this.setAttribute('aria-haspopup', 'menu')\n    this.setAttribute('aria-expanded', 'false')\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    window.removeEventListener('dropdownopen', this.dropdownOpenHandler)\n    window.removeEventListener('click', this.clickHandler, { capture: true })\n    ScrollHelper.removeListeners(this)\n  }\n\n  protected dropdownOpenHandler(e: Event): void {\n    if (e.composedPath()[0] === this) {\n      return\n    }\n    this.close()\n  }\n\n  protected updateExpanded(): void {\n    this.setAttribute('aria-expanded', String(this.open))\n  }\n\n  protected triggerChanged(): void {\n    const { trigger } = this\n    if (!trigger) {\n      return\n    }\n    this.decorateTrigger(trigger)\n  }\n\n  protected dropdownChanged(): void {\n    const { dropdown } = this\n    if (!dropdown) {\n      return\n    }\n    this.decorateDropdown(dropdown)\n  }\n\n  /**\n   * Decorates the trigger with aria attributes.\n   */\n  protected decorateTrigger(button: HTMLElement): void {\n    button.setAttribute('aria-controls', this.menuId)\n    button.setAttribute('tabindex', '0')\n    if (button.id) {\n      this.triggerId = button.id\n    } else {\n      button.id = this.triggerId\n    }\n  }\n\n  protected decorateDropdown(list: HTMLElement): void {\n    if (!list.hasAttribute('role')) {\n      list.setAttribute('role', 'menu')\n    }\n    if (!list.hasAttribute('aria-labelledby')) {\n      list.setAttribute('aria-labelledby', this.triggerId)\n    }\n    list.setAttribute('tabindex', '-1')\n    list.id = this.menuId\n  }\n\n  protected triggerClickHandler(): void {\n    this.open = !this.open\n    this.updateExpanded()\n    this.notifyOpen()\n  }\n\n  protected triggerKeyDownHandler(e: KeyboardEvent): void {\n    if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n      e.preventDefault()\n      this.open = true\n      this.updateExpanded()\n      this.notifyOpen()\n    }\n  }\n\n  protected contentKeyDownHandler(e: KeyboardEvent): void {\n    if (e.defaultPrevented) {\n      return\n    }\n    if (e.code === 'Escape') {\n      this.close()\n    } else if (e.code === 'Tab') {\n      if (this.closeOnTab) {\n        this.close()\n      }\n    } else if (['Enter', 'Space'].includes(e.code)) {\n      this.activate(e)\n    }\n  }\n\n  protected contentClickHandler(e: PointerEvent): void {\n    this.activate(e)\n  }\n\n  close(): void {\n    this.open = false\n    this.updateExpanded()\n    this.notifyOpen()\n  }\n\n  protected contentCloseHandler(e: Event): void {\n    e.stopPropagation()\n    this.close()\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp)\n    if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {\n      this.computePositioning()\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n    if (cp.has('open')) {\n      this.toggleOpened()\n    }\n  }\n\n  /**\n   * Since the container for the dropdown content is positioned as fixed\n   * we need to position the dropdown according to the configured rules.\n   */\n  protected computePositioning(): void {\n    const { trigger, dropdown } = this\n    if (!trigger || !dropdown) {\n      return\n    }\n    this.overlayPositioning = positionOverlay(dropdown, trigger, {\n      horizontal: this.horizontalAlign,\n      vertical: this.verticalAlign,\n      noOverlap: this.noOverlap,\n      constrain: true,\n      constrainPaddingY: 20,\n      matchAnchorWidth: this.matchTriggerWidth,\n    })\n  }\n\n  protected scrollHandler(): void {\n    if (this.open) {\n      this.computePositioning()\n    }\n  }\n\n  protected clickHandler(e: Event): void {\n    if (!this.open || !this.closeOnOutsideClick) {\n      return\n    }\n    const inside = e.composedPath().some((i) => i === this)\n    if (inside) {\n      return\n    }\n    this.close()\n  }\n\n  protected toggleOpened(): void {\n    const { open } = this\n    if (open) {\n      this.handleOpened()\n    } else {\n      this.handleClosed()\n    }\n  }\n\n  protected handleOpened(): void {\n    const { trigger, dropdown } = this\n    if (trigger) {\n      trigger.removeAttribute('tabindex')\n    }\n    if (dropdown) {\n      dropdown.setAttribute('tabindex', '0')\n      dropdown.focus()\n    }\n  }\n\n  protected handleClosed(): void {\n    const { trigger, dropdown } = this\n    if (trigger) {\n      trigger.setAttribute('tabindex', '0')\n      if (this.matches(':focus-within')) {\n        trigger.focus()\n      }\n    }\n    if (dropdown) {\n      dropdown.removeAttribute('tabindex')\n    }\n  }\n\n  protected activate(e: Event): void {\n    if (e.defaultPrevented) {\n      return\n    }\n    const path = e.composedPath()\n    let item: HTMLElement | undefined\n    while (!item) {\n      const next = path.shift() as Element\n      if (next === this) {\n        break\n      }\n      if (next.nodeType !== Node.ELEMENT_NODE) {\n        continue\n      }\n      if (itemRole.includes(next.getAttribute('role') || '')) {\n        item = next as HTMLElement\n      }\n    }\n    if (!item) {\n      return\n    }\n    const event = new CustomEvent<UiDropdownListSelection>('select', {\n      cancelable: true,\n      // composed: true,\n      detail: {\n        item,\n      },\n    })\n    this.dispatchEvent(event)\n    if (event.defaultPrevented) {\n      return\n    }\n    this.close()\n  }\n\n  protected notifyOpen(): void {\n    this.dispatchEvent(new Event('open'))\n    if (this.open) {\n      this.dispatchEvent(\n        new Event('dropdownopen', {\n          bubbles: true,\n          composed: true,\n          cancelable: true,\n        })\n      )\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const classes: ClassInfo = {\n      container: true,\n      open: this.open,\n    }\n\n    return html` <div class=\"${classMap(classes)}\">${this.renderTrigger()} ${this.renderContent()}</div> `\n  }\n\n  protected renderTrigger(): TemplateResult {\n    return html`\n      <div class=\"trigger\" @click=\"${this.triggerClickHandler}\" @keydown=\"${this.triggerKeyDownHandler}\">\n        <slot @slotchange=\"${this.triggerChanged}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderContent(): TemplateResult {\n    const contentStyles = this.overlayPositioning || {}\n    return html`\n      <div class=\"content\" style=\"${styleMap(contentStyles)}\">\n        <slot\n          name=\"dropdown\"\n          @slotchange=\"${this.dropdownChanged}\"\n          @keydown=\"${this.contentKeyDownHandler}\"\n          @click=\"${this.contentClickHandler}\"\n          @close=\"${this.contentCloseHandler}\"\n        ></slot>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { randomString } from '@api-client/core/lib/math/Random.js'\nimport { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport { positionOverlay, type HorizontalAlignment, type VerticalAlignment } from '../../../lib/ElementPositioning.js'\nimport * as ScrollHelper from '../../../lib/ScrollHelper.js'\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio']\n\nexport interface UiDropdownListSelection {\n  item: HTMLElement\n}\n\n/**\n * An overlay list rendered over a button.\n *\n * Examples:\n *\n * <ui-dropdown-list>\n *  <ui-filled-button>Click me</ui-filled-button>\n *  <ui-list slot=\"dropdown\" role=\"menu\">\n *    <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n *    <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n *  </ui-list>\n * </ui-dropdown-list>\n *\n * @slot - The default slot for the dropdown trigger (button)\n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item.\n *                 When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n */\nexport default class UiDropdownList extends LitElement {\n  @queryAssignedElements()\n  protected accessor triggers!: HTMLElement[]\n\n  @queryAssignedElements({ slot: 'dropdown' })\n  protected accessor dropdowns!: HTMLElement[]\n\n  @state() protected accessor triggerId = `ui-trigger-${randomString(4)}`\n\n  @state() protected accessor menuId = `ui-menu-${randomString(4)}`\n\n  /**\n   * Whether the menu is opened.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor open = false\n\n  /**\n   * The vertical (y-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   *\n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor verticalAlign: VerticalAlignment | undefined\n\n  /**\n   * The horizontal (x-axis) alignment of the dropdown content.\n   * - top\n   * - bottom\n   * - middle\n   *\n   * No value means the natural position according to the box model.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor horizontalAlign: HorizontalAlignment | undefined\n\n  /**\n   * Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n   * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom\n   * of the anchor down to the edge of the viewport.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor noOverlap: boolean | undefined\n\n  /**\n   * When set it closes the opened list when registering a click outside the list.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor closeOnOutsideClick: boolean | undefined\n\n  /**\n   * When set it makes the drop-down to match the width of the trigger.\n   * Be careful as this may crop the content when the trigger is not wide enough.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor matchTriggerWidth: boolean | undefined\n\n  /**\n   * When set it closes the drop-down when `tab` button is pressed.\n   * This is not a default behavior since the drop-down content can have its own logic\n   * related to tab index.\n   */\n  @property({ type: Boolean }) accessor closeOnTab: boolean | undefined\n\n  /**\n   * The first element located in the default slot.\n   */\n  protected get trigger(): HTMLElement | null {\n    const { triggers } = this\n    if (!triggers || !triggers.length) {\n      return null\n    }\n    const [button] = triggers\n    return button\n  }\n\n  /**\n   * The first element located in the \"dropdown\" slot.\n   */\n  protected get dropdown(): HTMLElement | null {\n    const { dropdowns } = this\n    if (!dropdowns || !dropdowns.length) {\n      return null\n    }\n    const [content] = dropdowns\n    return content\n  }\n\n  @state() protected accessor overlayPositioning: StyleInfo | undefined\n\n  constructor() {\n    super()\n    this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this)\n    this.scrollHandler = this.scrollHandler.bind(this)\n    this.clickHandler = this.clickHandler.bind(this)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    window.addEventListener('dropdownopen', this.dropdownOpenHandler)\n    window.addEventListener('click', this.clickHandler, { capture: true })\n    ScrollHelper.addListeners(this, this.scrollHandler)\n\n    this.setAttribute('aria-haspopup', 'menu')\n    this.setAttribute('aria-expanded', 'false')\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    window.removeEventListener('dropdownopen', this.dropdownOpenHandler)\n    window.removeEventListener('click', this.clickHandler, { capture: true })\n    ScrollHelper.removeListeners(this)\n  }\n\n  protected dropdownOpenHandler(e: Event): void {\n    if (e.composedPath()[0] === this) {\n      return\n    }\n    this.close()\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp)\n    if ((cp.has('noOverlap') || cp.has('verticalAlign') || cp.has('horizontalAlign') || cp.has('open')) && this.open) {\n      this.computePositioning()\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n    if (cp.has('open')) {\n      this.toggleOpened()\n      this.updateExpanded()\n      // this.manageTabindex()\n    }\n  }\n\n  protected updateExpanded(): void {\n    this.setAttribute('aria-expanded', String(this.open))\n  }\n\n  protected triggerChanged(): void {\n    const { trigger } = this\n    if (!trigger) {\n      return\n    }\n    this.decorateTrigger(trigger)\n  }\n\n  protected dropdownChanged(): void {\n    const { dropdown } = this\n    if (!dropdown) {\n      return\n    }\n    this.decorateDropdown(dropdown)\n  }\n\n  /**\n   * Decorates the trigger with aria attributes.\n   */\n  protected decorateTrigger(button: HTMLElement): void {\n    button.setAttribute('aria-controls', this.menuId)\n    button.setAttribute('tabindex', '0')\n    if (button.id) {\n      this.triggerId = button.id\n    } else {\n      button.id = this.triggerId\n    }\n  }\n\n  protected decorateDropdown(list: HTMLElement): void {\n    if (!list.hasAttribute('role')) {\n      list.setAttribute('role', 'menu')\n    }\n    if (!list.hasAttribute('aria-labelledby')) {\n      list.setAttribute('aria-labelledby', this.triggerId)\n    }\n    list.setAttribute('tabindex', '-1')\n    list.id = this.menuId\n  }\n\n  protected triggerClickHandler(): void {\n    this.open = !this.open\n    this.notifyOpen()\n  }\n\n  protected triggerKeyDownHandler(e: KeyboardEvent): void {\n    if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n      e.preventDefault()\n      this.open = true\n      this.notifyOpen()\n    }\n  }\n\n  protected contentKeyDownHandler(e: KeyboardEvent): void {\n    if (e.defaultPrevented) {\n      return\n    }\n    if (e.code === 'Escape') {\n      this.close()\n    } else if (e.code === 'Tab') {\n      if (this.closeOnTab) {\n        this.close()\n      }\n    } else if (['Enter', 'Space'].includes(e.code)) {\n      this.activate(e)\n    }\n  }\n\n  protected contentClickHandler(e: PointerEvent): void {\n    this.activate(e)\n  }\n\n  close(): void {\n    this.open = false\n    this.notifyOpen()\n  }\n\n  protected contentCloseHandler(e: Event): void {\n    e.stopPropagation()\n    this.close()\n  }\n\n  /**\n   * Since the container for the dropdown content is positioned as fixed\n   * we need to position the dropdown according to the configured rules.\n   */\n  protected computePositioning(): void {\n    const { trigger, dropdown } = this\n    if (!trigger || !dropdown) {\n      return\n    }\n    this.overlayPositioning = positionOverlay(dropdown, trigger, {\n      horizontal: this.horizontalAlign,\n      vertical: this.verticalAlign,\n      noOverlap: this.noOverlap,\n      constrain: true,\n      constrainPaddingY: 20,\n      matchAnchorWidth: this.matchTriggerWidth,\n    })\n  }\n\n  protected scrollHandler(): void {\n    if (this.open) {\n      this.computePositioning()\n    }\n  }\n\n  protected clickHandler(e: Event): void {\n    if (!this.open || !this.closeOnOutsideClick) {\n      return\n    }\n    const inside = e.composedPath().some((i) => i === this)\n    if (inside) {\n      return\n    }\n    this.close()\n  }\n\n  protected toggleOpened(): void {\n    const { open } = this\n    if (open) {\n      this.handleOpened()\n    } else {\n      this.handleClosed()\n    }\n  }\n\n  /**\n   * When set, it is the last active child of the dropdown\n   * before the tabindex was removed from it. It is used to restore focus\n   * when the dropdown is re-opened.\n   */\n  lastActiveChild?: HTMLElement\n\n  /**\n   * When the list is closed, the tabindex of the dropdown is removed to prevent\n   * it from being focused while invisible.\n   */\n  protected manageTabindex(): void {\n    const { dropdown } = this\n    if (!dropdown) {\n      return\n    }\n    if (this.open) {\n      if (this.lastActiveChild) {\n        this.lastActiveChild.setAttribute('tabindex', '0')\n        this.lastActiveChild.focus()\n        this.lastActiveChild = undefined\n      } else {\n        // If no last active child, focus the dropdown itself\n        dropdown.setAttribute('tabindex', '0')\n      }\n    } else {\n      // const activeChild = dropdown.querySelector(':focus') || dropdown\n      // this.lastActiveChild = activeChild as HTMLElement\n      // activeChild.removeAttribute('tabindex')\n      // this.trigger?.focus()\n    }\n  }\n\n  protected handleOpened(): void {\n    const { trigger, dropdown } = this\n    if (trigger) {\n      trigger.removeAttribute('tabindex')\n    }\n    if (this.lastActiveChild) {\n      this.lastActiveChild.setAttribute('tabindex', '0')\n      this.lastActiveChild.focus()\n      this.lastActiveChild = undefined\n    } else if (dropdown) {\n      dropdown.setAttribute('tabindex', '0')\n      dropdown.focus()\n    }\n  }\n\n  protected handleClosed(): void {\n    const { trigger, dropdown } = this\n    if (trigger) {\n      trigger.setAttribute('tabindex', '0')\n      trigger.focus()\n    }\n    if (dropdown) {\n      const activeChild = dropdown.querySelector('[tabindex=\"0\"]')\n      if (activeChild) {\n        this.lastActiveChild = activeChild as HTMLElement\n        activeChild.removeAttribute('tabindex')\n      }\n      dropdown.removeAttribute('tabindex')\n    }\n  }\n\n  protected activate(e: Event): void {\n    if (e.defaultPrevented) {\n      return\n    }\n    const path = e.composedPath()\n    let item: HTMLElement | undefined\n    while (!item) {\n      const next = path.shift() as Element\n      if (next === this) {\n        break\n      }\n      if (next.nodeType !== Node.ELEMENT_NODE) {\n        continue\n      }\n      if (itemRole.includes(next.getAttribute('role') || '')) {\n        item = next as HTMLElement\n      }\n    }\n    if (!item) {\n      return\n    }\n    const event = new CustomEvent<UiDropdownListSelection>('select', {\n      cancelable: true,\n      // composed: true,\n      detail: {\n        item,\n      },\n    })\n    this.dispatchEvent(event)\n    if (event.defaultPrevented) {\n      return\n    }\n    this.close()\n  }\n\n  protected notifyOpen(): void {\n    this.dispatchEvent(new Event('open'))\n    if (this.open) {\n      this.dispatchEvent(\n        new Event('dropdownopen', {\n          bubbles: true,\n          composed: true,\n          cancelable: true,\n        })\n      )\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const classes: ClassInfo = {\n      container: true,\n      open: this.open,\n    }\n\n    return html` <div class=\"${classMap(classes)}\">${this.renderTrigger()} ${this.renderContent()}</div> `\n  }\n\n  protected renderTrigger(): TemplateResult {\n    return html`\n      <div class=\"trigger\" @click=\"${this.triggerClickHandler}\" @keydown=\"${this.triggerKeyDownHandler}\">\n        <slot @slotchange=\"${this.triggerChanged}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderContent(): TemplateResult {\n    const contentStyles = this.overlayPositioning || {}\n    return html`\n      <div class=\"content\" style=\"${styleMap(contentStyles)}\">\n        <slot\n          name=\"dropdown\"\n          @slotchange=\"${this.dropdownChanged}\"\n          @keydown=\"${this.contentKeyDownHandler}\"\n          @click=\"${this.contentClickHandler}\"\n          @close=\"${this.contentCloseHandler}\"\n        ></slot>\n      </div>\n    `\n  }\n}\n"]}