@haiilo/catalyst 4.1.2 → 5.0.0

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import log from 'loglevel';
 import { Breakpoints, isBreakpoint } from '../../utils/breakpoints';
 import { MediaMatcher } from '../../utils/media-matcher';
@@ -14,53 +14,27 @@ import { MediaMatcher } from '../../utils/media-matcher';
 export class CatButton {
   constructor() {
     this._iconOnly = true;
-    /**
-     * The rendering style of the button.
-     */
     this.variant = 'outlined';
-    /**
-     * The color palette of the button.
-     */
     this.color = 'secondary';
-    /**
-     * Set the button into an active state.
-     */
     this.active = false;
-    /**
-     * The size of the button.
-     */
     this.size = 'm';
-    /**
-     * Specifies that the button should be disabled. A disabled button is unusable
-     * and un-clickable. Corresponds with the native HTML disabled attribute.
-     */
+    this.name = undefined;
+    this.value = undefined;
     this.disabled = false;
-    /**
-     * Displays the button in a loading state with a spinner. Just like a disabled
-     * button, an inactive button is unusable and un-clickable. However, it
-     * retains the current focus state.
-     */
     this.loading = false;
-    /**
-     * Allows the button to submit a form.
-     */
     this.submit = false;
-    /**
-     * Disables ellipse overflowing button content.
-     */
     this.noEllipsis = false;
-    /**
-     * Use round button edges.
-     */
     this.round = false;
-    /**
-     * Hide the actual button content and only display the icon.
-     */
+    this.url = undefined;
+    this.urlTarget = undefined;
+    this.icon = undefined;
+    this.iconSrc = undefined;
     this.iconOnly = false;
-    /**
-     * Display the icon on the right.
-     */
     this.iconRight = false;
+    this.buttonId = undefined;
+    this.a11yLabel = undefined;
+    this.a11yCurrent = undefined;
+    this.nativeAttributes = undefined;
   }
   onIconOnlyChanged(value) {
     var _a, _b;
@@ -177,8 +151,7 @@ export class CatButton {
   get content() {
     return [
       this.hasPrefixIcon ? (h("cat-icon", { icon: this.icon, iconSrc: this.iconSrc, size: this.iconSize, part: "prefix" })) : null,
-      this.isIconButton ? (h("cat-icon", { icon: this.icon, iconSrc: this.iconSrc, size: this.iconSize })) : (h("span", { class: "cat-button-content", part: "content" },
-        h("slot", null))),
+      this.isIconButton ? (h("cat-icon", { icon: this.icon, iconSrc: this.iconSrc, size: this.iconSize })) : (h("span", { class: "cat-button-content", part: "content" }, h("slot", null))),
       this.hasSuffixIcon ? (h("cat-icon", { icon: this.icon, iconSrc: this.iconSrc, size: this.iconSize, part: "suffix" })) : null,
       this.loading ? h("cat-spinner", { size: this.spinnerSize }) : null
     ];
@@ -194,518 +167,534 @@ export class CatButton {
   }
   static get is() { return "cat-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["cat-button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cat-button.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'filled' | 'outlined' | 'text'",
-        "resolved": "\"filled\" | \"outlined\" | \"text\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The rendering style of the button."
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'outlined'"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary' | 'secondary' | 'danger' | 'success' | 'warning'",
-        "resolved": "\"danger\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The color palette of the button."
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'secondary'"
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the button into an active state."
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'xs' | 's' | 'm' | 'l' | 'xl'",
-        "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The size of the button."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'m'"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The name of the button, which gets paired with the button's value when\nsubmitted as part of a form. Corresponds with the native HTML name\nattribute."
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The value of the button, which gets paired with the button's name when\nsubmitted as part of a form. Corresponds with the native HTML value\nattribute."
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies that the button should be disabled. A disabled button is unusable\nand un-clickable. Corresponds with the native HTML disabled attribute."
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Displays the button in a loading state with a spinner. Just like a disabled\nbutton, an inactive button is unusable and un-clickable. However, it\nretains the current focus state."
-      },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "submit": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Allows the button to submit a form."
-      },
-      "attribute": "submit",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "noEllipsis": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disables ellipse overflowing button content."
-      },
-      "attribute": "no-ellipsis",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "round": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Use round button edges."
-      },
-      "attribute": "round",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "A destination to link to, rendered in the href attribute of a link."
-      },
-      "attribute": "url",
-      "reflect": false
-    },
-    "urlTarget": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'_blank' | '_self'",
-        "resolved": "\"_blank\" | \"_self\" | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Specifies where to open the linked document."
-      },
-      "attribute": "url-target",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The name of an icon to be displayed in the button."
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconSrc": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The SVG source of an icon to be displayed in the button. This takes\nprecenedence over the `icon` name."
-      },
-      "attribute": "icon-src",
-      "reflect": false
-    },
-    "iconOnly": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean | Breakpoint",
-        "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\" | boolean",
-        "references": {
-          "Breakpoint": {
-            "location": "import",
-            "path": "../../utils/breakpoints"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cat-button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cat-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'filled' | 'outlined' | 'text'",
+          "resolved": "\"filled\" | \"outlined\" | \"text\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The rendering style of the button."
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'outlined'"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'secondary' | 'danger' | 'success' | 'warning'",
+          "resolved": "\"danger\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The color palette of the button."
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'secondary'"
+      },
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the button into an active state."
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'xs' | 's' | 'm' | 'l' | 'xl'",
+          "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The size of the button."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'m'"
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The name of the button, which gets paired with the button's value when\nsubmitted as part of a form. Corresponds with the native HTML name\nattribute."
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The value of the button, which gets paired with the button's name when\nsubmitted as part of a form. Corresponds with the native HTML value\nattribute."
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies that the button should be disabled. A disabled button is unusable\nand un-clickable. Corresponds with the native HTML disabled attribute."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displays the button in a loading state with a spinner. Just like a disabled\nbutton, an inactive button is unusable and un-clickable. However, it\nretains the current focus state."
+        },
+        "attribute": "loading",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "submit": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Allows the button to submit a form."
+        },
+        "attribute": "submit",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "noEllipsis": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disables ellipse overflowing button content."
+        },
+        "attribute": "no-ellipsis",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "round": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use round button edges."
+        },
+        "attribute": "round",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "A destination to link to, rendered in the href attribute of a link."
+        },
+        "attribute": "url",
+        "reflect": false
+      },
+      "urlTarget": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'_blank' | '_self'",
+          "resolved": "\"_blank\" | \"_self\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies where to open the linked document."
+        },
+        "attribute": "url-target",
+        "reflect": false
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The name of an icon to be displayed in the button."
+        },
+        "attribute": "icon",
+        "reflect": false
+      },
+      "iconSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The SVG source of an icon to be displayed in the button. This takes\nprecenedence over the `icon` name."
+        },
+        "attribute": "icon-src",
+        "reflect": false
+      },
+      "iconOnly": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | Breakpoint",
+          "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\" | boolean",
+          "references": {
+            "Breakpoint": {
+              "location": "import",
+              "path": "../../utils/breakpoints"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Hide the actual button content and only display the icon."
+        },
+        "attribute": "icon-only",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "iconRight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display the icon on the right."
+        },
+        "attribute": "icon-right",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "buttonId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Adds a unique identifier for the button. Please note that with this\nparticular component this ID is added inside the web component. If you need\nan ID on the HTML element, use the regular `id` attribute instead."
+        },
+        "attribute": "button-id",
+        "reflect": false
+      },
+      "a11yLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the button that is only shown for screen\nreaders. Typically, this label text replaces the visible text on the\nbutton for users who use assistive technology."
+        },
+        "attribute": "a11y-label",
+        "reflect": false
+      },
+      "a11yCurrent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the `aria-current` attribute on the button."
+        },
+        "attribute": "a11y-current",
+        "reflect": false
+      },
+      "nativeAttributes": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ [key: string]: string }",
+          "resolved": "undefined | { [key: string]: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Attributes that will be added to the native HTML button element"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Hide the actual button content and only display the icon."
-      },
-      "attribute": "icon-only",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "iconRight": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display the icon on the right."
-      },
-      "attribute": "icon-right",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "buttonId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Adds a unique identifier for the button. Please note that with this\nparticular component this ID is added inside the web component. If you need\nan ID on the HTML element, use the regular `id` attribute instead."
-      },
-      "attribute": "button-id",
-      "reflect": false
-    },
-    "a11yLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Adds accessible label for the button that is only shown for screen\nreaders. Typically, this label text replaces the visible text on the\nbutton for users who use assistive technology."
-      },
-      "attribute": "a11y-label",
-      "reflect": false
-    },
-    "a11yCurrent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets the `aria-current` attribute on the button."
-      },
-      "attribute": "a11y-current",
-      "reflect": false
-    },
-    "nativeAttributes": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ [key: string]: string }",
-        "resolved": "undefined | { [key: string]: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Attributes that will be added to the native HTML button element"
       }
-    }
-  }; }
-  static get states() { return {
-    "_iconOnly": {}
-  }; }
-  static get events() { return [{
-      "method": "catClick",
-      "name": "catClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the button is clicked."
-      },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "_iconOnly": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "catClick",
+        "name": "catClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the button is clicked."
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "catFocus",
-      "name": "catFocus",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the button received focus."
-      },
-      "complexType": {
-        "original": "FocusEvent",
-        "resolved": "FocusEvent",
-        "references": {
-          "FocusEvent": {
-            "location": "global"
+      }, {
+        "method": "catFocus",
+        "name": "catFocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the button received focus."
+        },
+        "complexType": {
+          "original": "FocusEvent",
+          "resolved": "FocusEvent",
+          "references": {
+            "FocusEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "catBlur",
-      "name": "catBlur",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the button loses focus."
-      },
-      "complexType": {
-        "original": "FocusEvent",
-        "resolved": "FocusEvent",
-        "references": {
-          "FocusEvent": {
-            "location": "global"
+      }, {
+        "method": "catBlur",
+        "name": "catBlur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the button loses focus."
+        },
+        "complexType": {
+          "original": "FocusEvent",
+          "resolved": "FocusEvent",
+          "references": {
+            "FocusEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "doFocus": {
-      "complexType": {
-        "signature": "(options?: FocusOptions | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "options An optional object providing options to control aspects of\nthe focusing process."
-              }],
-            "text": "An optional object providing options to control aspects of\nthe focusing process."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "doFocus": {
+        "complexType": {
+          "signature": "(options?: FocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "options An optional object providing options to control aspects of\nthe focusing process."
+                }],
+              "text": "An optional object providing options to control aspects of\nthe focusing process."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FocusOptions": {
+              "location": "global"
+            }
           },
-          "FocusOptions": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Programmatically move focus to the button. Use this method instead of\n`button.focus()`.",
+          "tags": [{
+              "name": "param",
+              "text": "options An optional object providing options to control aspects of\nthe focusing process."
+            }]
+        }
       },
-      "docs": {
-        "text": "Programmatically move focus to the button. Use this method instead of\n`button.focus()`.",
-        "tags": [{
-            "name": "param",
-            "text": "options An optional object providing options to control aspects of\nthe focusing process."
-          }]
-      }
-    },
-    "doBlur": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "doBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Programmatically remove focus from the button. Use this method instead of\n`button.blur()`.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Programmatically remove focus from the button. Use this method instead of\n`button.blur()`.",
-        "tags": []
-      }
-    },
-    "doClick": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "doClick": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Programmatically simulate a click on the button.",
-        "tags": []
+        "docs": {
+          "text": "Programmatically simulate a click on the button.",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "iconOnly",
-      "methodName": "onIconOnlyChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "haltDisabledEvents",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "iconOnly",
+        "methodName": "onIconOnlyChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "haltDisabledEvents",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
-//# sourceMappingURL=cat-button.js.map
+//# sourceMappingURL=cat-button.js.map