stkit 17.0.0__py3-none-any.whl

stk/static/js/components/index.js

@@ -0,0 +1,47 @@
+/**
+ * stk Components Registration
+ * Registers all custom components globally on a Vue app
+ */
+
+function registerStkComponents(app) {
+  // Register transition component
+  app.component('transition-expand', TransitionExpand);
+
+  // Register navigation components
+  app.component('vertical-nav-link', VerticalNavLink);
+  app.component('vertical-nav-group', VerticalNavGroup);
+  app.component('vertical-nav-section-title', VerticalNavSectionTitle);
+
+  // Register UI components
+  app.component('notification-dropdown', NotificationDropdown);
+  app.component('theme-switcher', ThemeSwitcher);
+
+  return app;
+}
+
+/**
+ * Helper to resolve which component to use for a nav item
+ */
+function resolveNavComponent(item) {
+  if ('heading' in item) return 'vertical-nav-section-title';
+  if ('children' in item) return 'vertical-nav-group';
+  return 'vertical-nav-link';
+}
+
+/**
+ * Filter navigation items by user role
+ * @param {Array} items - Navigation items
+ * @param {Array} userRoles - User's roles (e.g., ['admin', 'user'])
+ * @returns {Array} Filtered navigation items
+ */
+function filterNavByRole(items, userRoles = []) {
+  // Pure on purpose: this runs inside a computed, so mutating a nav item would
+  // re-trigger that computed forever (Vue 3.5 prod loops instead of warning).
+  return items
+    .filter(item => !item.role || userRoles.includes(item.role))
+    .map(item =>
+      item.children
+        ? { ...item, children: filterNavByRole(item.children, userRoles) }
+        : item
+    );
+}

stk/static/js/config.js

@@ -0,0 +1,150 @@
+/**
+ * stk Framework - Central Configuration
+ * Monochrome brutalist palette
+ */
+
+const config = {
+    // Common Vue settings
+    delimiters: ['${', '}'],
+
+    // Vuetify configuration
+    vuetifyConfig: {
+        // Tabler icon set for Vuetify's internal component icons (data-table
+        // sort/pagination, select dropdown, checkboxes, alerts). Without this
+        // Vuetify defaults to mdi aliases, which render blank since we ship no
+        // MDI font. Pass-through any explicit "ti ti-*" string; prefix bare names.
+        icons: {
+            defaultSet: 'tabler',
+            sets: {
+                tabler: {
+                    component: (props) => {
+                        const icon = props.icon || '';
+                        const cls = (icon.startsWith('ti ') || icon.startsWith('ti-'))
+                            ? icon
+                            : `ti ti-${icon}`;
+                        return Vue.h(props.tag, { class: cls });
+                    }
+                }
+            },
+            aliases: {
+                complete: 'check',
+                cancel: 'circle-x',
+                close: 'x',
+                delete: 'x',
+                clear: 'circle-x',
+                success: 'circle-check',
+                info: 'info-circle',
+                warning: 'alert-triangle',
+                error: 'alert-circle',
+                prev: 'chevron-left',
+                next: 'chevron-right',
+                checkboxOn: 'square-check',
+                checkboxOff: 'square',
+                checkboxIndeterminate: 'square-minus',
+                delimiter: 'circle',
+                sortAsc: 'arrow-up',
+                sortDesc: 'arrow-down',
+                expand: 'chevron-down',
+                menu: 'menu-2',
+                subgroup: 'chevron-down',
+                dropdown: 'chevron-down',
+                radioOn: 'circle-check',
+                radioOff: 'circle',
+                edit: 'pencil',
+                ratingEmpty: 'star',
+                ratingFull: 'star-filled',
+                ratingHalf: 'star-half-filled',
+                loading: 'loader-2',
+                first: 'chevrons-left',
+                last: 'chevrons-right',
+                unfold: 'arrows-sort',
+                file: 'paperclip',
+                plus: 'plus',
+                minus: 'minus',
+                calendar: 'calendar',
+                treeviewCollapse: 'chevron-down',
+                treeviewExpand: 'chevron-right',
+                eyeDropper: 'color-picker',
+                upload: 'upload',
+                color: 'palette'
+            }
+        },
+        defaults: {
+            VTextField: {
+                variant: 'outlined'
+            },
+            VSelect: {
+                variant: 'outlined'
+            },
+            VTextarea: {
+                variant: 'outlined'
+            },
+            VCombobox: {
+                variant: 'outlined'
+            },
+            VChip: {
+                size: 'small',
+                rounded: 'sm'
+            },
+            VCard: {
+                elevation: 0,
+                rounded: 0
+            },
+            VMenu: {
+                offset: 10
+            },
+            VBtn: {
+                variant: 'elevated',
+                size: 'small',
+                rounded: 0
+            },
+            VDialog: {
+                rounded: 0
+            },
+            VToolbar: {
+                elevation: 0
+            },
+            VDataTableServer: {
+                itemsPerPage: 25,
+                itemsPerPageOptions: [25, 50, 100]
+            }
+        },
+        theme: {
+            defaultTheme: window.__settings__?.dark ? 'dark' : 'light',
+            themes: {
+                light: {
+                    dark: false,
+                    colors: {
+                        primary: '#1a1a1a',
+                        secondary: '#555555',
+                        accent: '#333333',
+                        error: '#b91c1c',
+                        info: '#1a1a1a',
+                        success: '#166534',
+                        warning: '#a16207',
+                        background: '#fafafa',
+                        surface: '#fafafa',
+                        'surface-light': '#f0f0f0',
+                        'on-surface': '#1a1a1a',
+                    }
+                },
+                dark: {
+                    dark: true,
+                    colors: {
+                        primary: '#e5e5e5',
+                        secondary: '#a3a3a3',
+                        accent: '#d4d4d4',
+                        error: '#fca5a5',
+                        info: '#e5e5e5',
+                        success: '#86efac',
+                        warning: '#fde047',
+                        background: '#0a0a0a',
+                        surface: '#141414',
+                        'surface-light': '#262626',
+                        'on-surface': '#e5e5e5',
+                    }
+                }
+            }
+        }
+    }
+};