@sme.up/ketchup 6.7.0 → 6.8.0

package/dist/esm/kup-family-tree.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
-import { F as FButton } from './f-button-e79f7594.js';
+import { F as FButton } from './f-button-d1aba968.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-ab3dc8cb.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, O as KupPointerEventTypes } from './kup-manager-c54e6df5.js';
+import { F as FImage } from './f-image-57c88302.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, R as KupPointerEventTypes } from './kup-manager-c0fbb180.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**
@@ -48,50 +48,6 @@ const KupFamilyTree = class {
     this.kupDblClick = createEvent(this, "kup-familytree-dblclick", 6);
     _KupFamilyTree_instances.add(this);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * The component will autofit everytime a node is expanded.
-     * @default true
-     */
-    this.autofitOnExpand = true;
-    /**
-     * The component's initial render will fit the container by invoking the runAutofit method.
-     * @default true
-     */
-    this.autofitOnLoad = true;
-    /**
-     * Used to render the family tree boxes as kup-cards (through kup-box).
-     * @default null
-     */
-    this.cardData = null;
-    /**
-     * Nodes can be expanded/collapsed.
-     * @default true
-     */
-    this.collapsible = true;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Actual data of the component.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Layout of the boxes.
-     * @default null
-     */
-    this.layout = null;
-    /**
-     * Child nodes that have no children are arranged vertically.
-     * @default false
-     */
-    this.stackedLeaves = false;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     _KupFamilyTree_clickTimeout.set(this, []);
@@ -110,6 +66,14 @@ const KupFamilyTree = class {
     });
     _KupFamilyTree_shouldAutofit.set(this, false);
     _KupFamilyTree_wrapperEl.set(this, null);
+    this.autofitOnExpand = true;
+    this.autofitOnLoad = true;
+    this.cardData = null;
+    this.collapsible = true;
+    this.customStyle = '';
+    this.data = null;
+    this.layout = null;
+    this.stackedLeaves = false;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/esm/kup-iframe.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-c54e6df5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupDebugCategory } from './kup-manager-c0fbb180.js';
 
 /**
  * Props of the kup-iframe component.
@@ -20,27 +20,15 @@ const KupIframe = class {
     this.kupIframeError = createEvent(this, "kup-iframe-error", 6);
     this.kupIframeLoad = createEvent(this, "kup-iframe-load", 6);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     *  Props of the button (when isButton is set to true).
-     */
-    this.buttonData = {};
-    /**
-     * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.
-     */
-    this.isButton = false;
-    /**
-     * The address the iframe should be referencing to.
-     */
-    this.src = undefined;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
      * Instance of the KupManager class.
      */
     this.kupManager = kupManagerInstance();
+    this.buttonData = {};
+    this.isButton = false;
+    this.src = undefined;
   }
   onKupIframeError() {
     this.kupIframeError.emit({ comp: this, id: this.rootElement.id });

package/dist/esm/kup-image-list.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-c54e6df5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as FCellPadding } from './kup-manager-c0fbb180.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
-import { F as FImage } from './f-image-ab3dc8cb.js';
-import { F as FButton } from './f-button-e79f7594.js';
+import { F as FImage } from './f-image-57c88302.js';
+import { F as FButton } from './f-button-d1aba968.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FCell } from './f-cell-9400374e.js';
+import { F as FCell } from './f-cell-646406bb.js';
 import { M as MDCRipple } from './component-b1bedf1d.js';
 import './f-checkbox-b721178e.js';
-import './f-text-field-4841dfea.js';
-import './f-chip-bf740287.js';
+import './f-text-field-b0a1fea6.js';
+import './f-chip-d94e9e81.js';
 import './tslib.es6-3eea2234.js';
 
 /**
@@ -62,32 +62,6 @@ const KupImageList = class {
     /*                   S t a t e s                   */
     /*-------------------------------------------------*/
     this.state = new KupImageListState();
-    this.currentNode = null;
-    this.navigationBarToggled = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Actual data of the component.
-     * @default []
-     */
-    this.data = [];
-    /**
-     * When enabled displays Material's ripple effect on clicked items.
-     * @default true
-     */
-    this.ripple = true;
-    /**
-     * An array of integers containing the path to a selected child.\
-     */
-    this.selectedNode = [];
-    this.stateId = '';
     /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
@@ -117,6 +91,14 @@ const KupImageList = class {
       styling: FButtonStyling.FLAT,
       wrapperClass: 'navigation-bar__top',
     });
+    this.currentNode = null;
+    this.navigationBarToggled = false;
+    this.customStyle = '';
+    this.data = [];
+    this.ripple = true;
+    this.selectedNode = [];
+    this.stateId = '';
+    this.store = undefined;
   }
   initWithPersistedState() {
     if (this.store && this.stateId) {

package/dist/esm/kup-lazy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-c54e6df5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-c0fbb180.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**
@@ -30,40 +30,6 @@ const KupLazy = class {
     registerInstance(this, hostRef);
     this.kupLazyLoaded = createEvent(this, "kup-lazy-loaded", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.isInViewport = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Sets the tag name of the component to be lazy loaded.
-     * @default null
-     */
-    this.componentName = null;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Sets the data of the component to be lazy loaded.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Decides when the sub-component should be rendered.
-     * By default when both the component props exist and the component is in the viewport.
-     * @default KupLazyRender.BOTH
-     */
-    this.renderMode = KupLazyRender.BOTH;
-    /**
-     * Displays an animated SVG placeholder until the component is loaded.
-     * @default true
-     */
-    this.showPlaceholder = true;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
@@ -76,6 +42,12 @@ const KupLazy = class {
     this.kupManager = kupManagerInstance();
     this.lazyComponent = null;
     this.lazyComponentLoaded = false;
+    this.isInViewport = false;
+    this.componentName = null;
+    this.customStyle = '';
+    this.data = null;
+    this.renderMode = KupLazyRender.BOTH;
+    this.showPlaceholder = true;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
@@ -211,8 +183,9 @@ const KupLazy = class {
     return (h(Host, { class: className }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, content)));
   }
   disconnectedCallback() {
+    var _a;
     this.kupManager.theme.unregister(this);
-    this.intObserver.unobserve(this.rootElement);
+    (_a = this.intObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.rootElement);
   }
   get rootElement() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-a2197376.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, Q as kupDraggableColumnAttr, ay as kupDraggableRowAttr, W as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-c54e6df5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, c as KupDebugCategory, ax as kupDropEvent, U as kupDraggableColumnAttr, ay as kupDraggableRowAttr, Y as KupDropEventTypes, b as KupThemeColorValues } from './kup-manager-c0fbb180.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-ab3dc8cb.js';
+import { F as FImage } from './f-image-57c88302.js';
 import { c as componentWrapperId } from './GenericVariables-665de00a.js';
 
 /**
@@ -34,34 +34,15 @@ const KupMagicBox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    /**
-     * Data will be displayed using this component.
-     * @default KupMagicBoxDisplay.DATATABLE
-     */
-    this.display = KupMagicBoxDisplay.DATATABLE;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Sets the data that will be used to display different components.
-     * @default null
-     */
-    this.data = null;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     this.dragHandler = null;
     this.kupManager = kupManagerInstance();
     this.textArea = null;
     this.wrapperRef = null;
+    this.display = KupMagicBoxDisplay.DATATABLE;
+    this.customStyle = '';
+    this.data = null;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */