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

Comparing version 0.1.1 to 0.2.0

lib/events/index.js

@@ -0,1 +1,27 @@
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+const DefaultInit = {
+  composed: true
+};
+class UUIEvent extends Event {
+  constructor(evName, eventInit = {}) {
+    super(evName, __spreadValues$2(__spreadValues$2({}, DefaultInit), eventInit));
+    this.detail = eventInit.detail || {};
+  }
+}
+
 var __defProp$1 = Object.defineProperty;
@@ -17,11 +43,9 @@ var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 };
-const DefaultInit = {
-  composed: true
-};
-class UUIEvent extends Event {
+class UUIFormControlEvent extends UUIEvent {
   constructor(evName, eventInit = {}) {
-    super(evName, __spreadValues$1(__spreadValues$1({}, DefaultInit), eventInit));
-    this.detail = eventInit.detail || {};
+    super(evName, __spreadValues$1(__spreadValues$1({}, { bubbles: true }), eventInit));
   }
 }
+UUIFormControlEvent.VALID = "valid";
+UUIFormControlEvent.INVALID = "invalid";
 
@@ -44,3 +68,3 @@ var __defProp = Object.defineProperty;
 };
-class UUIFormControlEvent extends UUIEvent {
+class UUISelectableEvent extends UUIEvent {
   constructor(evName, eventInit = {}) {
@@ -50,7 +74,2 @@ super(evName, __spreadValues(__spreadValues({}, { bubbles: true }), eventInit));
 }
-UUIFormControlEvent.VALID = "valid";
-UUIFormControlEvent.INVALID = "invalid";
-
-class UUISelectableEvent extends UUIEvent {
-}
 UUISelectableEvent.SELECTED = "selected";
@@ -57,0 +76,0 @@ UUISelectableEvent.UNSELECTED = "unselected";

lib/events/UUISelectableEvent.d.ts

@@ -6,2 +6,3 @@ import { SelectableMixinInterface } from '../mixins';
     static readonly UNSELECTED = "unselected";
+    constructor(evName: string, eventInit?: any | null);
 }

lib/mixins/FormControlMixin.d.ts

@@ -6,4 +6,4 @@ import { LitElement } from 'lit';
     formAssociated: boolean;
-    get value(): FormDataEntryValue;
-    set value(newValue: FormDataEntryValue);
+    get value(): FormDataEntryValue | FormData;
+    set value(newValue: FormDataEntryValue | FormData);
     name: string;
@@ -13,4 +13,5 @@ formResetCallback(): void;
     get validationMessage(): string;
+    get validity(): ValidityState;
     setCustomValidity(error: string): void;
-    protected _value: FormDataEntryValue;
+    protected _value: FormDataEntryValue | FormData;
     protected _internals: any;
@@ -17,0 +18,0 @@ protected abstract getFormElement(): HTMLElement | undefined;

lib/mixins/index.js

 import { property, state } from 'lit/decorators.js';
 import { html } from 'lit';
 
-var __defProp$7 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
@@ -12,3 +12,3 @@ var __decorateClass$4 = (decorators, target, key, kind) => {
   if (kind && result)
-    __defProp$7(target, key, result);
+    __defProp$9(target, key, result);
   return result;
@@ -29,3 +29,3 @@ };
 
-var __defProp$6 = Object.defineProperty;
+var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
@@ -38,3 +38,3 @@ var __decorateClass$3 = (decorators, target, key, kind) => {
   if (kind && result)
-    __defProp$6(target, key, result);
+    __defProp$8(target, key, result);
   return result;
@@ -77,15 +77,15 @@ };
 
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
@@ -99,3 +99,3 @@ return a;
   constructor(evName, eventInit = {}) {
-    super(evName, __spreadValues$2(__spreadValues$2({}, DefaultInit$1), eventInit));
+    super(evName, __spreadValues$4(__spreadValues$4({}, DefaultInit$1), eventInit));
     this.detail = eventInit.detail || {};
@@ -105,3 +105,22 @@ }
 
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
 class UUISelectableEvent$1 extends UUIEvent$1 {
+  constructor(evName, eventInit = {}) {
+    super(evName, __spreadValues$3(__spreadValues$3({}, { bubbles: true }), eventInit));
+  }
 }
@@ -111,3 +130,3 @@ UUISelectableEvent$1.SELECTED = "selected";
 
-var __defProp$4 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
@@ -120,3 +139,3 @@ var __decorateClass$2 = (decorators, target, key, kind) => {
   if (kind && result)
-    __defProp$4(target, key, result);
+    __defProp$5(target, key, result);
   return result;
@@ -129,4 +148,5 @@ };
       this._selectable = false;
+      this.unselectable = true;
       this.selected = false;
-      this.addEventListener("click", this._toggleSelect);
+      this.addEventListener("click", this._handleClick);
       this.addEventListener("keydown", this.handleSelectKeydown);
@@ -147,10 +167,23 @@ }
       e.preventDefault();
-      this._toggleSelect();
+      this._handleClick();
     }
-    _toggleSelect() {
-      if (this.selectable === false)
+    _select() {
+      if (!this.selectable)
         return;
-      this.selected = !this.selected;
-      this.dispatchEvent(new UUISelectableEvent$1(this.selected ? UUISelectableEvent$1.SELECTED : UUISelectableEvent$1.UNSELECTED, this));
+      this.selected = true;
+      this.dispatchEvent(new UUISelectableEvent$1(UUISelectableEvent$1.SELECTED));
     }
+    _unselect() {
+      if (!this.unselectable)
+        return;
+      this.selected = false;
+      this.dispatchEvent(new UUISelectableEvent$1(UUISelectableEvent$1.UNSELECTED));
+    }
+    _handleClick() {
+      if (this.unselectable === false) {
+        this._select();
+      } else {
+        this.selected ? this._unselect() : this._select();
+      }
+    }
   }
@@ -166,3 +199,3 @@ __decorateClass$2([
 
-var __defProp$3 = Object.defineProperty;
+var __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
@@ -175,3 +208,3 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
   if (kind && result)
-    __defProp$3(target, key, result);
+    __defProp$4(target, key, result);
   return result;
@@ -200,2 +233,27 @@ };
 
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+const DefaultInit = {
+  composed: true
+};
+class UUIEvent extends Event {
+  constructor(evName, eventInit = {}) {
+    super(evName, __spreadValues$2(__spreadValues$2({}, DefaultInit), eventInit));
+    this.detail = eventInit.detail || {};
+  }
+}
 var __defProp$1 = Object.defineProperty;
@@ -217,16 +275,14 @@ var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 };
-const DefaultInit = {
-  composed: true
-};
-class UUIEvent extends Event {
+class UUIFormControlEvent extends UUIEvent {
   constructor(evName, eventInit = {}) {
-    super(evName, __spreadValues$1(__spreadValues$1({}, DefaultInit), eventInit));
-    this.detail = eventInit.detail || {};
+    super(evName, __spreadValues$1(__spreadValues$1({}, { bubbles: true }), eventInit));
   }
 }
-var __defProp$2 = Object.defineProperty;
+UUIFormControlEvent.VALID = "valid";
+UUIFormControlEvent.INVALID = "invalid";
+var __defProp$3 = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
@@ -243,3 +299,3 @@ for (var prop in b || (b = {}))
 };
-class UUIFormControlEvent extends UUIEvent {
+class UUISelectableEvent extends UUIEvent {
   constructor(evName, eventInit = {}) {
@@ -249,6 +305,2 @@ super(evName, __spreadValues(__spreadValues({}, { bubbles: true }), eventInit));
 }
-UUIFormControlEvent.VALID = "valid";
-UUIFormControlEvent.INVALID = "invalid";
-class UUISelectableEvent extends UUIEvent {
-}
 UUISelectableEvent.SELECTED = "selected";
@@ -360,2 +412,3 @@ UUISelectableEvent.UNSELECTED = "unselected";
       const hasError = Object.values(this._validityState).includes(true);
+      this._validityState.valid = !hasError;
       if (hasError) {
@@ -395,2 +448,5 @@ this.dispatchEvent(new UUIFormControlEvent(UUIFormControlEvent.INVALID));
     }
+    get validity() {
+      return this._validityState;
+    }
     get validationMessage() {
@@ -397,0 +453,0 @@ var _a;

lib/mixins/SelectableMixin.d.ts

@@ -5,2 +5,3 @@ import { LitElement } from 'lit';
     selectable: boolean;
+    unselectable: boolean;
     selected: boolean;
@@ -7,0 +8,0 @@ }

package.json

 {
   "name": "@umbraco-ui/uui-base",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "license": "MIT",
@@ -27,3 +27,3 @@ "keywords": [
   "dependencies": {
-    "lit": "^2.0.0"
+    "lit": "^2.2.2"
   },
@@ -38,3 +38,3 @@ "scripts": {
   "homepage": "https://uui.umbraco.com/?path=/story/uui-base",
-  "gitHead": "d91d346a0659f52de2a3c4746065c554f95e6328"
+  "gitHead": "5494b55e03c9fb3ba8f160e693d3ce59c02d21cd"
 }

No alert changes

Improved metrics

Total package byte prevSize

33669

increased by10.14%

Lines of code

846

increased by10.16%

Dependency changes

• Updatedlit@^2.2.2