solid-ui 3.0.4-5b6f345 → 3.0.4-6638467

package/dist/solid-ui.esm.js

@@ -4572,31 +4572,9 @@ _forms_fieldFunction__WEBPACK_IMPORTED_MODULE_4__/* .field */ .ZZ[_ns__WEBPACK_I
     if (!ok) return callbackFunction(ok, body);
     return callbackFunction(ok, body);
   };
-  // Create container for label and select
-  var outerBox = dom.createElement('div');
-  outerBox.setAttribute('class', 'classifierBox');
-  // Render label
-  var labelDiv = dom.createElement('div');
-  labelDiv.setAttribute('class', 'formFieldName classifierBox-label');
-  // Use fieldLabel to render ui:label if present
-  labelDiv.appendChild((0,_forms_basic__WEBPACK_IMPORTED_MODULE_8__/* .fieldLabel */ .bk)(dom, category, form));
-  outerBox.appendChild(labelDiv);
-  // Render select
-  var selectBox = dom.createElement('div');
-  selectBox.setAttribute('class', 'formFieldValue classifierBox-selectBox');
-  var selectElement = makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, checkOptions);
-  // Set readonly if not editable
-  if (selectElement && selectElement.querySelector && selectElement.querySelector('select')) {
-    var select = selectElement.querySelector('select');
-    if (select && !kb.updater.editable(dataDoc.uri)) {
-      select.readOnly = true;
-      select.style = _style__WEBPACK_IMPORTED_MODULE_10__/* .style */ .i.textInputStyleUneditable;
-    }
-  }
-  selectBox.appendChild(selectElement);
-  outerBox.appendChild(selectBox);
-  if (container) container.appendChild(outerBox);
-  return outerBox;
+  var box = makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, checkOptions);
+  if (container) container.appendChild(box);
+  return box;
 };
 
 /**         Choice field
@@ -18407,6 +18385,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, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.ui('size')) || _styleConstants__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.textInputSize || 20;
   field.setAttribute('size', size);
   var maxLength = kb.any(form, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.ui('maxLength'));
@@ -18445,9 +18425,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;
@@ -18515,7 +18504,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((0,_error__WEBPACK_IMPORTED_MODULE_6__/* .errorMessageBlock */ .F)(dom, body));
@@ -18523,6 +18514,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;
 }
 
@@ -18744,7 +18744,7 @@ function tabWidget(options) {
     _getColors2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_getColors, 2),
     selectedColor = _getColors2[0],
     color = _getColors2[1];
-  var bodyMainStyle = "display: grid; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ".concat(selectedColor, "; padding: 1em;");
+  var bodyMainStyle = "flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ".concat(selectedColor, "; padding: 1em;");
   var rootElement = dom.createElement('div'); // 20200117a
 
   rootElement.setAttribute('style', _style__WEBPACK_IMPORTED_MODULE_9__/* .style */ .i.tabsRootElement);