@sme.up/ketchup 11.0.0-SNAPSHOT-20241125085638 → 11.0.0-SNAPSHOT-20241125095251

package/dist/components/custom-task-list-header.js

@@ -14,11 +14,11 @@ const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustom
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '8077b94ee9c7f98f55eb61c060ead9089c5bfa14', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: 'dfcd0fb852559b2ffcb4fb167c7639d3f7debf8b', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '3bfbff19a64a176b9ca4e00574f4887308e8f501', class: "title" }, h("span", { key: '80d39e9c94eb08892aecbef58af1e8fc333dae1b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '1a91f7a7e8ecc5e91e7182169e1192953a111306', class: "toggler" }, h("label", { key: 'bf7a51a2e069892f1621cbaaad7fdba359321c59', htmlFor: "ch2", class: "switch" }, h("input", { key: '840e7dee95911fc2db92e535f5c9f17c9852b2d6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '8d5c8bd70141b42915c6e4213aedcadf64496a38', class: "slider" })), h("span", { key: '42b514f4ef2919cd25bf653b2bf52c6f80441e84', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '59e157d30f9573922fa456b1f6ea1132fc192089', class: "title" }, h("span", { key: '73a2095bf91d0846df1ad2bf1fb2d7425b3210f0' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'fcc17da264378828c9494c571f24f8c072508dd0', class: "toggler" }, h("label", { key: '94edc43752e00d5b12fa516712b6eb7230720891', htmlFor: "ch2", class: "switch" }, h("input", { key: '3a0c8a9cbae7a67f93afea19013cccdd9a97c053', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '5fd1f6bcfe2f27d73f1c84938dda32c8fdebbf67', class: "slider" })), h("span", { key: '117ddb88804955dbad7f5acc69fcfc1b4701fccb', class: "label" }, "Previsioni")))));
     }
     static get style() { return KupCustomTaskListHeaderStyle0; }
 }, [0, "kup-custom-task-list-header", {

package/dist/components/kup-autocomplete2.js

@@ -15996,7 +15996,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '400f06ab0c766ad0a59c839755b808e73f5dc84b' }, h("style", { key: '2cefbd6f1554766ed20d0c1be510e7917f0e6f6f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4901aebed99283af380612d8a65a36ebb671ec71', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '83e71ae32dee27aa8cb975dca5d859d94706e2a4' }, h("style", { key: 'bfb4277ca5b5a1a04b632279ae7b0c42c99b9b00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9795f9d638fde7ff2bc544bc51350180d8ab3da4', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -17832,7 +17832,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends HTMLE
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'aec9128d5c983f66e2c9830c322506c4539e21c9' }, h("style", { key: '8859ad3ed0aa14a468516b01499e82e9fd8f2a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '486bebb9405f743d3448cbddadeb53eab64c73b7', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'b055a1fd94ba6af4cd5cbe998c2312395514af8c' }, props)))));
+        return (h(Host, { key: '2a283dcfc9336fc1bd68b0f24c5798e237031a46' }, h("style", { key: 'ea3af2a94e3759b00cbf0c94f8f47fdcb1d8a6fa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7065790828b8ff7a8071064f8b01e699c4ef4de6', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '04610ede1c5e85765ed3d2075c708fdcc069e559' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18090,59 +18090,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '81a65c54055473cc29b6eb27111eca0e2c89e34b', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5ddbc3a4e2dfe25791a1dfd4bec2373d51c491ac', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd4651cec0cf7ffb42ed2b7dab63838d43778358c', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3a90ca47426be590e3d533120858f5aeef770749', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '52d9e9e8a0dbe22eab84fe93c5111444b3954796', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '804774c88c9dc9656ad44bb78ff48bac1b8dc3ca', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '03f69268dbc94cd5590dfcc956a087fc0cb533cb', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2a56a6a1a2f88ce8ddf5bf6e30b4f469e8f42c0e', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '650c4788e7ab9b3af52d32bce052f2ef760d3b32', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '86fa8756fa1ef148e9ffadd5afddc6a5498e3767', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '5905d2ad1382f066091a569e153b8fdfcc8ca1ea', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'e760968ddbddc15d3260baa12a4a50e11547a088', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'e14ba5380e396bd6aa330eb368c74be28a544611', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '391a4eec88e9579bd9e6b420f5c137ce8ac65b80', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '512883f2c7600fc2eb6b647746391f49007bac47', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '072fdd1032d6593cc85bcc811b6dff097cf4aca8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'e10563e780ee16d1cbba147d2a2fe69da0025a46', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'b55e2d5a3c37a67e1318cb9a68d1c7b895bb63ad', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '7760e02bfee996f55a1d335f8c130e39201df952', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '657b89e925ce3b1c204a71f8eb36f45f777e8f79', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '3288bdc038ca02c506f72b50bce793ec2416165e', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '8811c582d95327ee22ca89a2931c94eebdc2d88c', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '884edb1ed597f7ca757e0f3f9729a5eb5e181aab', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '0d39ce7d8dc84c4fa511625afa079f67c42d5152', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '2500b736456a54e1534d157e0262f0aed8da33a7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'fdac8eb3d24bbda5eec177146ede56548605a98c', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '5d2bb1fdd70649b44a992a882f3457f3b6c81244', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '4b8313ea7ea6eafe5ca0a0c26046314ccd1b9065', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'ed49f19d072900348139db9f2c6514a97554c87a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '20681a2cf6cef36f4cbce77ebb3269ccd87516c4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '47fd85c50dc4ecdbbbc4407a965835da43bbc06b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '4acc593a037af69708c8b591d00ab9e79c85e071', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '37848e74d0adf52c7dcfd7667a534f299ad1b249', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '604b70999a746e757a979f64cf846d1c7f09ef74', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '3be99d3b8f3cb434c3420799f894d179137cbc23', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '2ad6f88294d3ec4b340791bf2160ff692e1de686', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '7a17328e0876ac401a87f945501dad767899ceb8', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '50b1b5398019c4d0ad32d4c91df4ed226e7d5504', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: 'fe98b117256e2dbdd19a0db3d99a602be64917e6', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'bd4d5345e1733484bf24d2711e3b9d8f71bb9176', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '83bbe8b61040c03b0b428e5594f00e610fbfaec1', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '70b5eb524f0abf0f1970ce60ddfa821bb55dd199', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '81864660743e356c6f6c43c503b2a977e315c869', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd495acf840740ec71bbef1384a4a153991bba8d5', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'dbe6c9598f20c2285b9dcfcf4d95fe8fea796916', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '303d0136dd6c9b5a81416d6a14953243cd348dc4', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '6e81d676ab005e17fb470c519a1cd155be97f6d2', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd0cb98cd47fbd80d9924422072d3d9197489dab2', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '4ae83dfedae737e014295302c735611bf099c86e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '298aed2ccd8e33cecc97eb1de1fa164160d06f8f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f2ef5563042c1846298b80b01a7f8a7a025607d2', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '14f9cb1f53017077195a3894eca9e5c2a0236c3a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '01be9f538d0a601bb0979f518f24ff5374d595b2', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '5b93a4fd503c3a9f4e19592c6a22e6a65f041211', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '5e250f3030ef1731aae187fc91ff52c6fc6063e6', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e33a1aadc9ca44e086df176bea4d4d73968c74c4', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd2b8a81da186f7bcdb3fafc70a269fe74c71d3cb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '5083f7cbcde58aa23c056be2e7d9ca90133bf0c2', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '0d07dbca7fd909387b4b6fdf96d0a3b58503da4b', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '16aa7c003b4e5832c5f1d5100ba3eb94118873b7', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bece4a2a01f402b977bbd721f05519f990bf639c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '338a151528e70598f7135a7c3eb9b11a8d4e247f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e023a8edb908682869d1f00dbd6e4b444f746039', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '90f319c942cd6532dc8a8115197dda275d8a046b', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '2c3a5b98dc0fc7d6e8d42b102c793cd14711c6e4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '0b00adfa5e9b64d7fb6ac8926244b1139fe6bd07', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -18161,7 +18161,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: '7c9b0f4854d031fb6714f80963d2e737056dd1e1', style: elStyle }, h("style", { key: 'beaf684ed7a70a8100c9c17684480e949c3f3c86' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '591b984509aacd8b3a24cdd5d98451b8887a01d9', id: componentWrapperId, style: elStyle }, h("div", { key: '5c5f225efad2ec9f68ca08e48332c19c302d6a3c', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea1da271a51f4b923d3c72a467f29358480d96d4', id: wrapperClass, style: elStyle }, h("div", { key: 'c7b041c3a7757dffa3719dca7bd1381d08dd948f', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '0fa5b79a3f35a6c98cb230e422df6c70fa63d2b4', style: elStyle }, h("style", { key: '8df76bd7160566e02bd1402a298bf1a696ddb7d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '93501e0201a73d2262cff2cfd3959e8fb040ad22', id: componentWrapperId, style: elStyle }, h("div", { key: '5a781c28723f570879ec811eb4d609e21dcf146d', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'e8da0c72289b2e16edb88d059fba5f67bfdc53a8', id: wrapperClass, style: elStyle }, h("div", { key: 'cfc3d0f8ea6e626b2f641797205674fd869e82dc', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18415,7 +18415,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLE
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: 'c76588531b81b4dca3435656bbde26e92359e837' }, h("style", { key: 'cc834c7b3ab8d125a34f898b0882c39fdcff91ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1e03a86938cb8e07dd3a7dba4eaf4c397793d385', id: componentWrapperId }, h(FRating, Object.assign({ key: '0cfcb19553aa078af5b7caba2ce36b32290a7c04' }, props)))));
+        return (h(Host, { key: '19e163cf4af6870a39a4c76d0434a6ee1791d464' }, h("style", { key: '762429d33eabfd6266f2cb8778e6191efbbce002' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '48fed62d8fea255be84318e7c36012eea36493d5', id: componentWrapperId }, h(FRating, Object.assign({ key: '52b3a141cc5f6e71aefb4008233e30dba9476719' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18674,7 +18674,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h(Host, { key: '5dc3349ea6e77e6a5934c04875bc6dc51ad3e607' }, h("style", { key: '609be59600e3bfb70a782471a8844a2edec151de' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f394ab7f3ada958c57798682abda94aa51898a5f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '0e88ea54b8e84a5eaf989322832104acf35fe95d' }, props)))));
+        return (h(Host, { key: '2c70fb4cd49a7f141df8ae364f4e3f36788acf36' }, h("style", { key: '02dcd05dc9b99595282cb45264e44e97eaf09f0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ab83e686ee6f4e8c1f39a14665b6907332950295', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'df1622e0bfe127faba5f80798fd3c9ca000bbb27' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/components/kup-gantt-calendar2.js

@@ -316,11 +316,11 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: 'c354de3621725a9c806c6f9d199af66ab821a4ef', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a7b04d87979a2fc845ea52c82be79738578c8977', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '4d5bae93fd9a3de2ab12fa3a00f971e4f9a7b53a', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '4ad5b9ccca0df392a83070e15b28fd3f8e72e70f', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'da7da862b4f407c73f351fa1b8e3e4beb240db65', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '515bd9ab381247ee55813b3f40fa453b2f366467', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        h("circle", { key: '05c00faf553bf634cfd0fa5e635c3e6b386a8a64', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '609d5428fdfc27ba6ac1bdc2a2799fea5089dee7', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get style() { return KupGanttCalendarStyle0; }
 }, [0, "kup-gantt-calendar", {

package/dist/components/kup-gantt2.js

@@ -579,9 +579,9 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '91d4b672df603b898f79d8810870f70e87a4af0b', class: "gannt-wrapper-main" }, h("div", { key: 'bf1716d26e05f47bb4f0b2ec525bd6cbe885949c', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'c12f81c4b4fbecef2411a3918b59128fee7315f8', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '836af3f1012d6eb8276048866fc9a976b349775e', class: "gannt-wrapper-main" }, h("div", { key: '67654e8431be67e00d1bff668d9d90b3a7b3b21f', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '2e419799a7a5ad604357225ec48b6be0b6a9353a', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b773c4160463e928dd45c555700983e914d5088a', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '93f0e5a3086e5474ec8f44e95134880bfc0f56cf', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'f7ad2cfcf93fae625c6d90f08db43adbeb9190a4', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '9df22bcbe9772df4679df3b6a3f0dec13957d98c', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '4587424ff6d24d47b471cfc28972cb34e42ba0c7', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'a2c655b425591b41492f4b77c9f8e3b1130565a4', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '2122835b9bf5929d76ee7cf28c60be64bc2b2a01', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '167011334f0919c9df59bb91c54be5d039a8e261', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/kup-grid-renderer2.js

@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '1a6968bfedd80af155d8c44e9d4bf74144c05fdc', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'fcc3242448c44543b488b08112bfd0913f18453b', class: "grid" }, h("g", { key: 'cd01285362dbc58575a87426d67cf3344162d0c7', class: "rows" }, gridRows), h("g", { key: 'f0b36331280f0f7b89f57732103f2b261c833e99', class: "rowLines" }, rowLines), h("g", { key: '0bfdbba6b18a5a6751226177530025c0eb153c0c', class: "ticks" }, ticks)), h("g", { key: '2a8a613c07cc15a161b6ac1f9a2914562c4880fd', class: "content" }, this.currentDateIndicator && (h("rect", { key: '3bbb51c639c3a10254d55c6c463d684ecc073142', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'd1f0fac7dcee2cb6d019d6379b6b75c02d81069f', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'dd074d7f495fa5eadd6619360999cc30261356a1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '6e2c05f30bc3155b36dc0433a116410048042015', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '0530506fe65e0b1a8e6fdb018689d094a16820a4', class: "grid" }, h("g", { key: 'd189d3654b50f9bb34dc0800faef0a67780b4525', class: "rows" }, gridRows), h("g", { key: 'd53aee95bb1542041abbbf1425b2c2d2eb0dda9d', class: "rowLines" }, rowLines), h("g", { key: '3d238c6efd1dfacc8319782d1be07eb9c9a7f596', class: "ticks" }, ticks)), h("g", { key: '72d0cc281ff3a10943d27b3b8a029379f78f6c93', class: "content" }, this.currentDateIndicator && (h("rect", { key: '519244fbac413f1bc538441e19fef3ff57e55b3d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'a0f3fcb8e27562a64862817ba4f7056e0a0e2123', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'a050c973b2219e0f2bac273c53d934da444a4024', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: 'bdc6502a998196bb9aa9a5236d1784880c268f23', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'ad2c626a9b4a5277eba2fa154602c68d41a127a8', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1468,7 +1468,7 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '4f71c4dd10d4c93ed805192d7b9b082c3f5c80b2', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '6da45035c94f4e976172186d6929ad693ba40e77', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/kup-horizontal-scroll2.js

@@ -60,20 +60,20 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll
         var _a, _b;
         const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
         const width = +this.listCellWidth.replace('px', '');
-        return (h(Fragment, { key: 'ac484adf00a234146079244250decddd0281b087' }, h("div", { key: '235b1833aca432afe43f1991d55d5397b31f4adf', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '02270e521b987254922c28a06c9846ac37f2f16a', dir: "ltr", style: {
+        return (h(Fragment, { key: '0359e34c59e8f83b91edf4ea4455f9b0b818b187' }, h("div", { key: '1f959a14bd712c24fd9247aeeba42d4702f4a647', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '0c90c113ae5ad82ce41a1dd30037c14f0d3aa071', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '4d7e284aa6a9f33d235d64655a766ffb72c9db49', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '2baa4a929f17a9fb7df2a74328ad231445fd9639', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '83815e5b51a7f76c9e55df0f3025f271cf27e9a5', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '070aa5027e20fc0f31d3ab66672789ce29d3ad8a', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'b44bec86876e369e27fb40cda1f567fdd824cc70', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '509f0a35443c329e6c86bafbb1a7f93919b62f48', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

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

@@ -15,6 +15,7 @@ var KupInputPanelProps;
     KupInputPanelProps["hiddenSubmitButton"] = "Creates a hidden submit button in order to submit the form with enter.";
     KupInputPanelProps["submitCb"] = "Sets the callback function on submit form";
     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 || (KupInputPanelProps = {}));
 
 const CHAR_WIDTH = 12;
@@ -50,7 +51,7 @@ const getAbsoluteLeft = (col) => {
     return col * CHAR_WIDTH;
 };
 
-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)}: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:2rem}: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 .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}";
+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:2rem}: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}";
 const KupInputPanelStyle0 = kupInputPanelCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -144,6 +145,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
         this.customStyle = '';
         this.data = null;
         this.hiddenSubmitButton = false;
+        this.buttonPosition = undefined;
         this.submitCb = null;
         this.optionsHandler = null;
         this.customButtonClickHandler = null;
@@ -239,7 +241,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
                 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: '0b29c3e2c24a83ef82f3d2c15a468e386a4b911a' }, h("style", { key: '11db937588ef8530336807aebe8d83046df0ba41' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fbfd8854ee9e85f57676e46bd7abbb40f1aef21c', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '50041632fc3d803f7b8701c1dca6dbae7a413796' }, h("style", { key: '7c1f478465b10c318d1bdba68f489e6907b87055' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '56c13788936dbd560b099432d204898b0e10264f', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -254,6 +256,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
         "customStyle": [1, "custom-style"],
         "data": [16],
         "hiddenSubmitButton": [4, "hidden-submit-button"],
+        "buttonPosition": [1, "button-position"],
         "submitCb": [16],
         "optionsHandler": [16],
         "customButtonClickHandler": [16],
@@ -315,13 +318,22 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             rowContent = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderGridLayout).call(this, inputPanelCell, layout);
         }
     }
+    const inputPanelClass = {
+        'input-panel-form': true,
+        'input-panel-form--inline': this.buttonPosition == 'RIGHT',
+    };
     const classObj = {
         'input-panel': true,
         'input-panel--column': !horizontal,
         'input-panel--absolute': layout === null || layout === void 0 ? void 0 : layout.absolute,
+        'input-panel--inline': this.buttonPosition == 'RIGHT',
+    };
+    const commandsClass = {
+        'input-panel__commands': true,
+        [`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: { 'input-panel-form': true }, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
+    return (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: {
@@ -331,7 +343,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             });
         }, onContextMenu: (e) => {
             e.preventDefault();
-        } }, h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: "input-panel__commands" }, 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: 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;
@@ -394,14 +406,15 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const sectionRender = __classPrivateFieldGet(this, _KupInputPanel_sectionRenderMap, "f").get(layout.sectionsType);
     return sectionRender
         ? sectionRender(inputPanelCell, layout.sections)
-        : layout.sections.map((section) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, inputPanelCell, section));
+        : layout.sections.map((section) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, inputPanelCell, section, false));
 }, _KupInputPanel_renderAbsoluteLayout = function _KupInputPanel_renderAbsoluteLayout(inputPanelCell, layout) {
     return layout.sections.map((section) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderAbsoluteSection).call(this, inputPanelCell, section));
-}, _KupInputPanel_renderSection = function _KupInputPanel_renderSection(cells, section, customLabelRender = false, styleObj = {}) {
+}, _KupInputPanel_renderSection = function _KupInputPanel_renderSection(cells, section, customLabelRender = false, styleObj = {}, layout) {
     var _a, _b;
     const classObj = {
         'input-panel__section': !section.horizontal,
         'input-panel__horizontal-section': section.horizontal,
+        'input-panel__section-inline': layout === null || layout === void 0 ? void 0 : layout.horizontal,
     };
     styleObj.gap = +section.gap > 0 ? `${section.gap}rem` : '1rem';
     let content = [];