@adcops/autocore-react 3.3.9 → 3.3.14

package/src/themes/theme-base/components/panel/_tabview.scss

@@ -1,147 +1,147 @@
-//core
-.p-tabview-nav-container {
-    position: relative;
-}
-
-.p-tabview-scrollable .p-tabview-nav-container {
-    overflow: hidden;
-}
-
-.p-tabview-nav-content {
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-behavior: smooth;
-    scrollbar-width: none;
-    overscroll-behavior: contain auto;
-    position: relative;
-}
-
-.p-tabview-nav {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    flex: 1 1 auto;
-}
-
-.p-tabview-nav-link {
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    align-items: center;
-    position: relative;
-    text-decoration: none;
-    overflow: hidden;
-}
-
-.p-tabview-ink-bar {
-    display: none;
-    z-index: 1;
-}
-
-.p-tabview-nav-link:focus {
-    z-index: 1;
-}
-
-.p-tabview-close {
-    z-index: 1;
-}
-
-.p-tabview-title {
-    line-height: 1;
-    white-space: nowrap;
-}
-
-.p-tabview-nav-btn {
-    position: absolute;
-    top: 0;
-    z-index: 2;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-tabview-nav-prev {
-    left: 0;
-}
-
-.p-tabview-nav-next {
-    right: 0;
-}
-
-.p-tabview-nav-content::-webkit-scrollbar {
-    display: none;
-}
-
-//theme
-.p-tabview {
-    .p-tabview-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
-
-        li {
-            margin-right: $tabviewHeaderSpacing;
-
-            .p-tabview-nav-link {
-                border: $tabviewHeaderBorder;
-                border-width: $tabviewHeaderBorderWidth;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                border-top-right-radius: $borderRadius;
-                border-top-left-radius: $borderRadius;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderTextHoverColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderTextActiveColor;
-                }
-            }
-        }
-    }
-
-    .p-tabview-close {
-        margin-left: $inlineSpacing;
-    }
-    
-    .p-tabview-nav-btn.p-link {
-        background: $tabviewHeaderActiveBg;
-        color: $tabviewHeaderTextActiveColor;
-        width: $buttonIconOnlyWidth;
-        box-shadow: $raisedButtonShadow;
-        border-radius: 0;
-
-        &:focus-visible {
-            @include focused-inset();
-        }
-    }
-
-    .p-tabview-panels {
-        background: $tabviewContentBg;
-        padding: $tabviewContentPadding;
-        border: $tabviewContentBorder;
-        color: $tabviewContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-}
+//core
+.p-tabview-nav-container {
+    position: relative;
+}
+
+.p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+}
+
+.p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+}
+
+.p-tabview-nav {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
+}
+
+.p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
+}
+
+.p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
+}
+
+.p-tabview-nav-link:focus {
+    z-index: 1;
+}
+
+.p-tabview-close {
+    z-index: 1;
+}
+
+.p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
+}
+
+.p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-tabview-nav-prev {
+    left: 0;
+}
+
+.p-tabview-nav-next {
+    right: 0;
+}
+
+.p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
+}
+
+//theme
+.p-tabview {
+    .p-tabview-nav {
+        background: $tabviewNavBg;
+        border: $tabviewNavBorder;
+        border-width: $tabviewNavBorderWidth;
+
+        li {
+            margin-right: $tabviewHeaderSpacing;
+
+            .p-tabview-nav-link {
+                border: $tabviewHeaderBorder;
+                border-width: $tabviewHeaderBorderWidth;
+                border-color: $tabviewHeaderBorderColor;
+                background: $tabviewHeaderBg;
+                color: $tabviewHeaderTextColor;
+                padding: $tabviewHeaderPadding;
+                font-weight: $tabviewHeaderFontWeight;
+                border-top-right-radius: $borderRadius;
+                border-top-left-radius: $borderRadius;
+                transition: $listItemTransition;
+                margin: $tabviewHeaderMargin;
+
+                &:not(.p-disabled):focus-visible {
+                    @include focused-inset();
+                }
+            }
+
+            &:not(.p-highlight):not(.p-disabled):hover {
+                .p-tabview-nav-link {
+                    background: $tabviewHeaderHoverBg;
+                    border-color: $tabviewHeaderHoverBorderColor;
+                    color: $tabviewHeaderTextHoverColor;
+                }
+            }
+
+            &.p-highlight {
+                .p-tabview-nav-link {
+                    background: $tabviewHeaderActiveBg;
+                    border-color: $tabviewHeaderActiveBorderColor;
+                    color: $tabviewHeaderTextActiveColor;
+                }
+            }
+        }
+    }
+
+    .p-tabview-close {
+        margin-left: $inlineSpacing;
+    }
+    
+    .p-tabview-nav-btn.p-link {
+        background: $tabviewHeaderActiveBg;
+        color: $tabviewHeaderTextActiveColor;
+        width: $buttonIconOnlyWidth;
+        box-shadow: $raisedButtonShadow;
+        border-radius: 0;
+
+        &:focus-visible {
+            @include focused-inset();
+        }
+    }
+
+    .p-tabview-panels {
+        background: $tabviewContentBg;
+        padding: $tabviewContentPadding;
+        border: $tabviewContentBorder;
+        color: $tabviewContentTextColor;
+        border-bottom-right-radius: $borderRadius;
+        border-bottom-left-radius: $borderRadius;
+    }
+}

package/src/themes/theme-base/components/panel/_toolbar.scss

@@ -1,11 +1,11 @@
-.p-toolbar {
-    background: $panelHeaderBg;
-    border: $panelHeaderBorder;
-    padding: $panelHeaderPadding;
-    border-radius: $borderRadius;
-    gap: $inlineSpacing;
-
-    .p-toolbar-separator {
-        margin: 0 $inlineSpacing;
-    }
-}
+.p-toolbar {
+    background: $panelHeaderBg;
+    border: $panelHeaderBorder;
+    padding: $panelHeaderPadding;
+    border-radius: $borderRadius;
+    gap: $inlineSpacing;
+
+    .p-toolbar-separator {
+        margin: 0 $inlineSpacing;
+    }
+}

package/terser.config.cjs

@@ -1,25 +1,25 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-15 09:43:10
- * Author: Thomas C. Bitsky Jr.
- * -----
- * Last Modified: 2024-01-15 10:11:50
- * Modified By: Thomas C. Bitsky Jr.
- * -----
- * 
- */
-
-
-
-module.exports = {
-    compress: {
-        drop_console: true, // Remove console statements (optional)
-        warnings: false,   // Suppress warnings (optional)
-        keep_fnames: true, // Preserve function names for better debugging
-        keep_fargs: true,  // Preserve function arguments for better hinting
-    },
-    mangle: true,
-    format: {
-      comments: /@preserve|@license|@cc_on|^!|^\*!|^\*\*!/,
-    },    
-};
+/*
+ * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2024-01-15 09:43:10
+ * Author: Thomas C. Bitsky Jr.
+ * -----
+ * Last Modified: 2024-01-15 10:11:50
+ * Modified By: Thomas C. Bitsky Jr.
+ * -----
+ * 
+ */
+
+
+
+module.exports = {
+    compress: {
+        drop_console: true, // Remove console statements (optional)
+        warnings: false,   // Suppress warnings (optional)
+        keep_fnames: true, // Preserve function names for better debugging
+        keep_fargs: true,  // Preserve function arguments for better hinting
+    },
+    mangle: true,
+    format: {
+      comments: /@preserve|@license|@cc_on|^!|^\*!|^\*\*!/,
+    },    
+};

package/todo.md

@@ -1,18 +1,18 @@
-# TODO
-
-## Integration
-- [x] Hub class to route to and from the back end
-- -[x] The Hub should also be the dispatcher. I can't think of a reason they should be separate.
-- [x] Wrapper to link any control and one of its properties or methods to a signal from the backend
-- - [x] update value from a topic
-- - [ ] write topic and callback for accepted value
-
-## Controls
-- [ ] Alarm List Dialog
-- [ ] Alarm List Widget
-- [ ] Settings view
-- [-] JoyPad widget
-- [-] On-screen keyboard (based on https://github.com/hodgef/simple-keyboard)
-- - [-] Num pad
-- - [-] Text input
-
+# TODO
+
+## Integration
+- [x] Hub class to route to and from the back end
+- -[x] The Hub should also be the dispatcher. I can't think of a reason they should be separate.
+- [x] Wrapper to link any control and one of its properties or methods to a signal from the backend
+- - [x] update value from a topic
+- - [ ] write topic and callback for accepted value
+
+## Controls
+- [ ] Alarm List Dialog
+- [ ] Alarm List Widget
+- [ ] Settings view
+- [-] JoyPad widget
+- [-] On-screen keyboard (based on https://github.com/hodgef/simple-keyboard)
+- - [-] Num pad
+- - [-] Text input
+

package/tools/build-themes.cjs

@@ -1,66 +1,66 @@
-/*
- * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2025-07-15 15:05:23
- * -----
- * Last Modified: 2025-07-16 07:33:11
- * -----
- * 
- */
-
-
-const { execSync } = require('child_process');
-const path = require('path');
-const fs = require('fs');
-
-/**
- * 
- * @param {*} input_file Relative path to the source sass file.
- * @param {*} output_file Relative path to the destination file
- */
-function build_theme(input_file, output_file) {
-
-    // Define absolute paths for input and output files for reliability
-    const inputFile = path.resolve(__dirname, input_file);
-    const outputFile = path.resolve(__dirname, output_file);
-
-
-    // Get the directory of the output file
-    const outputDir = path.dirname(outputFile);
-
-    try {
-        // 1. Ensure the output directory exists.
-        // The `recursive: true` option creates parent directories if they don't exist.
-        if (!fs.existsSync(outputDir)) {
-            fs.mkdirSync(outputDir, { recursive: true });
-            console.log(`Created directory: ${outputDir}`);
-        }
-
-        // 2. Construct the sass build command.
-        // We use npx to ensure the locally installed sass package is used.
-        const command = `npx sass ${inputFile} ${outputFile}`;
-
-        console.log(`Executing: ${command}`);
-
-        // 3. Execute the command.
-        // `stdio: 'inherit'` pipes the output (and errors) to the current terminal.
-        execSync(command, { stdio: 'inherit' });
-
-        console.log('✅ AutoCore theme built successfully!');
-
-    } catch (error) {
-        console.error('❌ Failed to build AutoCore theme.');
-        // Exit the process with an error code to stop the entire build chain if this fails.
-        process.exit(1);
-    }    
-
-}
-
-
-
-console.log('Building custom AutoCore theme...');
-
-//
-// List the themes to include in the distribution below.
-//
-
+/*
+ * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2025-07-15 15:05:23
+ * -----
+ * Last Modified: 2025-07-16 07:33:11
+ * -----
+ * 
+ */
+
+
+const { execSync } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+
+/**
+ * 
+ * @param {*} input_file Relative path to the source sass file.
+ * @param {*} output_file Relative path to the destination file
+ */
+function build_theme(input_file, output_file) {
+
+    // Define absolute paths for input and output files for reliability
+    const inputFile = path.resolve(__dirname, input_file);
+    const outputFile = path.resolve(__dirname, output_file);
+
+
+    // Get the directory of the output file
+    const outputDir = path.dirname(outputFile);
+
+    try {
+        // 1. Ensure the output directory exists.
+        // The `recursive: true` option creates parent directories if they don't exist.
+        if (!fs.existsSync(outputDir)) {
+            fs.mkdirSync(outputDir, { recursive: true });
+            console.log(`Created directory: ${outputDir}`);
+        }
+
+        // 2. Construct the sass build command.
+        // We use npx to ensure the locally installed sass package is used.
+        const command = `npx sass ${inputFile} ${outputFile}`;
+
+        console.log(`Executing: ${command}`);
+
+        // 3. Execute the command.
+        // `stdio: 'inherit'` pipes the output (and errors) to the current terminal.
+        execSync(command, { stdio: 'inherit' });
+
+        console.log('✅ AutoCore theme built successfully!');
+
+    } catch (error) {
+        console.error('❌ Failed to build AutoCore theme.');
+        // Exit the process with an error code to stop the entire build chain if this fails.
+        process.exit(1);
+    }    
+
+}
+
+
+
+console.log('Building custom AutoCore theme...');
+
+//
+// List the themes to include in the distribution below.
+//
+
 build_theme('../src/themes/adc-dark/blue/adc_theme.scss', '../dist/themes/adc-dark/blue/theme.css');