@sme.up/ketchup 11.0.0-SNAPSHOT-20241205094300 → 11.0.0-SNAPSHOT-20241205133449

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -31,7 +31,7 @@ var KupInputPanelProps;
     KupInputPanelProps["optionsHandler"] = "Sets the callback function to recieve options";
     KupInputPanelProps["buttonPosition"] = "Manage the position of the buttons related to the input panel content. It is an enumeration";
     KupInputPanelProps["inputPanelPosition"] = "Manage the global layout of the input panel fields. The default is COLUMNS.";
-    KupInputPanelProps["autofocus"] = "Sets whether the first input should receive focus.";
+    KupInputPanelProps["autoFocus"] = "Sets whether the first input should receive focus.";
 })(KupInputPanelProps || (KupInputPanelProps = {}));
 var KupInputPanelPosition;
 (function (KupInputPanelPosition) {
@@ -282,15 +282,15 @@ const KupInputPanel = class {
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_didLoadInteractables).call(this);
         this.kupReady.emit({ comp: this, id: this.rootElement.id });
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, true);
+        if (__classPrivateFieldGet(this, _KupInputPanel_formRef, "f") && this.autoFocus) {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setFocusOnFirstInput).call(this);
+        }
     }
     componentWillRender() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         if (__classPrivateFieldGet(this, _KupInputPanel_formRef, "f")) {
-            if (this.autoFocus) {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setFocusOnFirstInput).call(this);
-            }
             const fs = __classPrivateFieldGet(this, _KupInputPanel_formRef, "f").querySelectorAll('.f-text-field');
             for (let index = 0; index < fs.length; index++) {
                 fTextFieldMdc.FTextFieldMDC(fs[index]);
@@ -305,7 +305,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '44815ad08766ad491f754b7c03b82be14a0ccd89' }, index.h("style", { key: '43667bb1456faefe075e432675a39d3c2d8287e9' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '4ec63fd34b8b112e2a78ae0a33f7c2d277ff43e0', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: 'a2ef6d22997dcc13f0416c6df7cda032d0b59fe8' }, index.h("style", { key: '2e3d94c59dbd4b71c972fef2c6c5e64b288c85ba' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '352412de8ed64e2c37ab1d8488bb91b186a4e160', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);