@sme.up/ketchup 11.0.0-SNAPSHOT-20241128165949 → 11.0.0-SNAPSHOT-20241129144428

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/{f-cell-9f60ccb8.js → f-cell-6e92a406.js} +2 -2
  2. package/dist/cjs/f-cell-6e92a406.js.map +1 -0
  3. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +1 -1
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/kup-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
  7. package/dist/cjs/kup-input-panel.cjs.entry.js +10 -6
  8. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  9. package/dist/collection/assets/calendar.js +4 -4
  10. package/dist/collection/assets/data-table.js +8 -8
  11. package/dist/collection/components/kup-input-panel/kup-input-panel.css +3 -0
  12. package/dist/collection/components/kup-input-panel/kup-input-panel.js +10 -5
  13. package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
  14. package/dist/collection/f-components/f-cell/f-cell.js +1 -1
  15. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  16. package/dist/components/kup-autocomplete2.js +1 -1
  17. package/dist/components/kup-autocomplete2.js.map +1 -1
  18. package/dist/components/kup-input-panel.js +9 -5
  19. package/dist/components/kup-input-panel.js.map +1 -1
  20. package/dist/esm/{f-cell-4b8129d5.js → f-cell-bf2f63a8.js} +2 -2
  21. package/dist/esm/f-cell-bf2f63a8.js.map +1 -0
  22. package/dist/esm/kup-autocomplete_28.entry.js +1 -1
  23. package/dist/esm/kup-box.entry.js +1 -1
  24. package/dist/esm/kup-cell.entry.js +1 -1
  25. package/dist/esm/kup-image-list.entry.js +1 -1
  26. package/dist/esm/kup-input-panel.entry.js +10 -6
  27. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  28. package/dist/ketchup/ketchup.esm.js +1 -1
  29. package/dist/ketchup/p-54e984ca.entry.js +2 -0
  30. package/dist/ketchup/p-54e984ca.entry.js.map +1 -0
  31. package/dist/ketchup/{p-caa70779.entry.js → p-7e994945.entry.js} +2 -2
  32. package/dist/ketchup/{p-3f141611.entry.js → p-91f3e313.entry.js} +2 -2
  33. package/dist/ketchup/{p-8afa9473.entry.js → p-c76cd6bd.entry.js} +2 -2
  34. package/dist/ketchup/{p-c3f65052.entry.js → p-cab51c5f.entry.js} +2 -2
  35. package/dist/ketchup/{p-8cbd8be4.js → p-f53792c4.js} +2 -2
  36. package/dist/ketchup/{p-8cbd8be4.js.map → p-f53792c4.js.map} +1 -1
  37. package/package.json +1 -1
  38. package/dist/cjs/f-cell-9f60ccb8.js.map +0 -1
  39. package/dist/esm/f-cell-4b8129d5.js.map +0 -1
  40. package/dist/ketchup/p-d9b99aec.entry.js +0 -2
  41. package/dist/ketchup/p-d9b99aec.entry.js.map +0 -1
  42. /package/dist/ketchup/{p-caa70779.entry.js.map → p-7e994945.entry.js.map} +0 -0
  43. /package/dist/ketchup/{p-3f141611.entry.js.map → p-91f3e313.entry.js.map} +0 -0
  44. /package/dist/ketchup/{p-8afa9473.entry.js.map → p-c76cd6bd.entry.js.map} +0 -0
  45. /package/dist/ketchup/{p-c3f65052.entry.js.map → p-cab51c5f.entry.js.map} +0 -0
@@ -69,7 +69,7 @@ const getAbsoluteLeft = (col) => {
69
69
  return col * CHAR_WIDTH;
70
70
  };
71
71
 
72
- const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";
72
+ const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}:host .input-panel__typography{padding:1rem 2rem}";
73
73
  const KupInputPanelStyle0 = kupInputPanelCss;
74
74
 
75
75
  var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -260,7 +260,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
260
260
  h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
261
261
  ]
262
262
  : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
263
- return (h(Host, { key: 'fc0407257eb6c02e4658f2486954c5b1af0432c6' }, h("style", { key: '17299502197b8deb7b571a3955ee627b07ebc634' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4b900f0b0d6ff85eb287083b1f672d4f81d27a42', id: componentWrapperId }, inputPanelContent)));
263
+ return (h(Host, { key: 'ebe2852f37b948e01ee368e9420dbc0b27fda03b' }, h("style", { key: '0459b34b686414b2051d495d4f41683ee20c6dc1' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2a9ecec7cc543519ccb079018a05cf8ee33e989b', id: componentWrapperId }, inputPanelContent)));
264
264
  }
265
265
  disconnectedCallback() {
266
266
  __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -300,7 +300,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
300
300
  return cell;
301
301
  }, null);
302
302
  }, _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
303
- var _a;
303
+ var _a, _b;
304
304
  const layout = inputPanelCell.row.layout;
305
305
  const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
306
306
  const styleObj = {};
@@ -356,7 +356,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
356
356
  [`input-panel__commands--${this.buttonPosition}`]: true,
357
357
  };
358
358
  // We create a form for each row in data
359
- return (h("form", { name: this.rootElement.id, id: this.rootElement.id, class: inputPanelClass, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
359
+ const props = {
360
+ value: (_b = layout.sections[0]) === null || _b === void 0 ? void 0 : _b.title,
361
+ type: FTypographyType.LABEL,
362
+ };
363
+ return (h("div", null, h("form", { name: this.rootElement.id, id: this.rootElement.id, class: inputPanelClass, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
360
364
  e.preventDefault();
361
365
  this.submitCb({
362
366
  value: {
@@ -366,7 +370,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
366
370
  });
367
371
  }, onContextMenu: (e) => {
368
372
  e.preventDefault();
369
- } }, h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands)));
373
+ } }, h("div", { class: "input-panel__typography" }, h(FTypography, Object.assign({}, props))), h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands))));
370
374
  }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
371
375
  if (!cell) {
372
376
  return;