@umbraco-ui/uui-input-lock 1.8.0-rc.2 → 1.8.2

package/custom-elements.json

@@ -121,7 +121,7 @@
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "\"true\""
         },
         {
           "name": "required",
@@ -301,7 +301,7 @@
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "\"true\""
         },
         {
           "name": "required",

package/lib/UUIInputLockEvent.d.ts

@@ -0,0 +1,6 @@
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
+import { UUIInputLockElement } from './uui-input-lock.element';
+export declare class UUIInputLockEvent extends UUIEvent<{}, UUIInputLockElement> {
+    static readonly LOCK_CHANGE: string;
+    constructor(evName: string, eventInit?: any | null);
+}

package/lib/index.js

@@ -4,6 +4,17 @@ import { css, html } from 'lit';
 import { UUIInputElement } from '@umbraco-ui/uui-input/lib';
 import { iconLock, iconUnlock } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import { property } from 'lit/decorators.js';
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
+
+class UUIInputLockEvent extends UUIEvent {
+  constructor(evName, eventInit = {}) {
+    super(evName, {
+      ...{ bubbles: true },
+      ...eventInit
+    });
+  }
+}
+UUIInputLockEvent.LOCK_CHANGE = "lock-change";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12,8 +23,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let UUIInputLockElement = class extends UUIInputElement {
@@ -29,6 +39,8 @@ let UUIInputLockElement = class extends UUIInputElement {
   }
   _onLockToggle() {
     this.readonly = this.locked = !this.locked;
+    this.pristine = false;
+    this.dispatchEvent(new UUIInputLockEvent(UUIInputLockEvent.LOCK_CHANGE));
   }
   renderIcon() {
     return this.locked === true ? html`<uui-icon name="lock" .fallback=${iconLock.strings[0]}></uui-icon>` : html`<uui-icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-lock",
-  "version": "1.8.0-rc.2",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0-rc.0",
-    "@umbraco-ui/uui-button": "1.8.0-rc.2",
-    "@umbraco-ui/uui-icon": "1.8.0-rc.0",
-    "@umbraco-ui/uui-input": "1.8.0-rc.0"
+    "@umbraco-ui/uui-base": "1.8.0",
+    "@umbraco-ui/uui-button": "1.8.0",
+    "@umbraco-ui/uui-icon": "1.8.0",
+    "@umbraco-ui/uui-input": "1.8.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-input-lock",
-  "gitHead": "d37c2c4ba77397c7e3979f04dfc221f50ed421f1"
+  "gitHead": "ff7f8bf2e837773d2a73d4ca5eb9b67857b3dd8b"
 }