@sme.up/ketchup 6.0.0 → 6.2.0

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-eb556444.js');
-const kupManager = require('./kup-manager-7a941909.js');
+const index = require('./index-06b131ea.js');
+const kupManager = require('./kup-manager-02acbb37.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-89f25556.js');
-const utils = require('./utils-6287d878.js');
+const fImage = require('./f-image-2a61ece2.js');
+const utils = require('./utils-4b208b48.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**

package/dist/cjs/{kup-manager-7a941909.js → kup-manager-02acbb37.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-eb556444.js');
+const index = require('./index-06b131ea.js');
 
 /**
  * Props of the kup-card component.
@@ -137,6 +137,17 @@ exports.KupLanguageColumn = void 0;
   KupLanguageColumn["NON_NUMERICAL_IN_TABLE"] = "columnNonNumericalInTable";
   KupLanguageColumn["SWAP"] = "columnSwap";
 })(exports.KupLanguageColumn || (exports.KupLanguageColumn = {}));
+/**
+ * Dashboard related decodes.
+ */
+exports.KupLanguageDashboard = void 0;
+(function (KupLanguageDashboard) {
+  KupLanguageDashboard["DIMENSION"] = "dashboardDimension";
+  KupLanguageDashboard["LOADED"] = "dashboardLoaded";
+  KupLanguageDashboard["RESET"] = "dashboardReset";
+  KupLanguageDashboard["SAVE"] = "dashboardSave";
+  KupLanguageDashboard["VERTICAL"] = "dashboardVertical";
+})(exports.KupLanguageDashboard || (exports.KupLanguageDashboard = {}));
 /**
  * Debug widget decodes.
  */
@@ -1708,6 +1719,11 @@ const chinese = {
 		columnNonNumerical: "这些列不是数字的",
 		columnNonNumericalInTable: "此表中不存在数字列",
 		columnSwap: "交换",
+		dashboardDimension: "方面",
+		dashboardLoaded: "已加载",
+		dashboardReset: "重置",
+		dashboardSave: "节省",
+		dashboardVertical: "垂直的",
 		debugAutoprint: "切换自动打印",
 		debugClear: "清除小部件",
 		debugDLAll: "全部",
@@ -1821,6 +1837,11 @@ const english = {
 		columnNonNumerical: "These columns are not numerical.",
 		columnNonNumericalInTable: "No numerical columns exist in this table.",
 		columnSwap: "Swap columns",
+		dashboardDimension: "Dimension",
+		dashboardLoaded: "Loaded",
+		dashboardReset: "Reset",
+		dashboardSave: "Save",
+		dashboardVertical: "Vertical",
 		debugAutoprint: "Toggle automatic print",
 		debugClear: "Clear widget",
 		debugDLAll: "All",
@@ -1934,6 +1955,11 @@ const french = {
 		columnNonNumerical: "Ces colonnes ne sont pas numériques.",
 		columnNonNumericalInTable: "Aucune colonne numérique n'existe dans ce tableau.",
 		columnSwap: "Permuter les colonnes",
+		dashboardDimension: "Dimension",
+		dashboardLoaded: "Chargé",
+		dashboardReset: "Réinitialiser",
+		dashboardSave: "Enregistrer",
+		dashboardVertical: "Vertical",
 		debugAutoprint: "Activer l'impression automatique",
 		debugClear: "Effacer le widget",
 		debugDLAll: "Tout",
@@ -2047,6 +2073,11 @@ const italian = {
 		columnNonNumerical: "Queste colonne non sono numeriche.",
 		columnNonNumericalInTable: "Non esistono colonne numeriche in questa tabella.",
 		columnSwap: "Scambia le colonne",
+		dashboardDimension: "Dimensione",
+		dashboardLoaded: "Caricata",
+		dashboardReset: "Ripristina",
+		dashboardSave: "Salva",
+		dashboardVertical: "Verticale",
 		debugAutoprint: "Attiva stampa automatica logs",
 		debugClear: "Pulisci widget",
 		debugDLAll: "Tutto",
@@ -2174,6 +2205,11 @@ const polish = {
 		columnNonNumerical: "Te kolumny nie są numeryczne.",
 		columnNonNumericalInTable: "W tej tabeli nie ma kolumn liczbowych.",
 		columnSwap: "Zamień kolumny",
+		dashboardDimension: "Wymiar",
+		dashboardLoaded: "Załadowany",
+		dashboardReset: "Resetowanie",
+		dashboardSave: "Ratować",
+		dashboardVertical: "Pionowy",
 		debugAutoprint: "Przełącz automatyczne drukowanie",
 		debugClear: "Wyczyść widżet",
 		debugDLAll: "Wszystko",
@@ -2287,6 +2323,11 @@ const russian = {
 		columnNonNumerical: "Эти столбцы не числовые",
 		columnNonNumericalInTable: "В этой таблице нет числовых столбцов",
 		columnSwap: "Поменять местами столбцы",
+		dashboardDimension: "Измерение",
+		dashboardLoaded: "Загружено",
+		dashboardReset: "Перезагрузить",
+		dashboardSave: "Сохранять",
+		dashboardVertical: "Вертикальный",
 		debugAutoprint: "Включить автоматическую печать",
 		debugClear: "Очистить виджет",
 		debugDLAll: "Все",
@@ -2400,6 +2441,11 @@ const spanish = {
 		columnNonNumerical: "Estas columnas no son numéricas.",
 		columnNonNumericalInTable: "No existen columnas numéricas en esta tabla.",
 		columnSwap: "Intercambiar columnas",
+		dashboardDimension: "Dimensión",
+		dashboardLoaded: "Cargado",
+		dashboardReset: "Reiniciar",
+		dashboardSave: "Ahorrar",
+		dashboardVertical: "Vertical",
 		debugAutoprint: "Alternar impresión automática",
 		debugClear: "Borrar widget",
 		debugDLAll: "Todas",
@@ -2906,6 +2952,16 @@ class KupObjects {
       !this.isRadio(obj) &&
       !this.isChart(obj));
   }
+  /**
+   * Checks whether the object represents a switch or not.
+   * @param {KupObj} obj - Object to check.
+   * @returns {boolean} True when the object is a switch.
+   */
+  isSwitch(obj) {
+    if (!obj)
+      return false;
+    return 'V2' === obj.t && 'ONOFF' === obj.p;
+  }
   /**
    * Checks whether the object represents a text field or not.
    * @param {KupObj} obj - Object to check.
@@ -4168,7 +4224,7 @@ const kupThemeComponentCss = "[kup-dialog]{animation:fade-in .25s ease-out;backg
 
 const fButtonCss = ".f-button{--kup_button_border_radius:var(--kup-button-border-radius, 4px);--kup_button_disabled_color:var( --kup-button-disabled-color, var(--kup-disabled-color) );--kup_button_font_family:var( --kup-button-font-family, var(--kup-font-family) );--kup_button_font_size:var(--kup-button-font-size, var(--kup-font-size));--kup_button_font_weight:var(--kup-button-font-weight, 400);--kup_button_height:var(--kup-button-height, 3em);--kup_button_padding:var(--kup-button-padding, 0 1.25em);--kup_button_primary_color:var( --kup-button-primary-color, var(--kup-primary-color) );--kup_button_primary_color_h:var( --kup-button-primary-color-h, var(--kup-primary-color-h) );--kup_button_primary_color_s:var( --kup-button-primary-color-s, var(--kup-primary-color-s) );--kup_button_primary_color_l:var( --kup-button-primary-color-l, var(--kup-primary-color-l) );--kup_button_primary_color_rgb:var( --kup-button-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_button_text_on_primary_color:var( --kup-button-text-on-primary-color, var(--kup-text-on-primary-color) );--kup-spinner-color:var(--kup_button_primary_color);font-size:var(--kup_button_font_size)}.f-button .button{-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-webkit-font-smoothing:antialiased;align-items:center;background-color:rgba(0,0,0,0);border:none;border-radius:var(--kup_button_border_radius);box-sizing:border-box;color:var(--kup_button_primary_color);cursor:pointer;display:inline-flex;font-family:var(--kup_button_font_family);font-size:.775em;font-weight:var(--kup_button_font_weight);height:var(--kup_button_height);justify-content:center;letter-spacing:0.0892857143em;line-height:inherit;min-width:64px;outline:none;overflow:visible;padding:var(--kup_button_padding);position:relative;text-decoration:none;text-transform:uppercase;transition:background-color 80ms linear,box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;vertical-align:middle}.f-button .button:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button .button__icon{margin-left:-0.25em;margin-right:.75em}.f-button .button .button__label+.button__icon{margin-left:.75em;margin-right:-0.25em}.f-button .button.button--floating,.f-button .button.button--raised{--kup-spinner-color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:not(.button--disabled),.f-button .button.button--raised:not(.button--disabled){--kup-spinner-border-color:hsl( var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.75), calc(var(--kup_button_primary_color_l) * 0.85) );background-color:var(--kup_button_primary_color);color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:hover,.f-button .button.button--raised:hover{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.93), calc(var(--kup_button_primary_color_l) * 1.07))}.f-button .button.button--floating:focus,.f-button .button.button--raised:focus{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.88), calc(var(--kup_button_primary_color_l) * 1.12))}.f-button .button.button--floating.button--disabled,.f-button .button.button--raised.button--disabled{background-color:var(--kup-disabled-background-color);box-shadow:none}.f-button .button.button--floating{border-radius:24px;box-shadow:0 .215em .35em -1px rgba(var(--kup-text-color-rgb), 0.2),0 .43em .71em 0 rgba(var(--kup-text-color-rgb), 0.14),0 .07em 1.285em 0 rgba(var(--kup-text-color-rgb), 0.12);font-weight:500;font-size:1em;height:3.4em;width:auto;padding:0 1.5em}.f-button .button.button--floating.button--no-label{border-radius:50%;height:4em;padding:0;width:4em}.f-button .button.button--floating:hover,.f-button .button.button--floating:focus{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--floating:active{box-shadow:0 7px 8px -4px rgba(var(--kup-text-color-rgb), 0.2),0 12px 17px 2px rgba(var(--kup-text-color-rgb), 0.14),0 5px 22px 4px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised{box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.2),0 2px 2px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 5px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:focus,.f-button .button.button--raised:hover{box-shadow:0 2px 4px -1px rgba(var(--kup-text-color-rgb), 0.2),0 4px 5px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 10px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:active{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--outlined{border-width:1px;border-style:solid}.f-button .button.button--outlined:not(.button--disabled){border-color:var(--kup_button_primary_color);background-color:rgba(0,0,0,0);color:var(--kup_button_primary_color)}.f-button .button.button--outlined:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button.button--outlined:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button.button--outlined.button--disabled{opacity:.75;border-color:var(--kup_button_disabled_color)}.f-button .button.button--no-label{min-width:unset;padding:0 .5em}.f-button .button.button--no-label .button__icon{margin:0}.f-button .button.button--disabled{color:var(--kup_button_disabled_color);cursor:auto;opacity:.75;pointer-events:none}.f-button .button .button__spinner-container{width:100%;height:var(--kup_button_spinner_height);left:0;position:absolute}.f-button .icon-button{background-color:rgba(0,0,0,0);display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;font-size:var(--kup_button_font_size);text-decoration:none;cursor:pointer;user-select:none;padding:.75em;border-radius:50%}.f-button .icon-button:hover,.f-button .icon-button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .icon-button .icon-button__icon{display:flex;margin:auto}.f-button .icon-button .icon-button__icon.icon-button__icon--on{display:none}.f-button .icon-button.button--disabled{opacity:.75;pointer-events:none}.f-button .icon-button .icon-button__spinner-container{width:var(--kup_button_spinner_width);height:var(--kup_button_spinner_height)}.f-button .button--with-spinner{opacity:.8;pointer-events:none}.f-button .content--hidden{visibility:hidden}.f-button.kup-full-height{height:100%}.f-button.kup-full-height .button{height:100%}.f-button.kup-full-width{width:100%}.f-button.kup-full-width .button{width:100%}.f-button.kup-large button{font-size:1.25em}.f-button.kup-shaped .button{border-radius:18px}.f-button.kup-shaped .button.button--floating{border-radius:50% 0}.f-button.kup-slim button{font-size:.675em}.f-button.kup-pulsating .icon-button--on:after{content:\"\";animation:pulsating 1250ms infinite;position:absolute;height:2px;width:2px;top:calc(50% - 1px);left:calc(50% - 1px);border-radius:50%}.f-button.kup-danger{--kup-button-primary-color:var(--kup-danger-color);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-info{--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-secondary{--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-button.kup-success{--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-warning{--kup-button-primary-color:var(--kup-warning-color);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}@keyframes pulsating{0%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0.7)}70%{transform:scale(2.75);box-shadow:0 0 0 10px rgba(var(--kup_button_primary_color_rgb), 0)}100%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0)}}";
 
-const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell .mdc-text-field{padding:0px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
+const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell.switch-cell{min-height:48px}.f-cell .mdc-text-field.mdc-text-field--fullwidth{padding:0px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
 
 const fCheckboxCss = ".f-checkbox{--kup_checkbox_font_family:var( --kup-checkbox-font-family, var(--kup-font-family) );--kup_checkbox_font_size:var(--kup-checkbox-font-size, var(--kup-font-size));--kup_checkbox_font_weight:var(--kup-checkbox-font-weight, 400);--kup_checkbox_disabled_checkmark_color:var( --kup-checkbox-disabled-checkmark-color, var(--kup-background-color) );--kup_checkbox_padding:var(--kup-checkbox-padding, 11px);--kup_checkbox_primary_color:var( --kup-checkbox-primary-color, var(--kup-primary-color) );--kup_checkbox_primary_color_rgb:var( --kup-checkbox-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_checkbox_text_color:var( --kup-checkbox-text-color, var(--kup-text-color) );--kup_checkbox_text_color_rgb:var( --kup-checkbox-text-color-rgb, var(--kup-text-color-rgb) );--kup_checkbox_text_on_primary_color:var( --kup-checkbox-text-on-primary-color, var(--kup-text-on-primary-color) );--kup_checkbox_text_on_primary_color_rgb:var( --kup-checkbox-text-on-primary-color-rgb, var(--kup-text-on-primary-color-rgb) );font-family:var(--kup_checkbox_font_family);font-size:var(--kup_checkbox_font_size)}.f-checkbox .form-field{color:var(--kup_checkbox_text_color);line-height:1.25em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:0.0178571429em;text-decoration:inherit;align-items:center;vertical-align:middle;display:inline-flex}.f-checkbox .form-field label{font-size:.875em;margin-left:0px;margin-right:auto;order:0}.f-checkbox .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;order:-1}.f-checkbox .checkbox{border-radius:50%;display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;will-change:transform,opacity;z-index:0;padding:var(--kup_checkbox_padding);transition:background-color 125ms linear}.f-checkbox .checkbox:hover{background:rgba(var(--kup_checkbox_primary_color_rgb), 0.125)}.f-checkbox .checkbox .checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;top:0;left:0;right:0;height:40px;width:40px}.f-checkbox .checkbox .checkbox__native-control:checked~.checkbox__background .checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.f-checkbox .checkbox .checkbox__checkmark-path{stroke:var(--kup_checkbox_text_on_primary_color);stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke-width:3.12px;transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background{position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid rgba(var(--kup_checkbox_text_color_rgb), 0.5);border-radius:2px;background-color:rgba(0,0,0,0);pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__checkmark{color:var(--kup_checkbox_text_on_primary_color);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__mixedmark{position:absolute;top:6px;left:-1px;color:var(--kup_checkbox_text_on_primary_color);width:100%;height:0;border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox.checkbox--checked .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color);opacity:1}.f-checkbox .checkbox.checkbox--checked .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color)}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__mixedmark{border-color:var(--kup_checkbox_text_on_primary_color);transform:scaleX(1) rotate(0deg);opacity:1}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--disabled{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled+label{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled .checkbox__background{background-color:rgba(0,0,0,0);border-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__background{background-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325);border-color:rgba(0,0,0,0)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__checkmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__mixedmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox.kup-danger{--kup-checkbox-primary-color:var(--kup-danger-color);--kup-checkbox-primary-color-rgb:var(--kup-danger-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-info{--kup-checkbox-primary-color:var(--kup-info-color);--kup-checkbox-primary-color-rgb:var(--kup-info-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-secondary{--kup-checkbox-primary-color:var(--kup-secondary-color);--kup-checkbox-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-checkbox-text-on-primary-color:var(--kup-text-on-secondary-color);--kup-checkbox-text-on-primary-color-rgb:var( --kup-text-on-secondary-color-rgb )}.f-checkbox.kup-success{--kup-checkbox-primary-color:var(--kup-success-color);--kup-checkbox-primary-color-rgb:var(--kup-success-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-warning{--kup-checkbox-primary-color:var(--kup-warning-color);--kup-checkbox-primary-color-rgb:var(--kup-warning-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}";
 
@@ -4205,12 +4261,13 @@ exports.KupTagNames = void 0;
   KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
   KupTagNames["DASH"] = "KUP-DASH";
   KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
+  KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
   KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
   KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
   KupTagNames["DRAWER"] = "KUP-DRAWER";
   KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
-  KupTagNames["FIELD"] = "KUP-FIELD";
-  KupTagNames["FORM_EDITOR"] = "KUP-FORM-EDITOR";
+  KupTagNames["FAMILY_TREE"] = "KUP-FAMILY-TREE";
+  KupTagNames["FORM"] = "KUP-FORM";
   KupTagNames["GAUGE"] = "KUP-GAUGE";
   KupTagNames["GRID"] = "KUP-GRID";
   KupTagNames["IFRAME"] = "KUP-IFRAME";
@@ -4249,9 +4306,11 @@ const fButtonUsers = [
   exports.KupTagNames.BOX,
   exports.KupTagNames.CALENDAR,
   exports.KupTagNames.CARD,
+  exports.KupTagNames.DASHBOARD,
   exports.KupTagNames.DATA_TABLE,
   exports.KupTagNames.DROPDOWN_BUTTON,
-  exports.KupTagNames.FORM_EDITOR,
+  exports.KupTagNames.FAMILY_TREE,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.IMAGE_LIST,
   exports.KupTagNames.SNACKBAR,
 ];
@@ -4262,6 +4321,7 @@ const fCellUsers = [
   exports.KupTagNames.BOX,
   exports.KupTagNames.CELL,
   exports.KupTagNames.DATA_TABLE,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.TREE,
 ];
 /**
@@ -4271,7 +4331,9 @@ const fCheckboxUsers = [
   exports.KupTagNames.BOX,
   exports.KupTagNames.CELL,
   exports.KupTagNames.CHECKBOX,
+  exports.KupTagNames.DASHBOARD,
   exports.KupTagNames.DATA_TABLE,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.LIST,
   exports.KupTagNames.TREE,
 ];
@@ -4284,6 +4346,7 @@ const fChipUsers = [
   exports.KupTagNames.CELL,
   exports.KupTagNames.CHIP,
   exports.KupTagNames.DATA_TABLE,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.TREE,
 ];
 /**
@@ -4299,9 +4362,11 @@ const fImageUsers = [
   exports.KupTagNames.CARD,
   exports.KupTagNames.CELL,
   exports.KupTagNames.CHIP,
+  exports.KupTagNames.DASHBOARD,
   exports.KupTagNames.DATA_TABLE,
   exports.KupTagNames.DROPDOWN_BUTTON,
-  exports.KupTagNames.FORM_EDITOR,
+  exports.KupTagNames.FAMILY_TREE,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.IMAGE,
   exports.KupTagNames.IMAGE_LIST,
   exports.KupTagNames.LIST,
@@ -4317,7 +4382,14 @@ const fPaginatorUsers = [exports.KupTagNames.BOX, exports.KupTagNames.DATA_TABLE
 /**
  * Components using the FSwitch functional component.
  */
-const fSwitchUsers = [exports.KupTagNames.SWITCH];
+const fSwitchUsers = [
+  exports.KupTagNames.BOX,
+  exports.KupTagNames.CELL,
+  exports.KupTagNames.DATA_TABLE,
+  exports.KupTagNames.FORM,
+  exports.KupTagNames.SWITCH,
+  exports.KupTagNames.TREE,
+];
 /**
  * Components using the FTextField functional component.
  */
@@ -4327,8 +4399,10 @@ const fTextFieldUsers = [
   exports.KupTagNames.CELL,
   exports.KupTagNames.COLOR_PICKER,
   exports.KupTagNames.COMBOBOX,
+  exports.KupTagNames.DASHBOARD,
   exports.KupTagNames.DATA_TABLE,
   exports.KupTagNames.DATE_PICKER,
+  exports.KupTagNames.FORM,
   exports.KupTagNames.NUMERIC_PICKER,
   exports.KupTagNames.TEXT_FIELD,
   exports.KupTagNames.TIME_PICKER,
@@ -5929,6 +6003,41 @@ function toStreamNode(nodes) {
   }
   return streamlined;
 }
+/**
+ * Gets information about the tree depth, such as max number of children and max depth.
+ * @param {KupDataNode[]} nodes - Input array of nodes.
+ * @returns {KupDataNodeDrilldownInfo} Information about the tree depth.
+ */
+function getDrilldownInfoNode(nodes) {
+  let maxChildren = 0;
+  let maxDepth = 0;
+  const getDepth = function (n) {
+    const depth = 0;
+    if (n.children) {
+      n.children.forEach(function (d) {
+        getDepth(d);
+      });
+    }
+    return depth;
+  };
+  const recursive = (arr) => {
+    maxDepth++;
+    for (let index = 0; index < arr.length; index++) {
+      const node = arr[index];
+      getDepth(node);
+      if (Array.isArray(node.children) &&
+        maxChildren < node.children.length) {
+        maxChildren = node.children.length;
+        recursive(node.children);
+      }
+    }
+  };
+  recursive(nodes);
+  return {
+    maxChildren,
+    maxDepth,
+  };
+}
 /**
  * Returns the parent of the given node.
  * @param {KupDataNode[]} nodes - Input array of nodes.
@@ -5952,6 +6061,37 @@ function getParentNode(nodes, child) {
     }
   }
   return parent;
+}
+/**
+ * Returns the node with id equal to the given value.
+ * @param {KupDataNode[]} nodes - Input array of nodes.
+ * @param {string} treeNodePath - Tree node path.
+ * @returns {KupDataNode} Node.
+ */
+function getNodeByPath(nodes, treeNodePath) {
+  if (!nodes || nodes.length == 0) {
+    return undefined;
+  }
+  if (!treeNodePath || treeNodePath.length == 0) {
+    return undefined;
+  }
+  return _getNodeByPath(nodes, treeNodePath);
+}
+function _getNodeByPath(nodes, path) {
+  let node = null;
+  for (let j = 0; j < path.length; j++) {
+    const i = path[j];
+    node = _getNode(nodes, node, i);
+  }
+  return node;
+}
+function _getNode(nodes, node, index) {
+  if (node == null) {
+    return nodes[index];
+  }
+  else {
+    return node.children[index];
+  }
 }
 
 /**
@@ -6102,6 +6242,155 @@ exports.SelectionMode = void 0;
   SelectionMode["NONE"] = "none";
 })(exports.SelectionMode || (exports.SelectionMode = {}));
 
+const autoCenterComps = [exports.KupTagNames.DATA_TABLE, exports.KupTagNames.TREE];
+const fullWidthFieldsComps = [exports.KupTagNames.DATA_TABLE, exports.KupTagNames.TREE];
+/**
+ * Supported cell events.
+ */
+exports.FCellEvents = void 0;
+(function (FCellEvents) {
+  FCellEvents["CLICK"] = "kup-cell-click";
+  FCellEvents["ICON_CLICK"] = "kup-cell-iconclick";
+  FCellEvents["INPUT"] = "kup-cell-input";
+  FCellEvents["UPDATE"] = "kup-cell-update";
+})(exports.FCellEvents || (exports.FCellEvents = {}));
+/**
+ * Supported cell padding.
+ */
+exports.FCellPadding = void 0;
+(function (FCellPadding) {
+  FCellPadding["DENSE"] = "dense";
+  FCellPadding["MEDIUM"] = "medium";
+  FCellPadding["NONE"] = "";
+  FCellPadding["WIDE"] = "wide";
+})(exports.FCellPadding || (exports.FCellPadding = {}));
+/**
+ * Supported cell CSS classes.
+ */
+exports.FCellClasses = void 0;
+(function (FCellClasses) {
+  FCellClasses["BG_DANGER"] = "danger-bg";
+  FCellClasses["BG_GREEN"] = "green-bg";
+  FCellClasses["BG_GREY"] = "grey-bg";
+  FCellClasses["BG_ORANGE"] = "orange-bg";
+  FCellClasses["BG_PURPLE"] = "purple-bg";
+  FCellClasses["BG_SUCCESS"] = "success-bg";
+  FCellClasses["BG_TEAL"] = "teal-bg";
+  FCellClasses["BG_WARNING"] = "warning-bg";
+  FCellClasses["C_BG_DANGER"] = "c-danger-bg";
+  FCellClasses["C_BG_GREEN"] = "c-green-bg";
+  FCellClasses["C_BG_GREY"] = "c-grey-bg";
+  FCellClasses["C_BG_ORANGE"] = "c-orange-bg";
+  FCellClasses["C_BG_PURPLE"] = "c-purple-bg";
+  FCellClasses["C_BG_SUCCESS"] = "c-success-bg";
+  FCellClasses["C_BG_TEAL"] = "c-teal-bg";
+  FCellClasses["C_BG_WARNING"] = "c-warning-bg";
+  FCellClasses["C_CENTERED"] = "c-centered";
+  FCellClasses["C_FITTED"] = "c-fitted";
+  FCellClasses["C_PADDED"] = "c-padded";
+  FCellClasses["C_PADDED_HOR"] = "c-padded-hor";
+  FCellClasses["C_PADDED_VER"] = "c-padded-ver";
+  FCellClasses["C_ROUND"] = "c-round";
+  FCellClasses["C_RIGHT_ALIGNED"] = "c-right-aligned";
+  FCellClasses["C_SHAPED"] = "c-shaped";
+  FCellClasses["C_TEXT_VERTICAL"] = "c-vertical-text";
+  FCellClasses["CLICKABLE"] = "clickable";
+  FCellClasses["HOVER_DISPLAY"] = "display-on-hover";
+  FCellClasses["HOVER_EXPAND"] = "expand-on-hover";
+  FCellClasses["HOVER_REDUCE"] = "reduce-on-hover";
+  FCellClasses["INDICATOR_TOPRIGHT"] = "top-right-indicator";
+  FCellClasses["LINK"] = "link";
+  FCellClasses["MONOSPACE"] = "monospace";
+  FCellClasses["OBJ"] = "obj";
+  FCellClasses["SHAPED"] = "shaped";
+  FCellClasses["TEXT_DANGER"] = "danger-text";
+  FCellClasses["TEXT_INFO"] = "info-text";
+  FCellClasses["TEXT_PRIMARY"] = "primary-text";
+  FCellClasses["TEXT_PURPLE"] = "purple-text";
+  FCellClasses["TEXT_SECONDARY"] = "secondary-text";
+  FCellClasses["TEXT_STRONG"] = "strong-text";
+  FCellClasses["TEXT_SUCCESS"] = "success-text";
+  FCellClasses["TEXT_WARNING"] = "warning-text";
+  FCellClasses["UNDERLINED"] = "underlined";
+})(exports.FCellClasses || (exports.FCellClasses = {}));
+/**
+ * Supported cell shapes.
+ */
+var FCellShapes;
+(function (FCellShapes) {
+  FCellShapes["AUTOCOMPLETE"] = "ACP";
+  FCellShapes["BUTTON_LIST"] = "BTN";
+  FCellShapes["CHART"] = "GRA";
+  FCellShapes["CHECKBOX"] = "CHK";
+  FCellShapes["CHIP"] = "CHI";
+  FCellShapes["COLOR_PICKER"] = "CLP";
+  FCellShapes["COMBOBOX"] = "CMB";
+  FCellShapes["EDITOR"] = "EDT";
+  FCellShapes["GAUGE"] = "GAU";
+  FCellShapes["IMAGE"] = "IMG";
+  FCellShapes["KNOB"] = "KNB";
+  FCellShapes["PROGRESS_BAR"] = "PGB";
+  FCellShapes["RADIO"] = "RAD";
+  FCellShapes["RATING"] = "RTG";
+  FCellShapes["SWITCH"] = "SWT";
+  FCellShapes["TEXT_FIELD"] = "ITX";
+})(FCellShapes || (FCellShapes = {}));
+/**
+ * Supported cell types.
+ */
+exports.FCellTypes = void 0;
+(function (FCellTypes) {
+  FCellTypes["AUTOCOMPLETE"] = "autocomplete";
+  FCellTypes["BAR"] = "bar";
+  FCellTypes["BUTTON"] = "button";
+  FCellTypes["BUTTON_LIST"] = "button-list";
+  FCellTypes["CHART"] = "chart";
+  FCellTypes["CHECKBOX"] = "checkbox";
+  FCellTypes["CHIP"] = "chips";
+  FCellTypes["COLOR_PICKER"] = "color-picker";
+  FCellTypes["COMBOBOX"] = "combobox";
+  FCellTypes["DATE"] = "date";
+  FCellTypes["DATETIME"] = "datetime";
+  FCellTypes["EDITOR"] = "editor";
+  FCellTypes["GAUGE"] = "gauge";
+  FCellTypes["ICON"] = "icon";
+  FCellTypes["IMAGE"] = "image";
+  FCellTypes["KNOB"] = "knob";
+  FCellTypes["LINK"] = "link";
+  FCellTypes["NUMBER"] = "number";
+  FCellTypes["PROGRESS_BAR"] = "progress-bar";
+  FCellTypes["RADIO"] = "radio";
+  FCellTypes["RATING"] = "rating";
+  FCellTypes["STRING"] = "string";
+  FCellTypes["SWITCH"] = "switch";
+  FCellTypes["TIME"] = "time";
+})(exports.FCellTypes || (exports.FCellTypes = {}));
+const editableTypes = [
+  exports.FCellTypes.AUTOCOMPLETE,
+  exports.FCellTypes.CHECKBOX,
+  exports.FCellTypes.COLOR_PICKER,
+  exports.FCellTypes.COMBOBOX,
+  exports.FCellTypes.DATE,
+  exports.FCellTypes.NUMBER,
+  exports.FCellTypes.RATING,
+  exports.FCellTypes.STRING,
+  exports.FCellTypes.SWITCH,
+  exports.FCellTypes.TIME,
+];
+const kupTypes = [
+  exports.FCellTypes.BAR,
+  exports.FCellTypes.BUTTON,
+  exports.FCellTypes.BUTTON_LIST,
+  exports.FCellTypes.CHART,
+  exports.FCellTypes.CHIP,
+  exports.FCellTypes.COLOR_PICKER,
+  exports.FCellTypes.GAUGE,
+  exports.FCellTypes.KNOB,
+  exports.FCellTypes.PROGRESS_BAR,
+  exports.FCellTypes.RADIO,
+  exports.FCellTypes.RATING,
+];
+
 const dom$4 = document.documentElement;
 /**
  * Handles data operations.
@@ -6119,6 +6408,99 @@ class KupData {
       replace(dataset, cell, columns) {
         return replaceCell(dataset, cell, columns);
       },
+      getType(cell, shape) {
+        const obj = cell.obj;
+        if (shape) {
+          switch (shape.toUpperCase()) {
+            case FCellShapes.AUTOCOMPLETE:
+              return exports.FCellTypes.AUTOCOMPLETE;
+            case FCellShapes.BUTTON_LIST:
+              return exports.FCellTypes.BUTTON_LIST;
+            case FCellShapes.CHART:
+              return exports.FCellTypes.CHART;
+            case FCellShapes.CHECKBOX:
+              return exports.FCellTypes.CHECKBOX;
+            case FCellShapes.CHIP:
+              return exports.FCellTypes.CHIP;
+            case FCellShapes.COLOR_PICKER:
+              return exports.FCellTypes.COLOR_PICKER;
+            case FCellShapes.COMBOBOX:
+              return exports.FCellTypes.COMBOBOX;
+            case FCellShapes.EDITOR:
+              return exports.FCellTypes.EDITOR;
+            case FCellShapes.GAUGE:
+              return exports.FCellTypes.GAUGE;
+            case FCellShapes.IMAGE:
+              return exports.FCellTypes.IMAGE;
+            case FCellShapes.KNOB:
+              return exports.FCellTypes.KNOB;
+            case FCellShapes.PROGRESS_BAR:
+              return exports.FCellTypes.PROGRESS_BAR;
+            case FCellShapes.RADIO:
+              return exports.FCellTypes.RADIO;
+            case FCellShapes.RATING:
+              return exports.FCellTypes.RATING;
+            case FCellShapes.SWITCH:
+              return exports.FCellTypes.SWITCH;
+            case FCellShapes.TEXT_FIELD:
+              return exports.FCellTypes.STRING;
+          }
+        }
+        if (dom$4.ketchup.objects.isBar(obj)) {
+          return exports.FCellTypes.BAR;
+        }
+        else if (dom$4.ketchup.objects.isButton(obj)) {
+          return exports.FCellTypes.BUTTON;
+        }
+        else if (dom$4.ketchup.objects.isChart(obj)) {
+          return exports.FCellTypes.CHART;
+        }
+        else if (dom$4.ketchup.objects.isCheckbox(obj)) {
+          return exports.FCellTypes.CHECKBOX;
+        }
+        else if (dom$4.ketchup.objects.isColor(obj)) {
+          return exports.FCellTypes.COLOR_PICKER;
+        }
+        else if (dom$4.ketchup.objects.isIcon(obj)) {
+          return exports.FCellTypes.ICON;
+        }
+        else if (dom$4.ketchup.objects.isImage(obj)) {
+          return exports.FCellTypes.IMAGE;
+        }
+        else if (dom$4.ketchup.objects.isLink(obj)) {
+          return exports.FCellTypes.LINK;
+        }
+        else if (dom$4.ketchup.objects.isProgressBar(obj)) {
+          return exports.FCellTypes.PROGRESS_BAR;
+        }
+        else if (dom$4.ketchup.objects.isRadio(obj)) {
+          return exports.FCellTypes.RADIO;
+        }
+        else if (dom$4.ketchup.objects.isSwitch(obj)) {
+          return exports.FCellTypes.SWITCH;
+        }
+        else if (dom$4.ketchup.objects.isKupObjList(obj)) {
+          return exports.FCellTypes.CHIP;
+        }
+        else if (dom$4.ketchup.objects.isNumber(obj)) {
+          return exports.FCellTypes.NUMBER;
+        }
+        else if (dom$4.ketchup.objects.isDate(obj)) {
+          return exports.FCellTypes.DATE;
+        }
+        else if (dom$4.ketchup.objects.isTimestamp(obj)) {
+          return exports.FCellTypes.DATETIME;
+        }
+        else if (dom$4.ketchup.objects.isTime(obj)) {
+          return exports.FCellTypes.TIME;
+        }
+        else if (dom$4.ketchup.objects.isVoCodver(obj)) {
+          return exports.FCellTypes.ICON;
+        }
+        else {
+          return exports.FCellTypes.STRING;
+        }
+      },
     };
     this.column = {
       find(dataset, filters) {
@@ -6132,9 +6514,23 @@ class KupData {
       },
     };
     this.node = {
+      getDrilldownInfo(nodes) {
+        return getDrilldownInfoNode(nodes);
+      },
       getParent(nodes, child) {
         return getParentNode(nodes, child);
       },
+      find(nodes, treeNodePath) {
+        return getNodeByPath(nodes, treeNodePath);
+      },
+      findByStrTreeNodePath(nodes, treeNodePath) {
+        const split = treeNodePath.split(',');
+        const path = [];
+        for (let i = 0; i < split.length; i++) {
+          path.push(Number(split[i]));
+        }
+        return getNodeByPath(nodes, path);
+      },
       remove(nodes, node2remove) {
         return removeNode(nodes, node2remove);
       },
@@ -16689,8 +17085,11 @@ exports.FixedCellsCSSVarsBase = FixedCellsCSSVarsBase;
 exports.FixedCellsClasses = FixedCellsClasses;
 exports.KupDates = KupDates;
 exports.KupObjects = KupObjects;
+exports.autoCenterComps = autoCenterComps;
 exports.createCommonjsModule = createCommonjsModule;
+exports.editableTypes = editableTypes;
 exports.fieldColumn = fieldColumn;
+exports.fullWidthFieldsComps = fullWidthFieldsComps;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.iconColumn = iconColumn;
 exports.keyColumn = keyColumn;
@@ -16701,3 +17100,4 @@ exports.kupDraggableRowAttr = kupDraggableRowAttr;
 exports.kupDropEvent = kupDropEvent;
 exports.kupDynamicPositionAttribute = kupDynamicPositionAttribute;
 exports.kupManagerInstance = kupManagerInstance;
+exports.kupTypes = kupTypes;