@sme.up/ketchup 6.6.0 → 6.8.0

package/dist/cjs/kup-echart.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /*! *****************************************************************************
@@ -93334,81 +93334,6 @@ const KupEchart = class {
     this.kupEchartClick = index.createEvent(this, "kup-echart-click", 6);
     _KupEchart_instances.add(this);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Sets the axis of the chart.
-     * @default ""
-     */
-    this.axis = '';
-    /**
-     * Overrides theme's colors.
-     * @default []
-     */
-    this.colors = [];
-    /**
-     * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis).
-     * For performances purposes, this prop will run only once when the component is initially created.
-     * @default false
-     */
-    this.consistencyCheck = false;
-    /**
-     * Title of the graph.
-     * @default null
-     */
-    this.chartTitle = null;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * The actual data of the chart.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work.
-     * @default KupEchartLegendPlacement.RIGHT
-     */
-    this.legend = KupEchartLegendPlacement.RIGHT;
-    /**
-     * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too.
-     * @default null
-     */
-    this.map = null;
-    /**
-     * The data series to be displayed. They must be of the same type.
-     * @default []
-     */
-    this.series = [];
-    /**
-     * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
-     * @default "100%"
-     */
-    this.sizeX = '100%';
-    /**
-     * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
-     * @default "100%"
-     */
-    this.sizeY = '100%';
-    /**
-     * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter.
-     * @default [KupEchartTypes.LINE]
-     */
-    this.types = [KupEchartTypes.LINE];
-    /**
-     * Customization options for the x Axis.
-     * @default null
-     */
-    this.xAxis = null;
-    /**
-     * Customization options for the y Axis.
-     * @default null
-     */
-    this.yAxis = null;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     _KupEchart_chartContainer.set(this, void 0);
@@ -93425,6 +93350,20 @@ const KupEchart = class {
     _KupEchart_maxColorHeatMap.set(this, null);
     _KupEchart_themeFont.set(this, null);
     _KupEchart_themeText.set(this, null);
+    this.axis = '';
+    this.colors = [];
+    this.consistencyCheck = false;
+    this.chartTitle = null;
+    this.customStyle = '';
+    this.data = null;
+    this.legend = KupEchartLegendPlacement.RIGHT;
+    this.map = null;
+    this.series = [];
+    this.sizeX = '100%';
+    this.sizeY = '100%';
+    this.types = [KupEchartTypes.LINE];
+    this.xAxis = null;
+    this.yAxis = null;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const fButton = require('./f-button-a531feb2.js');
+const index = require('./index-ffdb46f6.js');
+const fButton = require('./f-button-229c63fd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-c21cc616.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const fImage = require('./f-image-847a6ddf.js');
+const kupManager = require('./kup-manager-c53468cd.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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-c21cc616.js');
-const fButton = require('./f-button-a531feb2.js');
+const fImage = require('./f-image-847a6ddf.js');
+const fButton = require('./f-button-229c63fd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fCell = require('./f-cell-75cb7933.js');
+const fCell = require('./f-cell-dd006395.js');
 const component = require('./component-72a5b626.js');
-require('./f-checkbox-cd977193.js');
-require('./f-text-field-a5b2bd0e.js');
-require('./f-chip-9508a2e4.js');
+require('./f-checkbox-1097ca5d.js');
+require('./f-text-field-fe85187d.js');
+require('./f-chip-f2c369fd.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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-c21cc616.js');
+const fImage = require('./f-image-847a6ddf.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           */