@limetech/lime-elements 35.1.0-next.10 → 35.1.0-next.13

package/dist/collection/components/date-picker/date-picker.css

@@ -1,6 +1,11 @@
 /**
  * @prop --dropdown-z-index: z-index of the dropdown menu.
  */
-div.container {
+:host(limel-date-picker) {
   position: relative;
+}
+
+limel-input-field[disabled],
+limel-input-field[readonly] {
+  pointer-events: none;
 }

package/dist/collection/components/date-picker/date-picker.js

@@ -110,14 +110,14 @@ export class DatePicker {
       inputProps.trailingIcon = 'clear_symbol';
     }
     if (this.useNative) {
-      return (h("div", { class: "container" },
-        h("limel-input-field", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, type: this.nativeType, onChange: this.nativeChangeHandler })));
+      return (h("limel-input-field", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, type: this.nativeType, onChange: this.nativeChangeHandler }));
     }
     const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-    return (h("div", { class: "container" },
+    return [
       h("limel-input-field", Object.assign({ disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, onFocus: this.showCalendar, onBlur: this.hideCalendar, onClick: this.onInputClick, onChange: this.handleInputElementChange, ref: (el) => (this.textField = el) }, inputProps)),
       h("limel-portal", { containerId: this.portalId, visible: this.showPortal, containerStyle: { 'z-index': dropdownZIndex } },
-        h("limel-flatpickr-adapter", { format: this.internalFormat, language: this.language, type: this.type, value: this.value, ref: (el) => (this.datePickerCalendar = el), isOpen: this.showPortal, onChange: this.handleCalendarChange }))));
+        h("limel-flatpickr-adapter", { format: this.internalFormat, language: this.language, type: this.type, value: this.value, ref: (el) => (this.datePickerCalendar = el), isOpen: this.showPortal, onChange: this.handleCalendarChange })),
+    ];
   }
   onValueChange(newValue, oldValue) {
     if (newValue !== oldValue && newValue !== this.formattedValue) {

package/dist/collection/components/form/templates/common.js

@@ -41,6 +41,9 @@ export function findTitle(data, fieldSchema, formSchema) {
   if (!firstEntry) {
     return null;
   }
+  if (!subSchema.properties) {
+    return null;
+  }
   const [key, value] = firstEntry;
   return findTitle(value, subSchema.properties[key], formSchema);
 }

package/dist/collection/components/list/list-renderer.js

@@ -124,7 +124,7 @@ export class ListRenderer {
         return;
       }
       return (h("limel-menu", { class: "mdc-deprecated-list-item__meta", items: actions, openDirection: "left" },
-        h("limel-icon", { slot: "trigger", name: "menu_2", size: "small" })));
+        h("limel-icon-button", { class: "action-menu-trigger", slot: "trigger", icon: "menu_2" })));
     };
     this.renderVariantListItem = (config, item, index) => {
       let itemTemplate;

package/dist/collection/components/list/list.css

@@ -4052,6 +4052,10 @@ a.mdc-list-item {
   transition-timing-function: ease;
 }
 
+.action-menu-trigger {
+  transform: scale(0.9);
+}
+
 /*
  * This file is imported into every component!
  *

package/dist/collection/components/menu-list/menu-list.css

@@ -4058,6 +4058,10 @@ a.mdc-list-item {
   transition-timing-function: ease;
 }
 
+.action-menu-trigger {
+  transform: scale(0.9);
+}
+
 /*
  * This file is imported into every component!
  *

package/dist/esm/limel-date-picker.entry.js

@@ -10,7 +10,7 @@ import './component-5b4ac85a.js';
 import './ponyfill-30263d5e.js';
 import './component-19eb6e2b.js';
 
-const datePickerCss = "div.container{position:relative}";
+const datePickerCss = ":host(limel-date-picker){position:relative}limel-input-field[disabled],limel-input-field[readonly]{pointer-events:none}";
 
 // tslint:disable:no-duplicate-string
 const nativeTypeForConsumerType = {
@@ -108,10 +108,13 @@ const DatePicker = class {
       inputProps.trailingIcon = 'clear_symbol';
     }
     if (this.useNative) {
-      return (h("div", { class: "container" }, h("limel-input-field", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, type: this.nativeType, onChange: this.nativeChangeHandler })));
+      return (h("limel-input-field", { disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, type: this.nativeType, onChange: this.nativeChangeHandler }));
     }
     const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-    return (h("div", { class: "container" }, h("limel-input-field", Object.assign({ disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, onFocus: this.showCalendar, onBlur: this.hideCalendar, onClick: this.onInputClick, onChange: this.handleInputElementChange, ref: (el) => (this.textField = el) }, inputProps)), h("limel-portal", { containerId: this.portalId, visible: this.showPortal, containerStyle: { 'z-index': dropdownZIndex } }, h("limel-flatpickr-adapter", { format: this.internalFormat, language: this.language, type: this.type, value: this.value, ref: (el) => (this.datePickerCalendar = el), isOpen: this.showPortal, onChange: this.handleCalendarChange }))));
+    return [
+      h("limel-input-field", Object.assign({ disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, helperText: this.helperText, required: this.required, value: this.formattedValue, onFocus: this.showCalendar, onBlur: this.hideCalendar, onClick: this.onInputClick, onChange: this.handleInputElementChange, ref: (el) => (this.textField = el) }, inputProps)),
+      h("limel-portal", { containerId: this.portalId, visible: this.showPortal, containerStyle: { 'z-index': dropdownZIndex } }, h("limel-flatpickr-adapter", { format: this.internalFormat, language: this.language, type: this.type, value: this.value, ref: (el) => (this.datePickerCalendar = el), isOpen: this.showPortal, onChange: this.handleCalendarChange })),
+    ];
   }
   onValueChange(newValue, oldValue) {
     if (newValue !== oldValue && newValue !== this.formattedValue) {

package/dist/esm/limel-form.entry.js

@@ -23745,6 +23745,9 @@ function findTitle(data, fieldSchema, formSchema) {
   if (!firstEntry) {
     return null;
   }
+  if (!subSchema.properties) {
+    return null;
+  }
   const [key, value] = firstEntry;
   return findTitle(value, subSchema.properties[key], formSchema);
 }