@sme.up/ketchup 9.5.2 → 9.6.1

package/dist/esm/kup-magic-box.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-59f83f91.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-8d1df189.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-bbef9f2a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-33b051d6.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FImage } from './f-image-26b1bc14.js';
+import { F as FImage } from './f-image-98371dac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-15f89ea2.js';
+import './kup-dates-172954df.js';
 
 /**
  * Props of the kup-magic-box component.
@@ -30,6 +30,7 @@ var KupMagicBoxDisplay;
 })(KupMagicBoxDisplay || (KupMagicBoxDisplay = {}));
 
 const kupMagicBoxCss = ":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";
+const KupMagicBoxStyle0 = kupMagicBoxCss;
 
 const KupMagicBox = class {
     constructor(hostRef) {
@@ -286,11 +287,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "magic-box-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({}, this.comboboxProps())), h("kup-button", { styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '79c487291987eeaa0dfd3127cd93e11bdd51a048' }, h("style", { key: '88d77f9029cbe5e112c41fad1e1a7c4fefdc06ef' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '59cbf333a260e3c2455c69d9717d088019a7ca53', id: componentWrapperId }, h("div", { key: 'e1a68e91de25ca426c7d029219fdaf98865c2a9f', class: "magic-box-wrapper" }, h("div", { key: '1db871607d685738ce9eb4ea99c7807aa0918a25', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '01e46100ea2c370e0079358921e8fa338434ff6e' }, this.comboboxProps())), h("kup-button", { key: '0ab7767d552bf4119db2ac2f5f69f574027eeebd', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '26267a6c3e19b15725feda21eed43d9db3f2ddc4', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: 'd5ec68498c68b205ce2c7247cd19e01b6a283230', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([
@@ -302,6 +303,6 @@ const KupMagicBox = class {
     }
     get rootElement() { return getElement(this); }
 };
-KupMagicBox.style = kupMagicBoxCss;
+KupMagicBox.style = KupMagicBoxStyle0;
 
 export { KupMagicBox as kup_magic_box };