@sme.up/ketchup 9.6.6-a → 9.6.7

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

@@ -239,13 +239,13 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ca2bc5b1e398639943fc073b92035b83d304dee1', class: "planner-render" }, h("kup-switcher", { key: '02903e6f1d14536cc3e82e535f98f56761004051', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: 'fdbe1fca0a0d4d7b8d95227347a39663ba27732a', class: "planner-render" }, h("kup-switcher", { key: '1988f8198a0219225d14818206767b16070cf919', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h("div", { style: {
+            } }), this.props && (h("div", { key: '94d73f7e94eae2003065d0411a86e363827b44af', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/components/kup-planner.js

@@ -655,7 +655,7 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (h(Host, { key: 'cce744fe8b14527039c6a39116da3ebbb79b5593' }, h("style", { key: '3ac43e5c414360d07ba8a745c000bbc7e545545f' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3a9fb6211d0fc2b554bf4265350c567fc1108adb', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '9dda490b90dc263b1e42496c7c602ee0c09d081f', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: 'b569efffbce491b845d813d913545bbb1efc3d08', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: '8a54d7d656678d78379f3a6489edd5c5549f9aef' }, h("style", { key: 'c3d992da4031466b066e0d5ec8b011f5bd98ae0d' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2548a1c46a36610312c0165676c34d30f9144f8d', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '80a845d00d29270bab7162a41d8c6df97864b202', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: 'd7dcdaaa0abf6dc8092f574cb58ad42cf779f354', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '7ba043042fa58060b573c830c2b00343ea345130', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/components/kup-probe.js

@@ -236,7 +236,7 @@ const KupProbe$1 = /*@__PURE__*/ proxyCustomElement(class KupProbe extends HTMLE
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, { key: '71372dfbcfbf66e3f83eda11eca5fddca3402d1c' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'a05d5a30011b2e1ede2f6ca1eca593de48aebd06', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '488a4876f902f6a715951129344a1e67895ecb82' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'e8f6e1920cdbf41e1f07c1c9edc837db6a950136', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/components/kup-qlik.js

@@ -117,7 +117,7 @@ const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class KupQlik extends HTMLEle
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { key: 'ad3b840b782c155e43d25d46b4fbf3150d0d5296', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '6fdc6e9c6bbf7769ebc291e017f04fe16243d48f', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/components/kup-snackbar.js

@@ -112,7 +112,7 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class KupSnackbar extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '3e52e4dd0672594bf385bcd44f3ceac7474ebb54', "kup-visible": this.visible }, h("style", { key: '2b6dcba48e84c7ba0ded38c5a86907a1ddb0aed4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6843781af0232d8dd65eb23941a2f33a17ec694f', id: componentWrapperId }, h("div", { key: '178a36a80ff89fa6b31af04c372367e0e4427b89', class: snackbarClass }, h("div", { key: '8383fa478dd8a4f35fb9718a83131d26caadb275', class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: '6f8b75541d8f1ee9a9b45306e5fe6f2eaff3976e', "kup-visible": this.visible }, h("style", { key: '0b271d808477fac43dd20747cfcec59d6c49eaaa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f2b3bab994c3cddc5b5811b0c6ab93ebcb1c5680', id: componentWrapperId }, h("div", { key: 'e8d4c7218337ea302f1ef5691d4372ba3acd39b0', class: snackbarClass }, h("div", { key: '66155c694149672acd144bc2b6fbbb2f6a2da5c1', class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/components/kup-standard-tooltip2.js

@@ -13,7 +13,7 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'c9b5188678b4980a396d82ea533c06ab66559061', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f1597026854513f01c5f40c95ac1b5dee2284f1a', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'c544fe0f4499f5ef8dbc3cbb0076b9a4addfd5d1', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '72b602bc73d996807555162f867cb83e03c43293', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'a39f5da092317df6f603097d2c8d158e81bb63e0', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '5c4e7b47d6e688746e7e8b73e4c7bbacc0f10139', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '846fc3cc93bf61225fa4e3dd46496961f9102de1', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {

package/dist/components/kup-switcher2.js

@@ -22,7 +22,7 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '1a1621221e411df713757eae42e028968277e0a5', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: 'c98387c72f0917709ff4d5328a4bb8a5906b4afd', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

package/dist/components/kup-task-gantt2.js

@@ -39,12 +39,12 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends HTMLE
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: '70a643ef8eeac75a4860e9f7b267b09fc2e7a44a', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '845ae3e99e6ae05f78af126bf72b6aea0f5c535b', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '72cb7c8fc59bf4fef2800d5c73af4be641d7a8bf', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'fc5fb4836229896ca7fb542a515cae776369fb43', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '2fe116a764faad3c8581da78fef33faddb54586f', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '39c2a05f39fa141e3d507c606d76bea69d833e05', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '4e80893d377f70548b5301f5b00eb928ef60ae91' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '0042a3728416b71a0b99e3e3dd76e32c2ae11c9c' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/kup-task-list-header2.js

@@ -13,22 +13,22 @@ const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHead
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: 'fb2ebda78c2213e06581f760793f19a5de8fc5f6', class: "ganttTable", style: {
+        return (h("div", { key: 'e62cf2c40cb64ae102b42210f8b26194d3d2e752', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '7d3be11d08ca2682277d0ee5cd5b062daaf238d4', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '34b943832704c673a697df58fd2e3f68adfb26ce', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'f5f4a2a599dd84a0616b699931823760bb0b07ed', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '6724977ec0cd633d8df663ddf7dbf9b4c307f29b', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '6c09f131ce232248647bf9f1fc503fdc86cc557b', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: 'a1a7df8c601d18735b35dcffa345cf1bc47aaa52', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: '278d663951a0e5c73e1d365f98aefdddc9344d43', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'a110ed7869a47a644890ef75785c8461d308b9af', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: 'a1ccf08fe5072d3f0fc9faa2e743c054aa6fbc19', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '49480b72f1862de018edb8fcf21d2d16c8b46352', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '9766eb1cfa74ed6227876d69304b772a9958fdb0', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'dbc399a56a11ffe44e8589d96342f886f46e7ff5', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }

package/dist/components/kup-task-list-table2.js

@@ -28,7 +28,7 @@ const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTabl
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: '185eb1455b2e46d4ef578eaada2abc891458a763', class: "taskListWrapper", style: {
+        return (h("div", { key: '2a2795c6467c8202a0c5583f7b773603f7160676', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {

package/dist/components/kup-task-list2.js

@@ -519,7 +519,7 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLEle
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: 'cfd1d8efa3a55550e105f5ad084f011dc64e8870', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '1279ffece78a182c6ff1facb46bd493a8c74f363', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: 'ff3513de56b517462b67c571c685ab407ff036d2', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: 'd9e49d671154f6ae94ef5036a42c20a62bcfb6c4', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);

package/dist/components/kup-tooltip2.js

@@ -66,7 +66,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '285d804e882396024becfcfb1bbe83f7b92ef1ba', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '64a79a8e5c79ef4985e289e2e86c9d4c8ef75175', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '8f4e260e51f5e3bde17fd60721bc44f1fef892f2', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '425b1784f2407fe3c8afcf3180fd374ae39aa924', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return this; }
     static get watchers() { return {

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

@@ -37,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { key: 'fd24a7eab2da0ee2317a1fde6aa2f052394a0d5b', style: {
+        return (h("div", { key: 'ffe19f6288672b370c2ec74fa2ade1c9cb02a341', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f6d2bacc2f3c5532d33cb148e46394bc9697ece9', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f2728ed6d60b2c6399ba2945d15f28fc405625cb', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/{f-button-d6dbcfd6.js → f-button-07a6ea71.js}

@@ -1,6 +1,6 @@
-import { h } from './index-460631fd.js';
+import { h } from './index-95bb3410.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FImage } from './f-image-a67229e5.js';
+import { F as FImage } from './f-image-46787842.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-7b41415c.js → f-cell-819033de.js}

@@ -1,10 +1,10 @@
-import { a6 as editableTypes, a7 as kupTypes, c as KupThemeColorValues, a3 as FCellTypes, a8 as KupTagNames, F as FCellShapes, a9 as fullWidthFieldsComps, aa as FCellClasses, ab as autoCenterComps, ac as getCellValueForDisplay, ad as FCellEvents, d as KupDebugCategory } from './kup-manager-a316a70e.js';
-import { h, g as getAssetPath } from './index-460631fd.js';
-import { F as FCheckbox } from './f-checkbox-ddb6234e.js';
-import { F as FTextField } from './f-text-field-d364ffd2.js';
-import { F as FImage } from './f-image-a67229e5.js';
-import { F as FChipType, a as FChip } from './f-chip-68d27d7a.js';
-import { F as FButton } from './f-button-d6dbcfd6.js';
+import { a6 as editableTypes, a7 as kupTypes, c as KupThemeColorValues, a3 as FCellTypes, a8 as KupTagNames, F as FCellShapes, a9 as fullWidthFieldsComps, aa as FCellClasses, ab as autoCenterComps, ac as getCellValueForDisplay, ad as FCellEvents, d as KupDebugCategory } from './kup-manager-7b151628.js';
+import { h, g as getAssetPath } from './index-95bb3410.js';
+import { F as FCheckbox } from './f-checkbox-61c142b8.js';
+import { F as FTextField } from './f-text-field-52de97f3.js';
+import { F as FImage } from './f-image-46787842.js';
+import { F as FChipType, a as FChip } from './f-chip-71ce7cab.js';
+import { F as FButton } from './f-button-07a6ea71.js';
 
 /**
  * Props of the kup-list component.

package/dist/esm/{f-checkbox-ddb6234e.js → f-checkbox-61c142b8.js}

@@ -1,4 +1,4 @@
-import { h } from './index-460631fd.js';
+import { h } from './index-95bb3410.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-68d27d7a.js → f-chip-71ce7cab.js}

@@ -1,6 +1,6 @@
-import { h } from './index-460631fd.js';
-import { F as FImage } from './f-image-a67229e5.js';
-import { a as KupThemeIconValues, l as KupLanguageGeneric, c as KupThemeColorValues } from './kup-manager-a316a70e.js';
+import { h } from './index-95bb3410.js';
+import { F as FImage } from './f-image-46787842.js';
+import { a as KupThemeIconValues, l as KupLanguageGeneric, c as KupThemeColorValues } from './kup-manager-7b151628.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-a67229e5.js → f-image-46787842.js}

@@ -1,4 +1,4 @@
-import { h, g as getAssetPath } from './index-460631fd.js';
+import { h, g as getAssetPath } from './index-95bb3410.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.
@@ -12,6 +12,9 @@ var FImageShape;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
+let img;
+let placeholder;
+const HIDDEN_CLASS = 'f-image__hidden';
 const FImage = (props) => {
     let el;
     let style;
@@ -30,7 +33,7 @@ const FImage = (props) => {
                 '--kup_image_height': props.sizeY ? props.sizeY : '100%',
                 '--kup_image_width': props.sizeX ? props.sizeX : '100%',
             };
-            el = createIcon(props);
+            el = createIcon(props.resource, props.color);
         }
     }
     else if (props.data) {
@@ -47,33 +50,53 @@ const FImage = (props) => {
         }
     }
     return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }),
+        props.placeholderResource
+            ? createIcon(props.placeholderResource, props.color, 'f-image__placeholder ' + HIDDEN_CLASS)
+            : undefined,
         el,
         ...badgeCollection));
 };
 /*-------------------------------------------------*/
 /*                  M e t h o d s                  */
 /*-------------------------------------------------*/
-function createIcon(props) {
+function createIcon(icon, color, iconClass = 'f-image__icon') {
     const classObj = {
-        'f-image__icon': true,
+        [iconClass]: true,
     };
     const style = {
-        background: props.color ? props.color : `var(--kup-gray-color-70)`,
+        background: color ? color : `var(--kup-gray-color-70)`,
     };
-    if (props.resource.indexOf('--kup') > -1) {
-        let themeIcon = props.resource.replace('--', '');
+    if (icon.indexOf('--kup') > -1) {
+        let themeIcon = icon.replace('--', '');
         classObj['kup-icon'] = true;
         classObj[themeIcon] = true;
     }
     else {
-        const path = getAssetPath(`./assets/svg/${props.resource}.svg`);
+        const path = getAssetPath(`./assets/svg/${icon}.svg`);
         style.mask = `url('${path}') no-repeat center`;
         style.webkitMask = `url('${path}') no-repeat center`;
     }
-    return h("div", { class: classObj, style: style });
+    return (h("div", { class: classObj, ref: (el) => {
+            if (iconClass.indexOf('placeholder') > 1) {
+                placeholder = el;
+            }
+        }, style: style }));
 }
 function createImage(props) {
-    return h("img", { onLoad: props.onLoad, src: props.resource });
+    return (h("img", { class: props.placeholderResource ? HIDDEN_CLASS : '', onLoad: (e) => {
+            if (props.onLoad) {
+                props.onLoad(e);
+            }
+            if (placeholder) {
+                placeholder.classList.add(HIDDEN_CLASS);
+                img.classList.remove(HIDDEN_CLASS);
+            }
+        }, onError: () => {
+            if (placeholder) {
+                placeholder.classList.remove(HIDDEN_CLASS);
+                img.classList.add(HIDDEN_CLASS);
+            }
+        }, ref: (el) => (img = el), src: props.resource }));
 }
 function createBar(data) {
     const steps = [];

package/dist/esm/{f-paginator-utils-8773e358.js → f-paginator-utils-a8f895d1.js}

@@ -1,7 +1,7 @@
-import { B as Filters, E as FilterInterval, C as getValueForDisplay, A as getValueForDisplay2, ac as getCellValueForDisplay, u as getColumnByName, w as KupObjects, ae as KupData, af as compareCell, I as TotalMode, $ as SortMode, ag as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-a316a70e.js';
+import { B as Filters, E as FilterInterval, C as getValueForDisplay, A as getValueForDisplay2, ac as getCellValueForDisplay, u as getColumnByName, w as KupObjects, ae as KupData, af as compareCell, I as TotalMode, $ as SortMode, ag as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-7b151628.js';
 import { K as KupDatesFormats } from './kup-dates-26a56bf7.js';
-import { h } from './index-460631fd.js';
-import { F as FButton } from './f-button-d6dbcfd6.js';
+import { h } from './index-95bb3410.js';
+import { F as FButton } from './f-button-07a6ea71.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
 
 /**

package/dist/esm/{f-text-field-d364ffd2.js → f-text-field-52de97f3.js}

@@ -1,5 +1,5 @@
-import { h, g as getAssetPath } from './index-460631fd.js';
-import { a as KupThemeIconValues } from './kup-manager-a316a70e.js';
+import { h, g as getAssetPath } from './index-95bb3410.js';
+import { a as KupThemeIconValues } from './kup-manager-7b151628.js';
 
 const dom = document.documentElement;
 /*-------------------------------------------------*/