MultiSelectAPIMixin

Overview

Purpose: Exposes a public API for multiple selection on a list-like element.

This mixin works in the middle of the Elix render pipeline:

events → methods ➞ setState → render DOM → post-render

Expects the component to provide:

• selectedFlags and selectedItems state members, typically via ItemsMultiSelectMixin.

Provides the component with:

• publicly-visible selectedFlags and selectedItems get/set properties.
• publicly-visible toggleSelectedFlag method.
• selectedflagschange event raised when the selectedFlags member is updated.

Usage

import ItemsMultiSelectMixin from "elix/src/base/ItemsMultiSelectMixin.js";
import MultiSelectAPIMixin from "elix/src/base/MultiSelectAPIMixin.js";

class MyElement extends ItemsMultiSelectMixin(
  MultiSelectAPIMixin(HTMLElement)
) {}

This mixin is generally used in conjunction with ItemsMultiSelectMixin, but the two mixins are provided separately to give you control over whether you want to publicly expose a multi-select API on your list-like component.