@m3e/button 1.0.0-rc.1 → 1.0.0-rc.3

package/dist/src/ButtonElement.d.ts

@@ -4,7 +4,6 @@ import { ButtonSize } from "./ButtonSize";
 import { ButtonVariant } from "./ButtonVariant";
 declare const M3eButtonElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LinkButtonMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormSubmitterMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof LitElement;
 /**
- * @summary
  * A button users interact with to perform an action.
  *
  * @description
@@ -53,6 +52,7 @@ declare const M3eButtonElement_base: import("node_modules/@m3e/core/dist/src/sha
  *
  * @fires input - Dispatched when a toggle button's selected state changes.
  * @fires change - Dispatched when a toggle button's selected state changes.
+ * @fires click - Emitted when the element is clicked.
  *
  * @cssprop --m3e-button-extra-small-container-height - Height of the button container, for the extra-small size variant.
  * @cssprop --m3e-button-extra-small-outline-thickness - Thickness of the button outline, for the extra-small size variant.

package/dist/src/ButtonElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../src/ButtonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAwBhF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAIhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8WG;AACH,qBACa,gBAAiB,SAAQ,qBAErC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAsD;IAE5F,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IA2D9E;;;OAGG;IAC0B,OAAO,EAAE,aAAa,CAAU;IAE7D;;;OAGG;IAC0B,KAAK,EAAE,WAAW,CAAa;IAE5D;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,yDAAyD;IACzD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,MAAM,IAAI,OAAO;IA0B1B,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAYrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA+C1E,eAAe;IAEf,OAAO,CAAC,aAAa;CAkBtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../src/ButtonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAwBhF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAIhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8WG;AACH,qBACa,gBAAiB,SAAQ,qBAErC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAsD;IAE5F,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IA4D9E;;;OAGG;IAC0B,OAAO,EAAE,aAAa,CAAU;IAE7D;;;OAGG;IAC0B,KAAK,EAAE,WAAW,CAAa;IAE5D;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,yDAAyD;IACzD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,MAAM,IAAI,OAAO;IA0B1B,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAYrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA+C1E,eAAe;IAEf,OAAO,CAAC,aAAa;CAkBtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@m3e/button",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.3",
   "description": "Button for M3E",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
-  "homepage": "https://matraic.github.io/m3e/",
+  "homepage": "https://matraic.github.io/m3e/#/components/button.html",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/matraic/m3e.git"
@@ -27,7 +27,7 @@
     "clean": "rimraf dist"
   },
   "peerDependencies": {
-    "@m3e/core": "1.0.0-rc.1",
+    "@m3e/core": "1.0.0-rc.3",
     "lit": "^3.3.0"
   },
   "devDependencies": {

package/cem.config.mjs

@@ -1,16 +0,0 @@
-import { customElementVsCodePlugin } from "custom-element-vs-code-integration";
-
-export default {
-  globs: ["src/**/*.ts"],
-  exclude: ["src/**/*.spec.ts"],
-  packagejson: true,
-  outdir: "dist",
-  litelement: true,
-  plugins: [
-    customElementVsCodePlugin({
-      outdir: "dist",
-      htmlFileName: "html-custom-data.json",
-      cssFileName: "css-custom-data.json",
-    }),
-  ],
-};

package/demo/index.html

@@ -1,105 +0,0 @@
-<!doctype html>
-<html lang="en" style="overflow-y: auto">
-  <head>
-    <title>Button for M3E</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Button for M3E" />
-    <base href="./" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0"
-      rel="stylesheet"
-    />
-    <script type="importmap">
-      {
-        "imports": {
-          "lit": "https://cdn.jsdelivr.net/npm/lit@3.3.0/+esm",
-          "@m3e/core": "../../core/dist/index.min.js"
-        }
-      }
-    </script>
-    <script type="module" src="../../icon/dist/index.min.js"></script>
-    <script type="module" src="../../theme/dist/index.min.js"></script>
-    <script type="module" src="../dist/index.min.js"></script>
-    <style>
-      body {
-        font-family: "Roboto";
-      }
-      *:not(:defined) {
-        display: none;
-      }
-    </style>
-  </head>
-  <body>
-    <m3e-theme strong-focus>
-      <m3e-button variant="filled">Filled Button</m3e-button>
-      <m3e-button variant="tonal">Tonal Button</m3e-button>
-      <m3e-button variant="elevated">Elevated Button</m3e-button>
-      <m3e-button variant="outlined">Outlined Button</m3e-button>
-      <m3e-button>Text Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" disabled-interactive>Filled Button</m3e-button>
-      <m3e-button variant="tonal" disabled-interactive>Tonal Button</m3e-button>
-      <m3e-button variant="elevated" disabled-interactive>Elevated Button</m3e-button>
-      <m3e-button variant="outlined" disabled-interactive>Outlined Button</m3e-button>
-      <m3e-button disabled-interactive>Text Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" disabled>Filled Button</m3e-button>
-      <m3e-button variant="tonal" disabled>Tonal Button</m3e-button>
-      <m3e-button variant="elevated" disabled>Elevated Button</m3e-button>
-      <m3e-button variant="outlined" disabled>Outlined Button</m3e-button>
-      <m3e-button disabled>Text Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled">
-        <m3e-icon name="face" slot="icon"></m3e-icon>
-        Button w/ Leading Icon
-      </m3e-button>
-      <m3e-button variant="filled">
-        Button w/ Trailing Icon
-        <m3e-icon name="face" slot="trailing-icon"></m3e-icon>
-      </m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" size="extra-small">Extra Small Rounded Button</m3e-button>
-      <m3e-button variant="filled" size="small">Small Rounded Button</m3e-button>
-      <m3e-button variant="filled" size="medium">Medium Rounded Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" size="large">Large Rounded Button</m3e-button>
-      <m3e-button variant="filled" size="extra-large">Extra Large Rounded Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" size="extra-small" shape="square">Extra Small Square Button</m3e-button>
-      <m3e-button variant="filled" size="small" shape="square">Small Square Button</m3e-button>
-      <m3e-button variant="filled" size="medium" shape="square">Medium Square Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" size="large" shape="square">Large Square Button</m3e-button>
-      <m3e-button variant="filled" size="extra-large" shape="square">Extra Large Square Button</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" toggle>Filled Round Toggle</m3e-button>
-      <m3e-button variant="tonal" toggle>Tonal Round Toggle</m3e-button>
-      <m3e-button variant="elevated" toggle>Elevated Round Toggle</m3e-button>
-      <m3e-button variant="outlined" toggle>Outlined Round Toggle</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" toggle disabled>Disabled filled Round Toggle</m3e-button>
-      <m3e-button variant="tonal" toggle disabled>Disabled tonal Round Toggle</m3e-button>
-      <m3e-button variant="elevated" toggle disabled>Disabled elevated Round Toggle</m3e-button>
-      <m3e-button variant="outlined" toggle disabled>Disabled outlined Round Toggle</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" toggle disabled-interactive>Disabled interactive filled Round Toggle</m3e-button>
-      <m3e-button variant="tonal" toggle disabled-interactive>Disabled interactive tonal Round Toggle</m3e-button>
-      <m3e-button variant="elevated" toggle disabled-interactive>Disabled interactive elevated Round Toggle</m3e-button>
-      <m3e-button variant="outlined" toggle disabled-interactive>Disabled interactive outlined Round Toggle</m3e-button>
-      <br /><br />
-      <m3e-button variant="filled" toggle shape="square">Filled Square Toggle</m3e-button>
-      <m3e-button variant="tonal" toggle shape="square">Tonal Square Toggle</m3e-button>
-      <m3e-button variant="elevated" toggle shape="square">Elevated Square Toggle</m3e-button>
-      <m3e-button variant="outlined" toggle shape="square">Outlined Square Toggle</m3e-button>
-      <br /><br />
-      <m3e-button href="https://m3.material.io/components/buttons/overview" target="_blank">Link Button</m3e-button>
-    </m3e-theme>
-  </body>
-</html>

package/eslint.config.mjs

@@ -1,13 +0,0 @@
-import eslint from "@eslint/js";
-import tseslint from "typescript-eslint";
-import { fileURLToPath } from "url";
-import { dirname } from "path";
-
-export default tseslint.config(eslint.configs.recommended, tseslint.configs.recommended, {
-  languageOptions: {
-    parserOptions: {
-      project: true,
-      tsconfigRootDir: dirname(fileURLToPath(import.meta.url)),
-    },
-  },
-});

package/rollup.config.js

@@ -1,32 +0,0 @@
-import resolve from "@rollup/plugin-node-resolve";
-import terser from "@rollup/plugin-terser";
-import typescript from "@rollup/plugin-typescript";
-
-const banner = `/**
- * @license MIT
- * Copyright (c) 2025 matraic
- * See LICENSE file in the project root for full license text.
- */`;
-
-export default [
-  {
-    input: "src/index.ts",
-    output: [
-      {
-        file: "dist/index.js",
-        format: "esm",
-        sourcemap: true,
-        banner: banner,
-      },
-      {
-        file: "dist/index.min.js",
-        format: "esm",
-        sourcemap: true,
-        banner: banner,
-        plugins: [terser({ mangle: true })],
-      },
-    ],
-    external: ["@m3e/core", "lit"],
-    plugins: [resolve(), typescript()],
-  },
-];