@sme.up/ketchup 6.2.0 → 6.4.0

package/dist/cjs/kup-form.cjs.entry.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
-const utils = require('./utils-4b208b48.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fCell = require('./f-cell-3a740c48.js');
+const fCell = require('./f-cell-2d5bcf0c.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
-require('./cell-utils-fe64a28c.js');
-require('./f-checkbox-57443ca3.js');
-require('./f-text-field-9ee20a67.js');
-require('./f-image-2a61ece2.js');
-require('./f-chip-02e83f82.js');
+const fButton = require('./f-button-826a470e.js');
+require('./f-checkbox-cd977193.js');
+require('./f-text-field-d243e4d8.js');
+require('./f-image-0f17d599.js');
+require('./f-chip-2fd3363e.js');
 require('./tslib.es6-0ee02c67.js');
 require('./component-72a5b626.js');
+require('./f-button-declarations-b611587f.js');
 
 /**
  * Props of the kup-form component.
@@ -24,6 +24,7 @@ var KupFormProps;
 (function (KupFormProps) {
   KupFormProps["customStyle"] = "Custom style of the component.";
   KupFormProps["data"] = "Actual data of the form.";
+  KupFormProps["hiddenSubmitButton"] = "Creates a hidden submit button in order to submit the form with enter.";
   KupFormProps["layout"] = "How the form will arrange its content.";
 })(KupFormProps || (KupFormProps = {}));
 var KupFormLabelAlignment;
@@ -42,7 +43,7 @@ var KupFormLabelPlacement;
   KupFormLabelPlacement["TOP"] = "top";
 })(KupFormLabelPlacement || (KupFormLabelPlacement = {}));
 
-const kupFormCss = ":host{--kup_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-background-color)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-color));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}.form__section--titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";
+const kupFormCss = ":host{--kup_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-background-color)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-color));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;padding:1em 0;position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}.form__section--titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form__submit{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";
 
 const dom = document.documentElement;
 const KupForm = class {
@@ -62,6 +63,11 @@ const KupForm = class {
      * @default null
      */
     this.data = null;
+    /**
+     * Creates a hidden submit button in order to submit the form with enter.
+     * @default false
+     */
+    this.hiddenSubmitButton = false;
     /**
      * How the form will arrange its content.
      * @default null
@@ -77,7 +83,7 @@ const KupForm = class {
   /*                  W a t c h e r s                */
   /*-------------------------------------------------*/
   onDataChanged() {
-    utils.identify(this.getRows());
+    kupManager.identify(this.getRows());
     this.initVisibleColumns();
     this.checkLayout();
   }
@@ -93,7 +99,7 @@ const KupForm = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupFormProps, descriptions);
+    return kupManager.getProps(this, KupFormProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -132,7 +138,7 @@ const KupForm = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupFormProps, props);
+    kupManager.setProps(this, KupFormProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -205,7 +211,7 @@ const KupForm = class {
       form: true,
       'form--column': !horizontal,
     };
-    return index.h("form", { class: classObj }, formContent);
+    return (index.h("form", { class: classObj, name: this.rootElement.id }, formContent, this.hiddenSubmitButton ? (index.h(fButton.FButton, { buttonType: "submit", label: "submit", wrapperClass: "form__submit" })) : null));
   }
   renderSection(section, parent, row, visibleColumns) {
     var _a;
@@ -316,7 +322,7 @@ const KupForm = class {
       return null;
     }
     const cellProps = {
-      cell: formField.data ? Object.assign(Object.assign({}, cell), { data: formField.data }) : cell,
+      cell: cell,
       column: column,
       component: this,
       editable: true,

package/dist/cjs/kup-iframe.cjs.entry.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
-const utils = require('./utils-4b208b48.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
 
 /**
  * Props of the kup-iframe component.
@@ -62,7 +61,7 @@ const KupIframe = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupIframeProps, descriptions);
+    return kupManager.getProps(this, KupIframeProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -75,7 +74,7 @@ const KupIframe = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupIframeProps, props);
+    kupManager.setProps(this, KupIframeProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -2,19 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
-const utils = require('./utils-4b208b48.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-2a61ece2.js');
-const fButton = require('./f-button-5b69d882.js');
+const fImage = require('./f-image-0f17d599.js');
+const fButton = require('./f-button-826a470e.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fCell = require('./f-cell-3a740c48.js');
+const fCell = require('./f-cell-2d5bcf0c.js');
 const component = require('./component-72a5b626.js');
-require('./cell-utils-fe64a28c.js');
-require('./f-checkbox-57443ca3.js');
-require('./f-text-field-9ee20a67.js');
-require('./f-chip-02e83f82.js');
+require('./f-checkbox-cd977193.js');
+require('./f-text-field-d243e4d8.js');
+require('./f-chip-2fd3363e.js');
 require('./tslib.es6-0ee02c67.js');
 
 /**
@@ -197,7 +195,7 @@ const KupImageList = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupImageListProps, descriptions);
+    return kupManager.getProps(this, KupImageListProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -210,7 +208,7 @@ const KupImageList = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupImageListProps, props);
+    kupManager.setProps(this, KupImageListProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */

package/dist/cjs/kup-lazy.cjs.entry.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
-const utils = require('./utils-4b208b48.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -28,7 +27,7 @@ var KupLazyRender;
   KupLazyRender["BOTH"] = "both";
 })(KupLazyRender || (KupLazyRender = {}));
 
-const kupLazyCss = ":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:100%;width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:100%;width:var(--kup_lazy_width)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";
+const kupLazyCss = ":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";
 
 const KupLazy = class {
   constructor(hostRef) {
@@ -91,7 +90,7 @@ const KupLazy = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupLazyProps, descriptions);
+    return kupManager.getProps(this, KupLazyProps, descriptions);
   }
   /**
    * Returns the HTMLElement of the component to lazy load.
@@ -111,7 +110,7 @@ const KupLazy = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupLazyProps, props);
+    kupManager.setProps(this, KupLazyProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-2a61ece2.js');
-const utils = require('./utils-4b208b48.js');
+const fImage = require('./f-image-0f17d599.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -77,7 +76,7 @@ const KupMagicBox = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupMagicBoxProps, descriptions);
+    return kupManager.getProps(this, KupMagicBoxProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -90,7 +89,7 @@ const KupMagicBox = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupMagicBoxProps, props);
+    kupManager.setProps(this, KupMagicBoxProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */