@vc-shell/framework 2.3.0-pr281.3c002aa → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/chunks/{VcScheduler.vue_vue_type_script_setup_true_lang-Dk_Se6jJ.js → VcScheduler.vue_vue_type_script_setup_true_lang-B-xA79lJ.js} +3 -2
  2. package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-B-xA79lJ.js.map +1 -0
  3. package/dist/chunks/{VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js → VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js} +3 -1
  4. package/dist/chunks/VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js.map +1 -0
  5. package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-BkjGx3or.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js} +1 -1
  6. package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-BkjGx3or.js.map → dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js.map} +1 -1
  7. package/dist/dashboard/index.js +1 -1
  8. package/dist/framework.js +12 -10
  9. package/dist/framework.js.map +1 -1
  10. package/dist/index.css +1 -1
  11. package/dist/locales/de.js +15 -15
  12. package/dist/shell/auth/LoginPage/components/login/Login.vue.d.ts.map +1 -1
  13. package/dist/shell/auth/_test-utils/shared-dependency-mocks.d.ts +3 -3
  14. package/dist/shell/auth/_test-utils/shared-dependency-mocks.d.ts.map +1 -1
  15. package/dist/shell/components/settings-menu-item/settings-menu-item.vue.d.ts +1 -1
  16. package/dist/shell/components/settings-menu-item/settings-menu-item.vue.d.ts.map +1 -1
  17. package/dist/tsconfig.tsbuildinfo +1 -1
  18. package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.d.ts +1 -1
  19. package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.d.ts.map +1 -1
  20. package/dist/ui/components/molecules/vc-input/vc-input.vue.d.ts +11 -0
  21. package/dist/ui/components/molecules/vc-input/vc-input.vue.d.ts.map +1 -1
  22. package/dist/ui/components/molecules/vc-multivalue/vc-multivalue.vue.d.ts.map +1 -1
  23. package/dist/ui/components/molecules/vc-radio-button/vc-radio-button.vue.d.ts.map +1 -1
  24. package/dist/ui/components/molecules/vc-rating/vc-rating.vue.d.ts +1 -1
  25. package/dist/ui/components/molecules/vc-rating/vc-rating.vue.d.ts.map +1 -1
  26. package/dist/ui/components/organisms/vc-data-table/VcDataTable.vue.d.ts.map +1 -1
  27. package/dist/ui/components/organisms/vc-scheduler/_internal/views/SchedulerMonthView.vue.d.ts.map +1 -1
  28. package/dist/ui/index.js +2 -2
  29. package/package.json +5 -5
  30. package/dist/chunks/VcScheduler.vue_vue_type_script_setup_true_lang-Dk_Se6jJ.js.map +0 -1
  31. package/dist/chunks/VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import { shallowRef as ne, ref as W, watch as ae, nextTick as se, onUnmounted as le, openBlock as f, createElementBlock as y, createStaticVNode as de, defineComponent as E, inject as ce, computed as Z, onMounted as ue, createBlock as C, withCtx as pe, unref as j, Fragment as ee, renderList as te, normalizeStyle as me, normalizeClass as re, createElementVNode as k, createCommentVNode as M, resolveDynamicComponent as ve, mergeProps as fe, toDisplayString as F, renderSlot as A, createVNode as he, withDirectives as ge } from "vue";
2
- import { q as ye, r as _e, s as be, l as ke } from "./VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js";
2
+ import { q as ye, r as _e, s as be, l as ke } from "./VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js";
3
3
  import { G as we } from "./vendor-gridstack-Beau2jQ7.js";
4
4
  import { M as $e, _ as xe } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-DrGobYkj.js";
5
5
  import "vee-validate";
@@ -1 +1 @@
1
- {"version":3,"file":"dashboard-feed-row.vue_vue_type_script_setup_true_lang-BkjGx3or.js","sources":["../../shell/dashboard/draggable-dashboard/composables/useGridstackAdapter.ts","../../shell/dashboard/draggable-dashboard/composables/useGridstack.ts","../../shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue","../../shell/dashboard/draggable-dashboard/GridstackDashboard.vue","../../shell/dashboard/draggable-dashboard/DraggableDashboard.vue","../../shell/dashboard/draggable-dashboard/index.ts","../../shell/dashboard/dashboard-widget-card/dashboard-widget-card.vue","../../shell/dashboard/dashboard-widget-card/dashboard-stat-item.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-list.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-row.vue"],"sourcesContent":["/**\r\n * Gridstack Type Adapter\r\n *\r\n * Converts between our IDashboardWidget types and Gridstack's GridStackWidget types.\r\n * Handles localStorage format migration for backwards compatibility.\r\n */\r\n\r\nimport type { GridStackWidget, GridStackNode } from \"gridstack\";\r\nimport type {\r\n IDashboardWidget,\r\n DashboardWidgetPosition,\r\n DashboardWidgetSize,\r\n} from \"@shell/dashboard/draggable-dashboard/types\";\r\n\r\n/**\r\n * LocalStorage key for layout persistence\r\n */\r\nexport const LAYOUT_STORAGE_KEY = \"vc-dashboard-layout\";\r\n\r\n/**\r\n * Old localStorage format (Map serialized as object)\r\n */\r\ninterface LegacyLayoutFormat {\r\n [widgetId: string]: DashboardWidgetPosition;\r\n}\r\n\r\n/**\r\n * Converts our widget type to Gridstack widget format\r\n */\r\nexport function toGridstackWidget(widget: IDashboardWidget, position?: DashboardWidgetPosition): GridStackWidget {\r\n const pos = position ?? widget.position;\r\n return {\r\n id: widget.id,\r\n x: pos?.x ?? 0,\r\n y: pos?.y ?? 0,\r\n w: widget.size.width,\r\n h: widget.size.height,\r\n minW: 2,\r\n minH: 2,\r\n };\r\n}\r\n\r\n/**\r\n * Extracts position from Gridstack node\r\n */\r\nexport function fromGridstackNode(node: GridStackNode): {\r\n id: string;\r\n position: DashboardWidgetPosition;\r\n size: DashboardWidgetSize;\r\n} {\r\n return {\r\n id: node.id ?? \"\",\r\n position: {\r\n x: node.x ?? 0,\r\n y: node.y ?? 0,\r\n },\r\n size: {\r\n width: node.w ?? 1,\r\n height: node.h ?? 1,\r\n },\r\n };\r\n}\r\n\r\n/**\r\n * Converts Gridstack nodes array to our layout Map format\r\n */\r\nexport function gridstackNodesToLayoutMap(nodes: GridStackNode[]): Map<string, DashboardWidgetPosition> {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n for (const node of nodes) {\r\n if (node.id) {\r\n layout.set(node.id, {\r\n x: node.x ?? 0,\r\n y: node.y ?? 0,\r\n });\r\n }\r\n }\r\n\r\n return layout;\r\n}\r\n\r\n/**\r\n * Loads layout from localStorage with legacy format support\r\n */\r\nexport function loadLayoutFromStorage(): Map<string, DashboardWidgetPosition> | null {\r\n try {\r\n const stored = localStorage.getItem(LAYOUT_STORAGE_KEY);\r\n if (!stored) return null;\r\n\r\n const parsed = JSON.parse(stored);\r\n\r\n // Check if it's the new Gridstack array format\r\n if (Array.isArray(parsed)) {\r\n return gridstackNodesToLayoutMap(parsed as GridStackNode[]);\r\n }\r\n\r\n // Legacy format: object with widget IDs as keys\r\n if (typeof parsed === \"object\" && parsed !== null) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n for (const [id, pos] of Object.entries(parsed as LegacyLayoutFormat)) {\r\n if (pos && typeof pos.x === \"number\" && typeof pos.y === \"number\") {\r\n layout.set(id, { x: pos.x, y: pos.y });\r\n }\r\n }\r\n return layout;\r\n }\r\n\r\n return null;\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to load layout from storage:\", error);\r\n return null;\r\n }\r\n}\r\n\r\n/**\r\n * Saves layout to localStorage in Gridstack format\r\n */\r\nexport function saveLayoutToStorage(widgets: IDashboardWidget[], layout: Map<string, DashboardWidgetPosition>): void {\r\n try {\r\n const gridstackFormat: GridStackWidget[] = widgets.map((widget) => {\r\n const pos = layout.get(widget.id);\r\n return {\r\n id: widget.id,\r\n x: pos?.x ?? widget.position?.x ?? 0,\r\n y: pos?.y ?? widget.position?.y ?? 0,\r\n w: widget.size.width,\r\n h: widget.size.height,\r\n };\r\n });\r\n\r\n localStorage.setItem(LAYOUT_STORAGE_KEY, JSON.stringify(gridstackFormat));\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to save layout to storage:\", error);\r\n }\r\n}\r\n\r\n/**\r\n * Clears layout from localStorage\r\n */\r\nexport function clearLayoutStorage(): void {\r\n try {\r\n localStorage.removeItem(LAYOUT_STORAGE_KEY);\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to clear layout storage:\", error);\r\n }\r\n}\r\n\r\n/**\r\n * Auto-arrange widgets in a grid layout\r\n * Places widgets side by side when possible, wrapping to next row\r\n */\r\nfunction autoArrangeWidgets(widgets: IDashboardWidget[], columns: number = 12): Map<string, DashboardWidgetPosition> {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n // Track occupied cells in each row\r\n const rowOccupancy: Map<number, number[]> = new Map();\r\n\r\n const isPositionFree = (x: number, y: number, width: number, height: number): boolean => {\r\n for (let row = y; row < y + height; row++) {\r\n const occupied = rowOccupancy.get(row) || [];\r\n for (let col = x; col < x + width; col++) {\r\n if (occupied.includes(col)) return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n const occupyPosition = (x: number, y: number, width: number, height: number): void => {\r\n for (let row = y; row < y + height; row++) {\r\n const occupied = rowOccupancy.get(row) || [];\r\n for (let col = x; col < x + width; col++) {\r\n occupied.push(col);\r\n }\r\n rowOccupancy.set(row, occupied);\r\n }\r\n };\r\n\r\n const findFreePosition = (width: number, height: number): DashboardWidgetPosition => {\r\n let y = 0;\r\n while (true) {\r\n for (let x = 0; x <= columns - width; x++) {\r\n if (isPositionFree(x, y, width, height)) {\r\n return { x, y };\r\n }\r\n }\r\n y++;\r\n // Safety limit\r\n if (y > 100) break;\r\n }\r\n return { x: 0, y };\r\n };\r\n\r\n for (const widget of widgets) {\r\n const position = findFreePosition(widget.size.width, widget.size.height);\r\n layout.set(widget.id, position);\r\n occupyPosition(position.x, position.y, widget.size.width, widget.size.height);\r\n }\r\n\r\n return layout;\r\n}\r\n\r\n/**\r\n * Merges saved layout with widget defaults\r\n * Handles cases where widgets have been added/removed\r\n * Auto-arranges widgets that don't have positions\r\n */\r\nexport function mergeLayoutWithWidgets(\r\n widgets: IDashboardWidget[],\r\n savedLayout: Map<string, DashboardWidgetPosition> | null,\r\n): Map<string, DashboardWidgetPosition> {\r\n // If we have a saved layout with positions, use it\r\n if (savedLayout && savedLayout.size > 0) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n for (const widget of widgets) {\r\n const savedPos = savedLayout.get(widget.id);\r\n const builtInPos = widget.position;\r\n const position = savedPos ?? builtInPos ?? { x: 0, y: 0 };\r\n layout.set(widget.id, position);\r\n }\r\n\r\n return layout;\r\n }\r\n\r\n // Check if all widgets have built-in positions\r\n const allHavePositions = widgets.every((w) => w.position !== undefined);\r\n\r\n if (allHavePositions) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n for (const widget of widgets) {\r\n layout.set(widget.id, widget.position!);\r\n }\r\n return layout;\r\n }\r\n\r\n // Auto-arrange widgets\r\n return autoArrangeWidgets(widgets);\r\n}\r\n","/**\r\n * Gridstack Integration Composable\r\n *\r\n * Provides Vue 3 integration with Gridstack.js library.\r\n * Handles initialization, event binding, and cleanup.\r\n */\r\n\r\nimport { ref, shallowRef, onUnmounted, watch, nextTick, type Ref, type ShallowRef } from \"vue\";\r\nimport { GridStack, type GridStackOptions, type GridStackNode } from \"gridstack\";\r\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\r\nimport {\r\n toGridstackWidget,\r\n fromGridstackNode,\r\n loadLayoutFromStorage,\r\n saveLayoutToStorage,\r\n mergeLayoutWithWidgets,\r\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\r\n\r\n/**\r\n * Default Gridstack configuration\r\n */\r\nconst DEFAULT_OPTIONS: GridStackOptions = {\r\n column: 12,\r\n cellHeight: 80,\r\n margin: \"10px\",\r\n float: false,\r\n animate: true,\r\n // Disable responsive column changes - always use 12 columns\r\n columnOpts: {\r\n breakpoints: [{ w: 0, c: 12 }], // Always 12 columns regardless of width\r\n },\r\n draggable: {\r\n handle: \".grid-stack-item-content\",\r\n },\r\n resizable: {\r\n handles: \"se\", // Only bottom-right corner\r\n },\r\n};\r\n\r\n/**\r\n * Options for useGridstack composable\r\n */\r\nexport interface UseGridstackOptions {\r\n /** Gridstack configuration options */\r\n gridOptions?: Partial<GridStackOptions>;\r\n /** Enable widget resizing */\r\n resizable?: boolean;\r\n /** Auto-save layout to localStorage */\r\n autoSave?: boolean;\r\n /** Callback when layout changes */\r\n onLayoutChange?: (layout: Map<string, DashboardWidgetPosition>) => void;\r\n}\r\n\r\n/**\r\n * Return type for useGridstack composable\r\n */\r\nexport interface UseGridstackReturn {\r\n /** Reference to GridStack instance */\r\n grid: ShallowRef<GridStack | null>;\r\n /** Current layout map */\r\n layout: Ref<Map<string, DashboardWidgetPosition>>;\r\n /** Whether grid is initialized */\r\n isInitialized: Ref<boolean>;\r\n /** Initialize grid on element */\r\n initGrid: (element: HTMLElement) => void;\r\n /** Destroy grid instance */\r\n destroyGrid: () => void;\r\n /** Add a widget to the grid */\r\n addWidget: (widget: IDashboardWidget) => void;\r\n /** Remove a widget from the grid */\r\n removeWidget: (widgetId: string) => void;\r\n /** Update widget position */\r\n updateWidgetPosition: (widgetId: string, position: DashboardWidgetPosition) => void;\r\n updateWidgetSize: (widgetId: string, size: { width: number; height: number }) => void;\r\n /** Save current layout */\r\n saveLayout: () => void;\r\n /** Load layout from storage */\r\n loadLayout: () => void;\r\n /** Reset to built-in positions */\r\n resetToDefaults: () => void;\r\n /** Batch update mode (disable animations) */\r\n batchUpdate: (fn: () => void) => void;\r\n}\r\n\r\n/**\r\n * Vue 3 composable for Gridstack integration\r\n */\r\nexport function useGridstack(widgets: Ref<IDashboardWidget[]>, options: UseGridstackOptions = {}): UseGridstackReturn {\r\n const { gridOptions = {}, resizable = false, autoSave = true, onLayoutChange } = options;\r\n\r\n // State\r\n const grid = shallowRef<GridStack | null>(null);\r\n const layout = ref<Map<string, DashboardWidgetPosition>>(new Map());\r\n const isInitialized = ref(false);\r\n const isUpdating = ref(false);\r\n\r\n /**\r\n * Merge options with defaults\r\n */\r\n const mergedOptions: GridStackOptions = {\r\n ...DEFAULT_OPTIONS,\r\n ...gridOptions,\r\n disableResize: !resizable,\r\n };\r\n\r\n /**\r\n * Initialize the grid on a DOM element\r\n */\r\n const initGrid = (element: HTMLElement): void => {\r\n if (grid.value) {\r\n console.warn(\"[useGridstack] Grid already initialized\");\r\n return;\r\n }\r\n\r\n // Load saved layout\r\n const savedLayout = loadLayoutFromStorage();\r\n layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n\r\n // Initialize Gridstack\r\n grid.value = GridStack.init(mergedOptions, element);\r\n\r\n // Bind event handlers\r\n grid.value.on(\"change\", handleChange);\r\n grid.value.on(\"added\", handleAdded);\r\n grid.value.on(\"removed\", handleRemoved);\r\n\r\n // Explicitly load widgets with their positions to ensure proper layout\r\n // This is needed because Vue renders DOM after Gridstack.init() processes children\r\n const widgetData = widgets.value.map((widget) => {\r\n const position = layout.value.get(widget.id);\r\n return toGridstackWidget(widget, position);\r\n });\r\n\r\n // Use load() to apply positions - this updates existing items\r\n grid.value.load(widgetData);\r\n\r\n isInitialized.value = true;\r\n };\r\n\r\n /**\r\n * Handle grid change events (drag/resize)\r\n */\r\n const handleChange = (_event: Event, nodes: GridStackNode[]): void => {\r\n if (isUpdating.value) return;\r\n\r\n for (const node of nodes) {\r\n const { id, position } = fromGridstackNode(node);\r\n if (id) {\r\n layout.value.set(id, position);\r\n }\r\n }\r\n\r\n // Trigger reactivity\r\n layout.value = new Map(layout.value);\r\n\r\n // Notify callback\r\n onLayoutChange?.(layout.value);\r\n\r\n // Auto-save\r\n if (autoSave) {\r\n saveLayout();\r\n }\r\n };\r\n\r\n /**\r\n * Handle widget added event\r\n */\r\n const handleAdded = (_event: Event, nodes: GridStackNode[]): void => {\r\n for (const node of nodes) {\r\n const { id, position } = fromGridstackNode(node);\r\n if (id && !layout.value.has(id)) {\r\n layout.value.set(id, position);\r\n }\r\n }\r\n layout.value = new Map(layout.value);\r\n };\r\n\r\n /**\r\n * Handle widget removed event\r\n */\r\n const handleRemoved = (_event: Event, nodes: GridStackNode[]): void => {\r\n for (const node of nodes) {\r\n if (node.id) {\r\n layout.value.delete(node.id);\r\n }\r\n }\r\n layout.value = new Map(layout.value);\r\n };\r\n\r\n /**\r\n * Destroy the grid instance\r\n */\r\n const destroyGrid = (): void => {\r\n if (grid.value) {\r\n grid.value.off(\"change\");\r\n grid.value.off(\"added\");\r\n grid.value.off(\"removed\");\r\n grid.value.destroy(false); // false = don't remove DOM elements\r\n grid.value = null;\r\n isInitialized.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Add a widget to the grid\r\n */\r\n const addWidget = (widget: IDashboardWidget): void => {\r\n if (!grid.value) return;\r\n\r\n const position = layout.value.get(widget.id) ?? widget.position;\r\n const gsWidget = toGridstackWidget(widget, position);\r\n\r\n // Find the DOM element for this widget\r\n const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n if (element) {\r\n grid.value.makeWidget(element as HTMLElement, gsWidget);\r\n }\r\n };\r\n\r\n /**\r\n * Remove a widget from the grid\r\n */\r\n const removeWidget = (widgetId: string): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n grid.value.removeWidget(element as HTMLElement, false);\r\n }\r\n layout.value.delete(widgetId);\r\n };\r\n\r\n /**\r\n * Update widget position programmatically\r\n */\r\n const updateWidgetPosition = (widgetId: string, position: DashboardWidgetPosition): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n isUpdating.value = true;\r\n grid.value.update(element as HTMLElement, { x: position.x, y: position.y });\r\n layout.value.set(widgetId, position);\r\n layout.value = new Map(layout.value);\r\n isUpdating.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Counterpart of updateWidgetPosition for the size axis, so a widget can be\r\n * resized programmatically — keyboard resizing has no drag handle to simulate.\r\n */\r\n const updateWidgetSize = (widgetId: string, size: { width: number; height: number }): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n isUpdating.value = true;\r\n grid.value.update(element as HTMLElement, { w: size.width, h: size.height });\r\n isUpdating.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Save current layout to localStorage\r\n */\r\n const saveLayout = (): void => {\r\n saveLayoutToStorage(widgets.value, layout.value);\r\n };\r\n\r\n /**\r\n * Load layout from localStorage\r\n */\r\n const loadLayout = (): void => {\r\n const savedLayout = loadLayoutFromStorage();\r\n if (savedLayout) {\r\n layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n applyLayoutToGrid();\r\n }\r\n };\r\n\r\n /**\r\n * Reset to built-in widget positions\r\n */\r\n const resetToDefaults = (): void => {\r\n layout.value = new Map();\r\n for (const widget of widgets.value) {\r\n if (widget.position) {\r\n layout.value.set(widget.id, { ...widget.position });\r\n }\r\n }\r\n applyLayoutToGrid();\r\n saveLayout();\r\n };\r\n\r\n /**\r\n * Apply current layout to grid\r\n */\r\n const applyLayoutToGrid = (): void => {\r\n if (!grid.value) return;\r\n\r\n isUpdating.value = true;\r\n grid.value.batchUpdate();\r\n\r\n for (const widget of widgets.value) {\r\n const position = layout.value.get(widget.id);\r\n if (position) {\r\n const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n if (element) {\r\n grid.value.update(element as HTMLElement, {\r\n x: position.x,\r\n y: position.y,\r\n });\r\n }\r\n }\r\n }\r\n\r\n grid.value.batchUpdate(false);\r\n isUpdating.value = false;\r\n };\r\n\r\n /**\r\n * Execute function in batch update mode\r\n */\r\n const batchUpdate = (fn: () => void): void => {\r\n if (!grid.value) {\r\n fn();\r\n return;\r\n }\r\n\r\n isUpdating.value = true;\r\n grid.value.batchUpdate();\r\n fn();\r\n grid.value.batchUpdate(false);\r\n isUpdating.value = false;\r\n };\r\n\r\n // Watch for widget changes\r\n watch(\r\n widgets,\r\n async (newWidgets, oldWidgets) => {\r\n if (!grid.value || !isInitialized.value) return;\r\n\r\n await nextTick();\r\n\r\n // Find added widgets\r\n const addedWidgets = newWidgets.filter((w) => !oldWidgets?.some((ow) => ow.id === w.id));\r\n\r\n // Find removed widgets\r\n const removedWidgetIds =\r\n oldWidgets?.filter((w) => !newWidgets.some((nw) => nw.id === w.id)).map((w) => w.id) ?? [];\r\n\r\n // Remove old widgets\r\n for (const id of removedWidgetIds) {\r\n removeWidget(id);\r\n }\r\n\r\n // Add new widgets\r\n for (const widget of addedWidgets) {\r\n addWidget(widget);\r\n }\r\n },\r\n { deep: false },\r\n );\r\n\r\n // Cleanup on unmount\r\n onUnmounted(() => {\r\n destroyGrid();\r\n });\r\n\r\n return {\r\n grid,\r\n layout,\r\n isInitialized,\r\n initGrid,\r\n destroyGrid,\r\n addWidget,\r\n removeWidget,\r\n updateWidgetPosition,\r\n updateWidgetSize,\r\n saveLayout,\r\n loadLayout,\r\n resetToDefaults,\r\n batchUpdate,\r\n };\r\n}\r\n","<template>\n <div\n class=\"dashboard-widget-skeleton\"\n aria-hidden=\"true\"\n >\n <div class=\"dashboard-widget-skeleton__header\">\n <div class=\"dashboard-widget-skeleton__icon\" />\n <div class=\"dashboard-widget-skeleton__title\" />\n </div>\n <div class=\"dashboard-widget-skeleton__stats\">\n <div class=\"dashboard-widget-skeleton__stat\" />\n <div class=\"dashboard-widget-skeleton__stat\" />\n <div class=\"dashboard-widget-skeleton__stat\" />\n </div>\n <div class=\"dashboard-widget-skeleton__body\">\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w80\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w60\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w90\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w70\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style lang=\"scss\">\n:root {\n --dashboard-widget-skeleton-bg: var(--dashboard-widget-card-background, var(--additional-50));\n --dashboard-widget-skeleton-border-color: var(--dashboard-widget-card-border-color, var(--neutrals-200));\n --dashboard-widget-skeleton-radius: var(--dashboard-widget-card-border-radius, 8px);\n --dashboard-widget-skeleton-shadow: var(\n --dashboard-widget-card-shadow,\n 0 1px 3px rgba(0, 0, 0, 0.08) 0 1px 2px rgba(0, 0, 0, 0.06)\n );\n --dashboard-widget-skeleton-shimmer-from: var(--neutrals-100);\n --dashboard-widget-skeleton-shimmer-to: var(--neutrals-200);\n}\n\n@keyframes dashboard-widget-skeleton-shimmer {\n 0% {\n background-position: -400px 0;\n }\n 100% {\n background-position: 400px 0;\n }\n}\n\n.dashboard-widget-skeleton {\n @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n background: var(--dashboard-widget-skeleton-bg);\n border: 1px solid var(--dashboard-widget-skeleton-border-color);\n border-radius: var(--dashboard-widget-skeleton-radius);\n box-shadow: var(--dashboard-widget-skeleton-shadow);\n\n %shimmer {\n background: linear-gradient(\n 90deg,\n var(--dashboard-widget-skeleton-shimmer-from) 0%,\n var(--dashboard-widget-skeleton-shimmer-to) 50%,\n var(--dashboard-widget-skeleton-shimmer-from) 100%\n );\n background-size: 800px 100%;\n animation: dashboard-widget-skeleton-shimmer 1.4s ease-in-out infinite;\n border-radius: 4px;\n }\n\n &__header {\n @apply tw-px-5 tw-py-4 tw-flex tw-items-center tw-gap-3;\n }\n\n &__icon {\n @apply tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n @extend %shimmer;\n }\n\n &__title {\n @apply tw-h-5 tw-flex-1 tw-max-w-[180px];\n @extend %shimmer;\n }\n\n &__stats {\n @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n border-top: 1px solid var(--dashboard-widget-skeleton-border-color);\n border-bottom: 1px solid var(--dashboard-widget-skeleton-border-color);\n }\n\n &__stat {\n @apply tw-h-6 tw-flex-1;\n @extend %shimmer;\n }\n\n &__body {\n @apply tw-flex-1 tw-min-h-0 tw-px-5 tw-py-4 tw-flex tw-flex-col tw-gap-3;\n }\n\n &__line {\n @apply tw-h-3;\n @extend %shimmer;\n\n &--w60 {\n @apply tw-w-3/5;\n }\n &--w70 {\n @apply tw-w-7/12;\n }\n &--w80 {\n @apply tw-w-4/5;\n }\n &--w90 {\n @apply tw-w-11/12;\n }\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dashboard-widget-skeleton {\n %shimmer {\n animation: none;\n }\n }\n}\n</style>\n","<template>\n <VcContainer\n no-padding\n class=\"vc-gridstack-dashboard\"\n >\n <div\n v-if=\"!modulesReady\"\n class=\"vc-gridstack-dashboard__skeleton-grid\"\n role=\"status\"\n aria-busy=\"true\"\n :aria-label=\"ariaLabel\"\n >\n <DashboardWidgetSkeleton\n v-for=\"(item, index) in skeletonItems\"\n :key=\"`skeleton-${index}`\"\n class=\"vc-gridstack-dashboard__skeleton-item\"\n :style=\"skeletonItemStyle(item)\"\n />\n </div>\n <div\n v-else\n ref=\"gridRef\"\n class=\"grid-stack vc-gridstack-dashboard__grid\"\n role=\"list\"\n :aria-label=\"ariaLabel\"\n >\n <div\n v-for=\"(widget, index) in widgets\"\n :key=\"widget.id\"\n class=\"grid-stack-item\"\n :class=\"{ 'vc-gridstack-dashboard__item--grabbed': grabbedWidgetId === widget.id }\"\n :gs-id=\"widget.id\"\n :gs-x=\"getPosition(widget.id)?.x ?? widget.position?.x ?? 0\"\n :gs-y=\"getPosition(widget.id)?.y ?? widget.position?.y ?? 0\"\n :gs-w=\"widget.size.width\"\n :gs-h=\"widget.size.height\"\n :gs-min-w=\"2\"\n :gs-min-h=\"2\"\n role=\"listitem\"\n tabindex=\"0\"\n :aria-label=\"getWidgetAriaLabel(widget, index)\"\n @keydown=\"onWidgetKeydown($event, widget)\"\n >\n <div class=\"grid-stack-item-content\">\n <!-- Drag handle (optional) -->\n <div\n v-if=\"showDragHandles\"\n class=\"vc-gridstack-dashboard__drag-handle\"\n aria-hidden=\"true\"\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n >\n <circle\n cx=\"5\"\n cy=\"3\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"3\"\n r=\"1.5\"\n />\n <circle\n cx=\"5\"\n cy=\"8\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"8\"\n r=\"1.5\"\n />\n <circle\n cx=\"5\"\n cy=\"13\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"13\"\n r=\"1.5\"\n />\n </svg>\n </div>\n\n <!-- Widget content -->\n <component\n :is=\"widget.component\"\n v-bind=\"widget.props || {}\"\n class=\"vc-gridstack-dashboard__widget-content\"\n />\n </div>\n </div>\n </div>\n\n <!-- Screen reader announcements -->\n <div\n class=\"vc-gridstack-dashboard__live-region\"\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {{ liveAnnouncement }}\n </div>\n </VcContainer>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * GridstackDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Optional widget resizing\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support\n */\nimport { ref, computed, onMounted, nextTick, inject, watch } from \"vue\";\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\nimport { useDashboard } from \"@core/composables/useDashboard\";\nimport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nimport VcContainer from \"@ui/components/atoms/vc-container/vc-container.vue\";\nimport DashboardWidgetSkeleton from \"@shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue\";\nimport { ModulesReadyKey } from \"@framework/injection-keys\";\nimport { LAYOUT_STORAGE_KEY } from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\nimport \"gridstack/dist/gridstack.min.css\";\n\ninterface SkeletonItem {\n x: number;\n y: number;\n w: number;\n h: number;\n}\n\n// Default placeholders shown when there's no persisted layout yet (first visit).\n// 6×6 matches the typical real widget size in vc-shell apps.\nconst DEFAULT_SKELETONS: SkeletonItem[] = [\n { x: 0, y: 0, w: 6, h: 6 },\n { x: 6, y: 0, w: 6, h: 6 },\n { x: 0, y: 6, w: 6, h: 6 },\n { x: 6, y: 6, w: 6, h: 6 },\n];\n\nfunction readPersistedSkeletons(): SkeletonItem[] | null {\n if (typeof window === \"undefined\") return null;\n try {\n const raw = window.localStorage.getItem(LAYOUT_STORAGE_KEY);\n if (!raw) return null;\n const parsed = JSON.parse(raw);\n if (!Array.isArray(parsed)) return null;\n const items = parsed\n .filter(\n (n: unknown): n is SkeletonItem =>\n !!n &&\n typeof n === \"object\" &&\n typeof (n as SkeletonItem).w === \"number\" &&\n typeof (n as SkeletonItem).h === \"number\" &&\n typeof (n as SkeletonItem).x === \"number\" &&\n typeof (n as SkeletonItem).y === \"number\",\n )\n .map((n) => ({ x: n.x, y: n.y, w: n.w, h: n.h }));\n return items.length > 0 ? items : null;\n } catch {\n return null;\n }\n}\n\n// Props\ninterface Props {\n /** Show drag handle icons on widgets */\n showDragHandles?: boolean;\n /** Enable widget resizing */\n resizable?: boolean;\n /** Aria label for the dashboard container */\n ariaLabel?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n showDragHandles: false,\n resizable: false,\n ariaLabel: \"Dashboard widgets. Drag a widget, or focus one and press Enter to rearrange with the arrow keys.\",\n});\n\n// Refs\nconst gridRef = ref<HTMLElement | null>(null);\nconst liveAnnouncement = ref(\"\");\n\n// Gate dashboard rendering until remote modules finish installing.\n// Without this, widgets preregistered during loadRemote() can mount before\n// their owning module's `defineAppModule.install` runs `mergeLocaleMessage`,\n// causing missing translations. Fallback `ref(true)` keeps tests/stories and\n// hosts without MF working unchanged.\nconst modulesReady = inject(ModulesReadyKey, ref(true));\n\n// Skeleton placeholders shown until modules finish loading. Pulled from the last\n// persisted layout (so returning users see card sizes matching their real dashboard);\n// fallback to a generic 4-card grid on first visit.\nconst skeletonItems = computed<SkeletonItem[]>(() => {\n if (modulesReady.value) return [];\n return readPersistedSkeletons() ?? DEFAULT_SKELETONS;\n});\n\nconst skeletonItemStyle = (item: SkeletonItem): Record<string, string> => ({\n gridColumn: `${item.x + 1} / span ${item.w}`,\n gridRow: `${item.y + 1} / span ${item.h}`,\n});\n\n// Dashboard service\nconst dashboard = useDashboard();\nconst widgets = computed(() => dashboard.getWidgets() as IDashboardWidget[]);\n\n// Gridstack integration\nconst { layout, isInitialized, initGrid, saveLayout, resetToDefaults, updateWidgetPosition, updateWidgetSize } =\n useGridstack(widgets, {\n resizable: props.resizable,\n autoSave: true,\n gridOptions: {\n draggable: {\n handle: props.showDragHandles ? \".vc-gridstack-dashboard__drag-handle\" : \".grid-stack-item-content\",\n },\n },\n onLayoutChange: (newLayout) => {\n // Sync with dashboard service\n for (const [widgetId, position] of newLayout) {\n dashboard.updateWidgetPosition(widgetId, position);\n }\n announceToScreenReader(\"Widget positions updated\");\n },\n });\n\n// Helper to get widget position\nconst getPosition = (widgetId: string): DashboardWidgetPosition | undefined => {\n return layout.value.get(widgetId);\n};\n\n// --- Keyboard reordering (WCAG 2.5.7: dragging must have a non-drag alternative) ---\n//\n// Gridstack only offers pointer dragging, so the widget itself becomes the control:\n// Enter/Space picks it up, arrows move it a cell at a time, Shift+arrows resize,\n// Enter drops, Escape restores the position it was picked up from.\nconst grabbedWidgetId = ref<string | null>(null);\nconst grabbedOrigin = ref<DashboardWidgetPosition | null>(null);\n\n// Mirrors gs-min-w / gs-min-h on the item.\nconst MIN_WIDGET_SPAN = 2;\n\nconst positionOf = (widget: IDashboardWidget): DashboardWidgetPosition =>\n layout.value.get(widget.id) ?? widget.position ?? { x: 0, y: 0 };\n\nconst widgetName = (widget: IDashboardWidget): string => widget.name || widget.id;\n\nconst pickUpWidget = (widget: IDashboardWidget): void => {\n grabbedWidgetId.value = widget.id;\n grabbedOrigin.value = { ...positionOf(widget) };\n announceToScreenReader(\n `${widgetName(widget)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`,\n );\n};\n\nconst dropWidget = (widget: IDashboardWidget): void => {\n grabbedWidgetId.value = null;\n grabbedOrigin.value = null;\n saveLayout();\n const { x, y } = positionOf(widget);\n announceToScreenReader(`${widgetName(widget)} dropped at column ${x + 1}, row ${y + 1}.`);\n};\n\nconst cancelWidgetMove = (widget: IDashboardWidget): void => {\n if (grabbedOrigin.value) {\n updateWidgetPosition(widget.id, grabbedOrigin.value);\n }\n grabbedWidgetId.value = null;\n grabbedOrigin.value = null;\n announceToScreenReader(`Move cancelled. ${widgetName(widget)} returned to its original position.`);\n};\n\nconst moveWidgetBy = (widget: IDashboardWidget, dx: number, dy: number): void => {\n const current = positionOf(widget);\n const next = { x: current.x + dx, y: current.y + dy };\n // Gridstack clamps silently; refusing the move keeps the announcement honest.\n if (next.x < 0 || next.y < 0) return;\n\n updateWidgetPosition(widget.id, next);\n announceToScreenReader(`${widgetName(widget)} moved to column ${next.x + 1}, row ${next.y + 1}.`);\n};\n\nconst resizeWidgetBy = (widget: IDashboardWidget, dw: number, dh: number): void => {\n const width = Math.max(MIN_WIDGET_SPAN, widget.size.width + dw);\n const height = Math.max(MIN_WIDGET_SPAN, widget.size.height + dh);\n if (width === widget.size.width && height === widget.size.height) return;\n\n updateWidgetSize(widget.id, { width, height });\n announceToScreenReader(`${widgetName(widget)} resized to ${width} by ${height} cells.`);\n};\n\nconst onWidgetKeydown = (event: KeyboardEvent, widget: IDashboardWidget): void => {\n const isGrabbed = grabbedWidgetId.value === widget.id;\n\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (isGrabbed) dropWidget(widget);\n else pickUpWidget(widget);\n return;\n }\n\n if (event.key === \"Escape\" && isGrabbed) {\n event.preventDefault();\n cancelWidgetMove(widget);\n return;\n }\n\n const dx = event.key === \"ArrowLeft\" ? -1 : event.key === \"ArrowRight\" ? 1 : 0;\n const dy = event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n if ((dx === 0 && dy === 0) || !isGrabbed) return;\n\n event.preventDefault();\n if (event.shiftKey) {\n if (props.resizable) resizeWidgetBy(widget, dx, dy);\n } else {\n moveWidgetBy(widget, dx, dy);\n }\n};\n\n// Accessibility helpers\nconst getWidgetAriaLabel = (widget: IDashboardWidget, index: number): string => {\n const name = widget.name || widget.id;\n const state =\n grabbedWidgetId.value === widget.id\n ? \"Picked up. Arrow keys move, Enter drops, Escape cancels.\"\n : \"Press Enter to pick up and rearrange with the arrow keys.\";\n return `${name}, widget ${index + 1} of ${widgets.value.length}. ${state}`;\n};\n\nconst announceToScreenReader = (message: string): void => {\n liveAnnouncement.value = message;\n setTimeout(() => {\n liveAnnouncement.value = \"\";\n }, 1000);\n};\n\nconst tryInitGrid = async (): Promise<void> => {\n await nextTick();\n if (gridRef.value && !isInitialized.value) {\n initGrid(gridRef.value);\n }\n};\n\nonMounted(tryInitGrid);\n\n// When modules finish loading, the v-if mounts gridRef — initialize gridstack then.\nwatch(modulesReady, (ready) => {\n if (ready) tryInitGrid();\n});\n\n// Public methods\nconst rearrangeWidgets = (): void => {\n resetToDefaults();\n};\n\nconst recalculateLayout = (): void => {\n // Gridstack handles this automatically\n};\n\nconst useBuiltInPositions = (): boolean => {\n resetToDefaults();\n return true;\n};\n\n// Expose public methods\ndefineExpose({\n rearrangeWidgets,\n recalculateLayout,\n saveLayout,\n useBuiltInPositions,\n});\n</script>\n\n<style lang=\"scss\">\n@import \"gridstack/dist/gridstack.min.css\";\n\n:root {\n --gridstack-dashboard-background: var(--additional-50);\n --gridstack-widget-background: var(--additional-50);\n --gridstack-widget-border-radius: 8px;\n --gridstack-widget-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n --gridstack-widget-shadow-dragging: 0 8px 24px rgba(0, 0, 0, 0.15);\n --gridstack-placeholder-background: rgba(59, 130, 246, 0.1);\n --gridstack-placeholder-border: rgba(59, 130, 246, 0.5);\n --gridstack-drag-handle-color: var(--neutrals-400);\n --gridstack-drag-handle-color-hover: var(--neutrals-600);\n --gridstack-widget-focus-ring-color: var(--primary-500);\n}\n\n.vc-gridstack-dashboard {\n background-color: var(--gridstack-dashboard-background);\n min-height: 100%;\n\n &__grid {\n padding: 24px 18px;\n min-height: calc(80px * 8 + 24px * 2); // 8 rows minimum\n }\n\n // Widgets are focusable so they can be rearranged from the keyboard.\n .grid-stack-item:focus-visible {\n @apply tw-outline-none tw-ring-[3px] tw-ring-[color:var(--gridstack-widget-focus-ring-color)];\n border-radius: var(--gridstack-widget-border-radius);\n }\n\n // Picked up for a keyboard move: the pointer equivalent of \"being dragged\".\n &__item--grabbed {\n z-index: var(--z-local-above);\n\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n outline: 2px dashed var(--gridstack-placeholder-border);\n outline-offset: 2px;\n }\n }\n\n // Skeleton grid mirrors gridstack's 12-column geometry. Row height and gap are\n // tuned so a 6×6 placeholder visually matches a real 6×6 widget rendered by\n // gridstack (which collapses margins differently than a plain CSS grid).\n &__skeleton-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-auto-rows: 55px;\n gap: 20px;\n padding: 24px 18px;\n min-height: calc(55px * 8 + 24px * 2);\n }\n\n &__skeleton-item {\n min-width: 0;\n min-height: 0;\n }\n\n // Widget item styling\n .grid-stack-item {\n &-content {\n background: var(--gridstack-widget-background);\n border-radius: var(--gridstack-widget-border-radius);\n box-shadow: var(--gridstack-widget-shadow);\n overflow: hidden;\n // Note: Don't set height: 100% - Gridstack uses position: absolute with inset for margins\n transition: box-shadow 0.2s ease;\n }\n\n // Dragging state\n &.ui-draggable-dragging {\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n }\n }\n\n // Resizing state\n &.ui-resizable-resizing {\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n }\n }\n }\n\n // Placeholder styling\n .grid-stack-placeholder {\n > .placeholder-content {\n background: var(--gridstack-placeholder-background);\n border: 2px dashed var(--gridstack-placeholder-border);\n border-radius: var(--gridstack-widget-border-radius);\n }\n }\n\n // Drag handle\n &__drag-handle {\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: var(--z-local-sticky);\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gridstack-drag-handle-color);\n cursor: grab;\n border-radius: 4px;\n transition:\n color 0.15s ease,\n background-color 0.15s ease;\n\n &:hover {\n color: var(--gridstack-drag-handle-color-hover);\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n cursor: grabbing;\n }\n }\n\n // Widget content\n &__widget-content {\n width: 100%;\n height: 100%;\n }\n\n // Screen reader only\n &__live-region {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n}\n\n// Respect reduced motion preference\n@media (prefers-reduced-motion: reduce) {\n .vc-gridstack-dashboard {\n .grid-stack-item {\n transition: none !important;\n\n &-content {\n transition: none !important;\n }\n }\n }\n\n .grid-stack {\n &.grid-stack-animate {\n .grid-stack-item {\n transition: none !important;\n }\n }\n }\n}\n</style>\n","<template>\n <GridstackDashboard\n ref=\"dashboardRef\"\n :show-drag-handles=\"showDragHandles\"\n :resizable=\"resizable\"\n :aria-label=\"ariaLabel\"\n />\n</template>\n\n<script setup lang=\"ts\">\n/**\n * DraggableDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support (a11y)\n * - Optional widget resizing\n */\nimport { ref } from \"vue\";\nimport GridstackDashboard from \"@shell/dashboard/draggable-dashboard/GridstackDashboard.vue\";\n\n// Props\ninterface Props {\n /** Show drag handle icons on widgets */\n showDragHandles?: boolean;\n /** Enable widget resizing */\n resizable?: boolean;\n /** Aria label for the dashboard container */\n ariaLabel?: string;\n}\n\nwithDefaults(defineProps<Props>(), {\n showDragHandles: false,\n resizable: false,\n ariaLabel: \"Dashboard widgets. Drag widgets to rearrange.\",\n});\n\n// State\nconst dashboardRef = ref<InstanceType<typeof GridstackDashboard> | null>(null);\n\n// Public methods (delegated to GridstackDashboard)\nconst rearrangeWidgets = (): void => {\n dashboardRef.value?.rearrangeWidgets?.();\n};\n\nconst recalculateLayout = (): void => {\n dashboardRef.value?.recalculateLayout?.();\n};\n\nconst saveLayout = (): void => {\n dashboardRef.value?.saveLayout?.();\n};\n\nconst useBuiltInPositions = (): boolean => {\n return dashboardRef.value?.useBuiltInPositions?.() ?? false;\n};\n\n// Expose public methods\ndefineExpose({\n rearrangeWidgets,\n recalculateLayout,\n saveLayout,\n useBuiltInPositions,\n});\n</script>\n","// Main component\nexport { default as DraggableDashboard } from \"@shell/dashboard/draggable-dashboard/DraggableDashboard.vue\";\n\n// Types\nexport type {\n IDashboardWidget,\n DashboardWidgetPosition,\n DashboardWidgetSize,\n DashboardDragEvent,\n DashboardGridConfig,\n} from \"@shell/dashboard/draggable-dashboard/types\";\n\n// Gridstack composables (for advanced usage)\nexport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nexport type {\n UseGridstackOptions,\n UseGridstackReturn,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\n\n// Import and re-export to avoid Storybook docgen issues with direct re-exports\nimport {\n toGridstackWidget as _toGridstackWidget,\n fromGridstackNode as _fromGridstackNode,\n loadLayoutFromStorage as _loadLayoutFromStorage,\n saveLayoutToStorage as _saveLayoutToStorage,\n mergeLayoutWithWidgets as _mergeLayoutWithWidgets,\n clearLayoutStorage as _clearLayoutStorage,\n LAYOUT_STORAGE_KEY as _LAYOUT_STORAGE_KEY,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\n\nexport const toGridstackWidget = _toGridstackWidget;\nexport const fromGridstackNode = _fromGridstackNode;\nexport const loadLayoutFromStorage = _loadLayoutFromStorage;\nexport const saveLayoutToStorage = _saveLayoutToStorage;\nexport const mergeLayoutWithWidgets = _mergeLayoutWithWidgets;\nexport const clearLayoutStorage = _clearLayoutStorage;\nexport const LAYOUT_STORAGE_KEY = _LAYOUT_STORAGE_KEY;\n","<template>\n <div class=\"dashboard-widget-card\">\n <div class=\"dashboard-widget-card__header\">\n <slot name=\"header\">\n <div class=\"dashboard-widget-card__header-content\">\n <div\n v-if=\"icon\"\n class=\"dashboard-widget-card__icon-wrapper\"\n >\n <VcIcon\n class=\"dashboard-widget-card__icon\"\n :icon=\"icon\"\n size=\"l\"\n />\n </div>\n <div class=\"dashboard-widget-card__title\">{{ props.header }}</div>\n </div>\n </slot>\n <div\n v-if=\"$slots.actions\"\n class=\"dashboard-widget-card__actions\"\n >\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n <div\n v-if=\"$slots.stats\"\n class=\"dashboard-widget-card__stats\"\n >\n <slot name=\"stats\"></slot>\n </div>\n\n <div\n v-loading=\"loading\"\n class=\"dashboard-widget-card__body\"\n >\n <slot name=\"content\"></slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"dashboard-widget-card__footer\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </div>\n</template>\n\n<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<script setup lang=\"ts\">\nexport interface Props {\n header?: string;\n icon?: string;\n loading?: boolean;\n}\n\nimport { VcIcon } from \"@ui/components\";\nimport { vLoading } from \"@core/directives\";\n\nconst props = defineProps<Props>();\n\ndefineSlots<{\n header?: (props: any) => any;\n actions?: (props: any) => any;\n stats?: (props: any) => any;\n content?: (props: any) => any;\n footer?: (props: any) => any;\n}>();\n</script>\n\n<style lang=\"scss\">\n:root {\n // Legacy variables (preserved for backward compat)\n --dashboard-widget-card-header-color: var(--additional-50);\n --dashboard-widget-card-header-text-color: var(--neutrals-950);\n --dashboard-widget-card-icon-color: var(--primary-600);\n --dashboard-widget-card-header-border-color: var(--neutrals-200);\n\n // New variables\n --dashboard-widget-card-background: var(--additional-50);\n --dashboard-widget-card-border-color: var(--neutrals-200);\n --dashboard-widget-card-border-radius: 8px;\n --dashboard-widget-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);\n --dashboard-widget-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);\n --dashboard-widget-card-icon-bg: var(--primary-50);\n --dashboard-widget-card-stats-bg: var(--neutrals-50);\n --dashboard-widget-card-footer-color: var(--primary-700);\n}\n\n.dashboard-widget-card {\n @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n background: var(--dashboard-widget-card-background);\n border: 1px solid var(--dashboard-widget-card-border-color);\n border-radius: var(--dashboard-widget-card-border-radius);\n box-shadow: var(--dashboard-widget-card-shadow);\n transition: box-shadow 0.2s ease;\n\n &:hover {\n box-shadow: var(--dashboard-widget-card-shadow-hover);\n }\n\n &__header {\n @apply tw-px-5 tw-py-4 tw-flex tw-justify-between tw-items-center tw-gap-3;\n }\n\n &__header-content {\n @apply tw-flex tw-items-center tw-gap-3 tw-min-w-0;\n }\n\n &__icon-wrapper {\n @apply tw-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n background: var(--dashboard-widget-card-icon-bg);\n }\n\n &__icon {\n @apply tw-text-[var(--dashboard-widget-card-icon-color)];\n }\n\n &__title {\n @apply tw-text-lg tw-font-semibold tw-truncate;\n color: var(--dashboard-widget-card-header-text-color);\n }\n\n &__actions {\n @apply tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0;\n }\n\n &__stats {\n @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n background: var(--dashboard-widget-card-stats-bg);\n border-top: 1px solid var(--dashboard-widget-card-border-color);\n border-bottom: 1px solid var(--dashboard-widget-card-border-color);\n }\n\n &__body {\n @apply tw-flex-1 tw-min-h-0;\n }\n\n &__footer {\n @apply tw-px-5 tw-py-3 tw-text-center;\n border-top: 1px solid var(--dashboard-widget-card-border-color);\n\n a,\n button {\n @apply tw-text-sm tw-font-medium tw-no-underline;\n color: var(--dashboard-widget-card-footer-color);\n transition: opacity 0.15s ease;\n\n &:hover {\n @apply tw-underline;\n opacity: 0.85;\n }\n }\n }\n}\n\n// Shared activity-feed row style for dashboard card content\n.dashboard-feed-row {\n @apply tw-flex tw-items-center tw-justify-between tw-px-5 tw-py-2.5 tw-cursor-pointer tw-transition-colors;\n\n &:hover {\n background: var(--dashboard-widget-card-icon-bg, var(--primary-50));\n }\n}\n</style>\n","<template>\n <div class=\"dashboard-stat-item\">\n <div\n class=\"dashboard-stat-item__value\"\n :class=\"variant ? `dashboard-stat-item__value--${variant}` : ''\"\n >\n {{ value }}\n </div>\n <div class=\"dashboard-stat-item__label\">{{ label }}</div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nexport interface DashboardStatItemProps {\n /** The metric value to display */\n value: string | number;\n /** Descriptive label below the value */\n label: string;\n /** Color variant for the value */\n variant?: \"default\" | \"success\" | \"warning\" | \"danger\";\n}\n\ndefineProps<DashboardStatItemProps>();\n</script>\n\n<style lang=\"scss\">\n:root {\n --dashboard-stat-item-value-color: var(--neutrals-950);\n --dashboard-stat-item-label-color: var(--neutrals-500);\n}\n\n.dashboard-stat-item {\n @apply tw-flex tw-flex-col tw-items-center tw-min-w-0;\n\n &__value {\n @apply tw-text-lg tw-font-semibold tw-leading-tight tw-text-[var(--dashboard-stat-item-value-color)] tw-truncate tw-max-w-full;\n\n &--success {\n @apply tw-text-[var(--success-600)];\n }\n\n &--warning {\n @apply tw-text-[var(--warning-600)];\n }\n\n &--danger {\n @apply tw-text-[var(--danger-600)];\n }\n }\n\n &__label {\n @apply tw-text-xs tw-text-[var(--dashboard-stat-item-label-color)] tw-mt-0.5 tw-truncate tw-max-w-full;\n }\n}\n</style>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n <div class=\"tw-divide-y tw-divide-[var(--neutrals-200)]\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineSlots<{\n default: (props: any) => any;\n}>();\n</script>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n <div\n class=\"dashboard-feed-row\"\n @click=\"$emit('click')\"\n >\n <div class=\"tw-flex tw-items-center tw-gap-2.5 tw-min-w-0\">\n <slot />\n </div>\n <div\n v-if=\"$slots.trailing\"\n class=\"tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3\"\n >\n <slot name=\"trailing\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineEmits<{\n click: [];\n}>();\n\ndefineSlots<{\n default: (props: any) => any;\n trailing: (props: any) => any;\n}>();\n</script>\n"],"names":["LAYOUT_STORAGE_KEY","toGridstackWidget","widget","position","pos","fromGridstackNode","node","gridstackNodesToLayoutMap","nodes","layout","loadLayoutFromStorage","stored","parsed","id","error","saveLayoutToStorage","widgets","gridstackFormat","clearLayoutStorage","autoArrangeWidgets","columns","rowOccupancy","isPositionFree","x","y","width","height","row","occupied","col","occupyPosition","findFreePosition","mergeLayoutWithWidgets","savedLayout","savedPos","builtInPos","w","DEFAULT_OPTIONS","useGridstack","options","gridOptions","resizable","autoSave","onLayoutChange","grid","shallowRef","ref","isInitialized","isUpdating","mergedOptions","initGrid","element","GridStack","handleChange","handleAdded","handleRemoved","widgetData","_event","saveLayout","destroyGrid","addWidget","gsWidget","removeWidget","widgetId","updateWidgetPosition","updateWidgetSize","size","loadLayout","applyLayoutToGrid","resetToDefaults","batchUpdate","fn","watch","newWidgets","oldWidgets","nextTick","addedWidgets","ow","removedWidgetIds","nw","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_cache","MIN_WIDGET_SPAN","DEFAULT_SKELETONS","readPersistedSkeletons","raw","items","n","props","__props","gridRef","liveAnnouncement","modulesReady","inject","ModulesReadyKey","skeletonItems","computed","skeletonItemStyle","item","dashboard","useDashboard","newLayout","announceToScreenReader","getPosition","grabbedWidgetId","grabbedOrigin","positionOf","widgetName","pickUpWidget","dropWidget","cancelWidgetMove","moveWidgetBy","dx","dy","current","next","resizeWidgetBy","dw","dh","onWidgetKeydown","event","isGrabbed","getWidgetAriaLabel","index","name","state","message","tryInitGrid","onMounted","ready","__expose","_createBlock","VcContainer","_unref","_Fragment","_renderList","$event","_createElementVNode","_hoisted_4","_hoisted_5","_resolveDynamicComponent","_mergeProps","DashboardWidgetSkeleton","_normalizeStyle","_hoisted_6","_toDisplayString","dashboardRef","GridstackDashboard","_toGridstackWidget","_fromGridstackNode","_loadLayoutFromStorage","_saveLayoutToStorage","_mergeLayoutWithWidgets","_clearLayoutStorage","_LAYOUT_STORAGE_KEY","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_createVNode","VcIcon","$slots","_hoisted_7","_withDirectives","_hoisted_8","_hoisted_9","_normalizeClass","$emit"],"mappings":"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"}
1
+ {"version":3,"file":"dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js","sources":["../../shell/dashboard/draggable-dashboard/composables/useGridstackAdapter.ts","../../shell/dashboard/draggable-dashboard/composables/useGridstack.ts","../../shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue","../../shell/dashboard/draggable-dashboard/GridstackDashboard.vue","../../shell/dashboard/draggable-dashboard/DraggableDashboard.vue","../../shell/dashboard/draggable-dashboard/index.ts","../../shell/dashboard/dashboard-widget-card/dashboard-widget-card.vue","../../shell/dashboard/dashboard-widget-card/dashboard-stat-item.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-list.vue","../../shell/dashboard/dashboard-widget-card/dashboard-feed-row.vue"],"sourcesContent":["/**\r\n * Gridstack Type Adapter\r\n *\r\n * Converts between our IDashboardWidget types and Gridstack's GridStackWidget types.\r\n * Handles localStorage format migration for backwards compatibility.\r\n */\r\n\r\nimport type { GridStackWidget, GridStackNode } from \"gridstack\";\r\nimport type {\r\n IDashboardWidget,\r\n DashboardWidgetPosition,\r\n DashboardWidgetSize,\r\n} from \"@shell/dashboard/draggable-dashboard/types\";\r\n\r\n/**\r\n * LocalStorage key for layout persistence\r\n */\r\nexport const LAYOUT_STORAGE_KEY = \"vc-dashboard-layout\";\r\n\r\n/**\r\n * Old localStorage format (Map serialized as object)\r\n */\r\ninterface LegacyLayoutFormat {\r\n [widgetId: string]: DashboardWidgetPosition;\r\n}\r\n\r\n/**\r\n * Converts our widget type to Gridstack widget format\r\n */\r\nexport function toGridstackWidget(widget: IDashboardWidget, position?: DashboardWidgetPosition): GridStackWidget {\r\n const pos = position ?? widget.position;\r\n return {\r\n id: widget.id,\r\n x: pos?.x ?? 0,\r\n y: pos?.y ?? 0,\r\n w: widget.size.width,\r\n h: widget.size.height,\r\n minW: 2,\r\n minH: 2,\r\n };\r\n}\r\n\r\n/**\r\n * Extracts position from Gridstack node\r\n */\r\nexport function fromGridstackNode(node: GridStackNode): {\r\n id: string;\r\n position: DashboardWidgetPosition;\r\n size: DashboardWidgetSize;\r\n} {\r\n return {\r\n id: node.id ?? \"\",\r\n position: {\r\n x: node.x ?? 0,\r\n y: node.y ?? 0,\r\n },\r\n size: {\r\n width: node.w ?? 1,\r\n height: node.h ?? 1,\r\n },\r\n };\r\n}\r\n\r\n/**\r\n * Converts Gridstack nodes array to our layout Map format\r\n */\r\nexport function gridstackNodesToLayoutMap(nodes: GridStackNode[]): Map<string, DashboardWidgetPosition> {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n for (const node of nodes) {\r\n if (node.id) {\r\n layout.set(node.id, {\r\n x: node.x ?? 0,\r\n y: node.y ?? 0,\r\n });\r\n }\r\n }\r\n\r\n return layout;\r\n}\r\n\r\n/**\r\n * Loads layout from localStorage with legacy format support\r\n */\r\nexport function loadLayoutFromStorage(): Map<string, DashboardWidgetPosition> | null {\r\n try {\r\n const stored = localStorage.getItem(LAYOUT_STORAGE_KEY);\r\n if (!stored) return null;\r\n\r\n const parsed = JSON.parse(stored);\r\n\r\n // Check if it's the new Gridstack array format\r\n if (Array.isArray(parsed)) {\r\n return gridstackNodesToLayoutMap(parsed as GridStackNode[]);\r\n }\r\n\r\n // Legacy format: object with widget IDs as keys\r\n if (typeof parsed === \"object\" && parsed !== null) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n for (const [id, pos] of Object.entries(parsed as LegacyLayoutFormat)) {\r\n if (pos && typeof pos.x === \"number\" && typeof pos.y === \"number\") {\r\n layout.set(id, { x: pos.x, y: pos.y });\r\n }\r\n }\r\n return layout;\r\n }\r\n\r\n return null;\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to load layout from storage:\", error);\r\n return null;\r\n }\r\n}\r\n\r\n/**\r\n * Saves layout to localStorage in Gridstack format\r\n */\r\nexport function saveLayoutToStorage(widgets: IDashboardWidget[], layout: Map<string, DashboardWidgetPosition>): void {\r\n try {\r\n const gridstackFormat: GridStackWidget[] = widgets.map((widget) => {\r\n const pos = layout.get(widget.id);\r\n return {\r\n id: widget.id,\r\n x: pos?.x ?? widget.position?.x ?? 0,\r\n y: pos?.y ?? widget.position?.y ?? 0,\r\n w: widget.size.width,\r\n h: widget.size.height,\r\n };\r\n });\r\n\r\n localStorage.setItem(LAYOUT_STORAGE_KEY, JSON.stringify(gridstackFormat));\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to save layout to storage:\", error);\r\n }\r\n}\r\n\r\n/**\r\n * Clears layout from localStorage\r\n */\r\nexport function clearLayoutStorage(): void {\r\n try {\r\n localStorage.removeItem(LAYOUT_STORAGE_KEY);\r\n } catch (error) {\r\n console.warn(\"[GridstackAdapter] Failed to clear layout storage:\", error);\r\n }\r\n}\r\n\r\n/**\r\n * Auto-arrange widgets in a grid layout\r\n * Places widgets side by side when possible, wrapping to next row\r\n */\r\nfunction autoArrangeWidgets(widgets: IDashboardWidget[], columns: number = 12): Map<string, DashboardWidgetPosition> {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n // Track occupied cells in each row\r\n const rowOccupancy: Map<number, number[]> = new Map();\r\n\r\n const isPositionFree = (x: number, y: number, width: number, height: number): boolean => {\r\n for (let row = y; row < y + height; row++) {\r\n const occupied = rowOccupancy.get(row) || [];\r\n for (let col = x; col < x + width; col++) {\r\n if (occupied.includes(col)) return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n const occupyPosition = (x: number, y: number, width: number, height: number): void => {\r\n for (let row = y; row < y + height; row++) {\r\n const occupied = rowOccupancy.get(row) || [];\r\n for (let col = x; col < x + width; col++) {\r\n occupied.push(col);\r\n }\r\n rowOccupancy.set(row, occupied);\r\n }\r\n };\r\n\r\n const findFreePosition = (width: number, height: number): DashboardWidgetPosition => {\r\n let y = 0;\r\n while (true) {\r\n for (let x = 0; x <= columns - width; x++) {\r\n if (isPositionFree(x, y, width, height)) {\r\n return { x, y };\r\n }\r\n }\r\n y++;\r\n // Safety limit\r\n if (y > 100) break;\r\n }\r\n return { x: 0, y };\r\n };\r\n\r\n for (const widget of widgets) {\r\n const position = findFreePosition(widget.size.width, widget.size.height);\r\n layout.set(widget.id, position);\r\n occupyPosition(position.x, position.y, widget.size.width, widget.size.height);\r\n }\r\n\r\n return layout;\r\n}\r\n\r\n/**\r\n * Merges saved layout with widget defaults\r\n * Handles cases where widgets have been added/removed\r\n * Auto-arranges widgets that don't have positions\r\n */\r\nexport function mergeLayoutWithWidgets(\r\n widgets: IDashboardWidget[],\r\n savedLayout: Map<string, DashboardWidgetPosition> | null,\r\n): Map<string, DashboardWidgetPosition> {\r\n // If we have a saved layout with positions, use it\r\n if (savedLayout && savedLayout.size > 0) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n\r\n for (const widget of widgets) {\r\n const savedPos = savedLayout.get(widget.id);\r\n const builtInPos = widget.position;\r\n const position = savedPos ?? builtInPos ?? { x: 0, y: 0 };\r\n layout.set(widget.id, position);\r\n }\r\n\r\n return layout;\r\n }\r\n\r\n // Check if all widgets have built-in positions\r\n const allHavePositions = widgets.every((w) => w.position !== undefined);\r\n\r\n if (allHavePositions) {\r\n const layout = new Map<string, DashboardWidgetPosition>();\r\n for (const widget of widgets) {\r\n layout.set(widget.id, widget.position!);\r\n }\r\n return layout;\r\n }\r\n\r\n // Auto-arrange widgets\r\n return autoArrangeWidgets(widgets);\r\n}\r\n","/**\r\n * Gridstack Integration Composable\r\n *\r\n * Provides Vue 3 integration with Gridstack.js library.\r\n * Handles initialization, event binding, and cleanup.\r\n */\r\n\r\nimport { ref, shallowRef, onUnmounted, watch, nextTick, type Ref, type ShallowRef } from \"vue\";\r\nimport { GridStack, type GridStackOptions, type GridStackNode } from \"gridstack\";\r\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\r\nimport {\r\n toGridstackWidget,\r\n fromGridstackNode,\r\n loadLayoutFromStorage,\r\n saveLayoutToStorage,\r\n mergeLayoutWithWidgets,\r\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\r\n\r\n/**\r\n * Default Gridstack configuration\r\n */\r\nconst DEFAULT_OPTIONS: GridStackOptions = {\r\n column: 12,\r\n cellHeight: 80,\r\n margin: \"10px\",\r\n float: false,\r\n animate: true,\r\n // Disable responsive column changes - always use 12 columns\r\n columnOpts: {\r\n breakpoints: [{ w: 0, c: 12 }], // Always 12 columns regardless of width\r\n },\r\n draggable: {\r\n handle: \".grid-stack-item-content\",\r\n },\r\n resizable: {\r\n handles: \"se\", // Only bottom-right corner\r\n },\r\n};\r\n\r\n/**\r\n * Options for useGridstack composable\r\n */\r\nexport interface UseGridstackOptions {\r\n /** Gridstack configuration options */\r\n gridOptions?: Partial<GridStackOptions>;\r\n /** Enable widget resizing */\r\n resizable?: boolean;\r\n /** Auto-save layout to localStorage */\r\n autoSave?: boolean;\r\n /** Callback when layout changes */\r\n onLayoutChange?: (layout: Map<string, DashboardWidgetPosition>) => void;\r\n}\r\n\r\n/**\r\n * Return type for useGridstack composable\r\n */\r\nexport interface UseGridstackReturn {\r\n /** Reference to GridStack instance */\r\n grid: ShallowRef<GridStack | null>;\r\n /** Current layout map */\r\n layout: Ref<Map<string, DashboardWidgetPosition>>;\r\n /** Whether grid is initialized */\r\n isInitialized: Ref<boolean>;\r\n /** Initialize grid on element */\r\n initGrid: (element: HTMLElement) => void;\r\n /** Destroy grid instance */\r\n destroyGrid: () => void;\r\n /** Add a widget to the grid */\r\n addWidget: (widget: IDashboardWidget) => void;\r\n /** Remove a widget from the grid */\r\n removeWidget: (widgetId: string) => void;\r\n /** Update widget position */\r\n updateWidgetPosition: (widgetId: string, position: DashboardWidgetPosition) => void;\r\n updateWidgetSize: (widgetId: string, size: { width: number; height: number }) => void;\r\n /** Save current layout */\r\n saveLayout: () => void;\r\n /** Load layout from storage */\r\n loadLayout: () => void;\r\n /** Reset to built-in positions */\r\n resetToDefaults: () => void;\r\n /** Batch update mode (disable animations) */\r\n batchUpdate: (fn: () => void) => void;\r\n}\r\n\r\n/**\r\n * Vue 3 composable for Gridstack integration\r\n */\r\nexport function useGridstack(widgets: Ref<IDashboardWidget[]>, options: UseGridstackOptions = {}): UseGridstackReturn {\r\n const { gridOptions = {}, resizable = false, autoSave = true, onLayoutChange } = options;\r\n\r\n // State\r\n const grid = shallowRef<GridStack | null>(null);\r\n const layout = ref<Map<string, DashboardWidgetPosition>>(new Map());\r\n const isInitialized = ref(false);\r\n const isUpdating = ref(false);\r\n\r\n /**\r\n * Merge options with defaults\r\n */\r\n const mergedOptions: GridStackOptions = {\r\n ...DEFAULT_OPTIONS,\r\n ...gridOptions,\r\n disableResize: !resizable,\r\n };\r\n\r\n /**\r\n * Initialize the grid on a DOM element\r\n */\r\n const initGrid = (element: HTMLElement): void => {\r\n if (grid.value) {\r\n console.warn(\"[useGridstack] Grid already initialized\");\r\n return;\r\n }\r\n\r\n // Load saved layout\r\n const savedLayout = loadLayoutFromStorage();\r\n layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n\r\n // Initialize Gridstack\r\n grid.value = GridStack.init(mergedOptions, element);\r\n\r\n // Bind event handlers\r\n grid.value.on(\"change\", handleChange);\r\n grid.value.on(\"added\", handleAdded);\r\n grid.value.on(\"removed\", handleRemoved);\r\n\r\n // Explicitly load widgets with their positions to ensure proper layout\r\n // This is needed because Vue renders DOM after Gridstack.init() processes children\r\n const widgetData = widgets.value.map((widget) => {\r\n const position = layout.value.get(widget.id);\r\n return toGridstackWidget(widget, position);\r\n });\r\n\r\n // Use load() to apply positions - this updates existing items\r\n grid.value.load(widgetData);\r\n\r\n isInitialized.value = true;\r\n };\r\n\r\n /**\r\n * Handle grid change events (drag/resize)\r\n */\r\n const handleChange = (_event: Event, nodes: GridStackNode[]): void => {\r\n if (isUpdating.value) return;\r\n\r\n for (const node of nodes) {\r\n const { id, position } = fromGridstackNode(node);\r\n if (id) {\r\n layout.value.set(id, position);\r\n }\r\n }\r\n\r\n // Trigger reactivity\r\n layout.value = new Map(layout.value);\r\n\r\n // Notify callback\r\n onLayoutChange?.(layout.value);\r\n\r\n // Auto-save\r\n if (autoSave) {\r\n saveLayout();\r\n }\r\n };\r\n\r\n /**\r\n * Handle widget added event\r\n */\r\n const handleAdded = (_event: Event, nodes: GridStackNode[]): void => {\r\n for (const node of nodes) {\r\n const { id, position } = fromGridstackNode(node);\r\n if (id && !layout.value.has(id)) {\r\n layout.value.set(id, position);\r\n }\r\n }\r\n layout.value = new Map(layout.value);\r\n };\r\n\r\n /**\r\n * Handle widget removed event\r\n */\r\n const handleRemoved = (_event: Event, nodes: GridStackNode[]): void => {\r\n for (const node of nodes) {\r\n if (node.id) {\r\n layout.value.delete(node.id);\r\n }\r\n }\r\n layout.value = new Map(layout.value);\r\n };\r\n\r\n /**\r\n * Destroy the grid instance\r\n */\r\n const destroyGrid = (): void => {\r\n if (grid.value) {\r\n grid.value.off(\"change\");\r\n grid.value.off(\"added\");\r\n grid.value.off(\"removed\");\r\n grid.value.destroy(false); // false = don't remove DOM elements\r\n grid.value = null;\r\n isInitialized.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Add a widget to the grid\r\n */\r\n const addWidget = (widget: IDashboardWidget): void => {\r\n if (!grid.value) return;\r\n\r\n const position = layout.value.get(widget.id) ?? widget.position;\r\n const gsWidget = toGridstackWidget(widget, position);\r\n\r\n // Find the DOM element for this widget\r\n const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n if (element) {\r\n grid.value.makeWidget(element as HTMLElement, gsWidget);\r\n }\r\n };\r\n\r\n /**\r\n * Remove a widget from the grid\r\n */\r\n const removeWidget = (widgetId: string): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n grid.value.removeWidget(element as HTMLElement, false);\r\n }\r\n layout.value.delete(widgetId);\r\n };\r\n\r\n /**\r\n * Update widget position programmatically\r\n */\r\n const updateWidgetPosition = (widgetId: string, position: DashboardWidgetPosition): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n isUpdating.value = true;\r\n grid.value.update(element as HTMLElement, { x: position.x, y: position.y });\r\n layout.value.set(widgetId, position);\r\n layout.value = new Map(layout.value);\r\n isUpdating.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Counterpart of updateWidgetPosition for the size axis, so a widget can be\r\n * resized programmatically — keyboard resizing has no drag handle to simulate.\r\n */\r\n const updateWidgetSize = (widgetId: string, size: { width: number; height: number }): void => {\r\n if (!grid.value) return;\r\n\r\n const element = document.querySelector(`[gs-id=\"${widgetId}\"]`);\r\n if (element) {\r\n isUpdating.value = true;\r\n grid.value.update(element as HTMLElement, { w: size.width, h: size.height });\r\n isUpdating.value = false;\r\n }\r\n };\r\n\r\n /**\r\n * Save current layout to localStorage\r\n */\r\n const saveLayout = (): void => {\r\n saveLayoutToStorage(widgets.value, layout.value);\r\n };\r\n\r\n /**\r\n * Load layout from localStorage\r\n */\r\n const loadLayout = (): void => {\r\n const savedLayout = loadLayoutFromStorage();\r\n if (savedLayout) {\r\n layout.value = mergeLayoutWithWidgets(widgets.value, savedLayout);\r\n applyLayoutToGrid();\r\n }\r\n };\r\n\r\n /**\r\n * Reset to built-in widget positions\r\n */\r\n const resetToDefaults = (): void => {\r\n layout.value = new Map();\r\n for (const widget of widgets.value) {\r\n if (widget.position) {\r\n layout.value.set(widget.id, { ...widget.position });\r\n }\r\n }\r\n applyLayoutToGrid();\r\n saveLayout();\r\n };\r\n\r\n /**\r\n * Apply current layout to grid\r\n */\r\n const applyLayoutToGrid = (): void => {\r\n if (!grid.value) return;\r\n\r\n isUpdating.value = true;\r\n grid.value.batchUpdate();\r\n\r\n for (const widget of widgets.value) {\r\n const position = layout.value.get(widget.id);\r\n if (position) {\r\n const element = document.querySelector(`[gs-id=\"${widget.id}\"]`);\r\n if (element) {\r\n grid.value.update(element as HTMLElement, {\r\n x: position.x,\r\n y: position.y,\r\n });\r\n }\r\n }\r\n }\r\n\r\n grid.value.batchUpdate(false);\r\n isUpdating.value = false;\r\n };\r\n\r\n /**\r\n * Execute function in batch update mode\r\n */\r\n const batchUpdate = (fn: () => void): void => {\r\n if (!grid.value) {\r\n fn();\r\n return;\r\n }\r\n\r\n isUpdating.value = true;\r\n grid.value.batchUpdate();\r\n fn();\r\n grid.value.batchUpdate(false);\r\n isUpdating.value = false;\r\n };\r\n\r\n // Watch for widget changes\r\n watch(\r\n widgets,\r\n async (newWidgets, oldWidgets) => {\r\n if (!grid.value || !isInitialized.value) return;\r\n\r\n await nextTick();\r\n\r\n // Find added widgets\r\n const addedWidgets = newWidgets.filter((w) => !oldWidgets?.some((ow) => ow.id === w.id));\r\n\r\n // Find removed widgets\r\n const removedWidgetIds =\r\n oldWidgets?.filter((w) => !newWidgets.some((nw) => nw.id === w.id)).map((w) => w.id) ?? [];\r\n\r\n // Remove old widgets\r\n for (const id of removedWidgetIds) {\r\n removeWidget(id);\r\n }\r\n\r\n // Add new widgets\r\n for (const widget of addedWidgets) {\r\n addWidget(widget);\r\n }\r\n },\r\n { deep: false },\r\n );\r\n\r\n // Cleanup on unmount\r\n onUnmounted(() => {\r\n destroyGrid();\r\n });\r\n\r\n return {\r\n grid,\r\n layout,\r\n isInitialized,\r\n initGrid,\r\n destroyGrid,\r\n addWidget,\r\n removeWidget,\r\n updateWidgetPosition,\r\n updateWidgetSize,\r\n saveLayout,\r\n loadLayout,\r\n resetToDefaults,\r\n batchUpdate,\r\n };\r\n}\r\n","<template>\n <div\n class=\"dashboard-widget-skeleton\"\n aria-hidden=\"true\"\n >\n <div class=\"dashboard-widget-skeleton__header\">\n <div class=\"dashboard-widget-skeleton__icon\" />\n <div class=\"dashboard-widget-skeleton__title\" />\n </div>\n <div class=\"dashboard-widget-skeleton__stats\">\n <div class=\"dashboard-widget-skeleton__stat\" />\n <div class=\"dashboard-widget-skeleton__stat\" />\n <div class=\"dashboard-widget-skeleton__stat\" />\n </div>\n <div class=\"dashboard-widget-skeleton__body\">\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w80\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w60\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w90\" />\n <div class=\"dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w70\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style lang=\"scss\">\n:root {\n --dashboard-widget-skeleton-bg: var(--dashboard-widget-card-background, var(--additional-50));\n --dashboard-widget-skeleton-border-color: var(--dashboard-widget-card-border-color, var(--neutrals-200));\n --dashboard-widget-skeleton-radius: var(--dashboard-widget-card-border-radius, 8px);\n --dashboard-widget-skeleton-shadow: var(\n --dashboard-widget-card-shadow,\n 0 1px 3px rgba(0, 0, 0, 0.08) 0 1px 2px rgba(0, 0, 0, 0.06)\n );\n --dashboard-widget-skeleton-shimmer-from: var(--neutrals-100);\n --dashboard-widget-skeleton-shimmer-to: var(--neutrals-200);\n}\n\n@keyframes dashboard-widget-skeleton-shimmer {\n 0% {\n background-position: -400px 0;\n }\n 100% {\n background-position: 400px 0;\n }\n}\n\n.dashboard-widget-skeleton {\n @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n background: var(--dashboard-widget-skeleton-bg);\n border: 1px solid var(--dashboard-widget-skeleton-border-color);\n border-radius: var(--dashboard-widget-skeleton-radius);\n box-shadow: var(--dashboard-widget-skeleton-shadow);\n\n %shimmer {\n background: linear-gradient(\n 90deg,\n var(--dashboard-widget-skeleton-shimmer-from) 0%,\n var(--dashboard-widget-skeleton-shimmer-to) 50%,\n var(--dashboard-widget-skeleton-shimmer-from) 100%\n );\n background-size: 800px 100%;\n animation: dashboard-widget-skeleton-shimmer 1.4s ease-in-out infinite;\n border-radius: 4px;\n }\n\n &__header {\n @apply tw-px-5 tw-py-4 tw-flex tw-items-center tw-gap-3;\n }\n\n &__icon {\n @apply tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n @extend %shimmer;\n }\n\n &__title {\n @apply tw-h-5 tw-flex-1 tw-max-w-[180px];\n @extend %shimmer;\n }\n\n &__stats {\n @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n border-top: 1px solid var(--dashboard-widget-skeleton-border-color);\n border-bottom: 1px solid var(--dashboard-widget-skeleton-border-color);\n }\n\n &__stat {\n @apply tw-h-6 tw-flex-1;\n @extend %shimmer;\n }\n\n &__body {\n @apply tw-flex-1 tw-min-h-0 tw-px-5 tw-py-4 tw-flex tw-flex-col tw-gap-3;\n }\n\n &__line {\n @apply tw-h-3;\n @extend %shimmer;\n\n &--w60 {\n @apply tw-w-3/5;\n }\n &--w70 {\n @apply tw-w-7/12;\n }\n &--w80 {\n @apply tw-w-4/5;\n }\n &--w90 {\n @apply tw-w-11/12;\n }\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dashboard-widget-skeleton {\n %shimmer {\n animation: none;\n }\n }\n}\n</style>\n","<template>\n <VcContainer\n no-padding\n class=\"vc-gridstack-dashboard\"\n >\n <div\n v-if=\"!modulesReady\"\n class=\"vc-gridstack-dashboard__skeleton-grid\"\n role=\"status\"\n aria-busy=\"true\"\n :aria-label=\"ariaLabel\"\n >\n <DashboardWidgetSkeleton\n v-for=\"(item, index) in skeletonItems\"\n :key=\"`skeleton-${index}`\"\n class=\"vc-gridstack-dashboard__skeleton-item\"\n :style=\"skeletonItemStyle(item)\"\n />\n </div>\n <div\n v-else\n ref=\"gridRef\"\n class=\"grid-stack vc-gridstack-dashboard__grid\"\n role=\"list\"\n :aria-label=\"ariaLabel\"\n >\n <div\n v-for=\"(widget, index) in widgets\"\n :key=\"widget.id\"\n class=\"grid-stack-item\"\n :class=\"{ 'vc-gridstack-dashboard__item--grabbed': grabbedWidgetId === widget.id }\"\n :gs-id=\"widget.id\"\n :gs-x=\"getPosition(widget.id)?.x ?? widget.position?.x ?? 0\"\n :gs-y=\"getPosition(widget.id)?.y ?? widget.position?.y ?? 0\"\n :gs-w=\"widget.size.width\"\n :gs-h=\"widget.size.height\"\n :gs-min-w=\"2\"\n :gs-min-h=\"2\"\n role=\"listitem\"\n tabindex=\"0\"\n :aria-label=\"getWidgetAriaLabel(widget, index)\"\n @keydown=\"onWidgetKeydown($event, widget)\"\n >\n <div class=\"grid-stack-item-content\">\n <!-- Drag handle (optional) -->\n <div\n v-if=\"showDragHandles\"\n class=\"vc-gridstack-dashboard__drag-handle\"\n aria-hidden=\"true\"\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n >\n <circle\n cx=\"5\"\n cy=\"3\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"3\"\n r=\"1.5\"\n />\n <circle\n cx=\"5\"\n cy=\"8\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"8\"\n r=\"1.5\"\n />\n <circle\n cx=\"5\"\n cy=\"13\"\n r=\"1.5\"\n />\n <circle\n cx=\"11\"\n cy=\"13\"\n r=\"1.5\"\n />\n </svg>\n </div>\n\n <!-- Widget content -->\n <component\n :is=\"widget.component\"\n v-bind=\"widget.props || {}\"\n class=\"vc-gridstack-dashboard__widget-content\"\n />\n </div>\n </div>\n </div>\n\n <!-- Screen reader announcements -->\n <div\n class=\"vc-gridstack-dashboard__live-region\"\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {{ liveAnnouncement }}\n </div>\n </VcContainer>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * GridstackDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Optional widget resizing\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support\n */\nimport { ref, computed, onMounted, nextTick, inject, watch } from \"vue\";\nimport type { IDashboardWidget, DashboardWidgetPosition } from \"@shell/dashboard/draggable-dashboard/types\";\nimport { useDashboard } from \"@core/composables/useDashboard\";\nimport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nimport VcContainer from \"@ui/components/atoms/vc-container/vc-container.vue\";\nimport DashboardWidgetSkeleton from \"@shell/dashboard/draggable-dashboard/DashboardWidgetSkeleton.vue\";\nimport { ModulesReadyKey } from \"@framework/injection-keys\";\nimport { LAYOUT_STORAGE_KEY } from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\nimport \"gridstack/dist/gridstack.min.css\";\n\ninterface SkeletonItem {\n x: number;\n y: number;\n w: number;\n h: number;\n}\n\n// Default placeholders shown when there's no persisted layout yet (first visit).\n// 6×6 matches the typical real widget size in vc-shell apps.\nconst DEFAULT_SKELETONS: SkeletonItem[] = [\n { x: 0, y: 0, w: 6, h: 6 },\n { x: 6, y: 0, w: 6, h: 6 },\n { x: 0, y: 6, w: 6, h: 6 },\n { x: 6, y: 6, w: 6, h: 6 },\n];\n\nfunction readPersistedSkeletons(): SkeletonItem[] | null {\n if (typeof window === \"undefined\") return null;\n try {\n const raw = window.localStorage.getItem(LAYOUT_STORAGE_KEY);\n if (!raw) return null;\n const parsed = JSON.parse(raw);\n if (!Array.isArray(parsed)) return null;\n const items = parsed\n .filter(\n (n: unknown): n is SkeletonItem =>\n !!n &&\n typeof n === \"object\" &&\n typeof (n as SkeletonItem).w === \"number\" &&\n typeof (n as SkeletonItem).h === \"number\" &&\n typeof (n as SkeletonItem).x === \"number\" &&\n typeof (n as SkeletonItem).y === \"number\",\n )\n .map((n) => ({ x: n.x, y: n.y, w: n.w, h: n.h }));\n return items.length > 0 ? items : null;\n } catch {\n return null;\n }\n}\n\n// Props\ninterface Props {\n /** Show drag handle icons on widgets */\n showDragHandles?: boolean;\n /** Enable widget resizing */\n resizable?: boolean;\n /** Aria label for the dashboard container */\n ariaLabel?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n showDragHandles: false,\n resizable: false,\n ariaLabel: \"Dashboard widgets. Drag a widget, or focus one and press Enter to rearrange with the arrow keys.\",\n});\n\n// Refs\nconst gridRef = ref<HTMLElement | null>(null);\nconst liveAnnouncement = ref(\"\");\n\n// Gate dashboard rendering until remote modules finish installing.\n// Without this, widgets preregistered during loadRemote() can mount before\n// their owning module's `defineAppModule.install` runs `mergeLocaleMessage`,\n// causing missing translations. Fallback `ref(true)` keeps tests/stories and\n// hosts without MF working unchanged.\nconst modulesReady = inject(ModulesReadyKey, ref(true));\n\n// Skeleton placeholders shown until modules finish loading. Pulled from the last\n// persisted layout (so returning users see card sizes matching their real dashboard);\n// fallback to a generic 4-card grid on first visit.\nconst skeletonItems = computed<SkeletonItem[]>(() => {\n if (modulesReady.value) return [];\n return readPersistedSkeletons() ?? DEFAULT_SKELETONS;\n});\n\nconst skeletonItemStyle = (item: SkeletonItem): Record<string, string> => ({\n gridColumn: `${item.x + 1} / span ${item.w}`,\n gridRow: `${item.y + 1} / span ${item.h}`,\n});\n\n// Dashboard service\nconst dashboard = useDashboard();\nconst widgets = computed(() => dashboard.getWidgets() as IDashboardWidget[]);\n\n// Gridstack integration\nconst { layout, isInitialized, initGrid, saveLayout, resetToDefaults, updateWidgetPosition, updateWidgetSize } =\n useGridstack(widgets, {\n resizable: props.resizable,\n autoSave: true,\n gridOptions: {\n draggable: {\n handle: props.showDragHandles ? \".vc-gridstack-dashboard__drag-handle\" : \".grid-stack-item-content\",\n },\n },\n onLayoutChange: (newLayout) => {\n // Sync with dashboard service\n for (const [widgetId, position] of newLayout) {\n dashboard.updateWidgetPosition(widgetId, position);\n }\n announceToScreenReader(\"Widget positions updated\");\n },\n });\n\n// Helper to get widget position\nconst getPosition = (widgetId: string): DashboardWidgetPosition | undefined => {\n return layout.value.get(widgetId);\n};\n\n// --- Keyboard reordering (WCAG 2.5.7: dragging must have a non-drag alternative) ---\n//\n// Gridstack only offers pointer dragging, so the widget itself becomes the control:\n// Enter/Space picks it up, arrows move it a cell at a time, Shift+arrows resize,\n// Enter drops, Escape restores the position it was picked up from.\nconst grabbedWidgetId = ref<string | null>(null);\nconst grabbedOrigin = ref<DashboardWidgetPosition | null>(null);\n\n// Mirrors gs-min-w / gs-min-h on the item.\nconst MIN_WIDGET_SPAN = 2;\n\nconst positionOf = (widget: IDashboardWidget): DashboardWidgetPosition =>\n layout.value.get(widget.id) ?? widget.position ?? { x: 0, y: 0 };\n\nconst widgetName = (widget: IDashboardWidget): string => widget.name || widget.id;\n\nconst pickUpWidget = (widget: IDashboardWidget): void => {\n grabbedWidgetId.value = widget.id;\n grabbedOrigin.value = { ...positionOf(widget) };\n announceToScreenReader(\n `${widgetName(widget)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`,\n );\n};\n\nconst dropWidget = (widget: IDashboardWidget): void => {\n grabbedWidgetId.value = null;\n grabbedOrigin.value = null;\n saveLayout();\n const { x, y } = positionOf(widget);\n announceToScreenReader(`${widgetName(widget)} dropped at column ${x + 1}, row ${y + 1}.`);\n};\n\nconst cancelWidgetMove = (widget: IDashboardWidget): void => {\n if (grabbedOrigin.value) {\n updateWidgetPosition(widget.id, grabbedOrigin.value);\n }\n grabbedWidgetId.value = null;\n grabbedOrigin.value = null;\n announceToScreenReader(`Move cancelled. ${widgetName(widget)} returned to its original position.`);\n};\n\nconst moveWidgetBy = (widget: IDashboardWidget, dx: number, dy: number): void => {\n const current = positionOf(widget);\n const next = { x: current.x + dx, y: current.y + dy };\n // Gridstack clamps silently; refusing the move keeps the announcement honest.\n if (next.x < 0 || next.y < 0) return;\n\n updateWidgetPosition(widget.id, next);\n announceToScreenReader(`${widgetName(widget)} moved to column ${next.x + 1}, row ${next.y + 1}.`);\n};\n\nconst resizeWidgetBy = (widget: IDashboardWidget, dw: number, dh: number): void => {\n const width = Math.max(MIN_WIDGET_SPAN, widget.size.width + dw);\n const height = Math.max(MIN_WIDGET_SPAN, widget.size.height + dh);\n if (width === widget.size.width && height === widget.size.height) return;\n\n updateWidgetSize(widget.id, { width, height });\n announceToScreenReader(`${widgetName(widget)} resized to ${width} by ${height} cells.`);\n};\n\nconst onWidgetKeydown = (event: KeyboardEvent, widget: IDashboardWidget): void => {\n const isGrabbed = grabbedWidgetId.value === widget.id;\n\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (isGrabbed) dropWidget(widget);\n else pickUpWidget(widget);\n return;\n }\n\n if (event.key === \"Escape\" && isGrabbed) {\n event.preventDefault();\n cancelWidgetMove(widget);\n return;\n }\n\n const dx = event.key === \"ArrowLeft\" ? -1 : event.key === \"ArrowRight\" ? 1 : 0;\n const dy = event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n if ((dx === 0 && dy === 0) || !isGrabbed) return;\n\n event.preventDefault();\n if (event.shiftKey) {\n if (props.resizable) resizeWidgetBy(widget, dx, dy);\n } else {\n moveWidgetBy(widget, dx, dy);\n }\n};\n\n// Accessibility helpers\nconst getWidgetAriaLabel = (widget: IDashboardWidget, index: number): string => {\n const name = widget.name || widget.id;\n const state =\n grabbedWidgetId.value === widget.id\n ? \"Picked up. Arrow keys move, Enter drops, Escape cancels.\"\n : \"Press Enter to pick up and rearrange with the arrow keys.\";\n return `${name}, widget ${index + 1} of ${widgets.value.length}. ${state}`;\n};\n\nconst announceToScreenReader = (message: string): void => {\n liveAnnouncement.value = message;\n setTimeout(() => {\n liveAnnouncement.value = \"\";\n }, 1000);\n};\n\nconst tryInitGrid = async (): Promise<void> => {\n await nextTick();\n if (gridRef.value && !isInitialized.value) {\n initGrid(gridRef.value);\n }\n};\n\nonMounted(tryInitGrid);\n\n// When modules finish loading, the v-if mounts gridRef — initialize gridstack then.\nwatch(modulesReady, (ready) => {\n if (ready) tryInitGrid();\n});\n\n// Public methods\nconst rearrangeWidgets = (): void => {\n resetToDefaults();\n};\n\nconst recalculateLayout = (): void => {\n // Gridstack handles this automatically\n};\n\nconst useBuiltInPositions = (): boolean => {\n resetToDefaults();\n return true;\n};\n\n// Expose public methods\ndefineExpose({\n rearrangeWidgets,\n recalculateLayout,\n saveLayout,\n useBuiltInPositions,\n});\n</script>\n\n<style lang=\"scss\">\n@import \"gridstack/dist/gridstack.min.css\";\n\n:root {\n --gridstack-dashboard-background: var(--additional-50);\n --gridstack-widget-background: var(--additional-50);\n --gridstack-widget-border-radius: 8px;\n --gridstack-widget-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n --gridstack-widget-shadow-dragging: 0 8px 24px rgba(0, 0, 0, 0.15);\n --gridstack-placeholder-background: rgba(59, 130, 246, 0.1);\n --gridstack-placeholder-border: rgba(59, 130, 246, 0.5);\n --gridstack-drag-handle-color: var(--neutrals-400);\n --gridstack-drag-handle-color-hover: var(--neutrals-600);\n --gridstack-widget-focus-ring-color: var(--primary-500);\n}\n\n.vc-gridstack-dashboard {\n background-color: var(--gridstack-dashboard-background);\n min-height: 100%;\n\n &__grid {\n padding: 24px 18px;\n min-height: calc(80px * 8 + 24px * 2); // 8 rows minimum\n }\n\n // Widgets are focusable so they can be rearranged from the keyboard.\n .grid-stack-item:focus-visible {\n @apply tw-outline-none tw-ring-[3px] tw-ring-[color:var(--gridstack-widget-focus-ring-color)];\n border-radius: var(--gridstack-widget-border-radius);\n }\n\n // Picked up for a keyboard move: the pointer equivalent of \"being dragged\".\n &__item--grabbed {\n z-index: var(--z-local-above);\n\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n outline: 2px dashed var(--gridstack-placeholder-border);\n outline-offset: 2px;\n }\n }\n\n // Skeleton grid mirrors gridstack's 12-column geometry. Row height and gap are\n // tuned so a 6×6 placeholder visually matches a real 6×6 widget rendered by\n // gridstack (which collapses margins differently than a plain CSS grid).\n &__skeleton-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-auto-rows: 55px;\n gap: 20px;\n padding: 24px 18px;\n min-height: calc(55px * 8 + 24px * 2);\n }\n\n &__skeleton-item {\n min-width: 0;\n min-height: 0;\n }\n\n // Widget item styling\n .grid-stack-item {\n &-content {\n background: var(--gridstack-widget-background);\n border-radius: var(--gridstack-widget-border-radius);\n box-shadow: var(--gridstack-widget-shadow);\n overflow: hidden;\n // Note: Don't set height: 100% - Gridstack uses position: absolute with inset for margins\n transition: box-shadow 0.2s ease;\n }\n\n // Dragging state\n &.ui-draggable-dragging {\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n }\n }\n\n // Resizing state\n &.ui-resizable-resizing {\n .grid-stack-item-content {\n box-shadow: var(--gridstack-widget-shadow-dragging);\n }\n }\n }\n\n // Placeholder styling\n .grid-stack-placeholder {\n > .placeholder-content {\n background: var(--gridstack-placeholder-background);\n border: 2px dashed var(--gridstack-placeholder-border);\n border-radius: var(--gridstack-widget-border-radius);\n }\n }\n\n // Drag handle\n &__drag-handle {\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: var(--z-local-sticky);\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gridstack-drag-handle-color);\n cursor: grab;\n border-radius: 4px;\n transition:\n color 0.15s ease,\n background-color 0.15s ease;\n\n &:hover {\n color: var(--gridstack-drag-handle-color-hover);\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n cursor: grabbing;\n }\n }\n\n // Widget content\n &__widget-content {\n width: 100%;\n height: 100%;\n }\n\n // Screen reader only\n &__live-region {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n}\n\n// Respect reduced motion preference\n@media (prefers-reduced-motion: reduce) {\n .vc-gridstack-dashboard {\n .grid-stack-item {\n transition: none !important;\n\n &-content {\n transition: none !important;\n }\n }\n }\n\n .grid-stack {\n &.grid-stack-animate {\n .grid-stack-item {\n transition: none !important;\n }\n }\n }\n}\n</style>\n","<template>\n <GridstackDashboard\n ref=\"dashboardRef\"\n :show-drag-handles=\"showDragHandles\"\n :resizable=\"resizable\"\n :aria-label=\"ariaLabel\"\n />\n</template>\n\n<script setup lang=\"ts\">\n/**\n * DraggableDashboard Component\n *\n * A flexible dashboard powered by Gridstack.js that allows widgets to be\n * dragged and arranged in a grid layout.\n *\n * Features:\n * - Drag and drop interface for arranging widgets\n * - Automatic layout persistence in localStorage\n * - Support for built-in widget positions\n * - Accessibility support (a11y)\n * - Optional widget resizing\n */\nimport { ref } from \"vue\";\nimport GridstackDashboard from \"@shell/dashboard/draggable-dashboard/GridstackDashboard.vue\";\n\n// Props\ninterface Props {\n /** Show drag handle icons on widgets */\n showDragHandles?: boolean;\n /** Enable widget resizing */\n resizable?: boolean;\n /** Aria label for the dashboard container */\n ariaLabel?: string;\n}\n\nwithDefaults(defineProps<Props>(), {\n showDragHandles: false,\n resizable: false,\n ariaLabel: \"Dashboard widgets. Drag widgets to rearrange.\",\n});\n\n// State\nconst dashboardRef = ref<InstanceType<typeof GridstackDashboard> | null>(null);\n\n// Public methods (delegated to GridstackDashboard)\nconst rearrangeWidgets = (): void => {\n dashboardRef.value?.rearrangeWidgets?.();\n};\n\nconst recalculateLayout = (): void => {\n dashboardRef.value?.recalculateLayout?.();\n};\n\nconst saveLayout = (): void => {\n dashboardRef.value?.saveLayout?.();\n};\n\nconst useBuiltInPositions = (): boolean => {\n return dashboardRef.value?.useBuiltInPositions?.() ?? false;\n};\n\n// Expose public methods\ndefineExpose({\n rearrangeWidgets,\n recalculateLayout,\n saveLayout,\n useBuiltInPositions,\n});\n</script>\n","// Main component\nexport { default as DraggableDashboard } from \"@shell/dashboard/draggable-dashboard/DraggableDashboard.vue\";\n\n// Types\nexport type {\n IDashboardWidget,\n DashboardWidgetPosition,\n DashboardWidgetSize,\n DashboardDragEvent,\n DashboardGridConfig,\n} from \"@shell/dashboard/draggable-dashboard/types\";\n\n// Gridstack composables (for advanced usage)\nexport { useGridstack } from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\nexport type {\n UseGridstackOptions,\n UseGridstackReturn,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstack\";\n\n// Import and re-export to avoid Storybook docgen issues with direct re-exports\nimport {\n toGridstackWidget as _toGridstackWidget,\n fromGridstackNode as _fromGridstackNode,\n loadLayoutFromStorage as _loadLayoutFromStorage,\n saveLayoutToStorage as _saveLayoutToStorage,\n mergeLayoutWithWidgets as _mergeLayoutWithWidgets,\n clearLayoutStorage as _clearLayoutStorage,\n LAYOUT_STORAGE_KEY as _LAYOUT_STORAGE_KEY,\n} from \"@shell/dashboard/draggable-dashboard/composables/useGridstackAdapter\";\n\nexport const toGridstackWidget = _toGridstackWidget;\nexport const fromGridstackNode = _fromGridstackNode;\nexport const loadLayoutFromStorage = _loadLayoutFromStorage;\nexport const saveLayoutToStorage = _saveLayoutToStorage;\nexport const mergeLayoutWithWidgets = _mergeLayoutWithWidgets;\nexport const clearLayoutStorage = _clearLayoutStorage;\nexport const LAYOUT_STORAGE_KEY = _LAYOUT_STORAGE_KEY;\n","<template>\n <div class=\"dashboard-widget-card\">\n <div class=\"dashboard-widget-card__header\">\n <slot name=\"header\">\n <div class=\"dashboard-widget-card__header-content\">\n <div\n v-if=\"icon\"\n class=\"dashboard-widget-card__icon-wrapper\"\n >\n <VcIcon\n class=\"dashboard-widget-card__icon\"\n :icon=\"icon\"\n size=\"l\"\n />\n </div>\n <div class=\"dashboard-widget-card__title\">{{ props.header }}</div>\n </div>\n </slot>\n <div\n v-if=\"$slots.actions\"\n class=\"dashboard-widget-card__actions\"\n >\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n <div\n v-if=\"$slots.stats\"\n class=\"dashboard-widget-card__stats\"\n >\n <slot name=\"stats\"></slot>\n </div>\n\n <div\n v-loading=\"loading\"\n class=\"dashboard-widget-card__body\"\n >\n <slot name=\"content\"></slot>\n </div>\n\n <div\n v-if=\"$slots.footer\"\n class=\"dashboard-widget-card__footer\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </div>\n</template>\n\n<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<script setup lang=\"ts\">\nexport interface Props {\n header?: string;\n icon?: string;\n loading?: boolean;\n}\n\nimport { VcIcon } from \"@ui/components\";\nimport { vLoading } from \"@core/directives\";\n\nconst props = defineProps<Props>();\n\ndefineSlots<{\n header?: (props: any) => any;\n actions?: (props: any) => any;\n stats?: (props: any) => any;\n content?: (props: any) => any;\n footer?: (props: any) => any;\n}>();\n</script>\n\n<style lang=\"scss\">\n:root {\n // Legacy variables (preserved for backward compat)\n --dashboard-widget-card-header-color: var(--additional-50);\n --dashboard-widget-card-header-text-color: var(--neutrals-950);\n --dashboard-widget-card-icon-color: var(--primary-600);\n --dashboard-widget-card-header-border-color: var(--neutrals-200);\n\n // New variables\n --dashboard-widget-card-background: var(--additional-50);\n --dashboard-widget-card-border-color: var(--neutrals-200);\n --dashboard-widget-card-border-radius: 8px;\n --dashboard-widget-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);\n --dashboard-widget-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);\n --dashboard-widget-card-icon-bg: var(--primary-50);\n --dashboard-widget-card-stats-bg: var(--neutrals-50);\n --dashboard-widget-card-footer-color: var(--primary-700);\n}\n\n.dashboard-widget-card {\n @apply tw-overflow-hidden tw-h-full tw-flex tw-flex-col;\n background: var(--dashboard-widget-card-background);\n border: 1px solid var(--dashboard-widget-card-border-color);\n border-radius: var(--dashboard-widget-card-border-radius);\n box-shadow: var(--dashboard-widget-card-shadow);\n transition: box-shadow 0.2s ease;\n\n &:hover {\n box-shadow: var(--dashboard-widget-card-shadow-hover);\n }\n\n &__header {\n @apply tw-px-5 tw-py-4 tw-flex tw-justify-between tw-items-center tw-gap-3;\n }\n\n &__header-content {\n @apply tw-flex tw-items-center tw-gap-3 tw-min-w-0;\n }\n\n &__icon-wrapper {\n @apply tw-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-lg tw-flex-shrink-0;\n background: var(--dashboard-widget-card-icon-bg);\n }\n\n &__icon {\n @apply tw-text-[var(--dashboard-widget-card-icon-color)];\n }\n\n &__title {\n @apply tw-text-lg tw-font-semibold tw-truncate;\n color: var(--dashboard-widget-card-header-text-color);\n }\n\n &__actions {\n @apply tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0;\n }\n\n &__stats {\n @apply tw-px-5 tw-py-3 tw-flex tw-items-center tw-gap-6;\n background: var(--dashboard-widget-card-stats-bg);\n border-top: 1px solid var(--dashboard-widget-card-border-color);\n border-bottom: 1px solid var(--dashboard-widget-card-border-color);\n }\n\n &__body {\n @apply tw-flex-1 tw-min-h-0;\n }\n\n &__footer {\n @apply tw-px-5 tw-py-3 tw-text-center;\n border-top: 1px solid var(--dashboard-widget-card-border-color);\n\n a,\n button {\n @apply tw-text-sm tw-font-medium tw-no-underline;\n color: var(--dashboard-widget-card-footer-color);\n transition: opacity 0.15s ease;\n\n &:hover {\n @apply tw-underline;\n opacity: 0.85;\n }\n }\n }\n}\n\n// Shared activity-feed row style for dashboard card content\n.dashboard-feed-row {\n @apply tw-flex tw-items-center tw-justify-between tw-px-5 tw-py-2.5 tw-cursor-pointer tw-transition-colors;\n\n &:hover {\n background: var(--dashboard-widget-card-icon-bg, var(--primary-50));\n }\n}\n</style>\n","<template>\n <div class=\"dashboard-stat-item\">\n <div\n class=\"dashboard-stat-item__value\"\n :class=\"variant ? `dashboard-stat-item__value--${variant}` : ''\"\n >\n {{ value }}\n </div>\n <div class=\"dashboard-stat-item__label\">{{ label }}</div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nexport interface DashboardStatItemProps {\n /** The metric value to display */\n value: string | number;\n /** Descriptive label below the value */\n label: string;\n /** Color variant for the value */\n variant?: \"default\" | \"success\" | \"warning\" | \"danger\";\n}\n\ndefineProps<DashboardStatItemProps>();\n</script>\n\n<style lang=\"scss\">\n:root {\n --dashboard-stat-item-value-color: var(--neutrals-950);\n --dashboard-stat-item-label-color: var(--neutrals-500);\n}\n\n.dashboard-stat-item {\n @apply tw-flex tw-flex-col tw-items-center tw-min-w-0;\n\n &__value {\n @apply tw-text-lg tw-font-semibold tw-leading-tight tw-text-[var(--dashboard-stat-item-value-color)] tw-truncate tw-max-w-full;\n\n &--success {\n @apply tw-text-[var(--success-600)];\n }\n\n &--warning {\n @apply tw-text-[var(--warning-600)];\n }\n\n &--danger {\n @apply tw-text-[var(--danger-600)];\n }\n }\n\n &__label {\n @apply tw-text-xs tw-text-[var(--dashboard-stat-item-label-color)] tw-mt-0.5 tw-truncate tw-max-w-full;\n }\n}\n</style>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n <div class=\"tw-divide-y tw-divide-[var(--neutrals-200)]\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineSlots<{\n default: (props: any) => any;\n}>();\n</script>\n","<!-- eslint-disable @typescript-eslint/no-explicit-any -->\n<template>\n <div\n class=\"dashboard-feed-row\"\n @click=\"$emit('click')\"\n >\n <div class=\"tw-flex tw-items-center tw-gap-2.5 tw-min-w-0\">\n <slot />\n </div>\n <div\n v-if=\"$slots.trailing\"\n class=\"tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3\"\n >\n <slot name=\"trailing\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineEmits<{\n click: [];\n}>();\n\ndefineSlots<{\n default: (props: any) => any;\n trailing: (props: any) => any;\n}>();\n</script>\n"],"names":["LAYOUT_STORAGE_KEY","toGridstackWidget","widget","position","pos","fromGridstackNode","node","gridstackNodesToLayoutMap","nodes","layout","loadLayoutFromStorage","stored","parsed","id","error","saveLayoutToStorage","widgets","gridstackFormat","clearLayoutStorage","autoArrangeWidgets","columns","rowOccupancy","isPositionFree","x","y","width","height","row","occupied","col","occupyPosition","findFreePosition","mergeLayoutWithWidgets","savedLayout","savedPos","builtInPos","w","DEFAULT_OPTIONS","useGridstack","options","gridOptions","resizable","autoSave","onLayoutChange","grid","shallowRef","ref","isInitialized","isUpdating","mergedOptions","initGrid","element","GridStack","handleChange","handleAdded","handleRemoved","widgetData","_event","saveLayout","destroyGrid","addWidget","gsWidget","removeWidget","widgetId","updateWidgetPosition","updateWidgetSize","size","loadLayout","applyLayoutToGrid","resetToDefaults","batchUpdate","fn","watch","newWidgets","oldWidgets","nextTick","addedWidgets","ow","removedWidgetIds","nw","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_cache","MIN_WIDGET_SPAN","DEFAULT_SKELETONS","readPersistedSkeletons","raw","items","n","props","__props","gridRef","liveAnnouncement","modulesReady","inject","ModulesReadyKey","skeletonItems","computed","skeletonItemStyle","item","dashboard","useDashboard","newLayout","announceToScreenReader","getPosition","grabbedWidgetId","grabbedOrigin","positionOf","widgetName","pickUpWidget","dropWidget","cancelWidgetMove","moveWidgetBy","dx","dy","current","next","resizeWidgetBy","dw","dh","onWidgetKeydown","event","isGrabbed","getWidgetAriaLabel","index","name","state","message","tryInitGrid","onMounted","ready","__expose","_createBlock","VcContainer","_unref","_Fragment","_renderList","$event","_createElementVNode","_hoisted_4","_hoisted_5","_resolveDynamicComponent","_mergeProps","DashboardWidgetSkeleton","_normalizeStyle","_hoisted_6","_toDisplayString","dashboardRef","GridstackDashboard","_toGridstackWidget","_fromGridstackNode","_loadLayoutFromStorage","_saveLayoutToStorage","_mergeLayoutWithWidgets","_clearLayoutStorage","_LAYOUT_STORAGE_KEY","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_createVNode","VcIcon","$slots","_hoisted_7","_withDirectives","_hoisted_8","_hoisted_9","_normalizeClass","$emit"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { _ as o, a as t, b as e, c as r, d, L as g, e as i, f as b, l as L, m as h, s as m, t as u, u as D } from "../chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BkjGx3or.js";
1
+ import { _ as o, a as t, b as e, c as r, d, L as g, e as i, f as b, l as L, m as h, s as m, t as u, u as D } from "../chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js";
2
2
  export {
3
3
  o as DashboardFeedList,
4
4
  t as DashboardFeedRow,
package/dist/framework.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { b as Da, c as ya } from "./chunks/vendor-vueuse-core-BFa9je5E.js";
2
- import { t as at, v as oe, w as q, x as X, _ as $, y as be, z as Ba, I as bt, d as K, b as pe, l as Ma, A as ka, C as Va, D as Ua, V as Ee, E as Fa, F as Wa, G as Ha, H as Ga, J as xa, K as $a, L as Ka, M as za, N as qa } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js";
3
- import { O as xl, B as $l, P as Kl, Q as zl, R as ql, S as Yl, T as jl, U as Zl, W as Xl, a as Jl, c as Ql, e as eu, f as tu, g as au, h as nu, i as su, j as ou, X as ru, Y as iu, Z as lu, $ as uu, a0 as du, a1 as cu, a2 as Eu, a3 as fu, a4 as mu, a5 as gu, a6 as Su, a7 as Au, a8 as pu, a9 as Tu, aa as hu, ab as Lu, p as Ou, ac as Ru, ad as _u, ae as Iu, af as vu, ag as wu, ah as Cu, ai as bu, aj as Pu, ak as Nu, al as Du, am as yu, u as Bu, k as Mu, r as ku, an as Vu, m as Uu, n as Fu, ao as Wu, o as Hu, ap as Gu, aq as xu, ar as $u } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js";
2
+ import { t as at, v as oe, w as q, x as X, _ as $, y as be, z as Ba, I as bt, d as K, b as pe, l as Ma, A as ka, C as Va, D as Ua, V as Ee, E as Fa, F as Wa, G as Ha, H as Ga, J as xa, K as $a, L as Ka, M as za, N as qa } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js";
3
+ import { O as xl, B as $l, P as Kl, Q as zl, R as ql, S as Yl, T as jl, U as Zl, W as Xl, a as Jl, c as Ql, e as eu, f as tu, g as au, h as nu, i as su, j as ou, X as ru, Y as iu, Z as lu, $ as uu, a0 as du, a1 as cu, a2 as Eu, a3 as fu, a4 as mu, a5 as gu, a6 as Su, a7 as Au, a8 as pu, a9 as Tu, aa as hu, ab as Lu, p as Ou, ac as Ru, ad as _u, ae as Iu, af as vu, ag as wu, ah as Cu, ai as bu, aj as Pu, ak as Nu, al as Du, am as yu, u as Bu, k as Mu, r as ku, an as Vu, m as Uu, n as Fu, ao as Wu, o as Hu, ap as Gu, aq as xu, ar as $u } from "./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js";
4
4
  import { getCurrentScope as Pt, onScopeDispose as Nt, computed as w, inject as Q, watch as ne, defineComponent as G, openBlock as C, createBlock as D, createSlots as Oe, withCtx as p, renderSlot as Y, createElementVNode as V, normalizeClass as Ya, createElementBlock as H, Fragment as se, createVNode as _, unref as r, createTextVNode as k, toDisplayString as y, shallowReactive as ja, ref as b, readonly as Je, onMounted as Re, onBeforeMount as Za, onBeforeUnmount as Xa, onUnmounted as Ja, provide as Dt, toValue as yt, isRef as Bt, normalizeStyle as Mt, createCommentVNode as z, withDirectives as Qa, withModifiers as We, reactive as le, createApp as en, nextTick as Pe, renderList as Ue, withKeys as nt, mergeProps as ie, getCurrentInstance as tn, warn as an, h as te, toRaw as nn } from "vue";
5
- import { b5 as me, b6 as sn, b7 as on, b8 as kt, b9 as He, ba as rn, bb as ln, ao as un, bc as Ge, bd as dn, be as cn, bf as Vt, Q as Ut, $ as En, a8 as ge, aa as st, a6 as xe, aB as fn, a0 as mn, av as gn, N as _e, ag as Ft, P as Sn, bg as An, aC as dt, bh as pn, bi as Tn } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-Dk_Se6jJ.js";
6
- import { _ as zu, a as qu, b as Yu, c as ju, d as Zu, e as Xu, f as Ju, g as Qu, h as ed, i as td, j as ad, bj as nd, bk as sd, C as od, bl as rd, bm as id, bn as ld, k as ud, bo as dd, bp as cd, S as Ed, bq as fd, br as md, l as gd, m as Sd, n as Ad, o as pd, p as Td, q as hd, T as Ld, r as Od, s as Rd, t as _d, u as Id, v as vd, w as wd, x as Cd, bs as bd, bt as Pd, V as Nd, y as Dd, z as yd, A as Bd, B as Md, D as kd, E as Vd, F as Ud, G as Fd, H as Wd, I as Hd, J as Gd, K as xd, L as $d, M as Kd, O as zd, bu as qd, bu as Yd, bv as jd, R as Zd, U as Xd, W as Jd, X as Qd, Y as ec, Z as tc, a1 as ac, a2 as nc, a3 as sc, a4 as oc, a5 as rc, a7 as ic, a9 as lc, ab as uc, ac as dc, ad as cc, ae as Ec, af as fc, ah as mc, ai as gc, aj as Sc, ak as Ac, al as pc, am as Tc, an as hc, ap as Lc, aq as Oc, ar as Rc, as as _c, at as Ic, au as vc, aw as wc, ax as Cc, ay as bc, az as Pc, aA as Nc, aD as Dc, aE as yc, bw as Bc, aF as Mc, bx as kc, by as Vc, bz as Uc, bA as Fc, bB as Wc, bC as Hc, bD as Gc, bE as xc, bF as $c, bG as Kc, bH as zc, bI as qc, bJ as Yc, bK as jc, bL as Zc, bM as Xc, aG as Jc, aH as Qc, aI as eE, bN as tE, aJ as aE, aK as nE, bO as sE, bP as oE, aL as rE, aM as iE, aN as lE, aO as uE, bQ as dE, aP as cE, aQ as EE, aR as fE, bR as mE, aS as gE, bS as SE, aT as AE, aU as pE, aV as TE, bT as hE, aW as LE, aX as OE, aY as RE, aZ as _E, a_ as IE, a$ as vE, b0 as wE, b1 as CE, b2 as bE, b3 as PE, b4 as NE, aF as DE } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-Dk_Se6jJ.js";
5
+ import { b5 as me, b6 as sn, b7 as on, b8 as kt, b9 as He, ba as rn, bb as ln, ao as un, bc as Ge, bd as dn, be as cn, bf as Vt, Q as Ut, $ as En, a8 as ge, aa as st, a6 as xe, aB as fn, a0 as mn, av as gn, N as _e, ag as Ft, P as Sn, bg as An, aC as dt, bh as pn, bi as Tn } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-B-xA79lJ.js";
6
+ import { _ as zu, a as qu, b as Yu, c as ju, d as Zu, e as Xu, f as Ju, g as Qu, h as ed, i as td, j as ad, bj as nd, bk as sd, C as od, bl as rd, bm as id, bn as ld, k as ud, bo as dd, bp as cd, S as Ed, bq as fd, br as md, l as gd, m as Sd, n as Ad, o as pd, p as Td, q as hd, T as Ld, r as Od, s as Rd, t as _d, u as Id, v as vd, w as wd, x as Cd, bs as bd, bt as Pd, V as Nd, y as Dd, z as yd, A as Bd, B as Md, D as kd, E as Vd, F as Ud, G as Fd, H as Wd, I as Hd, J as Gd, K as xd, L as $d, M as Kd, O as zd, bu as qd, bu as Yd, bv as jd, R as Zd, U as Xd, W as Jd, X as Qd, Y as ec, Z as tc, a1 as ac, a2 as nc, a3 as sc, a4 as oc, a5 as rc, a7 as ic, a9 as lc, ab as uc, ac as dc, ad as cc, ae as Ec, af as fc, ah as mc, ai as gc, aj as Sc, ak as Ac, al as pc, am as Tc, an as hc, ap as Lc, aq as Oc, ar as Rc, as as _c, at as Ic, au as vc, aw as wc, ax as Cc, ay as bc, az as Pc, aA as Nc, aD as Dc, aE as yc, bw as Bc, aF as Mc, bx as kc, by as Vc, bz as Uc, bA as Fc, bB as Wc, bC as Hc, bD as Gc, bE as xc, bF as $c, bG as Kc, bH as zc, bI as qc, bJ as Yc, bK as jc, bL as Zc, bM as Xc, aG as Jc, aH as Qc, aI as eE, bN as tE, aJ as aE, aK as nE, bO as sE, bP as oE, aL as rE, aM as iE, aN as lE, aO as uE, bQ as dE, aP as cE, aQ as EE, aR as fE, bR as mE, aS as gE, bS as SE, aT as AE, aU as pE, aV as TE, bT as hE, aW as LE, aX as OE, aY as RE, aZ as _E, a_ as IE, a$ as vE, b0 as wE, b1 as CE, b2 as bE, b3 as PE, b4 as NE, aF as DE } from "./chunks/VcScheduler.vue_vue_type_script_setup_true_lang-B-xA79lJ.js";
7
7
  import { _ as hn } from "./chunks/vendor-cypress-signalr-mock-itnm2wpA.js";
8
8
  import { c as U, b as Ln, d as On, i as Wt, S as Rn, W as Ht, B as Gt, h as _n, j as xt, m as In, k as $t, l as vn, _ as wn, L as Cn, I as bn, n as Pn, o as Nn, p as Dn, q as yn, r as Bn, T as Mn, s as kn, t as Vn, v as Un, N as Fn } from "./chunks/VcAiAgentPanel.vue_vue_type_style_index_0_lang-DrGobYkj.js";
9
9
  import { A as BE, w as ME, x as kE, y as VE, z as UE, C as FE, D as WE, F as HE, G as GE, H as xE, e as $E, f as KE, J as zE, K as qE, O as YE, P as jE, Q as ZE, R as XE, U as JE, V as QE, X as ef, Y as tf, Z as af, E as nf, $ as sf, a0 as of, a1 as rf, a2 as lf, a3 as uf, a4 as df, a5 as cf, a6 as Ef, M as ff, a7 as mf, a8 as gf, a9 as Sf, aa as Af, ab as pf, ac as Tf, ad as hf, ae as Lf, a as Of, af as Rf, ag as _f, ah as If, ai as vf, u as wf, g as Cf } from "./chunks/VcAiAgentPanel.vue_vue_type_style_index_0_lang-DrGobYkj.js";
@@ -93,7 +93,7 @@ import "./chunks/vendor-truncate-html-ChA1T5zy.js";
93
93
  import "./chunks/vendor-sortablejs-Bsvu-FKn.js";
94
94
  import { v as as } from "./chunks/vendor-vue3-touch-events-DqysuuWh.js";
95
95
  import "./chunks/vendor-gridstack-Beau2jQ7.js";
96
- import { _ as jf, a as Zf, b as Xf, c as Jf, d as Qf, L as em, e as tm, f as am, l as nm, m as sm, s as om, t as rm, u as im } from "./chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BkjGx3or.js";
96
+ import { _ as jf, a as Zf, b as Xf, c as Jf, d as Qf, L as em, e as tm, f as am, l as nm, m as sm, s as om, t as rm, u as im } from "./chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BXDneKBz.js";
97
97
  import { _ as um, a as dm, b as cm, c as Em, d as fm, e as mm } from "./chunks/DashboardDonutChart.vue_vue_type_script_setup_true_lang-hTcM33bM.js";
98
98
  import { A as ns, u as ss } from "./chunks/vendor-vue3-application-insights-CAgbt8pk.js";
99
99
  import { o as os, c as J, d as rs, i as is } from "./chunks/vendor-lodash-es-D2n90GJy.js";
@@ -672,7 +672,7 @@ function Zt(e, t) {
672
672
  const E = be(u);
673
673
  if (n.value = E, ys.error("Async action failed:", u), s && !Wt() && u && typeof u == "object") {
674
674
  const g = `async-error-${E.message.slice(0, 80)}`, f = setTimeout(async () => {
675
- Ke || (Ke = (await import("./chunks/VcScheduler.vue_vue_type_style_index_0_lang-MtpdtcE9.js").then((S) => S.aE)).notification), Ke.error(E.message, {
675
+ Ke || (Ke = (await import("./chunks/VcScheduler.vue_vue_type_style_index_0_lang-BSvjI-39.js").then((S) => S.aE)).notification), Ke.error(E.message, {
676
676
  timeout: o,
677
677
  notificationId: g
678
678
  });
@@ -1808,7 +1808,7 @@ const aa = { THEMES: { LIGHT: "Light", DARK: "Dark" }, NOTIFICATIONS: { CLEAR_AL
1808
1808
  common: ga,
1809
1809
  default: bo,
1810
1810
  messages: ca
1811
- }, Symbol.toStringTag, { value: "Module" })), Sa = { THEMES: { LIGHT: "Hell", DARK: "Dunkel" }, NOTIFICATIONS: { CLEAR_ALL: "Alle löschen" } }, Aa = { NAVIGATION_ARIA_LABEL: "Hauptnavigation", SIDEBAR: { SEARCH_PLACEHOLDER: "Suchbegriff" }, USER: { ROLE: { ADMINISTRATOR: "Administrator" } }, ACCOUNT: { SETTINGS: "Einstellungen", CHANGE_PASSWORD: "Passwort ändern", PROFILE: "Profil", LOGOUT: "Abmelden" } }, pa = { CONTROLS: { CLEAR: "Löschen", CLEAR_ALL: "Alle löschen", CLOSE: "Schließen", TOGGLE_DROPDOWN: "Dropdown umschalten", SEARCH_OPTIONS: "Optionen suchen", SELECT_OPTION: "Option auswählen", CLEAR_SELECTION: "Auswahl aufheben", COPY_TO_CLIPBOARD: "In die Zwischenablage kopieren", DELETE_ITEM: "Element löschen", SHOW_PASSWORD: "Passwort anzeigen", HIDE_PASSWORD: "Passwort verbergen" }, ATOMS: { VC_IMAGE: { LABEL: "Bild" }, VC_BANNER: { SHOW_MORE: "Mehr anzeigen", SHOW_LESS: "Weniger anzeigen" }, VC_SCROLLABLE_CONTAINER: { LABEL: "Scrollbarer Inhalt" }, VC_VIDEO: { NO_SOURCE: "Keine Videoquelle" } }, MOLECULES: { VC_SELECT: { CLICK_TO_SELECT: "Zum Auswählen klicken...", LOADING: "Wird geladen...", LOADING_MORE: "Mehr laden...", NO_OPTIONS: "Keine Optionen" }, VC_FILE_UPLOAD: { DRAG_HERE: "Datei hier ablegen oder", BROWSE: "Dateien durchsuchen", TAP_TO_UPLOAD: "Tippen, um Dateien auszuwählen", UPLOADING: "Wird hochgeladen..." }, VC_INPUT: { DATE_PLACEHOLDER: "Datum auswählen", DATE_TIME_PLACEHOLDER: "Datum und Uhrzeit auswählen" }, VC_PAGINATION: { JUMP: "Zur Seite springen:", LABEL: "Seitennummerierung", FIRST: "Erste Seite", PREVIOUS: "Vorherige Seite", NEXT: "Nächste Seite", LAST: "Letzte Seite", PAGE: "Seite {page}" }, VC_MULTIVALUE: { ADD: "Hinzufügen" }, VC_BREADCRUMBS: { BACK: "Zurück", LABEL: "Brotkrümelnavigation", SHOW_MORE: "Weitere Brotkrümel anzeigen" }, VC_COLOR_INPUT: { CLEAR: "Farbe löschen" }, VC_DATE_PICKER: { CLEAR: "Datum löschen" }, VC_SLIDER: { PREVIOUS: "Vorherige Folie", NEXT: "Nächste Folie" }, VC_TOAST: { DISMISS: "Benachrichtigung schließen" }, VC_EDITOR: { TOOLBAR: { LABEL: "Textformatierung", BOLD: "Fett", ITALIC: "Kursiv", UNDERLINE: "Unterstrichen", STRIKETHROUGH: "Durchgestrichen", HEADING_1: "Überschrift 1", HEADING_2: "Überschrift 2", HEADING_3: "Überschrift 3", BULLET_LIST: "Aufzählungsliste", NUMBERED_LIST: "Nummerierte Liste", BLOCKQUOTE: "Blockzitat", INSERT_LINK: "Link einfügen", INSERT_IMAGE: "Bild einfügen", INSERT_TABLE: "Tabelle einfügen", DELETE_TABLE: "Tabelle löschen", ADD_COLUMN_BEFORE: "Spalte davor einfügen", ADD_COLUMN_AFTER: "Spalte danach einfügen", ADD_ROW_BEFORE: "Zeile davor einfügen", ADD_ROW_AFTER: "Zeile danach einfügen", DELETE_COLUMN: "Spalte löschen", DELETE_ROW: "Zeile löschen" }, FONT_SIZE: "Schriftgröße", VIEW: { PREVIEW: "Vorschau", SPLIT: "Nebeneinander-Ansicht", SOURCE: "Quellcode" } } }, ORGANISMS: { VC_DYNAMIC_PROPERTY: { ADD: "Wert hinzufügen", VALUE_TYPE: { COLOR: { PLACEHOLDER: "Farbcode", NAME: "Farbname" } } }, VC_GALLERY: { INTERNAL: { VC_GALLERY_ITEM: { FULLSCREEN: "Vollbild", EDIT: "Bearbeiten", DELETE: "Löschen" }, VC_GALLERY_PREVIEW: { COPY_IMAGE_LINK: "Bildlink kopieren" }, VC_GALLERY_FILMSTRIP: { PREVIOUS: "Vorherige Bilder", NEXT: "Nächste Bilder" } }, GALLERY_IS_EMPTY: "Galerie ist leer", DROP_TO_UPLOAD: "Zum Hochladen ablegen", DRAG_IMAGES_HERE: "Bilder hierher ziehen oder", BROWSE_IMAGES: "Dateien durchsuchen", UPLOAD: "Hochladen", OR_DROP_HERE: "oder hierher ziehen", SHOW_ALL: "Erweitern ({count})", COLLAPSE: "Einklappen" }, VC_APP: { NOTIFICATIONS: "Benachrichtigungen", INTERNAL: { VC_APP_BAR: { BACK: "Zurück" }, MOBILE_LAYOUT: { TAB_MENU: "Menü", TAB_HUB: "Hub" }, APP_HUB: { SEARCH_PLACEHOLDER: "Anwendungen und Widgets suchen", APPLICATIONS: "Anwendungen", WIDGETS: "Widgets", NO_APPLICATIONS: "Keine Anwendungen gefunden", NO_WIDGETS: "Keine Widgets gefunden", LIST_VIEW: "Listenansicht", TILE_VIEW: "Kachelansicht" } } }, BLADE_NAVIGATION: { ARIA_LABEL: "Blade-Navigation" }, VC_BLADE: { SEE_DETAILS: "Details anzeigen", UNSAVED_CHANGES: "Hat ungespeicherte Änderungen", ERROR_POPUP: { TITLE: "Fehlerdetails", COPY_ERROR: "Inhalt kopieren", CLOSE: "schließen" }, MORE: "Mehr", TOOLBAR: "Toolbar-Aktionen", CLOSE_MENU: "Menü schließen", PANEL: "Panel" }, VC_BLADE_HEADER: { UNSAVED_CHANGES: "Hat ungespeicherte Änderungen", NO_CHANGES: "Keine ungespeicherten Änderungen", CLOSE: "Schließen", MAXIMIZE: "Maximieren", RESTORE: "Wiederherstellen" }, VC_TABLE: { SELECT_ROW: "Zeile auswählen", SELECT_ALL_ROWS: "Alle Zeilen auswählen", EXPAND_ROW: "Zeilendetails umschalten", CURRENT_PAGE_SELECTED: "Alle Elemente auf dieser Seite sind ausgewählt.", SELECT_ALL: "Alle Elemente auswählen", ALL_SELECTED: "Alle Elemente sind ausgewählt.", ALL_SELECTED_COUNT: "Alle {count} Elemente ausgewählt", SELECT_ALL_COUNT: "Alle {count} Elemente auswählen", CANCEL: "Auswahl aufheben", ALL_ACTIONS: "Alle Aktionen", MORE: "Mehr", ALL_FILTERS: "Filter", SEARCH: "Suchen...", EMPTY: "Liste ist leer.", EMPTY_TITLE: "Keine Daten", EMPTY_DESCRIPTION: "Keine Elemente zum Anzeigen", NOT_FOUND: "Nichts gefunden.", NOT_FOUND_TITLE: "Keine Ergebnisse gefunden", NOT_FOUND_DESCRIPTION: "Passen Sie Ihre Suche oder Filter an", TOTALS: "Gesamt:", ACTIONS: "Aktionen", NOT_SET: "Nicht festgelegt", SELECTED: "Ausgewählt", SELECT_ALL_TRUNCATED: "Alle auswählen", PULL_TO_REFRESH: "Zum Aktualisieren ziehen", RELEASE_TO_REFRESH: "Zum Aktualisieren loslassen", REFRESHING: "Wird aktualisiert...", ADD_ROW: "Zeile hinzufügen", LOADING: "Wird geladen...", PAGE_INFO: "Seite {current} von {total}", COLUMN_FILTER: { APPLY: "Anwenden", CLEAR: "Löschen", FROM: "Von", TO: "Bis", TITLE: "Spalte filtern" }, GLOBAL_FILTERS: { BUTTON: "Filter", TITLE: "Filter" }, COLUMN_SWITCHER: { BUTTON: "Spalten", TITLE: "Spalten ein-/ausblenden", SHOW_ALL: "Alle anzeigen", RESET: "Zurücksetzen" }, OF: "von", PAGE: "Seite" }, VC_POPUP: { OK: "OK", CONFIRM: "Bestätigen", CANCEL: "Abbrechen", CLOSE: "Schließen", TITLE: { CONFIRMATION: "Bestätigung", ERROR: "Fehler", INFO: "Info" } } }, THEME_SELECTOR: { THEME_CHANGED: " Thema", THEME_SELECTOR: "Themen" }, CHANGE_PASSWORD: { TITLE: "Passwort ändern", TITLE_FORCED: "Passwort abgelaufen", SUBTITLE_FORCED: "Bitte legen Sie ein neues Passwort fest", FORCED: { LABEL: "Ihr Passwort ist abgelaufen. Sie müssen das Passwort ändern, um den Manager weiter zu nutzen." }, CURRENT_PASSWORD: { LABEL: "Aktuelles Passwort", PLACEHOLDER: "Passwort eingeben" }, NEW_PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" }, CANCEL: "Abbrechen", SAVE: "Aktualisieren", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Equal-passwords": "Das neue Passwort darf nicht mit dem alten übereinstimmen", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", "Incorrect password.": "Sie haben ein falsches Passwort eingegeben", "You have used this password in the past. Choose another one.": "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, APP_HUB: { TITLE: "Anwendungen" }, NOTIFICATION_DROPDOWN: { TITLE: "Benachrichtigungen", EMPTY: "Noch keine Benachrichtigungen" }, LANGUAGE_SELECTOR: { TITLE: "Sprache" }, FILTERS: { APPLY: "Filter anwenden", RESET: "Zurücksetzen" } }, Ta = { TITLE: "Sie sind eingeladen!", SUBTITLE: "Legen Sie ein Passwort für Ihr Konto fest", FIELDS: { EMAIL: { LABEL: "E-Mail" }, PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" } }, ACCEPT_INVITATION: "Aktivieren", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", recentPasswordUsed: "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, ha = { TITLE: "Willkommen zurück", SUBTITLE: "Melden Sie sich bei Ihrem Konto an, um fortzufahren", FIELDS: { LOGIN: { LABEL: "E-Mail", PLACEHOLDER: "Geben Sie Ihre E-Mail-Adresse ein" }, PASSWORD: { LABEL: "Passwort", PLACEHOLDER: "Geben Sie Ihr Passwort ein" }, FORGOT_PASSWORD: { TITLE: "Passwort vergessen", LABEL: "E-Mail", PLACEHOLDER: "Bitte geben Sie Ihre E-Mail-Adresse ein" } }, FORGOT_PASSWORD_BUTTON: "Passwort vergessen?", BUTTON: "Anmelden", OR: "oder", FORGOT_BUTTON: "Absenden", BACK_BUTTON: "Zurück", BUTTON_OK: "Ok", RESET_EMAIL_TEXT: "Wir senden Ihnen eine E-Mail mit Anweisungen zum Zurücksetzen Ihres Passworts.", RESET_EMAIL_SENT: "Eine E-Mail mit Anweisungen wurde an Sie gesendet.", SSO_NO_PROVIDERS_ERROR: "SSO-Authentifizierung ist nicht konfiguriert. Bitte wenden Sie sich an Ihren Administrator.", ERRORS: { INVALID_CREDENTIALS: "Anmeldename oder Passwort ist falsch.", AUTH_WITH_CODE: "Authentifizierungsfehler (Code: {code}).", AUTH_GENERIC: "Authentifizierungsfehler: {detail}" } }, La = { TITLE: "Passwort zurücksetzen", SUBTITLE: "Geben Sie Ihre E-Mail-Adresse ein und wir senden Ihnen einen Link zum Zurücksetzen", FIELDS: { EMAIL: { LABEL: "E-Mail", PLACEHOLDER: "Geben Sie Ihre E-Mail-Adresse ein" } }, SEND_BUTTON: "Link zum Zurücksetzen senden", BACK_TO_LOGIN: "Zurück zur Anmeldung", SUCCESS_TITLE: "Überprüfen Sie Ihre E-Mail", SUCCESS_TEXT: "Wir haben einen Link zum Zurücksetzen an {email} gesendet" }, Oa = { TITLE: "Neues Passwort festlegen", SUBTITLE: "Geben Sie unten Ihr neues Passwort ein", FIELDS: { PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" } }, SAVE_PASSWORD: "Speichern", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", recentPasswordUsed: "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, Ra = { TITLE: "Assets", TOOLBAR: { SAVE: "Speichern", REFRESH: "Aktualisieren", ADD: "Hinzufügen", DELETE: "Ausgewählte löschen" }, EMPTY: { NO_ASSETS: "Keine Assets", UPLOAD_ASSETS: "Assets hier ablegen oder auf 'Hochladen' klicken", UPLOAD: "Hochladen" }, TABLE: { HEADER: { IMAGE: "Bild", NAME: "Name", SIZE: "Größe", SORT_ORDER: "Sortierreihenfolge", CREATED_DATE: "Erstellungsdatum" }, ACTIONS: { DELETE: "Löschen", EDIT: "Bearbeiten" } } }, _a = { PAGES: { DETAILS: { SUBTITLE: "Asset bearbeiten", TOOLBAR: { SAVE: "Speichern", DELETE: "Löschen" }, FIELDS: { SIZE: "Größe", CREATED_DATE: "Erstellungsdatum", URL: "URL", COPY: "Link kopieren", NAME: { TITLE: "Asset-Name", PLACEHOLDER: "Asset-Namen eingeben" }, ALT: { TITLE: "Alternativer Bildtext", PLACEHOLDER: "Alternativen Bildtext eingeben", TOOLTIP: "Dieser Text wird angezeigt, wenn das Bild auf der Seite deaktiviert oder nicht geladen ist" }, DESCRIPTION: { TITLE: "Meta-Beschreibung", PLACEHOLDER: "Meta-Beschreibung eingeben" } } } } }, Ia = { _default: "Das Feld {field} ist ungültig", alpha: "Das Feld {field} darf nur alphabetische Zeichen enthalten", alpha_num: "Das Feld {field} darf nur alphanumerische Zeichen enthalten", alpha_dash: "Das Feld {field} darf alphanumerische Zeichen sowie Bindestriche und Unterstriche enthalten", alpha_spaces: "Das Feld {field} darf nur alphabetische Zeichen und Leerzeichen enthalten", between: "Das Feld {field} muss zwischen 0:{min} und 1:{max} liegen", confirmed: "Die Bestätigung des Feldes {field} stimmt nicht überein", digits: "Das Feld {field} muss numerisch sein und genau 0:{length} Ziffern enthalten", dimensions: "Das Feld {field} muss 0:{width} Pixel breit und 1:{height} Pixel hoch sein", email: "Das Feld {field} muss eine gültige E-Mail-Adresse sein", not_one_of: "Das Feld {field} hat keinen gültigen Wert", ext: "Das Feld {field} ist keine gültige Datei", image: "Das Feld {field} muss ein Bild sein", integer: "Das Feld {field} muss eine ganze Zahl sein", length: "Das Feld {field} muss 0:{length} lang sein", max_value: "Das Feld {field} muss 0:{max} oder weniger sein", max: "Das Feld {field} darf nicht länger als 0:{length} Zeichen sein", mimes: "Das Feld {field} muss einen gültigen Dateityp haben", min_value: "Das Feld {field} muss 0:{min} oder mehr sein", min: "Das Feld {field} muss mindestens 0:{length} Zeichen lang sein", numeric: "Das Feld {field} darf nur numerische Zeichen enthalten", one_of: "Das Feld {field} hat keinen gültigen Wert", regex: "Das Format des Feldes {field} ist ungültig", required_if: "Das Feld {field} ist erforderlich", required: "Das Feld {field} ist erforderlich", size: "Die Größe des Feldes {field} muss kleiner als 0:{size}KB sein", url: "Das Feld {field} ist keine gültige URL", min_dimensions: { error: "Die Bildabmessungen müssen größer als {height}*{width} sein", not_image_error: "Keine Bilddatei" }, file_weight: "Die Dateigröße darf maximal {size} kb betragen", before: "Das Enddatum muss früher als das Startdatum sein", after: "Das Enddatum muss später als das Startdatum sein", bigint: "Nicht unterstützte Zahl" }, va = { ACCESS_RESTRICTED: "Zugriff eingeschränkt" }, wa = { LOADING: "Virto OZ wird geladen..." }, Ca = { AGENDA: "Agenda", ALL_DAY: "Ganztägig", CANCEL: "Abbrechen", CLOSE: "Schließen", COLOR: "Farbe", COLOR_DEFAULT: "Standardfarbe", COLOR_CUSTOM: "Eigene Farbe", COLOR_BLUE: "Blau", COLOR_GREEN: "Grün", COLOR_AMBER: "Gelb", COLOR_RED: "Rot", COLOR_PURPLE: "Violett", COLOR_PINK: "Pink", COLOR_TEAL: "Türkis", COLOR_SLATE: "Grau", DAY: "Day", DAY_N_OF_M: "Tag {n} von {total}", DELETE: "Löschen", DELETE_CONFIRM_BODY: '"{title}" löschen? Dies kann nicht rückgängig gemacht werden.', DELETE_CONFIRM_TITLE: "Ereignis löschen", EDIT: "Bearbeiten", EDIT_EVENT: "Ereignis bearbeiten", EMPTY: "No events in this range", EMPTY_HINT: "Noch keine Ereignisse. Klicke auf einen Tag, um eins hinzuzufügen.", END: "Ende", LOADING: "Ereignisse werden geladen…", MORE: "+{count} more", MONTH: "Month", MORE_OPTIONS: "Weitere Optionen", NEW_EVENT: "Neues Ereignis", NEXT: "Next", PREVIOUS: "Previous", RECUR_SCOPE_ALL: "Alle Ereignisse", RECUR_SCOPE_BODY_DELETE: "Dieses Ereignis ist Teil einer wiederkehrenden Serie. Möchten Sie nur dieses Ereignis oder alle Ereignisse der Serie löschen?", RECUR_SCOPE_BODY_EDIT: "Dieses Ereignis ist Teil einer wiederkehrenden Serie. Möchten Sie nur dieses Ereignis oder alle Ereignisse der Serie bearbeiten?", RECUR_SCOPE_THIS: "Dieses Ereignis", RECUR_SCOPE_TITLE: "Wiederkehrendes Ereignis", REPEAT: "Wiederholen", REPEAT_DAILY: "Täglich", REPEAT_END: "Endet", REPEAT_END_COUNT: "Nach", REPEAT_END_NEVER: "Nie", REPEAT_END_UNTIL: "Am Datum", REPEAT_EVERY: "Wiederholen alle", REPEAT_UNIT_DAYS: "Tag(e)", REPEAT_UNIT_WEEKS: "Woche(n)", REPEAT_UNIT_MONTHS: "Monat(e)", REPEAT_UNIT_YEARS: "Jahr(e)", REPEAT_MONTHLY: "Monatlich", REPEAT_NONE: "Keine Wiederholung", REPEAT_OCCURRENCES: "Vorkommen", REPEAT_ON: "Wiederholen am", REPEAT_WEEKLY: "Wöchentlich", REPEAT_YEARLY: "Jährlich", SAVE: "Speichern", START: "Start", TIMELINE: "Timeline", TIMELINE_DAY: "Zeitachse Tag", TIMELINE_WEEK: "Zeitachse Woche", TITLE: "Titel", TODAY: "Today", WEEK: "Week", WORK_WEEK: "Work week", ZOOM_IN: "Zoom in", ZOOM_OUT: "Zoom out" }, ba = { no_options: "Keine Optionen" }, No = {
1811
+ }, Symbol.toStringTag, { value: "Module" })), Sa = { THEMES: { LIGHT: "Hell", DARK: "Dunkel" }, NOTIFICATIONS: { CLEAR_ALL: "Alle löschen" } }, Aa = { NAVIGATION_ARIA_LABEL: "Hauptnavigation", SIDEBAR: { SEARCH_PLACEHOLDER: "Suchbegriff" }, USER: { ROLE: { ADMINISTRATOR: "Administrator" } }, ACCOUNT: { SETTINGS: "Einstellungen", CHANGE_PASSWORD: "Passwort ändern", PROFILE: "Profil", LOGOUT: "Abmelden" } }, pa = { CONTROLS: { CLEAR: "Löschen", CLEAR_ALL: "Alle löschen", CLOSE: "Schließen", TOGGLE_DROPDOWN: "Dropdown umschalten", SEARCH_OPTIONS: "Optionen suchen", SELECT_OPTION: "Option auswählen", CLEAR_SELECTION: "Auswahl aufheben", COPY_TO_CLIPBOARD: "In die Zwischenablage kopieren", DELETE_ITEM: "Element löschen", SHOW_PASSWORD: "Passwort anzeigen", HIDE_PASSWORD: "Passwort verbergen" }, ATOMS: { VC_IMAGE: { LABEL: "Bild" }, VC_BANNER: { SHOW_MORE: "Mehr anzeigen", SHOW_LESS: "Weniger anzeigen" }, VC_SCROLLABLE_CONTAINER: { LABEL: "Scrollbarer Inhalt" }, VC_VIDEO: { NO_SOURCE: "Keine Videoquelle" } }, MOLECULES: { VC_SELECT: { CLICK_TO_SELECT: "Zum Auswählen klicken...", LOADING: "Wird geladen...", LOADING_MORE: "Mehr laden...", NO_OPTIONS: "Keine Optionen" }, VC_FILE_UPLOAD: { DRAG_HERE: "Datei hier ablegen oder", BROWSE: "Dateien durchsuchen", TAP_TO_UPLOAD: "Tippen, um Dateien auszuwählen", UPLOADING: "Wird hochgeladen..." }, VC_INPUT: { DATE_PLACEHOLDER: "Datum auswählen", DATE_TIME_PLACEHOLDER: "Datum und Uhrzeit auswählen" }, VC_PAGINATION: { JUMP: "Zur Seite springen:", LABEL: "Seitennummerierung", FIRST: "Erste Seite", PREVIOUS: "Vorherige Seite", NEXT: "Nächste Seite", LAST: "Letzte Seite", PAGE: "Seite {page}" }, VC_MULTIVALUE: { ADD: "Hinzufügen" }, VC_BREADCRUMBS: { BACK: "Zurück", LABEL: "Brotkrümelnavigation", SHOW_MORE: "Weitere Brotkrümel anzeigen" }, VC_COLOR_INPUT: { CLEAR: "Farbe löschen" }, VC_DATE_PICKER: { CLEAR: "Datum löschen" }, VC_SLIDER: { PREVIOUS: "Vorherige Folie", NEXT: "Nächste Folie" }, VC_TOAST: { DISMISS: "Benachrichtigung schließen" }, VC_EDITOR: { TOOLBAR: { LABEL: "Textformatierung", BOLD: "Fett", ITALIC: "Kursiv", UNDERLINE: "Unterstrichen", STRIKETHROUGH: "Durchgestrichen", HEADING_1: "Überschrift 1", HEADING_2: "Überschrift 2", HEADING_3: "Überschrift 3", BULLET_LIST: "Aufzählungsliste", NUMBERED_LIST: "Nummerierte Liste", BLOCKQUOTE: "Blockzitat", INSERT_LINK: "Link einfügen", INSERT_IMAGE: "Bild einfügen", INSERT_TABLE: "Tabelle einfügen", DELETE_TABLE: "Tabelle löschen", ADD_COLUMN_BEFORE: "Spalte davor einfügen", ADD_COLUMN_AFTER: "Spalte danach einfügen", ADD_ROW_BEFORE: "Zeile davor einfügen", ADD_ROW_AFTER: "Zeile danach einfügen", DELETE_COLUMN: "Spalte löschen", DELETE_ROW: "Zeile löschen" }, FONT_SIZE: "Schriftgröße", VIEW: { PREVIEW: "Vorschau", SPLIT: "Nebeneinander-Ansicht", SOURCE: "Quellcode" } } }, ORGANISMS: { VC_DYNAMIC_PROPERTY: { ADD: "Wert hinzufügen", VALUE_TYPE: { COLOR: { PLACEHOLDER: "Farbcode", NAME: "Farbname" } } }, VC_GALLERY: { INTERNAL: { VC_GALLERY_ITEM: { FULLSCREEN: "Vollbild", EDIT: "Bearbeiten", DELETE: "Löschen" }, VC_GALLERY_PREVIEW: { COPY_IMAGE_LINK: "Bildlink kopieren" }, VC_GALLERY_FILMSTRIP: { PREVIOUS: "Vorherige Bilder", NEXT: "Nächste Bilder" } }, GALLERY_IS_EMPTY: "Galerie ist leer", DROP_TO_UPLOAD: "Zum Hochladen ablegen", DRAG_IMAGES_HERE: "Bilder hierher ziehen oder", BROWSE_IMAGES: "Dateien durchsuchen", UPLOAD: "Hochladen", OR_DROP_HERE: "oder hierher ziehen", SHOW_ALL: "Erweitern ({count})", COLLAPSE: "Einklappen" }, VC_APP: { NOTIFICATIONS: "Benachrichtigungen", INTERNAL: { VC_APP_BAR: { BACK: "Zurück" }, MOBILE_LAYOUT: { TAB_MENU: "Menü", TAB_HUB: "Hub" }, APP_HUB: { SEARCH_PLACEHOLDER: "Anwendungen und Widgets suchen", APPLICATIONS: "Anwendungen", WIDGETS: "Widgets", NO_APPLICATIONS: "Keine Anwendungen gefunden", NO_WIDGETS: "Keine Widgets gefunden", LIST_VIEW: "Listenansicht", TILE_VIEW: "Kachelansicht" } } }, BLADE_NAVIGATION: { ARIA_LABEL: "Blade-Navigation" }, VC_BLADE: { SEE_DETAILS: "Details anzeigen", UNSAVED_CHANGES: "Hat ungespeicherte Änderungen", ERROR_POPUP: { TITLE: "Fehlerdetails", COPY_ERROR: "Inhalt kopieren", CLOSE: "schließen" }, MORE: "Mehr", TOOLBAR: "Toolbar-Aktionen", CLOSE_MENU: "Menü schließen", PANEL: "Panel" }, VC_BLADE_HEADER: { UNSAVED_CHANGES: "Hat ungespeicherte Änderungen", NO_CHANGES: "Keine ungespeicherten Änderungen", CLOSE: "Schließen", MAXIMIZE: "Maximieren", RESTORE: "Wiederherstellen" }, VC_TABLE: { SELECT_ROW: "Zeile auswählen", SELECT_ALL_ROWS: "Alle Zeilen auswählen", EXPAND_ROW: "Zeilendetails umschalten", CURRENT_PAGE_SELECTED: "Alle Elemente auf dieser Seite sind ausgewählt.", SELECT_ALL: "Alle Elemente auswählen", ALL_SELECTED: "Alle Elemente sind ausgewählt.", ALL_SELECTED_COUNT: "Alle {count} Elemente ausgewählt", SELECT_ALL_COUNT: "Alle {count} Elemente auswählen", CANCEL: "Auswahl aufheben", ALL_ACTIONS: "Alle Aktionen", MORE: "Mehr", ALL_FILTERS: "Filter", SEARCH: "Suchen...", EMPTY: "Liste ist leer.", EMPTY_TITLE: "Keine Daten", EMPTY_DESCRIPTION: "Keine Elemente zum Anzeigen", NOT_FOUND: "Nichts gefunden.", NOT_FOUND_TITLE: "Keine Ergebnisse gefunden", NOT_FOUND_DESCRIPTION: "Passen Sie Ihre Suche oder Filter an", TOTALS: "Gesamt:", ACTIONS: "Aktionen", NOT_SET: "Nicht festgelegt", SELECTED: "Ausgewählt", SELECT_ALL_TRUNCATED: "Alle auswählen", PULL_TO_REFRESH: "Zum Aktualisieren ziehen", RELEASE_TO_REFRESH: "Zum Aktualisieren loslassen", REFRESHING: "Wird aktualisiert...", ADD_ROW: "Zeile hinzufügen", LOADING: "Wird geladen...", PAGE_INFO: "Seite {current} von {total}", COLUMN_FILTER: { APPLY: "Anwenden", CLEAR: "Löschen", FROM: "Von", TO: "Bis", TITLE: "Spalte filtern" }, GLOBAL_FILTERS: { BUTTON: "Filter", TITLE: "Filter" }, COLUMN_SWITCHER: { BUTTON: "Spalten", TITLE: "Spalten ein-/ausblenden", SHOW_ALL: "Alle anzeigen", RESET: "Zurücksetzen" }, OF: "von", PAGE: "Seite" }, VC_POPUP: { OK: "OK", CONFIRM: "Bestätigen", CANCEL: "Abbrechen", CLOSE: "Schließen", TITLE: { CONFIRMATION: "Bestätigung", ERROR: "Fehler", INFO: "Info" } } }, THEME_SELECTOR: { THEME_CHANGED: " Thema", THEME_SELECTOR: "Themen" }, CHANGE_PASSWORD: { TITLE: "Passwort ändern", TITLE_FORCED: "Passwort abgelaufen", SUBTITLE_FORCED: "Bitte legen Sie ein neues Passwort fest", FORCED: { LABEL: "Ihr Passwort ist abgelaufen. Sie müssen das Passwort ändern, um den Manager weiter zu nutzen." }, CURRENT_PASSWORD: { LABEL: "Aktuelles Passwort", PLACEHOLDER: "Passwort eingeben" }, NEW_PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" }, CANCEL: "Abbrechen", SAVE: "Aktualisieren", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Equal-passwords": "Das neue Passwort darf nicht mit dem alten übereinstimmen", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", "Incorrect password.": "Sie haben ein falsches Passwort eingegeben", "You have used this password in the past. Choose another one.": "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, APP_HUB: { TITLE: "Anwendungen" }, NOTIFICATION_DROPDOWN: { TITLE: "Benachrichtigungen", EMPTY: "Noch keine Benachrichtigungen" }, LANGUAGE_SELECTOR: { TITLE: "Sprache" }, FILTERS: { APPLY: "Filter anwenden", RESET: "Zurücksetzen" } }, Ta = { TITLE: "Sie sind eingeladen!", SUBTITLE: "Legen Sie ein Passwort für Ihr Konto fest", FIELDS: { EMAIL: { LABEL: "E-Mail" }, PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" } }, ACCEPT_INVITATION: "Aktivieren", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", recentPasswordUsed: "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, ha = { TITLE: "Willkommen zurück", SUBTITLE: "Melden Sie sich bei Ihrem Konto an, um fortzufahren", FIELDS: { LOGIN: { LABEL: "E-Mail", PLACEHOLDER: "Geben Sie Ihre E-Mail-Adresse ein" }, PASSWORD: { LABEL: "Passwort", PLACEHOLDER: "Geben Sie Ihr Passwort ein" }, FORGOT_PASSWORD: { TITLE: "Passwort vergessen", LABEL: "E-Mail", PLACEHOLDER: "Bitte geben Sie Ihre E-Mail-Adresse ein" } }, FORGOT_PASSWORD_BUTTON: "Passwort vergessen?", BUTTON: "Anmelden", OR: "oder", FORGOT_BUTTON: "Absenden", BACK_BUTTON: "Zurück", BUTTON_OK: "Ok", RESET_EMAIL_TEXT: "Wir senden Ihnen eine E-Mail mit Anweisungen zum Zurücksetzen Ihres Passworts.", RESET_EMAIL_SENT: "Eine E-Mail mit Anweisungen wurde an Sie gesendet.", SSO_NO_PROVIDERS_ERROR: "SSO-Authentifizierung ist nicht konfiguriert. Bitte wenden Sie sich an Ihren Administrator.", ERRORS: { INVALID_CREDENTIALS: "Anmeldename oder Passwort ist falsch.", AUTH_WITH_CODE: "Authentifizierungsfehler (Code: {code}).", AUTH_GENERIC: "Authentifizierungsfehler: {detail}" } }, La = { TITLE: "Passwort zurücksetzen", SUBTITLE: "Geben Sie Ihre E-Mail-Adresse ein und wir senden Ihnen einen Link zum Zurücksetzen", FIELDS: { EMAIL: { LABEL: "E-Mail", PLACEHOLDER: "Geben Sie Ihre E-Mail-Adresse ein" } }, SEND_BUTTON: "Link zum Zurücksetzen senden", BACK_TO_LOGIN: "Zurück zur Anmeldung", SUCCESS_TITLE: "Überprüfen Sie Ihre E-Mail", SUCCESS_TEXT: "Wir haben einen Link zum Zurücksetzen an {email} gesendet" }, Oa = { TITLE: "Neues Passwort festlegen", SUBTITLE: "Geben Sie unten Ihr neues Passwort ein", FIELDS: { PASSWORD: { LABEL: "Neues Passwort", PLACEHOLDER: "Passwort eingeben" }, CONFIRM_PASSWORD: { LABEL: "Passwort bestätigen", PLACEHOLDER: "Passwort bestätigen" } }, SAVE_PASSWORD: "Speichern", ERRORS: { "Repeat-password": "Passwörter stimmen nicht überein", "Invalid-token": "Token ist ungültig oder abgelaufen", "Password-too-weak": "Neues Passwort erfüllt eine oder mehrere Passwort-Sicherheitsrichtlinien nicht:", PasswordTooShort: "Passwort zu kurz", PasswordRequiresUniqueChars: "Passwörter müssen unterschiedliche Zeichen verwenden", PasswordRequiresLower: "Passwörter müssen mindestens einen Kleinbuchstaben enthalten ('a'-'z')", PasswordRequiresUpper: "Passwörter müssen mindestens einen Großbuchstaben enthalten ('A'-'Z')", PasswordRequiresDigit: "Passwörter müssen mindestens eine Ziffer enthalten ('0'-'9')", PasswordRequiresNonAlphanumeric: "Passwörter müssen mindestens ein nicht-alphanumerisches Zeichen enthalten", recentPasswordUsed: "Sie haben dieses Passwort in der Vergangenheit verwendet. Wählen Sie ein anderes." } }, Ra = { TITLE: "Assets", TOOLBAR: { SAVE: "Speichern", REFRESH: "Aktualisieren", ADD: "Hinzufügen", DELETE: "Ausgewählte löschen" }, EMPTY: { NO_ASSETS: "Keine Assets", UPLOAD_ASSETS: "Assets hier ablegen oder auf 'Hochladen' klicken", UPLOAD: "Hochladen" }, TABLE: { HEADER: { IMAGE: "Bild", NAME: "Name", SIZE: "Größe", SORT_ORDER: "Sortierreihenfolge", CREATED_DATE: "Erstellungsdatum" }, ACTIONS: { DELETE: "Löschen", EDIT: "Bearbeiten" } } }, _a = { PAGES: { DETAILS: { SUBTITLE: "Asset bearbeiten", TOOLBAR: { SAVE: "Speichern", DELETE: "Löschen" }, FIELDS: { SIZE: "Größe", CREATED_DATE: "Erstellungsdatum", URL: "URL", COPY: "Link kopieren", NAME: { TITLE: "Asset-Name", PLACEHOLDER: "Asset-Namen eingeben" }, ALT: { TITLE: "Alternativer Bildtext", PLACEHOLDER: "Alternativen Bildtext eingeben", TOOLTIP: "Dieser Text wird angezeigt, wenn das Bild auf der Seite deaktiviert oder nicht geladen ist" }, DESCRIPTION: { TITLE: "Meta-Beschreibung", PLACEHOLDER: "Meta-Beschreibung eingeben" } } } } }, Ia = { _default: "Das Feld {field} ist ungültig", alpha: "Das Feld {field} darf nur alphabetische Zeichen enthalten", alpha_num: "Das Feld {field} darf nur alphanumerische Zeichen enthalten", alpha_dash: "Das Feld {field} darf alphanumerische Zeichen sowie Bindestriche und Unterstriche enthalten", alpha_spaces: "Das Feld {field} darf nur alphabetische Zeichen und Leerzeichen enthalten", between: "Das Feld {field} muss zwischen 0:{min} und 1:{max} liegen", confirmed: "Die Bestätigung des Feldes {field} stimmt nicht überein", digits: "Das Feld {field} muss numerisch sein und genau 0:{length} Ziffern enthalten", dimensions: "Das Feld {field} muss 0:{width} Pixel breit und 1:{height} Pixel hoch sein", email: "Das Feld {field} muss eine gültige E-Mail-Adresse sein", not_one_of: "Das Feld {field} hat keinen gültigen Wert", ext: "Das Feld {field} ist keine gültige Datei", image: "Das Feld {field} muss ein Bild sein", integer: "Das Feld {field} muss eine ganze Zahl sein", length: "Das Feld {field} muss 0:{length} lang sein", max_value: "Das Feld {field} muss 0:{max} oder weniger sein", max: "Das Feld {field} darf nicht länger als 0:{length} Zeichen sein", mimes: "Das Feld {field} muss einen gültigen Dateityp haben", min_value: "Das Feld {field} muss 0:{min} oder mehr sein", min: "Das Feld {field} muss mindestens 0:{length} Zeichen lang sein", numeric: "Das Feld {field} darf nur numerische Zeichen enthalten", one_of: "Das Feld {field} hat keinen gültigen Wert", regex: "Das Format des Feldes {field} ist ungültig", required_if: "Das Feld {field} ist erforderlich", required: "Das Feld {field} ist erforderlich", size: "Die Größe des Feldes {field} muss kleiner als 0:{size}KB sein", url: "Das Feld {field} ist keine gültige URL", min_dimensions: { error: "Die Bildabmessungen müssen größer als {height}*{width} sein", not_image_error: "Keine Bilddatei" }, file_weight: "Die Dateigröße darf maximal {size} kb betragen", before: "Das Enddatum muss früher als das Startdatum sein", after: "Das Enddatum muss später als das Startdatum sein", bigint: "Nicht unterstützte Zahl" }, va = { ACCESS_RESTRICTED: "Zugriff eingeschränkt" }, wa = { LOADING: "Virto OZ wird geladen..." }, Ca = { AGENDA: "Ereignisliste", ALL_DAY: "Ganztägig", CANCEL: "Abbrechen", CLOSE: "Schließen", COLOR: "Farbe", COLOR_DEFAULT: "Standardfarbe", COLOR_CUSTOM: "Eigene Farbe", COLOR_BLUE: "Blau", COLOR_GREEN: "Grün", COLOR_AMBER: "Gelb", COLOR_RED: "Rot", COLOR_PURPLE: "Violett", COLOR_PINK: "Rosa", COLOR_TEAL: "Türkis", COLOR_SLATE: "Grau", DAY: "Tag", DAY_N_OF_M: "Tag {n} von {total}", DELETE: "Löschen", DELETE_CONFIRM_BODY: '"{title}" löschen? Dies kann nicht rückgängig gemacht werden.', DELETE_CONFIRM_TITLE: "Ereignis löschen", EDIT: "Bearbeiten", EDIT_EVENT: "Ereignis bearbeiten", EMPTY: "Keine Ereignisse in diesem Zeitraum", EMPTY_HINT: "Noch keine Ereignisse. Klicke auf einen Tag, um eins hinzuzufügen.", END: "Ende", LOADING: "Ereignisse werden geladen…", MORE: "+{count} weitere", MONTH: "Monat", MORE_OPTIONS: "Weitere Optionen", NEW_EVENT: "Neues Ereignis", NEXT: "Nächster Zeitraum", PREVIOUS: "Vorheriger Zeitraum", RECUR_SCOPE_ALL: "Alle Ereignisse", RECUR_SCOPE_BODY_DELETE: "Dieses Ereignis ist Teil einer wiederkehrenden Serie. Möchten Sie nur dieses Ereignis oder alle Ereignisse der Serie löschen?", RECUR_SCOPE_BODY_EDIT: "Dieses Ereignis ist Teil einer wiederkehrenden Serie. Möchten Sie nur dieses Ereignis oder alle Ereignisse der Serie bearbeiten?", RECUR_SCOPE_THIS: "Dieses Ereignis", RECUR_SCOPE_TITLE: "Wiederkehrendes Ereignis", REPEAT: "Wiederholen", REPEAT_DAILY: "Täglich", REPEAT_END: "Endet", REPEAT_END_COUNT: "Nach", REPEAT_END_NEVER: "Nie", REPEAT_END_UNTIL: "Am Datum", REPEAT_EVERY: "Wiederholen alle", REPEAT_UNIT_DAYS: "Tag(e)", REPEAT_UNIT_WEEKS: "Woche(n)", REPEAT_UNIT_MONTHS: "Monat(e)", REPEAT_UNIT_YEARS: "Jahr(e)", REPEAT_MONTHLY: "Monatlich", REPEAT_NONE: "Keine Wiederholung", REPEAT_OCCURRENCES: "Vorkommen", REPEAT_ON: "Wiederholen am", REPEAT_WEEKLY: "Wöchentlich", REPEAT_YEARLY: "Jährlich", SAVE: "Speichern", START: "Beginn", TIMELINE: "Zeitachse", TIMELINE_DAY: "Zeitachse Tag", TIMELINE_WEEK: "Zeitachse Woche", TITLE: "Titel", TODAY: "Heute", WEEK: "Woche", WORK_WEEK: "Arbeitswoche", ZOOM_IN: "Vergrößern", ZOOM_OUT: "Verkleinern" }, ba = { no_options: "Keine Optionen" }, No = {
1812
1812
  CORE: Sa,
1813
1813
  SHELL: Aa,
1814
1814
  COMPONENTS: pa,
@@ -2067,12 +2067,12 @@ function Ho() {
2067
2067
  hasNotification: (t) => e.hasNotification(t)
2068
2068
  });
2069
2069
  }
2070
- const Go = "2.3.0-pr281.3c002aa";
2070
+ const Go = "2.4.0";
2071
2071
  function xo() {
2072
2072
  return {
2073
2073
  version: Go,
2074
- buildDate: "2026-08-03T20:55:34.908Z",
2075
- gitHash: "3c002aa0d"
2074
+ buildDate: "2026-08-04T07:37:04.571Z",
2075
+ gitHash: "d4d56d4fa"
2076
2076
  };
2077
2077
  }
2078
2078
  function $o(e = xo()) {
@@ -2262,6 +2262,7 @@ const Qo = {
2262
2262
  ],
2263
2263
  label: O.$t("LOGIN.FIELDS.LOGIN.LABEL"),
2264
2264
  placeholder: O.$t("LOGIN.FIELDS.LOGIN.PLACEHOLDER"),
2265
+ autocomplete: "username",
2265
2266
  required: "",
2266
2267
  error: !!A.length,
2267
2268
  "error-message": B
@@ -2286,6 +2287,7 @@ const Qo = {
2286
2287
  label: O.$t("LOGIN.FIELDS.PASSWORD.LABEL"),
2287
2288
  placeholder: O.$t("LOGIN.FIELDS.PASSWORD.PLACEHOLDER"),
2288
2289
  type: "password",
2290
+ autocomplete: "current-password",
2289
2291
  required: "",
2290
2292
  error: !!A.length,
2291
2293
  "error-message": B,