solid-ui 3.0.4-e7336b6 → 3.0.4-f2d852f

package/dist/solid-ui.js

@@ -4091,7 +4091,7 @@ function attachmentList(dom, subject, div) {
   var attachmentRight = attachmentOne.appendChild(dom.createElement('td'));
   var attachmentTable = attachmentRight.appendChild(dom.createElement('table'));
   attachmentTable.appendChild(dom.createElement('tr')) // attachmentTableTop
-  ;
+;
   attachmentOuter.refresh = refresh; // Participate in downstream changes
   // ;(attachmentTable as any).refresh = refresh   <- outer should be best?
 
@@ -4913,6 +4913,8 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
   field.style = inputStyle;
   rhs.appendChild(field);
   field.setAttribute('type', params.type ? params.type : 'text');
+  var fieldType = (field.getAttribute('type') || '').toLowerCase();
+  var deferWhileFocused = fieldType === 'date' || fieldType === 'datetime-local';
   var size = kb.anyJS(form, src_ns.ui('size')) || styleConstants.textInputSize || 20;
   field.setAttribute('size', size);
   var maxLength = kb.any(form, src_ns.ui('maxLength'));
@@ -4936,7 +4938,7 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
   }
   if (!kb.updater.editable(doc.uri)) {
     field.readOnly = true // was: disabled. readOnly is better
-    ;
+;
     field.style = style.textInputStyleUneditable + paramStyle;
     if (suppressEmptyUneditable && field.value === '') {
       box.style.display = 'none'; // clutter
@@ -4951,9 +4953,18 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
     }
   }, true);
   field.addEventListener('change', function (_e) {
+    if (deferWhileFocused && dom.activeElement === field) {
+      if (field.dataset) {
+        field.dataset.deferredChange = 'true';
+      }
+      return;
+    }
     // i.e. lose focus with changed data
     if (params.pattern && !field.value.match(params.pattern)) return;
-    field.disabled = true; // See if this stops getting two dates from fumbling e.g the chrome datepicker.
+    var disabledForSave = !deferWhileFocused;
+    if (disabledForSave) {
+      field.disabled = true; // See if this stops getting two dates from fumbling e.g the chrome datepicker.
+    }
     field.setAttribute('style', inputStyle + 'color: gray;'); // pending
     var ds = kb.statementsMatching(subject, property); // remove any multiple values
     var result;
@@ -5021,7 +5032,9 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
     updateMany(ds, is, function (uri, ok, body) {
       // kb.updater.update(ds, is, function (uri, ok, body) {
       if (ok) {
-        field.disabled = false;
+        if (disabledForSave) {
+          field.disabled = false;
+        }
         field.setAttribute('style', inputStyle);
       } else {
         box.appendChild(errorMessageBlock(dom, body));
@@ -5029,6 +5042,15 @@ function basicField(dom, container, already, subject, form, doc, callbackFunctio
       callbackFunction(ok, body);
     });
   }, true);
+  field.addEventListener('blur', function (_e) {
+    if (deferWhileFocused && field.dataset && field.dataset.deferredChange === 'true') {
+      delete field.dataset.deferredChange;
+      var event = new Event('change', {
+        bubbles: true
+      });
+      field.dispatchEvent(event);
+    }
+  }, true);
   return box;
 }
 ;// ./src/widgets/forms/autocomplete/language.ts
@@ -12826,7 +12848,7 @@ function cameraCaptureControl(dom, store, getImageDoc, doneCallback) {
     // if (!confirm('Save picture to ' + destination + ' ?')) return
     src_debug/* log */.Rm('Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination)
     // @@ TODO Remove casting
-    ;
+;
     store.fetcher.webOperation('PUT', destination.uri, {
       data: blob,
       contentType: contentType