overview-components 1.1.63 → 1.1.65

package/dist/components/lit-case-variables-tab.js

@@ -46,7 +46,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     constructor() {
         super(...arguments);
         this.rows = [];
-        this.data = {};
+        this.variables = [];
         this.hideTabWhen = false;
         this.userLang = 'cs';
         this.dateFormat = null;
@@ -368,33 +368,24 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         };
     }
     getOperatorOptionsForCell(cell) {
+        // Map Cell type to FieldType for operators
         let variableType = 'string'; // default type
-        // Get the variable type from the original data source
-        const variableKey = cell.field;
-        const variableData = this.data?.[variableKey];
-        if (variableData) {
-            // Check if the variable data has ivar_type property
-            const ivarType = variableData.ivar_type || variableData.tvar_type;
-            if (ivarType) {
-                // Map variable types to FieldType for operators using IvarType enum
-                switch (ivarType) {
-                    case IvarType.NUMBER:
-                    case IvarType.LIST_NUMBER:
-                        variableType = 'number';
-                        break;
-                    case IvarType.DATE:
-                    case IvarType.LIST_DATE:
-                        variableType = 'date';
-                        break;
-                    case IvarType.TEXT:
-                    case IvarType.LIST_TEXT:
-                    case IvarType.DYNAMIC_LIST:
-                    case IvarType.DYNAMIC_TABLE:
-                    case IvarType.DYNAMIC_ROWS:
-                    default:
-                        variableType = 'string';
-                        break;
-                }
+        if (cell.type) {
+            switch (cell.type) {
+                case 'number':
+                case 'currency':
+                case 'progress':
+                    variableType = 'number';
+                    break;
+                case 'date':
+                    variableType = 'date';
+                    break;
+                case 'string':
+                case 'button':
+                case 'link':
+                default:
+                    variableType = 'string';
+                    break;
             }
         }
         return getOperatorsByColumnType(variableType).map((op) => ({
@@ -404,32 +395,23 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     }
     getDefaultOperatorForCell(cell) {
         let variableType = 'string'; // default type
-        // Get the variable type from the original data source
-        const variableKey = cell.field;
-        const variableData = this.data?.[variableKey];
-        if (variableData) {
-            // Check if the variable data has ivar_type property
-            const ivarType = variableData.ivar_type || variableData.tvar_type;
-            if (ivarType) {
-                // Map variable types to FieldType for operators using IvarType enum
-                switch (ivarType) {
-                    case IvarType.NUMBER:
-                    case IvarType.LIST_NUMBER:
-                        variableType = 'number';
-                        break;
-                    case IvarType.DATE:
-                    case IvarType.LIST_DATE:
-                        variableType = 'date';
-                        break;
-                    case IvarType.TEXT:
-                    case IvarType.LIST_TEXT:
-                    case IvarType.DYNAMIC_LIST:
-                    case IvarType.DYNAMIC_TABLE:
-                    case IvarType.DYNAMIC_ROWS:
-                    default:
-                        variableType = 'string';
-                        break;
-                }
+        // Map Cell type to FieldType for operators
+        if (cell.type) {
+            switch (cell.type) {
+                case 'number':
+                case 'currency':
+                case 'progress':
+                    variableType = 'number';
+                    break;
+                case 'date':
+                    variableType = 'date';
+                    break;
+                case 'string':
+                case 'button':
+                case 'link':
+                default:
+                    variableType = 'string';
+                    break;
             }
         }
         return getDefaultOperator(variableType);
@@ -460,7 +442,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Add new operator binding with updated options
         const operatorInput = folder.addBinding(config, 'conditionOperator', {
             view: 'list',
-            label: 'Operator',
+            label: msg('Operátor'),
             options: newOperatorOptions,
             index: insertIndex >= 0 ? insertIndex : undefined, // Insert at same position if possible
         });
@@ -496,7 +478,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Add new operator binding with updated options
         const hideOperatorInput = folder.addBinding(config, 'hideConditionOperator', {
             view: 'list',
-            label: 'Operator',
+            label: msg('Operátor'),
             options: newOperatorOptions,
             index: insertIndex >= 0 ? insertIndex : undefined, // Insert at same position if possible
         });
@@ -593,32 +575,6 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         this.handleSettingsChanged(this.rows);
     }
-    getAvailableVariables(excludeField) {
-        const variables = [];
-        // Add variables from current rows (excluding the current cell)
-        this.rows.forEach((cell) => {
-            if (cell.field !== excludeField) {
-                variables.push({
-                    text: cell.headerName || cell.field,
-                    value: cell.field,
-                });
-            }
-        });
-        // Add variables from data object (that are not in current rows)
-        const existingFields = this.rows.map((cell) => cell.field);
-        Object.keys(this.data || {}).forEach((key) => {
-            if (key !== excludeField && !existingFields.includes(key)) {
-                const item = this.data[key];
-                const lang = this.userLang || 'cs';
-                const name = item?.[`tvar_name_${lang}`] || item?.tvar_name_cs || key;
-                variables.push({
-                    text: name,
-                    value: key,
-                });
-            }
-        });
-        return variables.sort((a, b) => a.text.localeCompare(b.text));
-    }
     getAllAvailableVariables() {
         const variables = [];
         // Add variables from current rows (including all cells)
@@ -628,16 +584,15 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
                 value: cell.field,
             });
         });
-        // Add variables from data object (that are not in current rows)
+        // Add variables from variables array (that are not in current rows)
         const existingFields = this.rows.map((cell) => cell.field);
-        Object.keys(this.data || {}).forEach((key) => {
-            if (!existingFields.includes(key)) {
-                const item = this.data[key];
+        this.variables.forEach((variable) => {
+            if (!existingFields.includes(variable.field)) {
                 const lang = this.userLang || 'cs';
-                const name = item?.[`tvar_name_${lang}`] || item?.tvar_name_cs || key;
+                const name = variable[`tvar_name_${lang}`] || variable.tvar_name_cs || variable.field;
                 variables.push({
                     text: name,
-                    value: key,
+                    value: variable.field,
                 });
             }
         });
@@ -876,12 +831,12 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
             // Desktop size input
             const desktopSizeInput = pane.addBinding(config, 'size', {
                 view: 'list',
-                label: 'Desktop Size',
+                label: msg('Velikost desktop'),
                 options: [
-                    { text: '1 Column', value: 1 },
-                    { text: '2 Columns', value: 2 },
-                    { text: '3 Columns', value: 3 },
-                    { text: '4 Columns', value: 4 },
+                    { text: msg('1 sloupec'), value: 1 },
+                    { text: msg('2 sloupce'), value: 2 },
+                    { text: msg('3 sloupce'), value: 3 },
+                    { text: msg('4 sloupce'), value: 4 },
                 ],
             });
             desktopSizeInput.on('change', (ev) => {
@@ -890,12 +845,12 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
             // Mobile size input
             const mobileSizeInput = pane.addBinding(config, 'mobileSize', {
                 view: 'list',
-                label: 'Mobile Size',
+                label: msg('Velikost mobil'),
                 options: [
-                    { text: '1 Column', value: 1 },
-                    { text: '2 Columns', value: 2 },
-                    { text: '3 Columns', value: 3 },
-                    { text: '4 Columns', value: 4 },
+                    { text: msg('1 sloupec'), value: 1 },
+                    { text: msg('2 sloupce'), value: 2 },
+                    { text: msg('3 sloupce'), value: 3 },
+                    { text: msg('4 sloupce'), value: 4 },
                 ],
             });
             mobileSizeInput.on('change', (ev) => {
@@ -905,15 +860,15 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Add cell type control - at the top
         const cellTypeInput = pane.addBinding(config, 'cellType', {
             view: 'list',
-            label: 'Cell Type',
+            label: msg('Typ buňky'),
             options: [
-                { text: 'String', value: 'string' },
-                { text: 'Button', value: 'button' },
-                { text: 'Link', value: 'link' },
-                { text: 'Date', value: 'date' },
-                { text: 'Currency', value: 'currency' },
-                { text: 'Progress', value: 'progress' },
-                { text: 'Number', value: 'number' },
+                { text: msg('Text'), value: 'string' },
+                { text: msg('Tlačítko'), value: 'button' },
+                { text: msg('Odkaz'), value: 'link' },
+                { text: msg('Datum'), value: 'date' },
+                { text: msg('Měna'), value: 'currency' },
+                { text: msg('Progress'), value: 'progress' },
+                { text: msg('Číslo'), value: 'number' },
             ],
         });
         cellTypeInput.on('change', (ev) => {
@@ -923,14 +878,14 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         const isCustomCell = cell.field.startsWith('custom_cell_');
         if (isCustomCell) {
             const headerNameInput = pane.addBinding(config, 'headerName', {
-                label: 'Cell Header',
+                label: msg('Záhlaví buňky'),
             });
             headerNameInput.on('change', (ev) => {
                 this.setCellHeaderName(cell, ev.value);
             });
             // Add cell value control for custom cells
             const cellValueInput = pane.addBinding(config, 'cellValue', {
-                label: 'Cell Value',
+                label: msg('Hodnota buňky'),
                 multiline: cell.type === 'string',
             });
             cellValueInput.on('change', (ev) => {
@@ -939,22 +894,22 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         }
         // Add cell variant control - common for all types
         const cellVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const cellVariantInput = pane.addBinding(config, 'cellVariant', {
             view: 'list',
-            label: 'Cell Style',
+            label: msg('Styl buňky'),
             options: cellVariantOptions,
         });
         // Add CSS input for custom styles (always present but controlled by visibility)
         const cssInput = pane.addBinding(config, 'customCSS', {
-            label: 'Cell CSS',
+            label: msg('CSS buňky'),
             multiline: true,
             rows: 4,
         });
@@ -998,12 +953,12 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         this.addCellTypeSpecificControls(pane, config, cell);
         // Add conditional formatting section
         const conditionFolder = pane.addFolder({
-            title: 'Conditional Cell Formatting',
+            title: msg('Podmíněné formátování buněk'),
             expanded: false,
         });
         // Enable/disable conditional formatting
         const conditionEnabledInput = conditionFolder.addBinding(config, 'conditionEnabled', {
-            label: 'Enable Conditions',
+            label: msg('Povolit podmínky'),
         });
         conditionEnabledInput.on('change', (ev) => {
             this.setConditionalFormatting(cell, 'enabled', ev.value);
@@ -1018,7 +973,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
             }
             const conditionVariableInput = conditionFolder.addBinding(config, 'conditionVariable', {
                 view: 'list',
-                label: 'Variable',
+                label: msg('Proměnná'),
                 options: variableOptions,
             });
             conditionVariableInput.on('change', (ev) => {
@@ -1031,7 +986,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         const operatorOptions = this.getOperatorOptionsForCell(cell);
         const operatorInput = conditionFolder.addBinding(config, 'conditionOperator', {
             view: 'list',
-            label: 'Operator',
+            label: msg('Operátor'),
             options: operatorOptions,
         });
         operatorInput.on('change', (ev) => {
@@ -1042,23 +997,23 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         this.operatorInputs.set(operatorKey, operatorInput);
         // Condition value - text input for comparison value
         const conditionValueInput = conditionFolder.addBinding(config, 'conditionValue', {
-            label: 'Value',
+            label: msg('Hodnota'),
         });
         conditionValueInput.on('change', (ev) => {
             this.setConditionalFormatting(cell, 'value', ev.value);
         });
         // Conditional Cell Variant
         const conditionCellVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
         ];
         const conditionCellVariantInput = conditionFolder.addBinding(config, 'conditionCellVariant', {
             view: 'list',
-            label: 'Cell Style',
+            label: msg('Styl buňky'),
             options: conditionCellVariantOptions,
         });
         conditionCellVariantInput.on('change', (ev) => {
@@ -1066,16 +1021,16 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Conditional Value Variant
         const conditionValueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
         ];
         const conditionValueVariantInput = conditionFolder.addBinding(config, 'conditionValueVariant', {
             view: 'list',
-            label: 'Value Color',
+            label: msg('Barva hodnoty'),
             options: conditionValueVariantOptions,
         });
         conditionValueVariantInput.on('change', (ev) => {
@@ -1084,15 +1039,15 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Conditional Progress Color (only for progress type)
         if (cell.type === 'progress') {
             const conditionProgressColorOptions = [
-                { text: 'Primary', value: 'primary' },
-                { text: 'Success', value: 'success' },
-                { text: 'Warning', value: 'warning' },
-                { text: 'Error', value: 'error' },
-                { text: 'Info', value: 'info' },
+                { text: msg('Primární'), value: 'primary' },
+                { text: msg('Úspěch'), value: 'success' },
+                { text: msg('Varování'), value: 'warning' },
+                { text: msg('Chyba'), value: 'error' },
+                { text: msg('Informace'), value: 'info' },
             ];
             const conditionProgressColorInput = conditionFolder.addBinding(config, 'conditionProgressColor', {
                 view: 'list',
-                label: 'Progress Color',
+                label: msg('Barva Progressu'),
                 options: conditionProgressColorOptions,
             });
             conditionProgressColorInput.on('change', (ev) => {
@@ -1101,12 +1056,12 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         }
         // Add conditional hide section
         const hideFolder = pane.addFolder({
-            title: 'Conditional Hide Cell',
+            title: msg('Podmíněné skrytí buněk'),
             expanded: false,
         });
         // Enable/disable conditional hide
         const hideConditionEnabledInput = hideFolder.addBinding(config, 'hideConditionEnabled', {
-            label: 'Enable Hide Conditions',
+            label: msg('Povolit podmínky skrytí'),
         });
         hideConditionEnabledInput.on('change', (ev) => {
             this.setHideCondition(cell, 'enabled', ev.value);
@@ -1121,7 +1076,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
             }
             const hideConditionVariableInput = hideFolder.addBinding(config, 'hideConditionVariable', {
                 view: 'list',
-                label: 'Variable',
+                label: msg('Proměnná'),
                 options: hideVariableOptions,
             });
             hideConditionVariableInput.on('change', (ev) => {
@@ -1134,7 +1089,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         const hideOperatorOptions = this.getOperatorOptionsForCell(cell);
         const hideOperatorInput = hideFolder.addBinding(config, 'hideConditionOperator', {
             view: 'list',
-            label: 'Operator',
+            label: msg('Operátor'),
             options: hideOperatorOptions,
         });
         hideOperatorInput.on('change', (ev) => {
@@ -1145,13 +1100,13 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         this.hideOperatorInputs.set(hideOperatorKey, hideOperatorInput);
         // Hide condition value - text input for comparison value
         const hideConditionValueInput = hideFolder.addBinding(config, 'hideConditionValue', {
-            label: 'Value',
+            label: msg('Hodnota'),
         });
         hideConditionValueInput.on('change', (ev) => {
             this.setHideCondition(cell, 'value', ev.value);
         });
         // Add delete button
-        const deleteBtn = pane.addButton({ title: 'Delete Cell' });
+        const deleteBtn = pane.addButton({ title: msg('Smazat buňku') });
         deleteBtn.on('click', () => {
             this.removeCellFromRows(cell.field);
             this.closeSettingsPopper();
@@ -1196,33 +1151,33 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     }
     getCellTypeTabTitle(cellType) {
         const typeTitles = {
-            string: 'String Settings',
-            link: 'Link Settings',
-            number: 'Number Settings',
-            button: 'Button Settings',
-            currency: 'Currency Settings',
-            date: 'Date Settings',
-            progress: 'Progress Settings',
+            string: msg('Nastavení textu'),
+            link: msg('Nastavení odkazu'),
+            number: msg('Nastavení čísla'),
+            button: msg('Nastavení tlačítka'),
+            currency: msg('Nastavení měny'),
+            date: msg('Nastavení data'),
+            progress: msg('Nastavení postupu'),
         };
-        return typeTitles[cellType] || 'Cell Settings';
+        return typeTitles[cellType] || msg('Nastavení buňky');
     }
     addStringControls(pane, config, cell) {
         // Value Bold
         const fontInput = pane.addBinding(config, 'fontWeight', {
-            label: 'Value Bold',
+            label: msg('Tučná hodnota'),
         });
         fontInput.on('change', () => {
             this.setFontWeight(cell);
         });
         // Value Variant
         const valueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const valueVariantInput = pane.addBinding(config, 'valueVariant', {
             view: 'list',
@@ -1242,10 +1197,10 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Link Type selector
         const linkTypeInput = pane.addBinding(config, 'linkType', {
             view: 'list',
-            label: 'Link Type',
+            label: msg('Typ odkazu'),
             options: [
-                { text: 'Custom URL', value: 'custom' },
-                { text: 'Case Variable', value: 'case' },
+                { text: msg('Vlastní URL'), value: 'custom' },
+                { text: msg('Proměnná případu'), value: 'case' },
             ],
         });
         linkTypeInput.on('change', (ev) => {
@@ -1253,7 +1208,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Custom URL input (shown when linkType is 'custom')
         const hrefInput = pane.addBinding(config, 'href', {
-            label: 'Custom URL',
+            label: msg('Vlastní URL'),
         });
         hrefInput.on('change', (ev) => {
             this.setHref(cell, ev.value);
@@ -1264,7 +1219,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         if (variableOptions.length > 0) {
             linkVariableInput = pane.addBinding(config, 'linkVariable', {
                 view: 'list',
-                label: 'Variable',
+                label: msg('Proměnná'),
                 options: variableOptions,
             });
             linkVariableInput.on('change', (ev) => {
@@ -1291,20 +1246,20 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     addNumberControls(pane, config, cell) {
         // Value Bold
         const fontInput = pane.addBinding(config, 'fontWeight', {
-            label: 'Value Bold',
+            label: msg('Hodnota tučně'),
         });
         fontInput.on('change', () => {
             this.setFontWeight(cell);
         });
         // Value Variant
         const valueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const valueVariantInput = pane.addBinding(config, 'valueVariant', {
             view: 'list',
@@ -1324,12 +1279,12 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Button Variant
         const variantInput = pane.addBinding(config, 'buttonVariant', {
             view: 'list',
-            label: 'Button Variant',
+            label: msg('Varianta tlačítka'),
             options: [
-                { text: 'Contained', value: 'contained' },
-                { text: 'Outlined', value: 'outlined' },
-                { text: 'Text', value: 'text' },
-                { text: 'Dashed', value: 'dashed' },
+                { text: msg('Vyplněné'), value: 'contained' },
+                { text: msg('Ohraničené'), value: 'outlined' },
+                { text: msg('Textové'), value: 'text' },
+                { text: msg('Čárkované'), value: 'dashed' },
             ],
         });
         variantInput.on('change', (ev) => {
@@ -1338,13 +1293,13 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Button Color
         const colorInput = pane.addBinding(config, 'buttonColor', {
             view: 'list',
-            label: 'Button Color',
+            label: msg('Barva tlačítka'),
             options: [
-                { text: 'Primary', value: 'primary' },
-                { text: 'Secondary', value: 'secondary' },
-                { text: 'Error', value: 'error' },
-                { text: 'Warning', value: 'warning' },
-                { text: 'AI', value: 'ai' },
+                { text: msg('Primární'), value: 'primary' },
+                { text: msg('Druhé'), value: 'secondary' },
+                { text: msg('Chyba'), value: 'error' },
+                { text: msg('Varování'), value: 'warning' },
+                { text: msg('AI'), value: 'ai' },
             ],
         });
         colorInput.on('change', (ev) => {
@@ -1352,7 +1307,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Button Full Width
         const fullWidthInput = pane.addBinding(config, 'buttonFullWidth', {
-            label: 'Button Full Width',
+            label: msg('Tlačítko na celou šířku'),
         });
         fullWidthInput.on('change', (ev) => {
             this.setButtonFullWidth(cell, ev.value);
@@ -1361,10 +1316,10 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Link Type selector
         const linkTypeInput = pane.addBinding(config, 'linkType', {
             view: 'list',
-            label: 'Link Type',
+            label: msg('Typ odkazu'),
             options: [
-                { text: 'Custom URL', value: 'custom' },
-                { text: 'Case Variable', value: 'case' },
+                { text: msg('Vlastní URL'), value: 'custom' },
+                { text: msg('Proměnná případu'), value: 'case' },
             ],
         });
         linkTypeInput.on('change', (ev) => {
@@ -1372,7 +1327,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Custom URL input (shown when linkType is 'custom')
         const hrefInput = pane.addBinding(config, 'href', {
-            label: 'Custom URL',
+            label: msg('Vlastní URL'),
         });
         hrefInput.on('change', (ev) => {
             this.setHref(cell, ev.value);
@@ -1383,7 +1338,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         if (variableOptions.length > 0) {
             linkVariableInput = pane.addBinding(config, 'linkVariable', {
                 view: 'list',
-                label: 'Variable',
+                label: msg('Proměnná'),
                 options: variableOptions,
             });
             linkVariableInput.on('change', (ev) => {
@@ -1410,20 +1365,20 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     addCurrencyControls(pane, config, cell) {
         // Value Bold
         const fontInput = pane.addBinding(config, 'fontWeight', {
-            label: 'Value Bold',
+            label: msg('Tučná hodnota'),
         });
         fontInput.on('change', () => {
             this.setFontWeight(cell);
         });
         // Value Variant
         const valueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const valueVariantInput = pane.addBinding(config, 'valueVariant', {
             view: 'list',
@@ -1440,7 +1395,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Number of Decimals
         const decimalInput = pane.addBinding(config, 'numberOfDecimal', {
-            label: 'Number of Decimals',
+            label: msg('Počet desetinných míst'),
             min: 0,
             max: 10,
             step: 1,
@@ -1451,7 +1406,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Currency Type
         const currencyInput = pane.addBinding(config, 'currencyType', {
             view: 'list',
-            label: 'Currency Type',
+            label: msg('Typ měny'),
             options: [
                 { text: 'CZK', value: 'CZK' },
                 { text: 'EUR', value: 'EUR' },
@@ -1477,20 +1432,20 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
     addDateControls(pane, config, cell) {
         // Value Bold
         const fontInput = pane.addBinding(config, 'fontWeight', {
-            label: 'Value Bold',
+            label: msg('Tučná hodnota'),
         });
         fontInput.on('change', () => {
             this.setFontWeight(cell);
         });
         // Value Variant
         const valueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const valueVariantInput = pane.addBinding(config, 'valueVariant', {
             view: 'list',
@@ -1510,13 +1465,13 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Progress Color
         const progressColorInput = pane.addBinding(config, 'progressColor', {
             view: 'list',
-            label: 'Progress Color',
+            label: msg('Barva postupu'),
             options: [
-                { text: 'Primary', value: 'primary' },
-                { text: 'Success', value: 'success' },
-                { text: 'Warning', value: 'warning' },
-                { text: 'Error', value: 'error' },
-                { text: 'Info', value: 'info' },
+                { text: msg('Primární'), value: 'primary' },
+                { text: msg('Úspěch'), value: 'success' },
+                { text: msg('Varování'), value: 'warning' },
+                { text: msg('Chyba'), value: 'error' },
+                { text: msg('Informace'), value: 'info' },
             ],
         });
         progressColorInput.on('change', (ev) => {
@@ -1524,13 +1479,13 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         });
         // Value Variant (for progress text color if needed)
         const valueVariantOptions = [
-            { text: 'Default', value: 'default' },
-            { text: 'Primary', value: 'primary' },
-            { text: 'Success', value: 'success' },
-            { text: 'Warning', value: 'warning' },
-            { text: 'Error', value: 'error' },
-            { text: 'Info', value: 'info' },
-            { text: 'Custom', value: 'custom' },
+            { text: msg('Výchozí'), value: 'default' },
+            { text: msg('Primární'), value: 'primary' },
+            { text: msg('Úspěch'), value: 'success' },
+            { text: msg('Varování'), value: 'warning' },
+            { text: msg('Chyba'), value: 'error' },
+            { text: msg('Informace'), value: 'info' },
+            { text: msg('Vlastní'), value: 'custom' },
         ];
         const valueVariantInput = pane.addBinding(config, 'valueVariant', {
             view: 'list',
@@ -1552,10 +1507,10 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         if (rowCell) {
             return rowCell.value;
         }
-        // Then check in data object
-        const dataItem = this.data?.[fieldName];
-        if (dataItem) {
-            return dataItem.ivar_value;
+        // Then check in variables array
+        const variableItem = this.variables.find((variable) => variable.field === fieldName);
+        if (variableItem) {
+            return variableItem.value || variableItem.ivar_value;
         }
         return '';
     }
@@ -1580,44 +1535,22 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         // Determine field type for proper comparison
         let fieldType = 'string';
         if (fieldCell) {
-            // Try to get ivar_type or tvar_type from data object if available
-            const variableData = this.data?.[variableField];
-            const ivarType = variableData?.ivar_type || variableData?.tvar_type;
-            if (ivarType) {
-                switch (ivarType) {
-                    case IvarType.NUMBER:
-                    case IvarType.LIST_NUMBER:
-                        fieldType = 'number';
-                        break;
-                    case IvarType.DATE:
-                    case IvarType.LIST_DATE:
-                        fieldType = 'date';
-                        break;
-                    case IvarType.TEXT:
-                    case IvarType.LIST_TEXT:
-                    case IvarType.DYNAMIC_LIST:
-                    case IvarType.DYNAMIC_TABLE:
-                    case IvarType.DYNAMIC_ROWS:
-                    default:
-                        fieldType = 'string';
-                        break;
-                }
-            }
-            else {
-                // Map unsupported types to valid FieldType
-                switch (fieldCell.type) {
-                    case 'number':
-                    case 'progress':
-                    case 'currency':
-                        fieldType = 'number';
-                        break;
-                    case 'date':
-                        fieldType = 'date';
-                        break;
-                    default:
-                        fieldType = 'string';
-                        break;
-                }
+            // Use cell.type directly for field type determination
+            switch (fieldCell.type) {
+                case 'number':
+                case 'progress':
+                case 'currency':
+                    fieldType = 'number';
+                    break;
+                case 'date':
+                    fieldType = 'date';
+                    break;
+                case 'string':
+                case 'button':
+                case 'link':
+                default:
+                    fieldType = 'string';
+                    break;
             }
         }
         const variableStr = String(variableValue || '').toLowerCase();
@@ -2078,21 +2011,22 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
             this.removeCellFromRows(key);
         }
         else {
-            const raw = this.data?.[key];
+            const raw = this.variables.find((variable) => variable.field === key);
             if (!raw)
                 return;
             const lang = this.userLang || 'cs';
-            const headerName = raw[`tvar_name_${lang}`] || raw.tvar_name_cs || raw.tvar_name;
-            const tooltip = raw[`tvar_tooltip_${lang}`] || raw.tvar_tooltip_cs || raw.tvar_tooltip;
+            const rawAny = raw;
+            const headerName = rawAny[`tvar_name_${lang}`] || rawAny.tvar_name_cs || rawAny.tvar_name;
+            const tooltip = rawAny[`tvar_tooltip_${lang}`] || rawAny.tvar_tooltip_cs || rawAny.tvar_tooltip;
             let type;
-            if (raw.tvar_type === 'D') {
+            if (rawAny.tvar_type === 'D') {
                 type = 'date';
             }
-            else if (raw.tvar_multi !== 'X' &&
-                (raw.tvar_type === 'N' || raw.tvar_type === 'LN')) {
+            else if (rawAny.tvar_multi !== 'X' &&
+                (rawAny.tvar_type === 'N' || rawAny.tvar_type === 'LN')) {
                 type = 'number';
             }
-            else if (raw.tvar_type === 'progress') {
+            else if (rawAny.tvar_type === 'progress') {
                 type = 'progress';
             }
             else {
@@ -2102,7 +2036,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
                 field: key,
                 type,
                 headerName,
-                value: raw.ivar_value,
+                value: rawAny.ivar_value,
                 size: { xs: 4, sm: 2, md: 1, lg: 1, xl: 1 },
                 tooltip,
             };
@@ -2141,8 +2075,10 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
         if (this.hideTabWhen)
             return null;
         const lang = this.userLang || 'cs';
-        const filteredKeys = Object.keys(this.data || {}).filter((key) => {
-            const item = this.data[key];
+        const filteredKeys = this.variables
+            .map((variable) => variable.field)
+            .filter((key) => {
+            const item = this.variables.find((variable) => variable.field === key);
             const name = item?.[`tvar_name_${lang}`] || key;
             return (key.toLowerCase().includes(this.filterText) ||
                 name.toLowerCase().includes(this.filterText));
@@ -2244,9 +2180,10 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
                                   ></lit-input>
                               </div>
                               <lit-menu tabindex="0">
-                                  ${Object.keys(this.data || {})
+                                  ${this.variables
+                .map((variable) => variable.field)
                 .filter((key) => {
-                const item = this.data[key];
+                const item = this.variables.find((variable) => variable.field === key);
                 const lang = this.userLang || 'cs';
                 const name = item?.[`tvar_name_${lang}`] || key;
                 return (key.toLowerCase().includes(this.filterText) ||
@@ -2278,7 +2215,7 @@ let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
                                                           class="cursor"
                                                           .checked=${this.existingFields.includes(key)}
                                                       ></lit-checkbox>
-                                                      ${this.data?.[key]?.[`tvar_name_${this.userLang}`] || key}
+                                                      ${this.variables.find((variable) => variable.field === key)?.[`tvar_name_${this.userLang}`] || key}
                                                       (${key})
                                                   </span>
                                               </lit-menu-item>
@@ -2527,8 +2464,8 @@ __decorate([
     property({ type: Array })
 ], LitCaseVariablesTab.prototype, "rows", void 0);
 __decorate([
-    property({ type: Object })
-], LitCaseVariablesTab.prototype, "data", void 0);
+    property({ type: Array })
+], LitCaseVariablesTab.prototype, "variables", void 0);
 __decorate([
     property({ type: Boolean })
 ], LitCaseVariablesTab.prototype, "hideTabWhen", void 0);