@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "./components/kup-card/kup-card.js",
     "./components/kup-badge/kup-badge.js",
     "./components/kup-tooltip/kup-tooltip.js",
+    "./components/kup-text-field/kup-text-field.js",
     "./components/kup-chart/kup-chart.js",
     "./components/kup-data-table/kup-data-table.js",
     "./components/kup-tree/kup-tree.js",
@@ -22,6 +23,7 @@
     "./components/kup-date-picker/kup-date-picker.js",
     "./components/kup-drawer/kup-drawer.js",
     "./components/kup-dropdown-button/kup-dropdown-button.js",
+    "./components/kup-echart/kup-echart.js",
     "./components/kup-field/kup-field.js",
     "./components/kup-gauge/kup-gauge.js",
     "./components/kup-grid/kup-grid.js",
@@ -32,7 +34,6 @@
     "./components/kup-list/kup-list.js",
     "./components/kup-magic-box/kup-magic-box.js",
     "./components/kup-nav-bar/kup-nav-bar.js",
-    "./components/kup-paginator/kup-paginator.js",
     "./components/kup-probe/kup-probe.js",
     "./components/kup-progress-bar/kup-progress-bar.js",
     "./components/kup-qlik/kup-qlik.js",
@@ -41,13 +42,12 @@
     "./components/kup-spinner/kup-spinner.js",
     "./components/kup-switch/kup-switch.js",
     "./components/kup-tab-bar/kup-tab-bar.js",
-    "./components/kup-text-field/kup-text-field.js",
     "./components/kup-time-picker/kup-time-picker.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.12.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.14.0",
+    "typescriptVersion": "4.5.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/kup-accordion/kup-accordion.css

@@ -144,7 +144,6 @@
 .accordion-item__content {
   animation: fade-in 0.25s ease-out;
   display: none;
-  overflow: hidden;
 }
 .accordion-item__content--selected {
   display: block;

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

@@ -1,11 +1,11 @@
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch, } from '@stencil/core';
 import { MDCRipple } from '@material/ripple';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { getProps, setProps } from '../../utils/utils';
 import { KupAccordionProps, } from './kup-accordion-declarations';
 import { FImage } from '../../f-components/f-image/f-image';
 import { componentWrapperId } from '../../variables/GenericVariables';
-import { KupThemeColorValues, KupThemeIconValues, } from '../../utils/kup-theme/kup-theme-declarations';
+import { KupThemeColorValues, KupThemeIconValues, } from '../../managers/kup-theme/kup-theme-declarations';
 export class KupAccordion {
   constructor() {
     /*-------------------------------------------------*/

package/dist/collection/components/kup-autocomplete/kup-autocomplete-declarations.js

@@ -4,11 +4,13 @@
  */
 export var KupAutocompleteProps;
 (function (KupAutocompleteProps) {
+  KupAutocompleteProps["allowInconsistentValues"] = "When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.";
   KupAutocompleteProps["customStyle"] = "Custom style of the component.";
   KupAutocompleteProps["data"] = "Props of the sub-components.";
   KupAutocompleteProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
   KupAutocompleteProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".";
   KupAutocompleteProps["initialValue"] = "Sets the initial value of the component.";
+  KupAutocompleteProps["inputDelay"] = "Input event emission delay in milliseconds.";
   KupAutocompleteProps["minimumChars"] = "The minimum number of chars to trigger the autocomplete.";
   KupAutocompleteProps["selectMode"] = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".";
   KupAutocompleteProps["serverHandledFilter"] = "When true, the items filter is managed server side, otherwise items filter is done client side.";

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

@@ -1,14 +1,14 @@
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, } from '@stencil/core';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { FTextField } from '../../f-components/f-text-field/f-text-field';
 import { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';
 import { KupAutocompleteProps, } from './kup-autocomplete-declarations';
 import { ItemsDisplayMode, } from '../kup-list/kup-list-declarations';
 import { consistencyCheck } from '../kup-list/kup-list-helper';
-import { KupThemeIconValues } from '../../utils/kup-theme/kup-theme-declarations';
+import { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';
 import { getProps, setProps } from '../../utils/utils';
 import { componentWrapperId } from '../../variables/GenericVariables';
-import { KupDynamicPositionPlacement } from '../../utils/kup-dynamic-position/kup-dynamic-position-declarations';
+import { KupDynamicPositionPlacement } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';
 export class KupAutocomplete {
   constructor() {
     /*-------------------------------------------------*/
@@ -19,6 +19,11 @@ export class KupAutocomplete {
     /*-------------------------------------------------*/
     /*                    P r o p s                    */
     /*-------------------------------------------------*/
+    /**
+     * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.
+     * @default false
+     */
+    this.allowInconsistentValues = false;
     /**
      * Custom style of the component.
      * @default ""
@@ -27,34 +32,47 @@ export class KupAutocomplete {
     this.customStyle = '';
     /**
      * Props of the sub-components.
+     * @default undefined
      */
     this.data = undefined;
     /**
      * Defaults at false. When set to true, the component is disabled.
+     * @default false
      */
     this.disabled = false;
     /**
      * Sets how to show the selected item value. Suported values: "code", "description", "both".
+     * @default ItemsDisplayMode.DESCRIPTION
      */
     this.displayMode = ItemsDisplayMode.DESCRIPTION;
     /**
      * Sets the initial value of the component.
+     * @default ""
      */
     this.initialValue = '';
+    /**
+     * Input event emission delay in milliseconds.
+     * @default 300
+     */
+    this.inputDelay = 300;
     /**
      * The minimum number of chars to trigger the autocomplete
+     * @default 1
      */
     this.minimumChars = 1;
     /**
      * Sets how to return the selected item value. Suported values: "code", "description", "both".
+     * @default ItemsDisplayMode.CODE
      */
     this.selectMode = ItemsDisplayMode.CODE;
     /**
      * When true, the items filter is managed server side, otherwise items filter is done client side.
+     * @default false
      */
     this.serverHandledFilter = false;
     /**
      * When true shows the drop-down icon, for open list.
+     * @default true
      */
     this.showDropDownIcon = true;
     /*-------------------------------------------------*/
@@ -71,57 +89,60 @@ export class KupAutocomplete {
     this.textfieldEl = undefined;
     this.clickCb = null;
   }
-  onKupBlur(e) {
-    const { target } = e;
+  onKupBlur() {
     this.kupBlur.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
+      inputValue: this.textfieldEl.value,
     });
   }
-  onKupChange(e) {
+  onKupChange(value) {
     this.doConsistencyCheck = true;
-    this.consistencyCheck(undefined, e.target.value);
-    this.kupChange.emit({
-      comp: this,
-      id: this.rootElement.id,
-      value: this.value,
-    });
+    const ret = this.consistencyCheck(undefined, value);
+    if (ret.exists || this.allowInconsistentValues) {
+      this.kupChange.emit({
+        comp: this,
+        id: this.rootElement.id,
+        value: this.value,
+        inputValue: this.textfieldEl.value,
+      });
+    }
   }
-  onKupClick(e) {
-    const { target } = e;
+  onKupClick() {
     this.kupClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
+      inputValue: this.textfieldEl.value,
     });
   }
-  onKupFocus(e) {
-    const { target } = e;
+  onKupFocus() {
     this.kupFocus.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
+      inputValue: this.textfieldEl.value,
     });
   }
-  onKupInput(e) {
+  onKupInput() {
     this.doConsistencyCheck = true;
-    this.consistencyCheck(undefined, e.target.value);
+    this.consistencyCheck(undefined, this.textfieldEl.value);
     if (this.openList(false)) {
       if (this.listEl != null && !this.serverHandledFilter) {
-        this.listEl.resetFilter(this.displayedValue);
+        this.listEl.filter = this.displayedValue;
       }
     }
-    if (e.target.value.length >= this.minimumChars) {
+    if (this.textfieldEl.value.length >= this.minimumChars) {
       this.kupInput.emit({
         comp: this,
         id: this.rootElement.id,
         value: this.value,
+        inputValue: this.textfieldEl.value,
       });
     }
   }
-  onKupIconClick(event) {
-    const { target } = event;
+  onKupIconClick() {
     if (this.textfieldWrapper.classList.contains('toggled')) {
       this.closeList();
     }
@@ -131,25 +152,22 @@ export class KupAutocomplete {
     this.kupIconClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
+      inputValue: this.textfieldEl.value,
+      open: this.textfieldWrapper.classList.contains('toggled'),
     });
   }
   onKupItemClick(e) {
-    this.doConsistencyCheck = true;
-    this.consistencyCheck(e);
+    this.onKupChange(e.detail.selected.value);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();
     }
-    this.kupChange.emit({
-      comp: this,
-      id: this.rootElement.id,
-      value: this.value,
-    });
     this.kupItemClick.emit({
       comp: this,
       id: this.rootElement.id,
       value: this.value,
+      inputValue: this.textfieldEl.value,
     });
   }
   /*-------------------------------------------------*/
@@ -242,7 +260,6 @@ export class KupAutocomplete {
    * @param {string} value - Value of the component.
    */
   async setValue(value) {
-    this.value = value;
     this.doConsistencyCheck = true;
     this.consistencyCheck(undefined, value);
   }
@@ -250,7 +267,8 @@ export class KupAutocomplete {
   /*           P r i v a t e   M e t h o d s         */
   /*-------------------------------------------------*/
   openList(forceOpen) {
-    if (forceOpen != true && this.value.length < this.minimumChars) {
+    if (forceOpen != true &&
+      this.textfieldEl.value.length < this.minimumChars) {
       this.closeList();
       return false;
     }
@@ -291,12 +309,21 @@ export class KupAutocomplete {
       return;
     }
     this.doConsistencyCheck = false;
-    let ret = consistencyCheck(valueIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
-    this.value = ret.value;
-    this.displayedValue = ret.displayedValue;
-    if (this.listEl != null && !this.serverHandledFilter) {
-      this.listEl.resetFilter(this.displayedValue);
+    const ret = consistencyCheck(valueIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+    if (ret.exists || this.allowInconsistentValues) {
+      this.value = ret.value;
+      this.displayedValue = ret.displayedValue;
+      if (this.listEl != null && !this.serverHandledFilter) {
+        this.listEl.filter = this.displayedValue;
+      }
     }
+    else {
+      this.displayedValue = valueIn;
+      if (this.listEl != null && !this.serverHandledFilter) {
+        this.listEl.filter = valueIn;
+      }
+    }
+    return ret;
   }
   prepList() {
     return (h("kup-list", Object.assign({ displayMode: this.displayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (this.listEl = el) })));
@@ -343,7 +370,10 @@ export class KupAutocomplete {
       h("div", { id: componentWrapperId, style: this.elStyle },
         h(FTextField, Object.assign({}, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, icon: this.showDropDownIcon
             ? KupThemeIconValues.DROPDOWN
-            : null, trailingIcon: true, value: this.displayedValue, onBlur: (e) => this.onKupBlur(e), onClick: (e) => this.onKupClick(e), onChange: (e) => this.onKupChange(e), onFocus: (e) => this.onKupFocus(e), onInput: (e) => this.onKupInput(e), onIconClick: (e) => this.onKupIconClick(e) }), this.prepList()))));
+            : null, trailingIcon: true, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
+            window.clearTimeout(this.inputTimeout);
+            this.inputTimeout = window.setTimeout(() => this.onKupInput(), this.inputDelay);
+          }, onIconClick: () => this.onKupIconClick() }), this.prepList()))));
   }
   disconnectedCallback() {
     if (this.listEl) {
@@ -361,6 +391,27 @@ export class KupAutocomplete {
     "$": ["kup-autocomplete.css"]
   }; }
   static get properties() { return {
+    "allowInconsistentValues": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }],
+        "text": "When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list."
+      },
+      "attribute": "allow-inconsistent-values",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "customStyle": {
       "type": "string",
       "mutable": false,
@@ -400,7 +451,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "undefined"
+          }],
         "text": "Props of the sub-components."
       },
       "defaultValue": "undefined"
@@ -416,7 +470,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }],
         "text": "Defaults at false. When set to true, the component is disabled."
       },
       "attribute": "disabled",
@@ -439,7 +496,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "ItemsDisplayMode.DESCRIPTION"
+          }],
         "text": "Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\"."
       },
       "attribute": "display-mode",
@@ -457,13 +517,37 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "\"\""
+          }],
         "text": "Sets the initial value of the component."
       },
       "attribute": "initial-value",
       "reflect": false,
       "defaultValue": "''"
     },
+    "inputDelay": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "300"
+          }],
+        "text": "Input event emission delay in milliseconds."
+      },
+      "attribute": "input-delay",
+      "reflect": false,
+      "defaultValue": "300"
+    },
     "minimumChars": {
       "type": "number",
       "mutable": false,
@@ -475,7 +559,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "1"
+          }],
         "text": "The minimum number of chars to trigger the autocomplete"
       },
       "attribute": "minimum-chars",
@@ -498,7 +585,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "ItemsDisplayMode.CODE"
+          }],
         "text": "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\"."
       },
       "attribute": "select-mode",
@@ -516,7 +606,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }],
         "text": "When true, the items filter is managed server side, otherwise items filter is done client side."
       },
       "attribute": "server-handled-filter",
@@ -534,7 +627,10 @@ export class KupAutocomplete {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "default",
+            "text": "true"
+          }],
         "text": "When true shows the drop-down icon, for open list."
       },
       "attribute": "show-drop-down-icon",
@@ -657,10 +753,10 @@ export class KupAutocomplete {
         "text": ""
       },
       "complexType": {
-        "original": "KupAutocompleteEventPayload",
-        "resolved": "KupAutocompleteEventPayload",
+        "original": "KupAutocompleteIconClickEventPayload",
+        "resolved": "KupAutocompleteIconClickEventPayload",
         "references": {
-          "KupAutocompleteEventPayload": {
+          "KupAutocompleteIconClickEventPayload": {
             "location": "import",
             "path": "./kup-autocomplete-declarations"
           }

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

@@ -1,7 +1,7 @@
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, } from '@stencil/core';
 import { FImage } from '../../f-components/f-image/f-image';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
-import { KupThemeColorValues } from '../../utils/kup-theme/kup-theme-declarations';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
+import { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';
 import { getProps, setProps } from '../../utils/utils';
 import { componentWrapperId } from '../../variables/GenericVariables';
 import { KupBadgeProps } from './kup-badge-declarations';

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

@@ -3,19 +3,21 @@ import { SortMode, } from '../kup-data-table/kup-data-table-declarations';
 import { KupBoxProps, } from './kup-box-declarations';
 import { getColumnByName } from '../../utils/cell-utils';
 import { filterRows, sortRows, paginateRows, } from '../kup-data-table/kup-data-table-helper';
-import { PaginatorMode } from '../kup-paginator/kup-paginator-declarations';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { KupBoxState } from './kup-box-state';
 import { setTooltip, unsetTooltip } from '../../utils/helpers';
 import { deepEqual, getProps, identify, setProps } from '../../utils/utils';
 import { FImage } from '../../f-components/f-image/f-image';
 import { FChip } from '../../f-components/f-chip/f-chip';
-import { KupDebugCategory } from '../../utils/kup-debug/kup-debug-declarations';
-import { KupLanguageGeneric, KupLanguageSearch, } from '../../utils/kup-language/kup-language-declarations';
+import { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';
+import { KupLanguageGeneric, KupLanguageSearch, } from '../../managers/kup-language/kup-language-declarations';
 import { componentWrapperId } from '../../variables/GenericVariables';
-import { KupThemeIconValues } from '../../utils/kup-theme/kup-theme-declarations';
-import { KupDragEffect, kupDraggableCellAttr, KupDropEventTypes, KupPointerEventTypes, } from '../../utils/kup-interact/kup-interact-declarations';
+import { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';
+import { KupDragEffect, kupDraggableCellAttr, KupDropEventTypes, KupPointerEventTypes, } from '../../managers/kup-interact/kup-interact-declarations';
 import { FCell } from '../../f-components/f-cell/f-cell';
+import { FPaginator } from '../../f-components/f-paginator/f-paginator';
+import { FPaginatorMode } from '../../f-components/f-paginator/f-paginator-declarations';
+import { pageChange, rowsPerPageChange, } from '../../f-components/f-paginator/f-paginator-utils';
 export class KupBox {
   constructor() {
     /*-------------------------------------------------*/
@@ -564,12 +566,18 @@ export class KupBox {
     }
     this.rowActionMenuOpened = null;
   }
-  handlePageChanged({ detail }) {
-    this.currentPage = detail.newPage;
+  handlePageChange(pageNumber) {
+    const newPage = pageChange(pageNumber, this.filteredRows.length, this.currentRowsPerPage);
+    if (newPage) {
+      this.currentPage = newPage;
+    }
   }
-  handleRowsPerPageChanged({ detail }) {
-    this.currentRowsPerPage = detail.newRowsPerPage;
-    this.adjustPaginator();
+  handleRowsPerPageChange(rowsNumber) {
+    const newRows = rowsPerPageChange(rowsNumber, this.filteredRows.length);
+    if (newRows) {
+      this.currentRowsPerPage = newRows;
+      this.adjustPaginator();
+    }
   }
   adjustPaginator() {
     const numberOfRows = this.rows.length;
@@ -1028,9 +1036,8 @@ export class KupBox {
       };
       for (let index = 0; index < sortingKey.length; index++) {
         props.data.push({
-          checked: false,
-          label: sortingKey[index],
           value: sortingKey[index],
+          id: sortingKey[index],
         });
       }
       kanbanJSX.push(h("div", { class: "kanban-section" },
@@ -1158,6 +1165,11 @@ export class KupBox {
     else if (this.pageSize) {
       this.currentRowsPerPage = this.pageSize;
     }
+    if (this.data &&
+      this.data.rows &&
+      this.currentRowsPerPage > this.data.rows.length) {
+      this.currentRowsPerPage = this.data.rows.length;
+    }
     this.kupManager.language.register(this);
     this.kupManager.theme.register(this);
     this.onDataChanged();
@@ -1227,7 +1239,9 @@ export class KupBox {
     }
     let paginator = null;
     if (this.pagination) {
-      paginator = (h("kup-paginator", { max: this.filteredRows.length, perPage: this.pageSize, currentPage: this.currentPage, selectedPerPage: this.currentRowsPerPage, "onkup-paginator-pagechanged": (e) => this.handlePageChanged(e), "onkup-paginator-rowsperpagechanged": (e) => this.handleRowsPerPageChanged(e), mode: PaginatorMode.SIMPLE }));
+      paginator = (h(FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: this.filteredRows.length, mode: FPaginatorMode.SIMPLE, perPage: this.currentRowsPerPage
+          ? this.currentRowsPerPage
+          : this.pageSize, onPageChange: (e) => this.handlePageChange(e.detail.value), onRowsChange: (e) => this.handleRowsPerPageChange(e.detail.value) }));
     }
     let boxContent = null;
     let containerStyle = {};
@@ -2148,7 +2162,7 @@ export class KupBox {
     },
     "loadRowActions": {
       "complexType": {
-        "signature": "(row: KupBoxRow, actions: RowAction[]) => Promise<void>",
+        "signature": "(row: KupBoxRow, actions: KupDataRowAction[]) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -2164,9 +2178,9 @@ export class KupBox {
             "location": "import",
             "path": "./kup-box-declarations"
           },
-          "RowAction": {
+          "KupDataRowAction": {
             "location": "import",
-            "path": "../kup-data-table/kup-data-table-declarations"
+            "path": "../../managers/kup-data/kup-data-declarations"
           }
         },
         "return": "Promise<void>"

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

@@ -1,9 +1,9 @@
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, } from '@stencil/core';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { FButton } from '../../f-components/f-button/f-button';
 import { FButtonStyling, } from '../../f-components/f-button/f-button-declarations';
 import { KupButtonProps, } from './kup-button-declarations';
-import { KupDebugCategory } from '../../utils/kup-debug/kup-debug-declarations';
+import { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';
 import { getProps, setProps } from '../../utils/utils';
 import { componentWrapperId } from '../../variables/GenericVariables';
 export class KupButton {