@sme.up/ketchup 6.7.0 → 6.8.0

package/dist/collection/components/kup-image-list/kup-image-list.js

@@ -35,32 +35,6 @@ export class KupImageList {
     /*                   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       */
     /*-------------------------------------------------*/
@@ -90,6 +64,14 @@ export class KupImageList {
       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/collection/components/kup-lazy/kup-lazy.js

@@ -5,40 +5,6 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 import { KupLazyProps, KupLazyRender } from './kup-lazy-declarations';
 export class KupLazy {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                   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       */
     /*-------------------------------------------------*/
@@ -52,6 +18,12 @@ export class KupLazy {
     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           */
@@ -187,8 +159,9 @@ export class KupLazy {
     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);
   }
   static get is() { return "kup-lazy"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-list/kup-list.js

@@ -28,91 +28,28 @@ export class KupList {
   constructor() {
     _KupList_instances.add(this);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
+    /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
-     * The focused list item.
-     * @default null
+     * Instance of the KupManager class.
      */
+    _KupList_kupManager.set(this, kupManagerInstance());
+    _KupList_radios.set(this, []);
+    _KupList_listItems.set(this, []);
     this.focused = null;
-    /**
-     * The selected list items.
-     * @default []
-     */
     this.selected = [];
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
     this.customStyle = '';
-    /**
-     * The data of the list.
-     * @default []
-     */
     this.data = [];
-    /**
-     * Selects how the items must display their label and how they can be filtered for.
-     * @default ItemsDisplayMode.DESCRIPTION
-     */
     this.displayMode = ItemsDisplayMode.DESCRIPTION;
-    /**
-     * Keeps string for filtering elements when filter mode is active
-     * @default ''
-     */
     this.filter = '';
-    /**
-     * Hides rows' text, ideally to display a list of icons only.
-     * @default false
-     */
     this.hideText = false;
-    /**
-     * Defines whether the list is a menu or not.
-     * @default false
-     */
     this.isMenu = false;
-    /**
-     * When true, enables items' navigation through arrow keys.
-     * @default true
-     */
     this.keyboardNavigation = true;
-    /**
-     * Sets the status of the menu, when false it's hidden otherwise it's visible.
-     * @default false
-     */
     this.menuVisible = false;
-    /**
-     * Defines the type of selection. Values accepted: listbox, radiogroup or group.
-     * @default KupListRole.LISTBOX
-     */
     this.roleType = KupListRole.LISTBOX;
-    /**
-     * Defines whether items are selectable or not.
-     * @default true
-     */
     this.selectable = true;
-    /**
-     * Displays the icons associated to each row when set to true.
-     * @default false
-     */
     this.showIcons = false;
-    /**
-     * The list elements descriptions will be arranged in two lines.
-     * @default false
-     */
     this.twoLine = false;
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    _KupList_kupManager.set(this, kupManagerInstance());
-    _KupList_radios.set(this, []);
-    _KupList_listItems.set(this, []);
   }
   onKupBlur() {
     this.kupBlur.emit({

package/dist/collection/components/kup-magic-box/kup-magic-box.js

@@ -11,28 +11,6 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 import { kupDraggableColumnAttr, kupDraggableRowAttr, kupDropEvent, KupDropEventTypes, } from '../../managers/kup-interact/kup-interact-declarations';
 export class KupMagicBox {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                   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       */
     /*-------------------------------------------------*/
@@ -40,6 +18,9 @@ export class KupMagicBox {
     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           */

package/dist/collection/components/kup-nav-bar/kup-nav-bar.js

@@ -5,20 +5,6 @@ import { getProps, setProps } from '../../utils/utils';
 import { componentWrapperId } from '../../variables/GenericVariables';
 export class KupNavBar {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Defines the style of the nav bar.
-     * @default KupNavBarStyling.STANDARD
-     */
-    this.styling = KupNavBarStyling.STANDARD;
     /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
@@ -26,6 +12,8 @@ export class KupNavBar {
      * Instance of the KupManager class.
      */
     this.kupManager = kupManagerInstance();
+    this.customStyle = '';
+    this.styling = KupNavBarStyling.STANDARD;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js

@@ -8,60 +8,6 @@ import { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position
 import { KupCardFamily, } from '../kup-card/kup-card-declarations';
 export class KupNumericPicker {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.stateSwitcher = false;
-    this.value = '';
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Props of the sub-components.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Defaults at false. When set to true, the component has decimals.
-     * @default false
-     */
-    this.decimals = false;
-    /**
-     * Defaults at false. When set to true, the component is disabled.
-     * @default false
-     */
-    this.disabled = false;
-    /**
-     * Sets the initial value of the component
-     * @default ""
-     */
-    this.initialValue = '';
-    /**
-     * when set, the component allows you to enter decimals with a maximum of characters.
-     * @default null
-     */
-    this.maxDecimals = null;
-    /**
-     * When set, the component allows you to enter integer numbers with a maximum of characters.
-     * @default null
-     */
-    this.maxIntegers = null;
-    /**
-     * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
-     * @default null
-     */
-    this.maxLength = null;
-    /**
-     * Defaults at false. When set to true, the component has negative number.
-     * @default false
-     */
-    this.negative = false;
     /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
@@ -76,6 +22,17 @@ export class KupNumericPicker {
       date: new Date(),
     };
     this.clickCb = null;
+    this.stateSwitcher = false;
+    this.value = '';
+    this.customStyle = '';
+    this.data = null;
+    this.decimals = false;
+    this.disabled = false;
+    this.initialValue = '';
+    this.maxDecimals = null;
+    this.maxIntegers = null;
+    this.maxLength = null;
+    this.negative = false;
   }
   onKupPickerItemClick(value) {
     this.setPickerValueSelected(value);

package/dist/collection/components/kup-photo-frame/kup-photo-frame.js

@@ -22,34 +22,6 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 import { KupPhotoFrameProps } from './kup-photo-frame-declarations';
 export class KupPhotoFrame {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.isInViewport = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Html attributes of the picture before the component enters the viewport.
-     * @default {}
-     */
-    this.placeholderAttrs = {};
-    /**
-     * Html attributes of the picture after the component enters the viewport.
-     * @default {}
-     */
-    this.resourceAttrs = {};
-    /**
-     * Percentage of the component dimensions entering the viewport (0.1 => 1).
-     * @default 0.25
-     */
-    this.threshold = 0.25;
     /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
@@ -59,6 +31,11 @@ export class KupPhotoFrame {
     _KupPhotoFrame_resourceEl.set(this, null);
     _KupPhotoFrame_renderResource.set(this, false);
     _KupPhotoFrame_wrapperEl.set(this, null);
+    this.isInViewport = false;
+    this.customStyle = '';
+    this.placeholderAttrs = {};
+    this.resourceAttrs = {};
+    this.threshold = 0.25;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
@@ -148,8 +125,9 @@ export class KupPhotoFrame {
       } }))) : null)));
   }
   disconnectedCallback() {
+    var _a;
     __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.unregister(this);
-    __classPrivateFieldGet(this, _KupPhotoFrame_intObserver, "f").unobserve(this.rootElement);
+    (_a = __classPrivateFieldGet(this, _KupPhotoFrame_intObserver, "f")) === null || _a === void 0 ? void 0 : _a.unobserve(this.rootElement);
   }
   static get is() { return "kup-photo-frame"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-probe/kup-probe.js

@@ -3,37 +3,6 @@ import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { componentWrapperId } from '../../variables/GenericVariables';
 export class KupProbe {
   constructor() {
-    /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    /**
-     * Lifecycle time.
-     * @default null
-     */
-    this.content = null;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Specify features to test.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.features = {
-      debug: false,
-      language: false,
-      longCycleProp: false,
-      longCycleVar: false,
-      objects: false,
-      objectsFunction: false,
-      theme: false,
-    };
     /**
      * Uncomment the code below to test render times with many props (100).
      */
@@ -158,6 +127,17 @@ export class KupProbe {
      * End performance.now()
      */
     this.endTime = null;
+    this.content = null;
+    this.customStyle = '';
+    this.features = {
+      debug: false,
+      language: false,
+      longCycleProp: false,
+      longCycleVar: false,
+      objects: false,
+      objectsFunction: false,
+      theme: false,
+    };
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/collection/components/kup-progress-bar/kup-progress-bar.js

@@ -6,51 +6,19 @@ import { KupProgressBarProps } from './kup-progress-bar-declarations';
 export class KupProgressBar {
   constructor() {
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
+    /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
-     * Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed.
-     * @default true
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManagerInstance();
     this.centeredLabel = true;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
     this.customStyle = '';
-    /**
-     * Flag to show or hide the progress bar's label.
-     * @default false
-     */
     this.hideLabel = false;
-    /**
-     * Specifies an icon to replace the label.
-     * @default null
-     */
     this.icon = null;
-    /**
-     * Specifies a text for the bar's label.
-     * @default null
-     */
     this.label = null;
-    /**
-     * Radial version.
-     * @default false
-     */
     this.isRadial = false;
-    /**
-     * The current value the progress bar must display.
-     * @default 0
-     */
     this.value = 0;
-    /*-------------------------------------------------*/
-    /*       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();
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/collection/components/kup-qlik/kup-qlik.js

@@ -3,72 +3,18 @@ import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 export class KupQlik {
   constructor() {
     /**
-     * Set Qlik App's id would you like to use
-     * How to find app id --> https://support.qlik.com/articles/000026239
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManagerInstance();
+    this.config = undefined;
+    this.qlik = undefined;
     this.appid = '';
-    /**
-     * Set Qlik App's istance would you like to use
-     * (!!!ALLERT!!! if you have already set appid app's istance will be NOT generated again)
-     */
     this.app = false;
-    /**
-   * Set the grid structure (JSON)
-   * selections --> Data selection array
-   *    field   --> Qlik field on which to make the selection
-   *    values  --> Array of int or string value which to select
-   * rows
-   *    colums --> they define the structure of grid
-   *      obj     --> Qlik Object id would you like to render (How to find Qlik obj id --> https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Mashups/Content/Sense_Mashups/Howtos/mashups-obtain-app-object-id.htm)
-   *      colDim  --> define column's dimension, it could have values from 1 to 12 where 12 is 100%
-   *      size    --> define size height of obj's div container, it colud have this values XS|S|M|L|XL
-   *      noSelections --> define if selections in object are disable (default: false)
-   * Example:
-  {
-  selections:[
-      {
-          field: 'Anno',
-          values:[2020]
-      }
-  ],
-  rows:[
-      {
-        columns:[
-            {
-                obj:'KvqdmD', colDim:5, size:'L', noSelections:<true/flase>
-            },
-            {
-                obj:'JjSaVm', colDim:5, size:'S', noSelections:<true/flase>
-            }
-        ]
-      }
-    ]
-  }
-  
-   */
     this.grid = [];
-    /**
-     * Activate logging
-     * Default false
-     */
     this.debug = false;
-    /* Style prop */
-    /**
-     * Define width of grid, with true width = 100% responsive, false 1200px
-     */
     this.fluid = false;
-    /**
-     * Set gird border
-     */
     this.bordered = false;
-    /**
-     * Set default obj's container pixel height
-     */
     this.defobjsize = '400px';
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
     this.divlist = [];
   }
   /**

package/dist/collection/components/kup-radio/kup-radio.js

@@ -6,49 +6,18 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 export class KupRadio {
   constructor() {
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
+    /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
-     * The value of the component.
-     * @default ""
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManagerInstance();
     this.value = '';
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Number of columns. When null, radio fields will be displayed inline.
-     * @default null
-     */
     this.columns = null;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
     this.customStyle = '';
-    /**
-     * List of elements.
-     * @default null
-     */
     this.data = null;
-    /**
-     * Defaults at false. When set to true, the component is disabled.
-     * @default false
-     */
     this.disabled = false;
-    /**
-     * Defaults at false. When set to true, the label will be on the left of the component.
-     * @default false
-     */
     this.leadingLabel = false;
-    /*-------------------------------------------------*/
-    /*       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();
   }
   onKupBlur() {
     this.kupBlur.emit({