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

package/dist/collection/assets/data-table.js

@@ -499,9 +499,9 @@ const completeData = {
                         k: 'CN;COL;Customers module',
                     },
                     data: {
-                        resource: 'https://via.placeholder.com/64?text=PF',
+                        resource: 'https://placehold.co/64?text=PF',
                     },
-                    value: 'https://via.placeholder.com/64?text=PF',
+                    value: 'https://placehold.co/64?text=PF',
                 },
                 KNOB: {
                     obj: {
@@ -519,11 +519,11 @@ const completeData = {
                     cssClass: '',
                     isEditable: true,
                     obj: {
-                        k: 'https://via.placeholder.com/64?text=PF',
+                        k: 'https://placehold.co/64?text=PF',
                         p: 'URL',
                         t: 'J1',
                     },
-                    value: 'https://via.placeholder.com/64?text=PF',
+                    value: 'https://placehold.co/64?text=PF',
                 },
                 NUMBER: {
                     obj: {
@@ -124869,7 +124869,7 @@ const imageShapeTestData = {
                     },
                     shape: 'IMG',
                     data: {
-                        resource: 'https://via.placeholder.com/64?text=CUSTOM',
+                        resource: 'https://placehold.co/64?text=CUSTOM',
                         badgeData: [
                             {
                                 imageData: { resource: 'account' },
@@ -124896,7 +124896,7 @@ const imageShapeTestData = {
                     },
                     shape: 'IMG',
                     data: {
-                        resource: 'https://via.placeholder.com/64?text=CUSTOM',
+                        resource: 'https://placehold.co/64?text=CUSTOM',
                         badgeData: [
                             {
                                 imageData: { resource: 'account' },
@@ -124920,7 +124920,7 @@ const imageShapeTestData = {
                         k: 'CN;COL;SANCOS',
                     },
                     data: {
-                        resource: 'https://via.placeholder.com/64?text=SC',
+                        resource: 'https://placehold.co/64?text=SC',
                         sizeX: '120px',
                         sizeY: '120px',
                         badgeData: [
@@ -124934,7 +124934,7 @@ const imageShapeTestData = {
                             },
                         ],
                     },
-                    value: 'https://via.placeholder.com/64?text=SC',
+                    value: 'https://placehold.co/64?text=SC',
                 },
 
                 DESCR: {

package/dist/collection/components/kup-input-panel/kup-input-panel.css

@@ -246,4 +246,7 @@
   display: flex;
   align-items: end;
   gap: 1rem;
+}
+:host .input-panel__typography {
+  padding: 1rem 2rem;
 }

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -35,7 +35,7 @@ import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc"
 import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
 import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
 import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
-import { FTypographyType } from "../../f-components/f-typography/f-typography-declarations";
+import { FTypographyType, } from "../../f-components/f-typography/f-typography-declarations";
 import { CHIAdapter, CHKAdapter, CMBandACPAdapter, RADAdapter, SWTAdapter, } from "../../utils/cell-utils";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
@@ -197,7 +197,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        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)));
+        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)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -639,10 +639,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         return cell;
     }, null);
 }, _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
-    var _a;
+    var _a, _b;
     const layout = inputPanelCell.row.layout;
     const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
     const styleObj = {};
+    const styleTypographyObj = {};
     let rowContent;
     if (!((_a = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _a === void 0 ? void 0 : _a.length)) {
         rowContent = inputPanelCell.cells.map((cell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, cell.cell, inputPanelCell.row, cell.column));
@@ -695,7 +696,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         [`input-panel__commands--${this.buttonPosition}`]: true,
     };
     // We create a form for each row in data
-    return (h("form", { name: this.rootElement.id, id: this.rootElement.id, class: inputPanelClass, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
+    const props = {
+        value: (_b = layout.sections[0]) === null || _b === void 0 ? void 0 : _b.title,
+        type: FTypographyType.LABEL,
+    };
+    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) => {
             e.preventDefault();
             this.submitCb({
                 value: {
@@ -705,7 +710,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             });
         }, onContextMenu: (e) => {
             e.preventDefault();
-        } }, 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)));
+        } }, 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))));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     if (!cell) {
         return;