overview-components 1.1.62 → 1.1.64

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

@@ -460,7 +460,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 +496,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
         });
@@ -876,12 +876,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 +890,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 +905,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 +923,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 +939,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 +998,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 +1018,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 +1031,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 +1042,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 +1066,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 +1084,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 +1101,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 +1121,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 +1134,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 +1145,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 +1196,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 +1242,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 +1253,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 +1264,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 +1291,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 +1324,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 +1338,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 +1352,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 +1361,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 +1372,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 +1383,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 +1410,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 +1440,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 +1451,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 +1477,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 +1510,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 +1524,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',