@dso-toolkit/core 62.18.0 → 62.20.0

package/dist/collection/components/list-button/list-button.js

@@ -2,348 +2,348 @@ import { h, forceUpdate, } from "@stencil/core";
 import { createFocusTrap } from "focus-trap";
 import clsx from "clsx";
 export class ListButton {
-  constructor() {
-    this.manualInputWrapperElement = undefined;
-    this.manualCount = undefined;
-    this.label = undefined;
-    this.sublabel = undefined;
-    this.count = undefined;
-    this.min = undefined;
-    this.max = undefined;
-    this.checked = false;
-    this.disabled = false;
-    this.subcontentPrefix = undefined;
-    this.manual = true;
-  }
-  get subcontentSlot() {
-    return this.host.querySelector("[slot='subcontent']");
-  }
-  watchManualCallback() {
-    if (!this.manual && this.manualCount) {
-      this.stopManualCountInput();
+    constructor() {
+        this.manualInputWrapperElement = undefined;
+        this.manualCount = undefined;
+        this.label = undefined;
+        this.sublabel = undefined;
+        this.count = undefined;
+        this.min = undefined;
+        this.max = undefined;
+        this.checked = false;
+        this.disabled = false;
+        this.subcontentPrefix = undefined;
+        this.manual = true;
     }
-  }
-  connectedCallback() {
-    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
-    this.mutationObserver.observe(this.host, {
-      characterData: true,
-      childList: true,
-      subtree: true,
-      attributes: true,
-    });
-  }
-  componentDidRender() {
-    var _a, _b;
-    if (this.manualCount !== undefined && this.manualInputWrapperElement && !this.trap) {
-      this.trap = createFocusTrap(this.manualInputWrapperElement, {
-        escapeDeactivates: true,
-        setReturnFocus: false,
-        clickOutsideDeactivates: (e) => {
-          this.setCount(e);
-          return true;
-        },
-        onDeactivate: () => this.stopManualCountInput(),
-        onPostDeactivate: () => { var _a; return (_a = this.manualInputButtonElement) === null || _a === void 0 ? void 0 : _a.focus(); },
-      }).activate();
+    get subcontentSlot() {
+        return this.host.querySelector("[slot='subcontent']");
     }
-    else if (this.manualCount === undefined && this.trap) {
-      (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
-      delete this.trap;
+    watchManualCallback() {
+        if (!this.manual && this.manualCount) {
+            this.stopManualCountInput();
+        }
     }
-    (_b = this.subcontentSlot) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-hidden", "true");
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
-    (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-    delete this.mutationObserver;
-  }
-  handleOnChange({ target }) {
-    if (target instanceof HTMLInputElement) {
-      this.manualCount = target.valueAsNumber;
+    connectedCallback() {
+        this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
+        this.mutationObserver.observe(this.host, {
+            characterData: true,
+            childList: true,
+            subtree: true,
+            attributes: true,
+        });
     }
-  }
-  stepValue(e, direction) {
-    if (typeof this.count === "number") {
-      const newValue = direction === "increment" ? this.count + 1 : this.count - 1;
-      if (!this.isNewCountValid(newValue)) {
-        return;
-      }
-      this.dsoCountChange.emit({
-        originalEvent: e,
-        count: newValue,
-      });
+    componentDidRender() {
+        var _a, _b;
+        if (this.manualCount !== undefined && this.manualInputWrapperElement && !this.trap) {
+            this.trap = createFocusTrap(this.manualInputWrapperElement, {
+                escapeDeactivates: true,
+                setReturnFocus: false,
+                clickOutsideDeactivates: (e) => {
+                    this.setCount(e);
+                    return true;
+                },
+                onDeactivate: () => this.stopManualCountInput(),
+                onPostDeactivate: () => { var _a; return (_a = this.manualInputButtonElement) === null || _a === void 0 ? void 0 : _a.focus(); },
+            }).activate();
+        }
+        else if (this.manualCount === undefined && this.trap) {
+            (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
+            delete this.trap;
+        }
+        (_b = this.subcontentSlot) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-hidden", "true");
     }
-  }
-  setCount(e) {
-    e.preventDefault();
-    if (typeof this.manualCount === "number" && this.isNewCountValid(this.manualCount)) {
-      this.dsoCountChange.emit({
-        originalEvent: e,
-        count: this.manualCount,
-      });
-      this.stopManualCountInput();
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
+        (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        delete this.mutationObserver;
     }
-  }
-  handleSelectClick(e) {
-    e.preventDefault();
-    if (this.count !== undefined) {
-      this.dsoCountChange.emit({
-        originalEvent: e,
-        count: this.count > 0 ? 0 : 1,
-      });
-      return;
+    handleOnChange({ target }) {
+        if (target instanceof HTMLInputElement) {
+            this.manualCount = target.valueAsNumber;
+        }
     }
-    this.dsoSelectedChange.emit({
-      originalEvent: e,
-      checked: !this.checked,
-    });
-  }
-  startManualCountInput() {
-    this.manualCount = this.count;
-  }
-  stopManualCountInput() {
-    this.manualCount = undefined;
-  }
-  isNewCountValid(newValue) {
-    return !(this.min !== undefined &&
-      this.max !== undefined &&
-      (newValue < Number(this.min) || newValue > Number(this.max)));
-  }
-  render() {
-    const showButtonInputs = this.manualCount === undefined;
-    const selected = this.checked || (this.count !== undefined && this.count > 0);
-    return (h("div", { class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("div", { class: "dso-selectable" }, h("input", { id: "dso-list-button-checkbox", type: "checkbox", value: "list-button", name: "naam", "aria-describedby": [this.sublabel && "sublabel", this.subcontentSlot && "description"].filter((s) => !!s).join(" ") || null, checked: selected, disabled: this.disabled }), h("label", { htmlFor: "dso-list-button-checkbox" }, this.label), this.subcontentSlot && (h("div", { class: "sr-only", id: "description" }, this.subcontentPrefix && this.subcontentPrefix + ":", h("div", { innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && (h("span", { class: "dso-sublabel", id: "sublabel" }, this.sublabel)), h("slot", { name: "subcontent" })), this.count !== undefined && this.count > 0 && (h("div", { class: "dso-input-number" }, this.manualCount === undefined && this.count > 1 && (h("button", { type: "button", class: "dso-tertiary", disabled: this.count === Number(this.min) || this.disabled, onClick: (e) => this.stepValue(e, "decrement") }, h("dso-icon", { icon: "minus-circle" }), h("span", { class: "sr-only" }, "Aantal verlagen"))), h("div", { class: "dso-input-wrapper" }, this.manualCount === undefined && this.count > 1 && (h("input", { class: "dso-input-step-counter", type: "number", tabIndex: -1, "aria-label": "Aantal", value: this.count, readOnly: true })), h("form", { onSubmit: (e) => this.setCount(e) }, h("div", { ref: (element) => (this.manualInputWrapperElement = element) }, h("input", { class: clsx("form-control", { hidden: showButtonInputs }), type: "number", "aria-label": "Aantal", value: this.manualCount, min: this.min, max: this.max, onInput: (e) => this.handleOnChange(e) })), this.manual && (h("button", { class: clsx("dso-manual-input-button", { "sr-only": !showButtonInputs }), type: !showButtonInputs ? "submit" : "button", disabled: this.disabled, onClick: () => showButtonInputs && this.startManualCountInput() }, showButtonInputs ? (h("span", { class: "sr-only" }, "Handmatig aantal invullen")) : (h("span", { class: "sr-only" }, "Zet waarde")))))), showButtonInputs && (h("button", { type: "button", class: "dso-tertiary", disabled: this.count === Number(this.max) || this.disabled, onClick: (e) => this.stepValue(e, "increment") }, h("dso-icon", { icon: "plus-circle" }), h("span", { class: "sr-only" }, "Aantal verhogen")))))));
-  }
-  static get is() { return "dso-list-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["list-button.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["list-button.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The label of the List Button."
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "sublabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The sublabel of the List Button."
-        },
-        "attribute": "sublabel",
-        "reflect": false
-      },
-      "count": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "When defined the count can show on the List Button."
-        },
-        "attribute": "count",
-        "reflect": false
-      },
-      "min": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The minimum value."
-        },
-        "attribute": "min",
-        "reflect": false
-      },
-      "max": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The maximum value."
-        },
-        "attribute": "max",
-        "reflect": false
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether the List Button is checked."
-        },
-        "attribute": "checked",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether the List Button is disabled."
-        },
-        "attribute": "disabled",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "subcontentPrefix": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Prefix to subcontent for the purpose of screenreading."
-        },
-        "attribute": "subcontent-prefix",
-        "reflect": false
-      },
-      "manual": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Allow user to directly input a value.\r\n\r\nSet to `false` to force users to use plus/minus buttons."
-        },
-        "attribute": "manual",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "manualInputWrapperElement": {},
-      "manualCount": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dsoCountChange",
-        "name": "dsoCountChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user changes the count."
-        },
-        "complexType": {
-          "original": "ListButtonChangeEvent",
-          "resolved": "ListButtonChangeEvent",
-          "references": {
-            "ListButtonChangeEvent": {
-              "location": "import",
-              "path": "./list-button.interfaces",
-              "id": "src/components/list-button/list-button.interfaces.ts::ListButtonChangeEvent"
+    stepValue(e, direction) {
+        if (typeof this.count === "number") {
+            const newValue = direction === "increment" ? this.count + 1 : this.count - 1;
+            if (!this.isNewCountValid(newValue)) {
+                return;
             }
-          }
+            this.dsoCountChange.emit({
+                originalEvent: e,
+                count: newValue,
+            });
         }
-      }, {
-        "method": "dsoSelectedChange",
-        "name": "dsoSelectedChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the user activates the List Button itself.\r\n\r\nDoes not fire when the user activates the count controls."
-        },
-        "complexType": {
-          "original": "ListButtonSelectedEvent",
-          "resolved": "ListButtonSelectedEvent",
-          "references": {
-            "ListButtonSelectedEvent": {
-              "location": "import",
-              "path": "./list-button.interfaces",
-              "id": "src/components/list-button/list-button.interfaces.ts::ListButtonSelectedEvent"
-            }
-          }
+    }
+    setCount(e) {
+        e.preventDefault();
+        if (typeof this.manualCount === "number" && this.isNewCountValid(this.manualCount)) {
+            this.dsoCountChange.emit({
+                originalEvent: e,
+                count: this.manualCount,
+            });
+            this.stopManualCountInput();
+        }
+    }
+    handleSelectClick(e) {
+        e.preventDefault();
+        if (this.count !== undefined) {
+            this.dsoCountChange.emit({
+                originalEvent: e,
+                count: this.count > 0 ? 0 : 1,
+            });
+            return;
         }
-      }];
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "manual",
-        "methodName": "watchManualCallback"
-      }];
-  }
+        this.dsoSelectedChange.emit({
+            originalEvent: e,
+            checked: !this.checked,
+        });
+    }
+    startManualCountInput() {
+        this.manualCount = this.count;
+    }
+    stopManualCountInput() {
+        this.manualCount = undefined;
+    }
+    isNewCountValid(newValue) {
+        return !(this.min !== undefined &&
+            this.max !== undefined &&
+            (newValue < Number(this.min) || newValue > Number(this.max)));
+    }
+    render() {
+        const showButtonInputs = this.manualCount === undefined;
+        const selected = this.checked || (this.count !== undefined && this.count > 0);
+        return (h("div", { key: '595469d188c512dc1b34eda805e41c564e29ba4a', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '5111da2a36969b0acae7190c2613124d9217ed8b', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("div", { key: '4db309ba5edc6caaccc40ce6016bea0fa4997df4', class: "dso-selectable" }, h("input", { key: '6f4f46ee4fd6705e169ee622b4134e0ad561a505', id: "dso-list-button-checkbox", type: "checkbox", value: "list-button", name: "naam", "aria-describedby": [this.sublabel && "sublabel", this.subcontentSlot && "description"].filter((s) => !!s).join(" ") || null, checked: selected, disabled: this.disabled }), h("label", { key: '9fedd5d531c56983b5c89d7bf65a47fa0aca3523', htmlFor: "dso-list-button-checkbox" }, this.label), this.subcontentSlot && (h("div", { key: '002a567fe3d9504f27be61bf801a8ae48decd5d1', class: "sr-only", id: "description" }, this.subcontentPrefix && this.subcontentPrefix + ":", h("div", { key: '432d4922ddcc649daa4f1c9311250748b39b89f5', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && (h("span", { key: '894a6fa32ca6edeab9dd436d50c7b063a1a5273b', class: "dso-sublabel", id: "sublabel" }, this.sublabel)), h("slot", { key: 'da5f033e670f95b2893df0301f3a23f37c0df382', name: "subcontent" })), this.count !== undefined && this.count > 0 && (h("div", { key: '7b4384dc1b1eaeb9255eb3e2937a95635c2567a5', class: "dso-input-number" }, this.manualCount === undefined && this.count > 1 && (h("button", { key: '479bab779cc2e589289a6fbb694c71a62194019b', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.min) || this.disabled, onClick: (e) => this.stepValue(e, "decrement") }, h("dso-icon", { key: '5cff6d05687291a9bf52940a93358fe0f25a8305', icon: "minus-circle" }), h("span", { key: '5e7295c692372eba158405fdebc5c02bcc361b2f', class: "sr-only" }, "Aantal verlagen"))), h("div", { key: '057f3e693f7c5f07cef6e5d606e91b8096bb1ed8', class: "dso-input-wrapper" }, this.manualCount === undefined && this.count > 1 && (h("input", { key: '9497f8c030c2dbb6c9cc59965c83d0ea854a3e21', class: "dso-input-step-counter", type: "number", tabIndex: -1, "aria-label": "Aantal", value: this.count, readOnly: true })), h("form", { key: '1d8f5e6bdc517a893f78ce9af3175190321a82f3', onSubmit: (e) => this.setCount(e) }, h("div", { key: '80e89a920948228037750489f28a341c7eda82d2', ref: (element) => (this.manualInputWrapperElement = element) }, h("input", { key: '7540fa096742a46fe53504f08a2786d720b49a04', class: clsx("form-control", { hidden: showButtonInputs }), type: "number", "aria-label": "Aantal", value: this.manualCount, min: this.min, max: this.max, onInput: (e) => this.handleOnChange(e) })), this.manual && (h("button", { key: 'e6f3b0761e87577626308b192332adfe95771601', class: clsx("dso-manual-input-button", { "sr-only": !showButtonInputs }), type: !showButtonInputs ? "submit" : "button", disabled: this.disabled, onClick: () => showButtonInputs && this.startManualCountInput() }, showButtonInputs ? (h("span", { class: "sr-only" }, "Handmatig aantal invullen")) : (h("span", { class: "sr-only" }, "Zet waarde")))))), showButtonInputs && (h("button", { key: '8834a819b42cfe8b7d2f701927c39a2215ec86c7', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.max) || this.disabled, onClick: (e) => this.stepValue(e, "increment") }, h("dso-icon", { key: 'cf26acf0a0eb6150ac6b6e76b4e1a479b5ff7516', icon: "plus-circle" }), h("span", { key: '3db09a5efa814148c99e38a181aa8d188479742c', class: "sr-only" }, "Aantal verhogen")))))));
+    }
+    static get is() { return "dso-list-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["list-button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["list-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The label of the List Button."
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "sublabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The sublabel of the List Button."
+                },
+                "attribute": "sublabel",
+                "reflect": false
+            },
+            "count": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When defined the count can show on the List Button."
+                },
+                "attribute": "count",
+                "reflect": false
+            },
+            "min": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The minimum value."
+                },
+                "attribute": "min",
+                "reflect": false
+            },
+            "max": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The maximum value."
+                },
+                "attribute": "max",
+                "reflect": false
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the List Button is checked."
+                },
+                "attribute": "checked",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the List Button is disabled."
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "subcontentPrefix": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Prefix to subcontent for the purpose of screenreading."
+                },
+                "attribute": "subcontent-prefix",
+                "reflect": false
+            },
+            "manual": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow user to directly input a value.\r\n\r\nSet to `false` to force users to use plus/minus buttons."
+                },
+                "attribute": "manual",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "manualInputWrapperElement": {},
+            "manualCount": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoCountChange",
+                "name": "dsoCountChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user changes the count."
+                },
+                "complexType": {
+                    "original": "ListButtonChangeEvent",
+                    "resolved": "ListButtonChangeEvent",
+                    "references": {
+                        "ListButtonChangeEvent": {
+                            "location": "import",
+                            "path": "./list-button.interfaces",
+                            "id": "src/components/list-button/list-button.interfaces.ts::ListButtonChangeEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "dsoSelectedChange",
+                "name": "dsoSelectedChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user activates the List Button itself.\r\n\r\nDoes not fire when the user activates the count controls."
+                },
+                "complexType": {
+                    "original": "ListButtonSelectedEvent",
+                    "resolved": "ListButtonSelectedEvent",
+                    "references": {
+                        "ListButtonSelectedEvent": {
+                            "location": "import",
+                            "path": "./list-button.interfaces",
+                            "id": "src/components/list-button/list-button.interfaces.ts::ListButtonSelectedEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "manual",
+                "methodName": "watchManualCallback"
+            }];
+    }
 }
 //# sourceMappingURL=list-button.js.map