@m3e/loading-indicator 1.0.0-rc.2 → 1.0.0-rc.4

package/README.md

@@ -27,7 +27,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
 }
 ```
 
-## 🚀 Browser Usage
+## 🚀 Native Module Support
 
 This package uses [JavaScript Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#module_specifiers). To use it directly in a browser without a bundler, use a module script similar to the following.
 

package/dist/custom-elements.json

@@ -1039,25 +1039,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",
@@ -1355,6 +1336,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",
@@ -1891,6 +1883,11 @@
       "kind": "javascript-module",
       "path": "../core/src/shared/mixins/Labelled.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "updateLabels",
+          "description": "A symbol through which to update labels to reflect a control's current state."
+        },
         {
           "kind": "function",
           "name": "isLabelledMixin",
@@ -1940,16 +1937,6 @@
               },
               "description": "The label elements that the element is associated with.",
               "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "[_updateLabels]",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
             }
           ],
           "parameters": [
@@ -1964,6 +1951,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "updateLabels",
+          "declaration": {
+            "name": "updateLabels",
+            "module": "../core/src/shared/mixins/Labelled.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "isLabelledMixin",

package/dist/src/LoadingIndicatorElement.d.ts

@@ -0,0 +1,57 @@
+import { LitElement, PropertyValues } from "lit";
+import { LoadingIndicatorVariant } from "./LoadingIndicatorVariant";
+declare const M3eLoadingIndicatorElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Shows indeterminate progress for a short wait time.
+ *
+ * @description
+ * The `m3e-loading-indicator` component uses animation to grab attention, mitigate perceived latency, and indicate
+ * that an activity is in progress.
+ *
+ * When placed over other content, use the `variant` attribute to change the appearance from `uncontained` (the default),
+ * to `contained` so that it has strong contrast to help it stand out better.
+ *
+ * @example
+ * The following example illustrates an uncontained loading indicator.
+ * ```html
+ * <m3e-loading-indicator></m3e-loading-indicator>
+ * ```
+ *
+ * @tag m3e-loading-indicator
+ *
+ * @attr variant - The appearance variant of the indicator.
+ *
+ * @cssprop --m3e-loading-indicator-active-indicator-color - Uncontained active indicator color.
+ * @cssprop --m3e-loading-indicator-contained-active-indicator-color - Contained active indicator color.
+ * @cssprop --m3e-loading-indicator-contained-container-color - Contained container (background) color.
+ * @cssprop --m3e-loading-indicator-active-indicator-size - Size of the active indicator.
+ * @cssprop --m3e-loading-indicator-container-shape - Container shape.
+ * @cssprop --m3e-loading-indicator-container-size - Container size.
+ */
+export declare class M3eLoadingIndicatorElement extends M3eLoadingIndicatorElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: import("lit").CSSResult;
+    /** @private */
+    private readonly _activeIndicator?;
+    /**
+     * The appearance variant of the indicator.
+     * @default "uncontained"
+     */
+    variant: LoadingIndicatorVariant;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-loading-indicator": M3eLoadingIndicatorElement;
+    }
+}
+export {};
+//# sourceMappingURL=LoadingIndicatorElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorElement.d.ts","sourceRoot":"","sources":["../../src/LoadingIndicatorElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,0BAA2B,SAAQ,+BAA+B;;IAC7E,iCAAiC;IACjC,OAAgB,MAAM,0BA2FpB;IAEF,eAAe;IACa,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAc;IA2B5E;;;OAGG;IAC0B,OAAO,EAAE,uBAAuB,CAAiB;IAE9E,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAOlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IASzE,kBAAkB;IACT,MAAM;CAKhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/dist/src/LoadingIndicatorToken.d.ts

@@ -0,0 +1,9 @@
+export declare const LoadingIndicatorToken: {
+    readonly activeIndicatorSize: import("lit").CSSResult;
+    readonly activeIndicatorColor: import("lit").CSSResult;
+    readonly containedActiveIndicatorColor: import("lit").CSSResult;
+    readonly containedContainerColor: import("lit").CSSResult;
+    readonly containerShape: import("lit").CSSResult;
+    readonly containerSize: import("lit").CSSResult;
+};
+//# sourceMappingURL=LoadingIndicatorToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorToken.d.ts","sourceRoot":"","sources":["../../src/LoadingIndicatorToken.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;;;;CAWxB,CAAC"}

package/dist/src/LoadingIndicatorVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of a loading indicator. */
+export type LoadingIndicatorVariant = "uncontained" | "contained";
+//# sourceMappingURL=LoadingIndicatorVariant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicatorVariant.d.ts","sourceRoot":"","sources":["../../src/LoadingIndicatorVariant.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG,WAAW,CAAC"}

package/dist/src/ShapePolygon.d.ts

@@ -0,0 +1,7 @@
+import { CSSResult } from "lit";
+/**
+ * Normalized polygons for each shape.
+ * @internal
+ */
+export declare const ShapePolygon: Record<string, 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;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAsBlD,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./LoadingIndicatorElement";
+export * from "./LoadingIndicatorVariant";
+//# 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,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/loading-indicator",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.4",
   "description": "Loading Indicator for M3E",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "clean": "rimraf dist"
   },
   "peerDependencies": {
-    "@m3e/core": "1.0.0-rc.2",
+    "@m3e/core": "1.0.0-rc.4",
     "lit": "^3.3.0"
   },
   "devDependencies": {