@m3e/shape 1.0.0-rc.2 → 1.0.0-rc.3

package/dist/custom-elements.json

@@ -988,25 +988,6 @@
           "kind": "mixin",
           "description": "Mixin that adds support for custom event attributes.",
           "name": "EventAttribute",
-          "members": [
-            {
-              "kind": "method",
-              "name": "dispatchEvent",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
           "parameters": [
             {
               "name": "base",
@@ -1304,6 +1285,17 @@
           "description": "Mixin to augment an element with behavior used to submit a form.",
           "name": "FormSubmitter",
           "members": [
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration."
+            },
             {
               "kind": "field",
               "name": "name",

package/dist/src/ShapeElement.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from "lit";
+import { ShapeName } from "./ShapeName";
+/**
+ * A shape used to add emphasis and decorative flair.
+ *
+ * @description
+ * The `m3e-shape` component allows you to use abstract shapes thoughtfully to add emphasis and decorative flair,
+ * including built-in shape morphing.
+ *
+ * All shape names are sourced from the Material Shape library: `4-leaf-clover`, `4-sided-cookie`, `6-sided-cookie`,
+ * `7-sided-cookie`, `8-leaf-clover`, `9-sided-cookie`, `12-sided-cookie`, `arch`, `arrow`, `boom`, `bun`, `burst`,
+ * `circle`, `diamond`, `fan`, `flower`, `gem`, `ghost-ish`, `heart`, `hexagon`, `oval`, `pentagon`, `pill`, `pixel-circle`,
+ * `pixel-triangle`, `puffy`, `puffy-diamond`, `semicircle`, `slanted`, `soft-boom`, `soft-burst`, `square`, `sunny`,
+ * `triangle`, and `very-sunny`. Refer to the Material Shape library for visual references and details.
+ *
+ * @example
+ * The following example illustrates using the `m3e-shape` component to present the `sunny` shape.
+ * ```html
+ * <m3e-shape name="sunny"></m3e-shape>
+ * ```
+ *
+ * @tag m3e-shape
+ *
+ * @slot - Renders the clipped content of the shape.
+ *
+ * @attr name - The name of the shape.
+ *
+ * @cssprop --m3e-shape-size - Default size of the shape.
+ * @cssprop --m3e-shape-container-color - Container (background) color of the shape.
+ * @cssprop --m3e-shape-transition - Transition used to morph between shapes.
+ */
+export declare class M3eShapeElement extends LitElement {
+    /** The styles of the element. */
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The name of the shape.
+     * @default null
+     */
+    name: ShapeName | null;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-shape": M3eShapeElement;
+    }
+}
+//# sourceMappingURL=ShapeElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeElement.d.ts","sourceRoot":"","sources":["../../src/ShapeElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,iCAAiC;IACjC,OAAgB,MAAM,iCAAgC;IAEtD;;;OAGG;IAC0B,IAAI,EAAE,SAAS,GAAG,IAAI,CAAQ;IAE3D,kBAAkB;cACC,MAAM,IAAI,OAAO;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/dist/src/ShapeName.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible names of a shape. */
+export type ShapeName = "4-leaf-clover" | "4-sided-cookie" | "6-sided-cookie" | "7-sided-cookie" | "8-leaf-clover" | "9-sided-cookie" | "12-sided-cookie" | "arch" | "arrow" | "boom" | "bun" | "burst" | "circle" | "diamond" | "fan" | "flower" | "gem" | "ghost-ish" | "heart" | "hexagon" | "oval" | "pentagon" | "pill" | "pixel-circle" | "pixel-triangle" | "puffy" | "puffy-diamond" | "semicircle" | "slanted" | "soft-boom" | "soft-burst" | "square" | "sunny" | "triangle" | "very-sunny";
+//# sourceMappingURL=ShapeName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeName.d.ts","sourceRoot":"","sources":["../../src/ShapeName.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,MAAM,MAAM,SAAS,GACjB,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,MAAM,GACN,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,SAAS,GACT,KAAK,GACL,QAAQ,GACR,KAAK,GACL,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,cAAc,GACd,gBAAgB,GAChB,OAAO,GACP,eAAe,GACf,YAAY,GACZ,SAAS,GACT,WAAW,GACX,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,UAAU,GACV,YAAY,CAAC"}

package/dist/src/ShapeNameStyle.d.ts

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Name styles for `M3eShapeElement`.
+ * @internal
+ */
+export declare const ShapeNameStyle: CSSResultGroup;
+//# sourceMappingURL=ShapeNameStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeNameStyle.d.ts","sourceRoot":"","sources":["../../src/ShapeNameStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AAchE;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAE5B,CAAC"}

package/dist/src/ShapePolygon.d.ts

@@ -0,0 +1,8 @@
+import { CSSResult } from "lit";
+import { ShapeName } from "./ShapeName";
+/**
+ * Normalized polygons for each shape.
+ * @internal
+ */
+export declare const ShapePolygon: Record<ShapeName, CSSResult>;
+//# sourceMappingURL=ShapePolygon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapePolygon.d.ts","sourceRoot":"","sources":["../../src/ShapePolygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CA0GrD,CAAC"}

package/dist/src/ShapeStyle.d.ts

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Baseline styles for `M3eShapeElement`.
+ * @internal
+ */
+export declare const ShapeStyle: CSSResultGroup;
+//# sourceMappingURL=ShapeStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeStyle.d.ts","sourceRoot":"","sources":["../../src/ShapeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,cAiCxB,CAAC"}

package/dist/src/ShapeToken.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Component design tokens that control the `M3eShapeElement` for all variants.
+ * @internal
+ */
+export declare const ShapeToken: {
+    /** Default size of the shape. */
+    readonly size: import("lit").CSSResult;
+    /** Container (background) color of the shape. */
+    readonly containerColor: import("lit").CSSResult;
+    /** Transition used to morph between shapes. */
+    readonly transition: import("lit").CSSResult;
+};
+//# sourceMappingURL=ShapeToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeToken.d.ts","sourceRoot":"","sources":["../../src/ShapeToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,iCAAiC;;IAGjC,iDAAiD;;IAGjD,+CAA+C;;CAEvC,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ShapeElement";
+export * from "./ShapeName";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/shape",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.3",
   "description": "Shape for M3E",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -62,7 +62,7 @@
     "clean": "rimraf dist"
   },
   "peerDependencies": {
-    "@m3e/core": "1.0.0-rc.2",
+    "@m3e/core": "1.0.0-rc.3",
     "lit": "^3.3.0"
   },
   "devDependencies": {