@sme.up/ketchup 6.7.0 → 6.9.0-SNAPSHOT

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const fButton = require('./f-button-bf76ab95.js');
+const fButton = require('./f-button-e48df7ac.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-d80a2749.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const fImage = require('./f-image-9be73458.js');
+const kupManager = require('./kup-manager-58ba55f4.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -52,50 +52,6 @@ const KupFamilyTree = class {
     this.kupDblClick = index.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, []);
@@ -114,6 +70,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/cjs/kup-iframe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-58ba55f4.js');
 
 /**
  * Props of the kup-iframe component.
@@ -24,27 +24,15 @@ const KupIframe = class {
     this.kupIframeError = index.createEvent(this, "kup-iframe-error", 6);
     this.kupIframeLoad = index.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 = kupManager.kupManagerInstance();
+    this.buttonData = {};
+    this.isButton = false;
+    this.src = undefined;
   }
   onKupIframeError() {
     this.kupIframeError.emit({ comp: this, id: this.rootElement.id });

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-58ba55f4.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-d80a2749.js');
-const fButton = require('./f-button-bf76ab95.js');
+const fImage = require('./f-image-9be73458.js');
+const fButton = require('./f-button-e48df7ac.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fCell = require('./f-cell-b7a1524a.js');
+const fCell = require('./f-cell-73b2fd86.js');
 const component = require('./component-72a5b626.js');
 require('./f-checkbox-1097ca5d.js');
-require('./f-text-field-48b8bb16.js');
-require('./f-chip-a5e100b1.js');
+require('./f-text-field-43439612.js');
+require('./f-chip-1d499dc9.js');
 require('./tslib.es6-0ee02c67.js');
 
 /**
@@ -66,32 +66,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       */
     /*-------------------------------------------------*/
@@ -121,6 +95,14 @@ const KupImageList = class {
       styling: fButtonDeclarations.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/cjs/kup-lazy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-58ba55f4.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -34,40 +34,6 @@ const KupLazy = class {
     index.registerInstance(this, hostRef);
     this.kupLazyLoaded = index.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       */
     /*-------------------------------------------------*/
     /**
@@ -80,6 +46,12 @@ const KupLazy = class {
     this.kupManager = 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           */
@@ -215,8 +187,9 @@ const KupLazy = class {
     return (index.h(index.Host, { class: className }, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.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 index.getElement(this); }
 };

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-0e38bf48.js');
+const kupManager = require('./kup-manager-58ba55f4.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-d80a2749.js');
+const fImage = require('./f-image-9be73458.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -38,34 +38,15 @@ const KupMagicBox = class {
   constructor(hostRef) {
     index.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 = 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           */