@vc-shell/framework 1.2.4-beta.7 → 1.2.4-beta.8

package/dist/{vendor-tiptap-extensions-Dg7-f1Pi.js → vendor-tiptap-extensions-2ZbpCG7T.js}

@@ -1,9 +1,9 @@
-import { k as l, x as P, y as v, z as S, i as z } from "./vendor-tiptap-core-BNrmxwcD.js";
-import { P as p, a as m } from "./vendor-prosemirror-state-DYjHje5i.js";
-import { d as E } from "./vendor-prosemirror-dropcursor-BpoETgOQ.js";
-import { a as y, D as f } from "./vendor-prosemirror-view-CzBOGIAq.js";
-import { g as N } from "./vendor-prosemirror-gapcursor-VVbNCx01.js";
-import { h as A, r as M, u as T } from "./vendor-prosemirror-history-CZUb2jWK.js";
+import { k as l, x as P, y as v, z as S, i as z } from "./vendor-tiptap-core-BfrE48R3.js";
+import { P as p, a as m } from "./vendor-prosemirror-state-IeimrELV.js";
+import { d as E } from "./vendor-prosemirror-dropcursor-kF5UKNFM.js";
+import { D as f, a as y } from "./vendor-prosemirror-view-DFpBkGRq.js";
+import { g as N } from "./vendor-prosemirror-gapcursor-BAwEBHgE.js";
+import { h as A, r as M, u as T } from "./vendor-prosemirror-history-CQYKHz3u.js";
 l.create({
   name: "characterCount",
   addOptions() {
@@ -142,7 +142,7 @@ var G = l.create({
       storage: e.storage
     };
     return {
-      allowGapCursor: (t = v(S(e, "allowGapCursor", s))) != null ? t : null
+      allowGapCursor: (t = P(v(e, "allowGapCursor", s))) != null ? t : null
     };
   }
 }), C = "placeholder";
@@ -174,7 +174,7 @@ var L = l.create({
               return null;
             const c = this.editor.isEmpty;
             return t.descendants((a, i) => {
-              const d = o >= i && o <= i + a.nodeSize, u = !a.isLeaf && P(a);
+              const d = o >= i && o <= i + a.nodeSize, u = !a.isLeaf && S(a);
               if ((d || !this.options.showOnlyCurrent) && u) {
                 const h = [this.options.emptyNodeClass];
                 c && h.push(this.options.emptyEditorClass);

package/dist/{vendor-tiptap-markdown-DDkltz0i.js → vendor-tiptap-markdown-B7Wvo0s5.js}

@@ -1,9 +1,9 @@
-import { k as b, B, N as a, M as m, C as z } from "./vendor-tiptap-core-BNrmxwcD.js";
-import { M as O, d } from "./vendor-prosemirror-markdown-C-c5VoFH.js";
-import { M as C } from "./vendor-markdown-it-pxD-Y9qk.js";
+import { k as b, B, N as a, M as m, C as z } from "./vendor-tiptap-core-BfrE48R3.js";
+import { M as O, d } from "./vendor-prosemirror-markdown-rpUTSG_Q.js";
+import { M as C } from "./vendor-markdown-it-Bs9KEWkF.js";
 import { c as P, F as w } from "./vendor-prosemirror-model-DAA3avbR.js";
 import { t as _ } from "./vendor-markdown-it-task-lists-CHCnS7dl.js";
-import { P as N, a as I } from "./vendor-prosemirror-state-DYjHje5i.js";
+import { P as N, a as I } from "./vendor-prosemirror-state-IeimrELV.js";
 var A = Object.defineProperty, D = (r, e, t) => e in r ? A(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, h = (r, e, t) => (D(r, typeof e != "symbol" ? e + "" : e, t), t);
 const j = b.create({
   name: "markdownTightLists",

package/dist/vendor-tiptap-pm-DSHuSumV.js

@@ -0,0 +1 @@
+import "./vendor-prosemirror-tables-zVUKdbdQ.js";

package/dist/{vendor-tiptap-starter-kit-C1nkrZcr.js → vendor-tiptap-starter-kit-ipneJHYV.js}

@@ -1,20 +1,20 @@
-import { k as e } from "./vendor-tiptap-core-BNrmxwcD.js";
-import { B as n } from "./vendor-tiptap-extension-blockquote-DBYgJvrA.js";
-import { B as p } from "./vendor-tiptap-extension-bold-BaDsyhkA.js";
-import { C as a } from "./vendor-tiptap-extension-code-DmMmyuE8.js";
-import { C as f } from "./vendor-tiptap-extension-code-block-Cryhc4vR.js";
-import { D as h } from "./vendor-tiptap-extension-document-DTFkPYG-.js";
-import { H as u } from "./vendor-tiptap-extension-hard-break-DLmFSWL4.js";
-import { H as l } from "./vendor-tiptap-extension-heading-DlpNyZOc.js";
-import { H as c } from "./vendor-tiptap-extension-horizontal-rule-CI2nC7l5.js";
-import { I as d } from "./vendor-tiptap-extension-italic-DsMLQC-Z.js";
-import { L as m } from "./vendor-tiptap-extension-link-CF-euSmX.js";
-import { B as g, L as k, a as B, O as L } from "./vendor-tiptap-extension-list-DA57LKdr.js";
-import { P as b } from "./vendor-tiptap-extension-paragraph-CrvWamNP.js";
-import { S as x } from "./vendor-tiptap-extension-strike-caeBdU8d.js";
-import { T as v } from "./vendor-tiptap-extension-text-CYaZSxyC.js";
-import { U as H } from "./vendor-tiptap-extension-underline-Ct9ZgKsw.js";
-import { D as R, G as I, U as K, T as C } from "./vendor-tiptap-extensions-Dg7-f1Pi.js";
+import { k as e } from "./vendor-tiptap-core-BfrE48R3.js";
+import { B as n } from "./vendor-tiptap-extension-blockquote-DG5eEgV_.js";
+import { B as p } from "./vendor-tiptap-extension-bold-CqPrSfgB.js";
+import { C as a } from "./vendor-tiptap-extension-code-Dj9HfL9x.js";
+import { C as f } from "./vendor-tiptap-extension-code-block-YnlbQcbJ.js";
+import { D as h } from "./vendor-tiptap-extension-document-DyG2LNKD.js";
+import { H as u } from "./vendor-tiptap-extension-hard-break-mzhqFFEq.js";
+import { H as l } from "./vendor-tiptap-extension-heading-DGnriW33.js";
+import { H as c } from "./vendor-tiptap-extension-horizontal-rule-pR7MlJHI.js";
+import { I as d } from "./vendor-tiptap-extension-italic-aoCbIXRj.js";
+import { L as m } from "./vendor-tiptap-extension-link-DiV7DqnY.js";
+import { B as g, L as k, a as B, O as L } from "./vendor-tiptap-extension-list-BGYRWOyu.js";
+import { P as b } from "./vendor-tiptap-extension-paragraph-BEBEvW1W.js";
+import { S as x } from "./vendor-tiptap-extension-strike-6vob8J1A.js";
+import { T as v } from "./vendor-tiptap-extension-text-CnqQVbB2.js";
+import { U as H } from "./vendor-tiptap-extension-underline-CVBZMhrs.js";
+import { D as R, G as I, U as K, T as C } from "./vendor-tiptap-extensions-2ZbpCG7T.js";
 var J = e.create({
   name: "starterKit",
   addExtensions() {

package/dist/{vendor-tiptap-vue-3-B3dwsJj3.js → vendor-tiptap-vue-3-IfJcIOl5.js}

@@ -1,4 +1,4 @@
-import { E as p } from "./vendor-tiptap-core-BNrmxwcD.js";
+import { E as p } from "./vendor-tiptap-core-BfrE48R3.js";
 import { shallowRef as v, onMounted as h, onBeforeUnmount as d, defineComponent as s, h as u, ref as g, getCurrentInstance as m, watchEffect as f, nextTick as S, unref as w, markRaw as x, customRef as C } from "vue";
 function l(t) {
   return C((e, r) => ({

package/dist/{vendor-truncate-html-C77Epb-R.js → vendor-truncate-html-r2r8GKvW.js}

@@ -1,4 +1,4 @@
-import { c as h } from "./vendor-cheerio-3JDxU-TZ.js";
+import { c as h } from "./vendor-cheerio-DrsWhxJH.js";
 const k = /\ud83c[\udffb-\udfff](?=\ud83c[\udffb-\udfff])|(?:[^\ud800-\udfff][\u0300-\u036f\ufe20-\ufe23\u20d0-\u20f0]?|[\u0300-\u036f\ufe20-\ufe23\u20d0-\u20f0]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\ud800-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe23\u20d0-\u20f0]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe23\u20d0-\u20f0]|\ud83c[\udffb-\udfff])?)*/g, b = {
   // remove all tags
   stripTags: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.2.4-beta.7",
+  "version": "1.2.4-beta.8",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -94,9 +94,9 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "1.2.4-beta.7",
-    "@vc-shell/config-generator": "1.2.4-beta.7",
-    "@vc-shell/ts-config": "1.2.4-beta.7",
+    "@vc-shell/api-client-generator": "1.2.4-beta.8",
+    "@vc-shell/config-generator": "1.2.4-beta.8",
+    "@vc-shell/ts-config": "1.2.4-beta.8",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -116,5 +116,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "cc6ef5c98d3f8b6489126a950e994335016ea35d"
+  "gitHead": "25aa3246d45b375af4fffcc256a447d05dfda64c"
 }

package/shared/components/dashboard-charts/index.ts

@@ -1,31 +1,7 @@
-import { defineAsyncComponent } from "vue";
-
 export { default as ChartContainer } from "./ChartContainer.vue";
 export { default as ChartTooltip } from "./ChartTooltip.vue";
 export { default as ChartLegend } from "./ChartLegend.vue";
+export { default as DashboardLineChart } from "./DashboardLineChart.vue";
+export { default as DashboardBarChart } from "./DashboardBarChart.vue";
+export { default as DashboardDonutChart } from "./DashboardDonutChart.vue";
 export type { ChartConfig, ChartConfigItem } from "./types";
-
-type DashboardLineChartComponent = typeof import("./DashboardLineChart.vue")["default"];
-type DashboardBarChartComponent = typeof import("./DashboardBarChart.vue")["default"];
-type DashboardDonutChartComponent = typeof import("./DashboardDonutChart.vue")["default"];
-
-export const DashboardLineChart = defineAsyncComponent({
-  loader: () => import("./DashboardLineChart.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as DashboardLineChartComponent;
-
-export const DashboardBarChart = defineAsyncComponent({
-  loader: () => import("./DashboardBarChart.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as DashboardBarChartComponent;
-
-export const DashboardDonutChart = defineAsyncComponent({
-  loader: () => import("./DashboardDonutChart.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as DashboardDonutChartComponent;

package/shared/components/draggable-dashboard/DraggableDashboard.vue

@@ -1,76 +1,70 @@
-<template>
-  <GridstackDashboard
-    ref="dashboardRef"
-    :show-drag-handles="showDragHandles"
-    :resizable="resizable"
-    :aria-label="ariaLabel"
-  />
-</template>
-
-<script setup lang="ts">
-/**
- * DraggableDashboard Component
- *
- * A flexible dashboard powered by Gridstack.js that allows widgets to be
- * dragged and arranged in a grid layout.
- *
- * Features:
- * - Drag and drop interface for arranging widgets
- * - Automatic layout persistence in localStorage
- * - Support for built-in widget positions
- * - Accessibility support (a11y)
- * - Optional widget resizing
- */
-import { defineAsyncComponent, ref } from "vue";
+<template>
+  <GridstackDashboard
+    ref="dashboardRef"
+    :show-drag-handles="showDragHandles"
+    :resizable="resizable"
+    :aria-label="ariaLabel"
+  />
+</template>
 
-const GridstackDashboard = defineAsyncComponent({
-  loader: () => import("@shared/components/draggable-dashboard/GridstackDashboard.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as typeof import("@shared/components/draggable-dashboard/GridstackDashboard.vue")["default"];
-
-// Props
-interface Props {
-  /** Show drag handle icons on widgets */
-  showDragHandles?: boolean;
-  /** Enable widget resizing */
-  resizable?: boolean;
-  /** Aria label for the dashboard container */
-  ariaLabel?: string;
-}
-
-withDefaults(defineProps<Props>(), {
-  showDragHandles: false,
-  resizable: false,
-  ariaLabel: "Dashboard widgets. Drag widgets to rearrange.",
-});
-
-// State
-const dashboardRef = ref<InstanceType<typeof GridstackDashboard> | null>(null);
-
-// Public methods (delegated to GridstackDashboard)
-const rearrangeWidgets = (): void => {
-  dashboardRef.value?.rearrangeWidgets?.();
-};
-
-const recalculateLayout = (): void => {
-  dashboardRef.value?.recalculateLayout?.();
-};
-
-const saveLayout = (): void => {
-  dashboardRef.value?.saveLayout?.();
-};
-
-const useBuiltInPositions = (): boolean => {
-  return dashboardRef.value?.useBuiltInPositions?.() ?? false;
-};
-
-// Expose public methods
-defineExpose({
-  rearrangeWidgets,
-  recalculateLayout,
-  saveLayout,
-  useBuiltInPositions,
-});
-</script>
+<script setup lang="ts">
+/**
+ * DraggableDashboard Component
+ *
+ * A flexible dashboard powered by Gridstack.js that allows widgets to be
+ * dragged and arranged in a grid layout.
+ *
+ * Features:
+ * - Drag and drop interface for arranging widgets
+ * - Automatic layout persistence in localStorage
+ * - Support for built-in widget positions
+ * - Accessibility support (a11y)
+ * - Optional widget resizing
+ */
+import { ref } from "vue";
+import GridstackDashboard from "@shared/components/draggable-dashboard/GridstackDashboard.vue";
+
+// Props
+interface Props {
+  /** Show drag handle icons on widgets */
+  showDragHandles?: boolean;
+  /** Enable widget resizing */
+  resizable?: boolean;
+  /** Aria label for the dashboard container */
+  ariaLabel?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  showDragHandles: false,
+  resizable: false,
+  ariaLabel: "Dashboard widgets. Drag widgets to rearrange.",
+});
+
+// State
+const dashboardRef = ref<InstanceType<typeof GridstackDashboard> | null>(null);
+
+// Public methods (delegated to GridstackDashboard)
+const rearrangeWidgets = (): void => {
+  dashboardRef.value?.rearrangeWidgets?.();
+};
+
+const recalculateLayout = (): void => {
+  dashboardRef.value?.recalculateLayout?.();
+};
+
+const saveLayout = (): void => {
+  dashboardRef.value?.saveLayout?.();
+};
+
+const useBuiltInPositions = (): boolean => {
+  return dashboardRef.value?.useBuiltInPositions?.() ?? false;
+};
+
+// Expose public methods
+defineExpose({
+  rearrangeWidgets,
+  recalculateLayout,
+  saveLayout,
+  useBuiltInPositions,
+});
+</script>

package/ui/components/molecules/vc-editor/index.ts

@@ -1,15 +1,6 @@
-import { defineAsyncComponent } from "vue";
-
-type VcEditorComponent = typeof import("./vc-editor.vue")["default"];
-
-export const VcEditor = defineAsyncComponent({
-  loader: () => import("./vc-editor.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as VcEditorComponent;
+export { default as VcEditor } from "@ui/components/molecules/vc-editor/vc-editor.vue";
 export type {
   CustomToolbarButton,
   CustomToolbarDropdown,
   CustomToolbarItem,
-} from "./_internal/toolbar-types";
+} from "@ui/components/molecules/vc-editor/_internal/toolbar-types";

package/ui/components/molecules/vc-slider/index.ts

@@ -1,8 +1,7 @@
-import { defineAsyncComponent, type VNode } from "vue";
+import { VNode } from "vue";
+import _Slider from "@ui/components/molecules/vc-slider/vc-slider.vue";
 
-type VcSliderComponent = typeof import("./vc-slider.vue")["default"];
-
-type VcSliderSlots = {
+export const VcSlider = _Slider as typeof _Slider & {
   new (): {
     $slots: {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -12,10 +11,3 @@ type VcSliderSlots = {
     };
   };
 };
-
-export const VcSlider = defineAsyncComponent({
-  loader: () => import("./vc-slider.vue"),
-  delay: 200,
-  timeout: 10000,
-  suspensible: false,
-}) as VcSliderComponent & VcSliderSlots;

package/ui/components/organisms/vc-table/VcDataTable.vue

@@ -152,7 +152,7 @@
           :get-item-group-key="rowGrouping.getItemGroupKey"
           :get-global-index="getGlobalIndex"
           :get-item-key="getItemKey"
-          :get-row-props="(getRowProps as any)"
+          :get-row-props="getRowProps as any"
           @scroll="handleContentScroll"
           @group-toggle="(key, e) => rowGrouping.toggleGroupExpansion(key, e!)"
           @row-click="handleRowClick"
@@ -219,8 +219,14 @@
             v-if="$slots['not-found'] || $slots.empty"
             #empty
           >
-            <slot v-if="isNotFoundState && $slots['not-found']" name="not-found" />
-            <slot v-else name="empty" />
+            <slot
+              v-if="isNotFoundState && $slots['not-found']"
+              name="not-found"
+            />
+            <slot
+              v-else
+              name="empty"
+            />
           </template>
           <template
             v-if="$slots.loading"
@@ -287,8 +293,14 @@
         @refresh="emit('pull-refresh')"
       >
         <template #empty>
-          <slot v-if="isNotFoundState && $slots['not-found']" name="not-found" />
-          <slot v-else-if="$slots.empty" name="empty" />
+          <slot
+            v-if="isNotFoundState && $slots['not-found']"
+            name="not-found"
+          />
+          <slot
+            v-else-if="$slots.empty"
+            name="empty"
+          />
           <TableEmpty
             v-else
             :icon="resolvedEmptyIcon"
@@ -373,9 +385,23 @@ import {
   useDataTableState,
 } from "@ui/components/organisms/vc-table/composables";
 import { ColumnCollector, type ColumnInstance } from "@ui/components/organisms/vc-table/utils/ColumnCollector";
-import { ColumnCollectorKey, FilterContextKey, HasFlexColumnsKey, IsColumnReorderingKey } from "@ui/components/organisms/vc-table/keys";
+import {
+  ColumnCollectorKey,
+  FilterContextKey,
+  HasFlexColumnsKey,
+  IsColumnReorderingKey,
+} from "@ui/components/organisms/vc-table/keys";
 import { IsMobileKey } from "@framework/injection-keys";
-import type { VcColumnProps, VcDataTableExtendedProps, FilterValue, EditChange, TableAction, SortMeta, MobileSwipeAction, TableStateConfig } from "@ui/components/organisms/vc-table/types";
+import type {
+  VcColumnProps,
+  VcDataTableExtendedProps,
+  FilterValue,
+  EditChange,
+  TableAction,
+  SortMeta,
+  MobileSwipeAction,
+  TableStateConfig,
+} from "@ui/components/organisms/vc-table/types";
 import type { DataTablePersistedState } from "@ui/components/organisms/vc-table/composables";
 
 const props = withDefaults(defineProps<VcDataTableExtendedProps<T>>(), {
@@ -397,7 +423,7 @@ const props = withDefaults(defineProps<VcDataTableExtendedProps<T>>(), {
   size: "normal",
   variant: "default",
   resizableColumns: true,
-  reorderableColumns: false,
+  reorderableColumns: true,
   reorderableRows: false,
   showAllColumns: true,
   scrollable: false,
@@ -423,7 +449,7 @@ const props = withDefaults(defineProps<VcDataTableExtendedProps<T>>(), {
   infiniteScroll: false,
   infiniteScrollDistance: 100,
   globalFilters: undefined,
-  columnSwitcher: false,
+  columnSwitcher: true,
   stateStorage: "local",
   searchable: false,
   searchValue: undefined,
@@ -599,13 +625,12 @@ const notFoundDescription = computed(() => t("COMPONENTS.ORGANISMS.VC_TABLE.NOT_
 
 /** Detect not-found state: items empty + active search or filters */
 const isNotFoundState = computed(
-  () => displayItems.value.length === 0 && !props.loading && (internalSearchValue.value !== "" || hasActiveFilters.value),
+  () =>
+    displayItems.value.length === 0 && !props.loading && (internalSearchValue.value !== "" || hasActiveFilters.value),
 );
 
 /** Resolved title/description/icon/action for the current empty-like state */
-const resolvedEmptyIcon = computed(() =>
-  isNotFoundState.value ? props.notFoundState?.icon : props.emptyState?.icon,
-);
+const resolvedEmptyIcon = computed(() => (isNotFoundState.value ? props.notFoundState?.icon : props.emptyState?.icon));
 const resolvedEmptyTitle = computed(() =>
   isNotFoundState.value
     ? (props.notFoundState?.title ?? notFoundTitle.value)
@@ -1632,11 +1657,7 @@ const handleMobileRowSelect = (item: T, index: number) => {
   handleRowSelectionChange(item);
 };
 
-const handleMobileRowAction = (
-  action: MobileSwipeAction<T>,
-  item: T,
-  index: number,
-) => {
+const handleMobileRowAction = (action: MobileSwipeAction<T>, item: T, index: number) => {
   // Execute the action's click handler if provided
   if (action.clickHandler) {
     action.clickHandler(item, index);

package/dist/DashboardBarChart-BzfKkUke.js

@@ -1,123 +0,0 @@
-import { defineComponent as K, computed as c, openBlock as i, createBlock as n, withCtx as f, createVNode as d, unref as l, createCommentVNode as s } from "vue";
-import { w as B, S, z as A, b as F, a as m } from "./vendor-unovis-vue-C_K1g5KH.js";
-import { b as p, c as C } from "./index-tgmgQAD9.js";
-import { f as L, r as g, b as V, a as X, c as Y } from "./chart-utils-BTs6UFaZ.js";
-const G = /* @__PURE__ */ K({
-  __name: "DashboardBarChart",
-  props: {
-    data: {},
-    config: {},
-    xKey: {},
-    yKeys: {},
-    height: { default: void 0 },
-    showTooltip: { type: Boolean, default: !0 },
-    showXAxis: { type: Boolean, default: !0 },
-    showYAxis: { type: Boolean, default: !0 },
-    showGrid: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 },
-    numXTicks: { default: void 0 },
-    numYTicks: { default: 5 },
-    rangeStart: { default: void 0 },
-    rangeEnd: { default: void 0 },
-    xTickFormat: { type: Function, default: void 0 },
-    yTickFormat: { type: Function, default: void 0 }
-  },
-  setup(t) {
-    const e = t, y = { top: 8, right: 8, bottom: 4, left: 4 }, h = (a) => a[e.xKey], k = c(
-      () => L(
-        e.data,
-        (a) => a[e.xKey],
-        e.rangeStart,
-        e.rangeEnd
-      )
-    ), x = c(
-      () => e.yKeys.map((a) => (o) => o[a])
-    ), b = c(
-      () => e.yKeys.map(
-        (a, o) => g({
-          config: e.config,
-          key: String(a),
-          index: o,
-          fallbackLabel: String(a)
-        }).color
-      )
-    ), T = c(() => ({
-      [B.bar]: (a, o) => {
-        if (!e.yKeys.length || o < 0)
-          return null;
-        const u = o % e.yKeys.length, r = e.yKeys[u];
-        if (!r)
-          return null;
-        const { label: v, color: w } = g({
-          config: e.config,
-          key: String(r),
-          index: u,
-          fallbackLabel: String(r)
-        });
-        return V({
-          title: Y(a[e.xKey], e.xTickFormat),
-          items: [
-            {
-              label: v,
-              color: w,
-              value: X(a[r], e.yTickFormat)
-            }
-          ]
-        });
-      }
-    }));
-    return (a, o) => (i(), n(p, { config: t.config }, {
-      default: f(() => [
-        d(l(S), {
-          data: k.value,
-          height: t.height,
-          margin: y
-        }, {
-          default: f(() => [
-            t.showTooltip ? (i(), n(l(A), {
-              key: 0,
-              "allow-hover": !0,
-              "class-name": "dashboard-chart-tooltip-host",
-              "vertical-shift": 8,
-              triggers: T.value
-            }, null, 8, ["triggers"])) : s("", !0),
-            d(l(F), {
-              x: h,
-              y: x.value,
-              color: b.value,
-              "rounded-corners": 4,
-              "bar-padding": 0.2
-            }, null, 8, ["y", "color"]),
-            t.showXAxis ? (i(), n(l(m), {
-              key: 1,
-              type: "x",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": !1,
-              "num-ticks": t.numXTicks,
-              "tick-format": t.xTickFormat
-            }, null, 8, ["num-ticks", "tick-format"])) : s("", !0),
-            t.showYAxis ? (i(), n(l(m), {
-              key: 2,
-              type: "y",
-              "tick-line": !1,
-              "domain-line": !1,
-              "grid-line": t.showGrid,
-              "num-ticks": t.numYTicks,
-              "tick-format": t.yTickFormat
-            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : s("", !0)
-          ]),
-          _: 1
-        }, 8, ["data", "height"]),
-        t.showLegend ? (i(), n(C, {
-          key: 0,
-          config: t.config
-        }, null, 8, ["config"])) : s("", !0)
-      ]),
-      _: 1
-    }, 8, ["config"]));
-  }
-});
-export {
-  G as default
-};