@umbraco-ui/uui-base - npm Package Compare versions

Comparing version 1.0.0-rc.1 to 1.0.0-rc.2

lib/animations/index.js

@@ -5,9 +5,7 @@ import { css, unsafeCSS } from 'lit';
   @keyframes uui-blink {
-    0% {
-      opacity: 1;
+    0%,
+    100% {
+      opacity: 0.5;
     }
     50% {
-      opacity: 0.5;
-    }
-    100% {
       opacity: 1;
@@ -38,3 +36,5 @@ }
 `;
-const UUIHorizontalPulseAnimationValue = unsafeCSS("pulse 0.8s ease-in-out infinite both");
+const UUIHorizontalPulseAnimationValue = unsafeCSS(
+  "pulse 0.8s ease-in-out infinite both"
+);
 
@@ -65,4 +65,6 @@ const UUIHorizontalShakeKeyframes = css`
 `;
-const UUIHorizontalShakeAnimationValue = unsafeCSS("uui-horizontal-shake 600ms ease backwards");
+const UUIHorizontalShakeAnimationValue = unsafeCSS(
+  "uui-horizontal-shake 600ms ease backwards"
+);
 
 export { UUIBlinkAnimationValue, UUIBlinkKeyframes, UUIHorizontalPulseAnimationValue, UUIHorizontalPulseKeyframes, UUIHorizontalShakeAnimationValue, UUIHorizontalShakeKeyframes };

lib/events/index.js

@@ -18,3 +18,4 @@ var __defProp$2 = Object.defineProperty;
 const DefaultInit = {
-  composed: true
+  composed: true,
+  bubbles: true
 };
@@ -21,0 +22,0 @@ class UUIEvent extends Event {

lib/mixins/FormControlMixin.d.ts

@@ -14,2 +14,3 @@ import { LitElement } from 'lit';
     setCustomValidity(error: string): void;
+    submit(): void;
     protected _value: FormDataEntryValue | FormData;
@@ -16,0 +17,0 @@ protected _internals: any;

lib/mixins/index.js

@@ -91,3 +91,4 @@ import { property, state } from 'lit/decorators.js';
 const DefaultInit$1 = {
-  composed: true
+  composed: true,
+  bubbles: true
 };
@@ -247,3 +248,4 @@ class UUIEvent$1 extends Event {
 const DefaultInit = {
-  composed: true
+  composed: true,
+  bubbles: true
 };
@@ -333,4 +335,12 @@ class UUIEvent extends Event {
       this._internals = this.attachInternals();
-      this.addValidator("valueMissing", () => this.requiredMessage, () => this.hasAttribute("required") && this.hasValue() === false);
-      this.addValidator("customError", () => this.errorMessage, () => this.error);
+      this.addValidator(
+        "valueMissing",
+        () => this.requiredMessage,
+        () => this.hasAttribute("required") && this.hasValue() === false
+      );
+      this.addValidator(
+        "customError",
+        () => this.errorMessage,
+        () => this.error
+      );
       this.addEventListener("blur", () => {
@@ -386,3 +396,7 @@ this.pristine = false;
       if (message != null && message !== "") {
-        this._customValidityObject = this.addValidator("customError", () => message, () => true);
+        this._customValidityObject = this.addValidator(
+          "customError",
+          () => message,
+          () => true
+        );
       }
@@ -397,3 +411,7 @@ this._runValidators();
             this._validityState[key] = true;
-            this._internals.setValidity(this._validityState, formCtrlEl.validationMessage, formCtrlEl);
+            this._internals.setValidity(
+              this._validityState,
+              formCtrlEl.validationMessage,
+              formCtrlEl
+            );
           }
@@ -405,3 +423,7 @@ }
           this._validityState[validator.flagKey] = true;
-          this._internals.setValidity(this._validityState, validator.getMessageMethod(), this.getFormElement());
+          this._internals.setValidity(
+            this._validityState,
+            validator.getMessageMethod(),
+            this.getFormElement()
+          );
         }
@@ -412,3 +434,5 @@ });
       if (hasError) {
-        this.dispatchEvent(new UUIFormControlEvent(UUIFormControlEvent.INVALID));
+        this.dispatchEvent(
+          new UUIFormControlEvent(UUIFormControlEvent.INVALID)
+        );
       } else {
@@ -423,2 +447,6 @@ this._internals.setValidity({});
     }
+    submit() {
+      var _a;
+      (_a = this._form) == null ? void 0 : _a.requestSubmit();
+    }
     formAssociatedCallback() {
@@ -425,0 +453,0 @@ this._removeFormListeners();

lib/registration/index.js

@@ -5,3 +5,5 @@ function defineElement(name, options) {
     if (isValidElementName === false) {
-      console.error(`${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);
+      console.error(
+        `${name} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`
+      );
       return;
@@ -8,0 +10,0 @@ }

lib/utils/index.js

@@ -53,3 +53,8 @@ class Timer {
   if (!customElements.get(elementName)) {
-    console.warn(`%c ${requester.nodeName} requires ${elementName} element to be registered!`, "font-weight: bold;", message, requester);
+    console.warn(
+      `%c ${requester.nodeName} requires ${elementName} element to be registered!`,
+      "font-weight: bold;",
+      message,
+      requester
+    );
   }
@@ -56,0 +61,0 @@ };

package.json

 {
   "name": "@umbraco-ui/uui-base",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "license": "MIT",
@@ -27,3 +27,3 @@ "keywords": [
   "dependencies": {
-    "lit": "^2.2.2"
+    "lit": "^2.2.8"
   },
@@ -38,3 +38,3 @@ "scripts": {
   "homepage": "https://uui.umbraco.com/?path=/story/uui-base",
-  "gitHead": "127e036dbafa18cc37027591d6548a4cb4700d33"
+  "gitHead": "436dd8d9fff81481feb88f06b461167c98dac91a"
 }

No alert changes

Improved metrics

Total package byte prevSize

34131

increased by1.26%

Lines of code

891

increased by4.58%

Dependency changes

• Updatedlit@^2.2.8