@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/widgets/DashboardCustomizer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardCustomizer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_Fragment","_createVNode","Button","_withCtx","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode","_normalizeClass","_renderList","WidgetRenderer","LazyPlaceholder","_withModifiers","Button_default","LazyPlaceholder_default","WidgetRenderer_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","DashboardCustomizer_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","dir","useDirection","helpId","useId","editor","DashboardEditor","router","customize","state","useStore","widgets","computed","widget","visible","item","available","cellSpan","id","library","span","option","onHandleKeydown","move","dashboardMoveForKey","event","target","nextTick","onDragStart","cells","entry","lazy","isLazyPlaceholder","openBlock","createElementBlock","unref","createElementVNode","Fragment","createVNode","_cache","withCtx","RotateCcwIcon","createTextVNode","toDisplayString","XIcon","CheckIcon","createBlock","LayoutDashboardIcon","createCommentVNode","normalizeClass","cn","gridColumnsClasses","renderList","columnSpanClasses","$event","withModifiers","GripVerticalIcon","EyeOffIcon","PlusIcon"],"sources":["../../../src/components/widgets/DashboardCustomizer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  DashboardCustomizeSchema,\n  LazyWidgetSchema,\n  WidgetsBlock,\n  WidgetSchema,\n} from '@alfakit/core'\nimport {\n  columnSpanClasses,\n  DashboardEditor,\n  dashboardMoveForKey,\n  gridColumnsClasses,\n  isLazyPlaceholder,\n} from '@alfakit/core'\nimport {\n  CheckIcon,\n  EyeOffIcon,\n  GripVerticalIcon,\n  LayoutDashboardIcon,\n  PlusIcon,\n  RotateCcwIcon,\n  XIcon,\n} from '@lucide/vue'\nimport { router } from '@inertiajs/vue3'\nimport { computed, nextTick, useId, watch } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport LazyPlaceholder from '../panel/LazyPlaceholder.vue'\nimport Button from '../ui/Button.vue'\nimport WidgetRenderer from './WidgetRenderer.vue'\n\n/**\n * A customizable dashboard (`Dashboard::customizable()`): the widget grid plus an \"Edit\n * dashboard\" mode (drag or arrow keys on the handle to move, resize, hide, add from the\n * library). Mirrors the React renderer.\n */\nconst props = defineProps<{ block: WidgetsBlock; customize: DashboardCustomizeSchema }>()\n\nconst t = useT()\nconst dir = useDirection()\nconst helpId = useId()\nconst editor = new DashboardEditor(props.customize, { t, onSaved: () => router.reload() })\n\nwatch(\n  () => props.customize,\n  (customize) => editor.sync(customize),\n)\n\nconst state = useStore(editor.store)\nconst widgets = computed(() => new Map(props.block.widgets.map((widget) => [widget.id, widget])))\nconst visible = computed(() => state.value.layout.filter((item) => !item.hidden))\nconst available = computed(() => {\n  void state.value\n\n  return editor.available()\n})\n\nfunction cellSpan(id: string) {\n  const widget = widgets.value.get(id)\n  const library = editor.widget(id)\n\n  if (state.value.editing && library) {\n    const span = editor.spanOf(id)\n\n    return library.spans.find((option) => option.value === span)?.columnSpan ?? widget?.columnSpan\n  }\n\n  return widget?.columnSpan\n}\n\nfunction onHandleKeydown(event: KeyboardEvent, id: string) {\n  const move = dashboardMoveForKey(event.key, dir.value)\n\n  if (move === null) return\n\n  event.preventDefault()\n  const target = event.currentTarget as HTMLElement\n  editor.move(id, move)\n  void nextTick(() => target.focus())\n}\n\nfunction onDragStart(event: DragEvent, id: string) {\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData('text/plain', id)\n  }\n\n  editor.dragStart(id)\n}\n\ninterface Cell {\n  id: string\n  label: string\n  widget: WidgetSchema | null\n  lazy: LazyWidgetSchema | null\n}\n\nconst cells = computed<Cell[]>(() =>\n  visible.value.map((entry) => {\n    const widget = widgets.value.get(entry.id)\n    const lazy = widget && isLazyPlaceholder(widget) ? (widget as LazyWidgetSchema) : null\n\n    return {\n      id: entry.id,\n      label: editor.label(entry.id),\n      widget: widget && !lazy ? (widget as WidgetSchema) : null,\n      lazy,\n    }\n  }),\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"dashboard\"\n    :data-editing=\"state.editing ? '' : undefined\"\n    class=\"flex flex-col gap-4\"\n  >\n    <div\n      data-slot=\"dashboard-toolbar\"\n      role=\"toolbar\"\n      :aria-label=\"t('dashboard.customize.toolbar', {}, 'Dashboard layout')\"\n      class=\"flex flex-wrap items-center justify-end gap-2\"\n    >\n      <template v-if=\"state.editing\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          :disabled=\"state.saving\"\n          @click=\"editor.resetDraft()\"\n        >\n          <RotateCcwIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.reset', {}, 'Reset to default') }}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          :disabled=\"state.saving\"\n          @click=\"editor.cancel()\"\n        >\n          <XIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.cancel', {}, 'Cancel') }}\n        </Button>\n        <Button type=\"button\" size=\"sm\" :disabled=\"state.saving\" @click=\"editor.save()\">\n          <CheckIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.save', {}, 'Save') }}\n        </Button>\n      </template>\n      <Button v-else type=\"button\" variant=\"outline\" size=\"sm\" @click=\"editor.start()\">\n        <LayoutDashboardIcon aria-hidden=\"true\" />\n        {{ t('dashboard.customize.edit', {}, 'Edit dashboard') }}\n      </Button>\n    </div>\n\n    <p v-if=\"state.error\" role=\"alert\" class=\"text-destructive text-sm\">{{ state.error }}</p>\n\n    <p v-if=\"state.editing\" :id=\"helpId\" class=\"sr-only\">\n      {{\n        t(\n          'dashboard.customize.move_help',\n          {},\n          'Use the arrow keys to move the widget, Home or End to move it to the start or end.',\n        )\n      }}\n    </p>\n\n    <p\n      v-if=\"visible.length === 0\"\n      data-slot=\"dashboard-empty\"\n      class=\"text-muted-foreground rounded-xl border border-dashed p-6 text-center text-sm\"\n    >\n      {{ t('dashboard.customize.empty', {}, 'No widgets on this dashboard yet.') }}\n    </p>\n    <div\n      v-else\n      data-slot=\"widgets\"\n      :class=\"cn('grid gap-6', gridColumnsClasses(props.block.columns))\"\n    >\n      <template v-for=\"entry in cells\" :key=\"entry.id\">\n        <div v-if=\"!state.editing\" :class=\"cn('min-w-0', columnSpanClasses(cellSpan(entry.id)))\">\n          <WidgetRenderer v-if=\"entry.widget\" :widget=\"entry.widget\" />\n          <LazyPlaceholder\n            v-else-if=\"entry.lazy\"\n            :variant=\"entry.lazy.type === 'TableWidget' ? 'table' : 'widget'\"\n          />\n        </div>\n        <div\n          v-else\n          data-slot=\"dashboard-widget\"\n          :data-dragging=\"state.dragging === entry.id ? '' : undefined\"\n          role=\"group\"\n          :aria-label=\"entry.label\"\n          :class=\"\n            cn(\n              'relative min-w-0 rounded-xl border-2 border-dashed p-1',\n              state.dragging === entry.id && 'opacity-50',\n              columnSpanClasses(cellSpan(entry.id)),\n            )\n          \"\n          @dragover=\"state.dragging !== null && $event.preventDefault()\"\n          @drop.prevent=\"editor.dropOn(entry.id)\"\n        >\n          <div\n            data-slot=\"dashboard-widget-controls\"\n            class=\"bg-background/95 absolute inset-x-2 top-2 z-10 flex items-center gap-1 rounded-md border p-1 shadow-sm\"\n          >\n            <button\n              type=\"button\"\n              data-slot=\"dashboard-widget-handle\"\n              draggable=\"true\"\n              :aria-label=\"t('dashboard.customize.move', { widget: entry.label }, 'Move :widget')\"\n              :aria-describedby=\"helpId\"\n              :aria-roledescription=\"t('dashboard.customize.sortable', {}, 'sortable')\"\n              class=\"hover:bg-accent focus-visible:ring-ring/50 cursor-grab rounded p-1 outline-none focus-visible:ring-[3px] active:cursor-grabbing\"\n              @dragstart=\"onDragStart($event, entry.id)\"\n              @dragend=\"editor.dragEnd()\"\n              @keydown=\"onHandleKeydown($event, entry.id)\"\n            >\n              <GripVerticalIcon class=\"size-4\" aria-hidden=\"true\" />\n            </button>\n            <span class=\"min-w-0 flex-1 truncate text-sm font-medium\">{{ entry.label }}</span>\n            <select\n              v-if=\"(editor.widget(entry.id)?.spans.length ?? 0) > 1\"\n              data-slot=\"dashboard-widget-span\"\n              :aria-label=\"\n                t('dashboard.customize.size', { widget: entry.label }, 'Size of :widget')\n              \"\n              class=\"border-input bg-background h-7 rounded-md border px-1 text-xs\"\n              :value=\"editor.spanOf(entry.id)\"\n              @change=\"editor.setSpan(entry.id, Number(($event.target as HTMLSelectElement).value))\"\n            >\n              <option\n                v-for=\"option in editor.widget(entry.id)!.spans\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              :aria-label=\"t('dashboard.customize.hide', { widget: entry.label }, 'Hide :widget')\"\n              @click=\"editor.hide(entry.id)\"\n            >\n              <EyeOffIcon aria-hidden=\"true\" />\n            </Button>\n          </div>\n          <!-- The widget itself is inert while editing: focus stays on the controls. -->\n          <div inert class=\"pointer-events-none pt-12 select-none\" aria-hidden=\"true\">\n            <WidgetRenderer v-if=\"entry.widget\" :widget=\"entry.widget\" />\n            <LazyPlaceholder\n              v-else-if=\"entry.lazy\"\n              :variant=\"entry.lazy.type === 'TableWidget' ? 'table' : 'widget'\"\n            />\n            <div\n              v-else\n              class=\"bg-card text-muted-foreground flex min-h-24 items-center justify-center rounded-xl border border-dashed p-6 text-sm\"\n            >\n              {{\n                t(\n                  'dashboard.customize.pending',\n                  { widget: entry.label },\n                  ':widget appears once you save.',\n                )\n              }}\n            </div>\n          </div>\n        </div>\n      </template>\n    </div>\n\n    <section\n      v-if=\"state.editing\"\n      data-slot=\"dashboard-library\"\n      :aria-label=\"t('dashboard.customize.library', {}, 'Widget library')\"\n      class=\"bg-muted/40 flex flex-col gap-3 rounded-xl border p-4\"\n    >\n      <h2 class=\"text-sm font-medium\">{{ t('dashboard.customize.add', {}, 'Add widget') }}</h2>\n      <p v-if=\"available.length === 0\" class=\"text-muted-foreground text-sm\">\n        {{ t('dashboard.customize.library_empty', {}, 'Every widget is on the dashboard.') }}\n      </p>\n      <ul v-else class=\"flex flex-wrap gap-2\">\n        <li v-for=\"widget in available\" :key=\"widget.id\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            :title=\"widget.description\"\n            :aria-label=\"\n              t('dashboard.customize.add_widget', { widget: widget.label }, 'Add :widget')\n            \"\n            @click=\"editor.add(widget.id)\"\n          >\n            <PlusIcon aria-hidden=\"true\" />\n            {{ widget.label }}\n          </Button>\n        </li>\n      </ul>\n    </section>\n\n    <div data-slot=\"dashboard-announcer\" role=\"status\" aria-live=\"polite\" class=\"sr-only\">\n      {{ state.announcement }}\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/widgets/PlainWidgetGrid.js

@@ -0,0 +1,7 @@
+import e from "./PlainWidgetGrid.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/PlainWidgetGrid.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=PlainWidgetGrid.js.map

package/dist/components/widgets/PlainWidgetGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlainWidgetGrid.js","names":["_sfc_main","PlainWidgetGrid_vue_vue_type_script_setup_true_lang_default","PlainWidgetGrid_default"],"sources":["../../../src/components/widgets/PlainWidgetGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DashboardCustomizeSchema, WidgetsBlock } from '@alfakit/core'\nimport { columnSpanClasses, gridColumnsClasses, isLazyPlaceholder } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport LazyPlaceholder from '../panel/LazyPlaceholder.vue'\nimport WidgetRenderer from './WidgetRenderer.vue'\n\n/** The widgets of a dashboard (or a customizable one until its editor has loaded). */\n// `customize` comes along when it stands in for the editor; the plain grid ignores it.\nconst props = defineProps<{ block: WidgetsBlock; customize?: DashboardCustomizeSchema }>()\n</script>\n\n<template>\n  <div data-slot=\"widgets\" :class=\"cn('grid gap-6', gridColumnsClasses(props.block.columns))\">\n    <div\n      v-for=\"widget in props.block.widgets\"\n      :key=\"widget.key\"\n      :class=\"cn('min-w-0', columnSpanClasses(widget.columnSpan))\"\n    >\n      <LazyPlaceholder\n        v-if=\"isLazyPlaceholder(widget)\"\n        :variant=\"widget.type === 'TableWidget' ? 'table' : 'widget'\"\n      />\n      <WidgetRenderer v-else :widget=\"widget\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/widgets/PlainWidgetGrid.vue.d.ts

@@ -0,0 +1,9 @@
+import type { DashboardCustomizeSchema, WidgetsBlock } from '@alfakit/core';
+/** The widgets of a dashboard (or a customizable one until its editor has loaded). */
+type __VLS_Props = {
+    block: WidgetsBlock;
+    customize?: DashboardCustomizeSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=PlainWidgetGrid.vue.d.ts.map

package/dist/components/widgets/PlainWidgetGrid.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlainWidgetGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/PlainWidgetGrid.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAM3E,sFAAsF;AAEtF,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AAkEjF,wBAMG"}

package/dist/components/widgets/PlainWidgetGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { cn as e } from "../../lib/utils.js";
+import t from "../panel/LazyPlaceholder.js";
+import n from "./WidgetRenderer.js";
+import { columnSpanClasses as r, gridColumnsClasses as i, isLazyPlaceholder as a } from "@alfakit/core";
+import { Fragment as o, createBlock as s, createElementBlock as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, unref as p } from "vue";
+//#region src/components/widgets/PlainWidgetGrid.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ l({
+	__name: "PlainWidgetGrid",
+	props: {
+		block: {},
+		customize: {}
+	},
+	setup(l) {
+		let m = l;
+		return (l, h) => (d(), c("div", {
+			"data-slot": "widgets",
+			class: u(p(e)("grid gap-6", p(i)(m.block.columns)))
+		}, [(d(!0), c(o, null, f(m.block.widgets, (i) => (d(), c("div", {
+			key: i.key,
+			class: u(p(e)("min-w-0", p(r)(i.columnSpan)))
+		}, [p(a)(i) ? (d(), s(t, {
+			key: 0,
+			variant: i.type === "TableWidget" ? "table" : "widget"
+		}, null, 8, ["variant"])) : (d(), s(n, {
+			key: 1,
+			widget: i
+		}, null, 8, ["widget"]))], 2))), 128))], 2));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=PlainWidgetGrid.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/PlainWidgetGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlainWidgetGrid.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","LazyPlaceholder","WidgetRenderer","LazyPlaceholder_default","WidgetRenderer_default","PlainWidgetGrid_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","unref","cn","gridColumnsClasses","Fragment","renderList","widget","columnSpanClasses","isLazyPlaceholder","createBlock"],"sources":["../../../src/components/widgets/PlainWidgetGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DashboardCustomizeSchema, WidgetsBlock } from '@alfakit/core'\nimport { columnSpanClasses, gridColumnsClasses, isLazyPlaceholder } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport LazyPlaceholder from '../panel/LazyPlaceholder.vue'\nimport WidgetRenderer from './WidgetRenderer.vue'\n\n/** The widgets of a dashboard (or a customizable one until its editor has loaded). */\n// `customize` comes along when it stands in for the editor; the plain grid ignores it.\nconst props = defineProps<{ block: WidgetsBlock; customize?: DashboardCustomizeSchema }>()\n</script>\n\n<template>\n  <div data-slot=\"widgets\" :class=\"cn('grid gap-6', gridColumnsClasses(props.block.columns))\">\n    <div\n      v-for=\"widget in props.block.widgets\"\n      :key=\"widget.key\"\n      :class=\"cn('min-w-0', columnSpanClasses(widget.columnSpan))\"\n    >\n      <LazyPlaceholder\n        v-if=\"isLazyPlaceholder(widget)\"\n        :variant=\"widget.type === 'TableWidget' ? 'table' : 'widget'\"\n      />\n      <WidgetRenderer v-else :widget=\"widget\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EASA,IAAMY,IAAQC;oBAIZb,EAAA,GAAAC,EAYM,OAAA;GAZD,aAAU;GAAW,OAAKC,EAAEC,EAAAe,CAAA,CAAE,CAAA,cAAef,EAAAgB,CAAA,CAAkB,CAACP,EAAM,MAAM,OAAO,CAAA,CAAA;EACtFZ,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAUMG,GAAA,MAAAC,EATaO,EAAM,MAAM,UAAtB,OADTZ,EAAA,GAAAC,EAUM,OAAA;GARH,KAAKqB,EAAO;GACZ,OAAKpB,EAAEC,EAAAe,CAAA,CAAE,CAAA,WAAYf,EAAAoB,CAAA,CAAiB,CAACD,EAAO,UAAU,CAAA,CAAA;EAGjDnB,GAAAA,CAAAA,EAAAqB,CAAA,CAAiB,CAACF,CAAM,KADhCtB,EAAA,GAAAM,EAGEC,GAAA;;GADC,SAASe,EAAO,SAAI,gBAAA,UAAA;EAEvBtB,GAAAA,MAAAA,GAAAA,CAAAA,SAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAA0CE,GAAA;;GAAV"}

package/dist/components/widgets/Sparkline.js

@@ -0,0 +1,7 @@
+import e from "./Sparkline.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/Sparkline.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Sparkline.js.map

package/dist/components/widgets/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","names":["_sfc_main","Sparkline_vue_vue_type_script_setup_true_lang_default","Sparkline_default"],"sources":["../../../src/components/widgets/Sparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{ data: number[]; color: string }>()\nconst width = 200\nconst height = 40\n\nconst path = computed(() => {\n  const min = Math.min(...props.data)\n  const max = Math.max(...props.data)\n  const range = max - min || 1\n  const points = props.data.map(\n    (value, index) =>\n      [\n        (index / (props.data.length - 1)) * width,\n        height - ((value - min) / range) * (height - 4) - 2,\n      ] as const,\n  )\n\n  return points\n    .map(([x, y], index) => `${index === 0 ? 'M' : 'L'}${x.toFixed(1)},${y.toFixed(1)}`)\n    .join(' ')\n})\n\nconst area = computed(() => `${path.value} L${width},${height} L0,${height} Z`)\n</script>\n\n<template>\n  <svg\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    class=\"mt-1 h-10 w-full\"\n    preserveAspectRatio=\"none\"\n    aria-hidden=\"true\"\n    data-slot=\"stat-chart\"\n  >\n    <path\n      :d=\"area\"\n      :fill=\"props.color\"\n      data-slot=\"stat-chart-area\"\n      style=\"opacity: var(--stat-chart-fill-opacity, 0.12)\"\n    />\n    <path\n      :d=\"path\"\n      fill=\"none\"\n      :stroke=\"props.color\"\n      stroke-linejoin=\"round\"\n      stroke-linecap=\"round\"\n      data-slot=\"stat-chart-line\"\n      style=\"stroke-width: var(--stat-chart-stroke-width, 2)\"\n    />\n  </svg>\n</template>\n"],"mappings":""}

package/dist/components/widgets/Sparkline.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    data: number[];
+    color: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Sparkline.vue.d.ts.map

package/dist/components/widgets/Sparkline.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/Sparkline.vue"],"names":[],"mappings":"AAwDA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;;AAgFrD,wBAMG"}

package/dist/components/widgets/Sparkline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i } from "vue";
+//#region src/components/widgets/Sparkline.vue?vue&type=script&setup=true&lang.ts
+var a = ["viewBox"], o = ["d", "fill"], s = ["d", "stroke"], c = 200, l = 40, u = /*@__PURE__*/ r({
+	__name: "Sparkline",
+	props: {
+		data: {},
+		color: {}
+	},
+	setup(r) {
+		let u = r, d = e(() => {
+			let e = Math.min(...u.data), t = Math.max(...u.data) - e || 1;
+			return u.data.map((n, r) => [r / (u.data.length - 1) * c, l - (n - e) / t * 36 - 2]).map(([e, t], n) => `${n === 0 ? "M" : "L"}${e.toFixed(1)},${t.toFixed(1)}`).join(" ");
+		}), f = e(() => `${d.value} L${c},${l} L0,${l} Z`);
+		return (e, r) => (i(), t("svg", {
+			viewBox: `0 0 ${c} ${l}`,
+			class: "mt-1 h-10 w-full",
+			preserveAspectRatio: "none",
+			"aria-hidden": "true",
+			"data-slot": "stat-chart"
+		}, [n("path", {
+			d: f.value,
+			fill: u.color,
+			"data-slot": "stat-chart-area",
+			style: { opacity: "var(--stat-chart-fill-opacity, 0.12)" }
+		}, null, 8, o), n("path", {
+			d: d.value,
+			fill: "none",
+			stroke: u.color,
+			"stroke-linejoin": "round",
+			"stroke-linecap": "round",
+			"data-slot": "stat-chart-line",
+			style: { "stroke-width": "var(--stat-chart-stroke-width, 2)" }
+		}, null, 8, s)], 8, a));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Sparkline.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/Sparkline.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","width","height","Sparkline_vue_vue_type_script_setup_true_lang_default","props","__props","path","computed","min","range","index","value","x","y","area","openBlock","createElementBlock","createElementVNode","\"opacity\""],"sources":["../../../src/components/widgets/Sparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{ data: number[]; color: string }>()\nconst width = 200\nconst height = 40\n\nconst path = computed(() => {\n  const min = Math.min(...props.data)\n  const max = Math.max(...props.data)\n  const range = max - min || 1\n  const points = props.data.map(\n    (value, index) =>\n      [\n        (index / (props.data.length - 1)) * width,\n        height - ((value - min) / range) * (height - 4) - 2,\n      ] as const,\n  )\n\n  return points\n    .map(([x, y], index) => `${index === 0 ? 'M' : 'L'}${x.toFixed(1)},${y.toFixed(1)}`)\n    .join(' ')\n})\n\nconst area = computed(() => `${path.value} L${width},${height} L0,${height} Z`)\n</script>\n\n<template>\n  <svg\n    :viewBox=\"`0 0 ${width} ${height}`\"\n    class=\"mt-1 h-10 w-full\"\n    preserveAspectRatio=\"none\"\n    aria-hidden=\"true\"\n    data-slot=\"stat-chart\"\n  >\n    <path\n      :d=\"area\"\n      :fill=\"props.color\"\n      data-slot=\"stat-chart-area\"\n      style=\"opacity: var(--stat-chart-fill-opacity, 0.12)\"\n    />\n    <path\n      :d=\"path\"\n      fill=\"none\"\n      :stroke=\"props.color\"\n      stroke-linejoin=\"round\"\n      stroke-linecap=\"round\"\n      data-slot=\"stat-chart-line\"\n      style=\"stroke-width: var(--stat-chart-stroke-width, 2)\"\n    />\n  </svg>\n</template>\n"],"mappings":";;6DAIMM,IAAQ,KACRC,IAAS;;;;;;;EAFf,IAAME,IAAQC,GAIRC,IAAOC,QAAe;GAC1B,IAAMC,IAAM,KAAK,IAAI,GAAGJ,EAAM,IAAI,GAE5BK,IADM,KAAK,IAAI,GAAGL,EAAM,IAChB,IAAMI,KAAO;GAS3B,OAReJ,EAAM,KAAK,KACvB,GAAO,MACN,CACGM,KAASN,EAAM,KAAK,SAAS,KAAMH,GACpCC,KAAWS,IAAQH,KAAOC,IAAU,KAAc,CACpD,CAGG,CAAA,CACJ,KAAK,CAACG,GAAGC,IAAI,MAAU,GAAGH,MAAU,IAAI,MAAM,MAAME,EAAE,QAAQ,CAAC,EAAE,GAAGC,EAAE,QAAQ,CAAC,GAAG,CAAA,CAClF,KAAK,GAAG;EACb,CAAC,GAEKC,IAAOP,QAAe,GAAGD,EAAK,MAAM,IAAIL,EAAM,GAAGC,EAAO,MAAMA,EAAO,GAAG;oBAI5EP,EAAA,GAAAC,EAsBM,OAAA;GArBH,SAAO,OAASK,EAAK,GAAIC;GAC1B,OAAM;GACN,qBAAoB;GACpB,eAAY;GACZ,aAAU;EAEVL,GAAAA,CAAAA,EAKE,QAAA;GAJC,GAAGiB,EAAA;GACH,MAAMV,EAAM;GACb,aAAU;GACV,OAAA,EAAAc,SAAA,uCAAA;EAEFrB,GAAAA,MAAAA,GAAAA,CAAAA,GAAAA,EAQE,QAAA;GAPC,GAAGS,EAAA;GACJ,MAAK;GACJ,QAAQF,EAAM;GACf,mBAAgB;GAChB,kBAAe;GACf,aAAU;GACV,OAAA,EAAA,gBAAA,oCAAA"}

package/dist/components/widgets/StatCard.js

@@ -0,0 +1,7 @@
+import e from "./StatCard.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/StatCard.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=StatCard.js.map

package/dist/components/widgets/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":["_sfc_main","StatCard_vue_vue_type_script_setup_true_lang_default","StatCard_default"],"sources":["../../../src/components/widgets/StatCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { StatSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport {\n  colorClass,\n  cssColor,\n  iconBackgroundColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Card from '../ui/Card.vue'\nimport Sparkline from './Sparkline.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\n\nconst props = defineProps<{ stat: StatSchema }>()\n</script>\n\n<template>\n  <component\n    :is=\"props.stat.url ? (props.stat.openUrlInNewTab ? 'a' : Link) : 'div'\"\n    v-bind=\"\n      props.stat.url\n        ? props.stat.openUrlInNewTab\n          ? { href: props.stat.url, target: '_blank', rel: 'noopener noreferrer' }\n          : { href: props.stat.url }\n        : {}\n    \"\n    class=\"contents\"\n  >\n    <Card\n      :class=\"\n        cn(\n          'relative gap-2 overflow-hidden px-5 py-4',\n          props.stat.url && 'hover:bg-accent/40 transition-colors',\n        )\n      \"\n      v-bind=\"props.stat.extraAttributes\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"flex flex-col gap-1\">\n          <span class=\"text-muted-foreground text-sm font-medium\">{{ props.stat.label }}</span>\n          <span\n            v-if=\"(props.stat.value === null || props.stat.value === '') && props.stat.placeholder\"\n            class=\"text-muted-foreground text-2xl font-semibold tracking-tight\"\n            data-slot=\"stat-placeholder\"\n            >{{ props.stat.placeholder }}</span\n          >\n          <span\n            v-else\n            :class=\"\n              cn(\n                'text-2xl font-semibold tracking-tight',\n                props.stat.color && textColorClasses[props.stat.color],\n              )\n            \"\n            >{{ props.stat.value }}</span\n          >\n          <span\n            v-if=\"props.stat.description\"\n            :class=\"\n              cn(\n                'inline-flex items-center gap-1 text-xs',\n                props.stat.descriptionColor\n                  ? textColorClasses[props.stat.descriptionColor]\n                  : 'text-muted-foreground',\n              )\n            \"\n          >\n            <Icon\n              v-if=\"props.stat.descriptionIcon && props.stat.descriptionIconPosition !== 'after'\"\n              :name=\"props.stat.descriptionIcon\"\n              class=\"size-3.5\"\n            />\n            {{ props.stat.description }}\n            <Icon\n              v-if=\"props.stat.descriptionIcon && props.stat.descriptionIconPosition === 'after'\"\n              :name=\"props.stat.descriptionIcon\"\n              class=\"size-3.5\"\n            />\n          </span>\n        </div>\n        <span\n          v-if=\"props.stat.icon\"\n          :class=\"\n            cn(\n              'flex size-9 shrink-0 items-center justify-center rounded-md',\n              colorClass(iconBackgroundColorClasses, props.stat.color, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"props.stat.icon\" class=\"size-5\" />\n        </span>\n      </div>\n      <Sparkline\n        v-if=\"props.stat.chart && props.stat.chart.length > 1\"\n        :data=\"props.stat.chart\"\n        :color=\"cssColor(props.stat.chartColor ?? props.stat.color)\"\n      />\n    </Card>\n    <NewTabHint v-if=\"props.stat.url && props.stat.openUrlInNewTab\" />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/widgets/StatCard.vue.d.ts

@@ -0,0 +1,7 @@
+import type { StatSchema } from '@alfakit/core';
+type __VLS_Props = {
+    stat: StatSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=StatCard.vue.d.ts.map

package/dist/components/widgets/StatCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/StatCard.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAc/C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;;AAqNxC,wBAMG"}

package/dist/components/widgets/StatCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { cn as e } from "../../lib/utils.js";
+import { colorClass as t, cssColor as n, iconBackgroundColorClasses as r, textColorClasses as i } from "../../lib/colors.js";
+import a from "../../lib/Icon.js";
+import o from "../../lib/NewTabHint.js";
+import s from "../ui/Card.js";
+import c from "./Sparkline.js";
+import { Link as l } from "@inertiajs/vue3";
+import { createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, openBlock as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, withCtx as C } from "vue";
+//#region src/components/widgets/StatCard.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "flex items-start justify-between gap-3" }, T = { class: "flex flex-col gap-1" }, E = { class: "text-muted-foreground text-sm font-medium" }, D = {
+	key: 0,
+	class: "text-muted-foreground text-2xl font-semibold tracking-tight",
+	"data-slot": "stat-placeholder"
+}, O = /*@__PURE__*/ g({
+	__name: "StatCard",
+	props: { stat: {} },
+	setup(g) {
+		let O = g;
+		return (g, k) => (y(), u(b(O.stat.url ? O.stat.openUrlInNewTab ? "a" : S(l) : "div"), _(O.stat.url ? O.stat.openUrlInNewTab ? {
+			href: O.stat.url,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : { href: O.stat.url } : {}, { class: "contents" }), {
+			default: C(() => [h(s, _({ class: S(e)("relative gap-2 overflow-hidden px-5 py-4", O.stat.url && "hover:bg-accent/40 transition-colors") }, O.stat.extraAttributes), {
+				default: C(() => [p("div", w, [p("div", T, [
+					p("span", E, x(O.stat.label), 1),
+					(O.stat.value === null || O.stat.value === "") && O.stat.placeholder ? (y(), f("span", D, x(O.stat.placeholder), 1)) : (y(), f("span", {
+						key: 1,
+						class: v(S(e)("text-2xl font-semibold tracking-tight", O.stat.color && S(i)[O.stat.color]))
+					}, x(O.stat.value), 3)),
+					O.stat.description ? (y(), f("span", {
+						key: 2,
+						class: v(S(e)("inline-flex items-center gap-1 text-xs", O.stat.descriptionColor ? S(i)[O.stat.descriptionColor] : "text-muted-foreground"))
+					}, [
+						O.stat.descriptionIcon && O.stat.descriptionIconPosition !== "after" ? (y(), u(S(a), {
+							key: 0,
+							name: O.stat.descriptionIcon,
+							class: "size-3.5"
+						}, null, 8, ["name"])) : d("", !0),
+						m(" " + x(O.stat.description) + " ", 1),
+						O.stat.descriptionIcon && O.stat.descriptionIconPosition === "after" ? (y(), u(S(a), {
+							key: 1,
+							name: O.stat.descriptionIcon,
+							class: "size-3.5"
+						}, null, 8, ["name"])) : d("", !0)
+					], 2)) : d("", !0)
+				]), O.stat.icon ? (y(), f("span", {
+					key: 0,
+					class: v(S(e)("flex size-9 shrink-0 items-center justify-center rounded-md", S(t)(S(r), O.stat.color, "gray")))
+				}, [h(S(a), {
+					name: O.stat.icon,
+					class: "size-5"
+				}, null, 8, ["name"])], 2)) : d("", !0)]), O.stat.chart && O.stat.chart.length > 1 ? (y(), u(c, {
+					key: 0,
+					data: O.stat.chart,
+					color: S(n)(O.stat.chartColor ?? O.stat.color)
+				}, null, 8, ["data", "color"])) : d("", !0)]),
+				_: 1
+			}, 16, ["class"]), O.stat.url && O.stat.openUrlInNewTab ? (y(), u(o, { key: 0 })) : d("", !0)]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=StatCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/StatCard.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_withCtx","_createVNode","Card","_createElementVNode","_toDisplayString","_createElementBlock","_normalizeClass","Icon","_createCommentVNode","_createTextVNode","Sparkline","NewTabHint","Icon_default","NewTabHint_default","Card_default","Sparkline_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","StatCard_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","resolveDynamicComponent","unref","Link","mergeProps","withCtx","createVNode","cn","createElementVNode","toDisplayString","createElementBlock","normalizeClass","textColorClasses","createCommentVNode","createTextVNode","colorClass","iconBackgroundColorClasses","cssColor"],"sources":["../../../src/components/widgets/StatCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { StatSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport {\n  colorClass,\n  cssColor,\n  iconBackgroundColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Card from '../ui/Card.vue'\nimport Sparkline from './Sparkline.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\n\nconst props = defineProps<{ stat: StatSchema }>()\n</script>\n\n<template>\n  <component\n    :is=\"props.stat.url ? (props.stat.openUrlInNewTab ? 'a' : Link) : 'div'\"\n    v-bind=\"\n      props.stat.url\n        ? props.stat.openUrlInNewTab\n          ? { href: props.stat.url, target: '_blank', rel: 'noopener noreferrer' }\n          : { href: props.stat.url }\n        : {}\n    \"\n    class=\"contents\"\n  >\n    <Card\n      :class=\"\n        cn(\n          'relative gap-2 overflow-hidden px-5 py-4',\n          props.stat.url && 'hover:bg-accent/40 transition-colors',\n        )\n      \"\n      v-bind=\"props.stat.extraAttributes\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"flex flex-col gap-1\">\n          <span class=\"text-muted-foreground text-sm font-medium\">{{ props.stat.label }}</span>\n          <span\n            v-if=\"(props.stat.value === null || props.stat.value === '') && props.stat.placeholder\"\n            class=\"text-muted-foreground text-2xl font-semibold tracking-tight\"\n            data-slot=\"stat-placeholder\"\n            >{{ props.stat.placeholder }}</span\n          >\n          <span\n            v-else\n            :class=\"\n              cn(\n                'text-2xl font-semibold tracking-tight',\n                props.stat.color && textColorClasses[props.stat.color],\n              )\n            \"\n            >{{ props.stat.value }}</span\n          >\n          <span\n            v-if=\"props.stat.description\"\n            :class=\"\n              cn(\n                'inline-flex items-center gap-1 text-xs',\n                props.stat.descriptionColor\n                  ? textColorClasses[props.stat.descriptionColor]\n                  : 'text-muted-foreground',\n              )\n            \"\n          >\n            <Icon\n              v-if=\"props.stat.descriptionIcon && props.stat.descriptionIconPosition !== 'after'\"\n              :name=\"props.stat.descriptionIcon\"\n              class=\"size-3.5\"\n            />\n            {{ props.stat.description }}\n            <Icon\n              v-if=\"props.stat.descriptionIcon && props.stat.descriptionIconPosition === 'after'\"\n              :name=\"props.stat.descriptionIcon\"\n              class=\"size-3.5\"\n            />\n          </span>\n        </div>\n        <span\n          v-if=\"props.stat.icon\"\n          :class=\"\n            cn(\n              'flex size-9 shrink-0 items-center justify-center rounded-md',\n              colorClass(iconBackgroundColorClasses, props.stat.color, 'gray'),\n            )\n          \"\n        >\n          <Icon :name=\"props.stat.icon\" class=\"size-5\" />\n        </span>\n      </div>\n      <Sparkline\n        v-if=\"props.stat.chart && props.stat.chart.length > 1\"\n        :data=\"props.stat.chart\"\n        :color=\"cssColor(props.stat.chartColor ?? props.stat.color)\"\n      />\n    </Card>\n    <NewTabHint v-if=\"props.stat.url && props.stat.openUrlInNewTab\" />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,IAAM0B,IAAQC;oBAIZ3B,EAAA,GAAAC,EAkFYC,EAjFLwB,EAAM,KAAK,MAAOA,EAAM,KAAK,kBAAe,MAASvB,EAAA6B,CAAA,IAAI,KAAA,GADhE5B,EAEiBsB,EAAM,KAAK,MAAcA,EAAM,KAAK,kBAAoC;GAAA,MAAAA,EAAM,KAAK;GAAG,QAAA;GAAA,KAAA;EAAA,IAAqE,EAAA,MAAAA,EAAM,KAAK,IAAG,IAAA,CAAA,GAOxL,EAAA,OAAM,WAAU,CAAA,GAAA;GAEhB,SAAArB,QAqEO,CArEPC,EAqEOC,GArEPH,EAqEO,EApEJ,OAAgBD,EAAAiC,CAAA,CAAE,CAAA,4CAAkEV,EAAM,KAAK,OAAG,sCAAA,EAM3F,GAAAA,EAAM,KAAK,eAAe,GAAA;IAElC,SAAArB,QAsDM,CAtDNG,EAsDM,OAtDNa,GAsDM,CArDJb,EAyCM,OAzCNc,GAyCM;KAxCJd,EAAqF,QAArFe,GAAqFd,EAA1BiB,EAAM,KAAK,KAAK,GAAA,CAAA;MAElEA,EAAM,KAAK,UAAK,QAAaA,EAAM,KAAK,UAAK,OAAYA,EAAM,KAAK,eAD7E1B,EAAA,GAAAU,EAKC,QALDc,GAKCf,EADKiB,EAAM,KAAK,WAAW,GAAA,CAAA,MAE5B1B,EAAA,GAAAU,EASC,QAAA;;MAPE,OAAKC,EAAiBR,EAAAiC,CAAA,CAAE,CAAA,yCAA2EV,EAAM,KAAK,SAASvB,EAAAsC,CAAA,CAAgB,CAACf,EAAM,KAAK,MAAA,CAAA;KAMhJ,GAAAjB,EAAAiB,EAAM,KAAK,KAAK,GAAA,CAAA;KAGdA,EAAM,KAAK,eADnB1B,EAAA,GAAAU,EAsBO,QAAA;;MApBJ,OAAKC,EAAiBR,EAAAiC,CAAA,CAAE,CAAA,0CAA4EV,EAAM,KAAK,mBAAqCvB,EAAAsC,CAAA,CAAgB,CAACf,EAAM,KAAK,oBAAA,uBAAA,CAAA;;MAUzKA,EAAM,KAAK,mBAAmBA,EAAM,KAAK,4BAAuB,WADxE1B,EAAA,GAAAC,EAIEE,EAAAS,CAAA,GAAA;;OAFC,MAAMc,EAAM,KAAK;OAClB,OAAM;;MACNZ,EAAA,MACFL,EAAGiB,EAAM,KAAK,WAAW,IAAG,KAC5B,CAAA;MACQA,EAAM,KAAK,mBAAmBA,EAAM,KAAK,4BAAuB,WADxE1B,EAAA,GAAAC,EAIEE,EAAAS,CAAA,GAAA;;OAFC,MAAMc,EAAM,KAAK;OAClB,OAAM;;;IAKJ,CAAA,GAAAA,EAAM,KAAK,QADnB1B,EAAA,GAAAU,EAUO,QAAA;;KARJ,OAAKC,EAAeR,EAAAiC,CAAA,CAAE,CAAA,+DAA6FjC,EAAAyC,CAAA,CAAU,CAACzC,EAAA0C,CAAA,GAA4BnB,EAAM,KAAK,OAAK,MAAA,CAAA,CAAA;IAO3KpB,GAAAA,CAAAA,EAA+CH,EAAAS,CAAA,GAAA;KAAxC,MAAMc,EAAM,KAAK;KAAM,OAAM;IAIhC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,KAAAgB,EAAA,IAAA,EAAA,CAAA,CAAA,GAAAhB,EAAM,KAAK,SAASA,EAAM,KAAK,MAAM,SAAM,KADnD1B,EAAA,GAAAC,EAIEc,GAAA;;KAFC,MAAMW,EAAM,KAAK;KACjB,OAAOvB,EAAA2C,CAAA,CAAQ,CAACpB,EAAM,KAAK,cAAcA,EAAM,KAAK,KAAK;;;GAG5C,GAAA,IAAA,CAAA,OAAA,CAAA,GAAAA,EAAM,KAAK,OAAOA,EAAM,KAAK,mBAA/C1B,EAAA,GAAAC,EAAkEe,GAAA,EAAA,KAAA,EAAA,CAAA,KAAA0B,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/widgets/StatsOverviewWidget.js

@@ -0,0 +1,7 @@
+import e from "./StatsOverviewWidget.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/StatsOverviewWidget.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=StatsOverviewWidget.js.map

package/dist/components/widgets/StatsOverviewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverviewWidget.js","names":["_sfc_main","StatsOverviewWidget_vue_vue_type_script_setup_true_lang_default","StatsOverviewWidget_default"],"sources":["../../../src/components/widgets/StatsOverviewWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { StatsOverviewWidgetSchema } from '@alfakit/core'\nimport { gridColumnsClasses, widgetPollTarget } from '@alfakit/core'\nimport { computed, watch } from 'vue'\nimport { usePollComponent } from '../../context'\nimport { cn } from '../../lib/utils'\nimport StatCard from './StatCard.vue'\nimport { useLiveUpdates } from '../realtime/use-live-updates'\n\nconst props = defineProps<{ widget: StatsOverviewWidgetSchema }>()\nconst columns = computed(\n  () =>\n    props.widget.columns ?? {\n      default: 1,\n      md: Math.min(props.widget.stats.length, 2),\n      lg: Math.min(props.widget.stats.length, 4),\n    },\n)\n\n// Polls refresh only this widget, share one request with other components on the same\n// interval and pause while the tab is hidden.\nconst pollComponent = usePollComponent()\n\nwatch(\n  [() => widgetPollTarget(props.widget), () => props.widget.pollingInterval],\n  ([target, pollingInterval], _old, onCleanup) => onCleanup(pollComponent(target, pollingInterval)),\n  { immediate: true },\n)\n\n// `live()`: refresh when the followed records change (broadcast), else poll as a fallback.\nuseLiveUpdates(() => ({\n  live: props.widget.live,\n  target: widgetPollTarget(props.widget),\n  polling: Boolean(props.widget.pollingInterval),\n}))\n</script>\n\n<template>\n  <section class=\"flex flex-col gap-3\" :aria-label=\"props.widget.heading || undefined\">\n    <div v-if=\"props.widget.heading || props.widget.description\">\n      <h3 v-if=\"props.widget.heading\" class=\"text-base font-semibold\">\n        {{ props.widget.heading }}\n      </h3>\n      <p v-if=\"props.widget.description\" class=\"text-muted-foreground text-sm\">\n        {{ props.widget.description }}\n      </p>\n    </div>\n    <div :class=\"cn('grid gap-4', gridColumnsClasses(columns))\">\n      <StatCard v-for=\"(stat, index) in props.widget.stats\" :key=\"index\" :stat=\"stat\" />\n    </div>\n  </section>\n</template>\n"],"mappings":""}

package/dist/components/widgets/StatsOverviewWidget.vue.d.ts

@@ -0,0 +1,7 @@
+import type { StatsOverviewWidgetSchema } from '@alfakit/core';
+type __VLS_Props = {
+    widget: StatsOverviewWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=StatsOverviewWidget.vue.d.ts.map

package/dist/components/widgets/StatsOverviewWidget.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverviewWidget.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/StatsOverviewWidget.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAQ9D,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,yBAAyB,CAAA;CAAE,CAAC;;AAqGzD,wBAMG"}

package/dist/components/widgets/StatsOverviewWidget.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { usePollComponent as e } from "../../context.js";
+import { cn as t } from "../../lib/utils.js";
+import { useLiveUpdates as n } from "../realtime/use-live-updates.js";
+import r from "./StatCard.js";
+import { gridColumnsClasses as i, widgetPollTarget as a } from "@alfakit/core";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
+//#region src/components/widgets/StatsOverviewWidget.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-label"], b = { key: 0 }, x = {
+	key: 0,
+	class: "text-base font-semibold"
+}, S = {
+	key: 1,
+	class: "text-muted-foreground text-sm"
+}, C = /*@__PURE__*/ f({
+	__name: "StatsOverviewWidget",
+	props: { widget: {} },
+	setup(f) {
+		let C = f, w = s(() => C.widget.columns ?? {
+			default: 1,
+			md: Math.min(C.widget.stats.length, 2),
+			lg: Math.min(C.widget.stats.length, 4)
+		}), T = e();
+		return v([() => a(C.widget), () => C.widget.pollingInterval], ([e, t], n, r) => r(T(e, t)), { immediate: !0 }), n(() => ({
+			live: C.widget.live,
+			target: a(C.widget),
+			polling: !!C.widget.pollingInterval
+		})), (e, n) => (m(), u("section", {
+			class: "flex flex-col gap-3",
+			"aria-label": C.widget.heading || void 0
+		}, [C.widget.heading || C.widget.description ? (m(), u("div", b, [C.widget.heading ? (m(), u("h3", x, g(C.widget.heading), 1)) : l("", !0), C.widget.description ? (m(), u("p", S, g(C.widget.description), 1)) : l("", !0)])) : l("", !0), d("div", { class: p(_(t)("grid gap-4", _(i)(w.value))) }, [(m(!0), u(o, null, h(C.widget.stats, (e, t) => (m(), c(r, {
+			key: t,
+			stat: e
+		}, null, 8, ["stat"]))), 128))], 2)], 8, y));
+	}
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=StatsOverviewWidget.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/StatsOverviewWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsOverviewWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","StatCard","StatCard_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","StatsOverviewWidget_vue_vue_type_script_setup_true_lang_default","props","__props","columns","computed","pollComponent","usePollComponent","watch","widgetPollTarget","target","pollingInterval","onCleanup","useLiveUpdates","openBlock","createElementBlock","toDisplayString","createCommentVNode","createElementVNode","normalizeClass","unref","cn","gridColumnsClasses","Fragment","renderList","createBlock","index"],"sources":["../../../src/components/widgets/StatsOverviewWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { StatsOverviewWidgetSchema } from '@alfakit/core'\nimport { gridColumnsClasses, widgetPollTarget } from '@alfakit/core'\nimport { computed, watch } from 'vue'\nimport { usePollComponent } from '../../context'\nimport { cn } from '../../lib/utils'\nimport StatCard from './StatCard.vue'\nimport { useLiveUpdates } from '../realtime/use-live-updates'\n\nconst props = defineProps<{ widget: StatsOverviewWidgetSchema }>()\nconst columns = computed(\n  () =>\n    props.widget.columns ?? {\n      default: 1,\n      md: Math.min(props.widget.stats.length, 2),\n      lg: Math.min(props.widget.stats.length, 4),\n    },\n)\n\n// Polls refresh only this widget, share one request with other components on the same\n// interval and pause while the tab is hidden.\nconst pollComponent = usePollComponent()\n\nwatch(\n  [() => widgetPollTarget(props.widget), () => props.widget.pollingInterval],\n  ([target, pollingInterval], _old, onCleanup) => onCleanup(pollComponent(target, pollingInterval)),\n  { immediate: true },\n)\n\n// `live()`: refresh when the followed records change (broadcast), else poll as a fallback.\nuseLiveUpdates(() => ({\n  live: props.widget.live,\n  target: widgetPollTarget(props.widget),\n  polling: Boolean(props.widget.pollingInterval),\n}))\n</script>\n\n<template>\n  <section class=\"flex flex-col gap-3\" :aria-label=\"props.widget.heading || undefined\">\n    <div v-if=\"props.widget.heading || props.widget.description\">\n      <h3 v-if=\"props.widget.heading\" class=\"text-base font-semibold\">\n        {{ props.widget.heading }}\n      </h3>\n      <p v-if=\"props.widget.description\" class=\"text-muted-foreground text-sm\">\n        {{ props.widget.description }}\n      </p>\n    </div>\n    <div :class=\"cn('grid gap-4', gridColumnsClasses(columns))\">\n      <StatCard v-for=\"(stat, index) in props.widget.stats\" :key=\"index\" :stat=\"stat\" />\n    </div>\n  </section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EASA,IAAMiB,IAAQC,GACRC,IAAUC,QAEZH,EAAM,OAAO,WAAW;GACtB,SAAS;GACT,IAAI,KAAK,IAAIA,EAAM,OAAO,MAAM,QAAQ,CAAC;GACzC,IAAI,KAAK,IAAIA,EAAM,OAAO,MAAM,QAAQ,CAAC;EAC3C,CACJ,GAIMI,IAAgBC,EAAiB;SAEvCC,EACE,OAAOC,EAAiBP,EAAM,MAAM,SAASA,EAAM,OAAO,eAAe,IACxE,CAACQ,GAAQC,IAAkB,GAAM,MAAcC,EAAUN,EAAcI,GAAQC,CAAe,CAAC,GAChG,EAAE,WAAW,GAAK,CACpB,GAGAE,SAAsB;GACpB,MAAMX,EAAM,OAAO;GACnB,QAAQO,EAAiBP,EAAM,MAAM;GACrC,SAAS,EAAQA,EAAM,OAAO;EAChC,EAAE,cAIAjB,EAAA,GAAAC,EAYU,WAAA;GAZD,OAAM;GAAuB,cAAYgB,EAAM,OAAO,WAAW,KAAA;EAC7D,GAAA,CAAAA,EAAM,OAAO,WAAWA,EAAM,OAAO,eAAhDjB,EAAA,GAAAC,EAOM,OAAAY,GAAA,CANMI,EAAM,OAAO,WAAvBjB,EAAA,GAAAC,EAEK,MAFLa,GAEKZ,EADAe,EAAM,OAAO,OAAO,GAAA,CAAA,KAAAe,EAAA,IAAA,EAAA,GAEhBf,EAAM,OAAO,eAAtBjB,EAAA,GAAAC,EAEI,KAFJc,GAEIb,EADCe,EAAM,OAAO,WAAW,GAAA,CAAA,KAAAe,EAAA,IAAA,EAAA,CAAA,CAAA,KAAAA,EAAA,IAAA,EAAA,GAG/B5B,EAEM,OAAA,EAFA,OAAKC,EAAEC,EAAA8B,CAAA,CAAE,CAAA,cAAe9B,EAAA+B,CAAA,CAAkB,CAAClB,EAAA,KAAO,CAAA,CAAA,EAAA,GAAA,EACtDnB,EAAA,EAAA,GAAAC,EAAkFM,GAAA,MAAAC,EAAhDS,EAAM,OAAO,QAA7B,GAAM,OAAxBjB,EAAA,GAAAS,EAAkFC,GAAA;GAA3B,KAAK+B;GAAc"}

package/dist/components/widgets/WidgetGrid.js

@@ -0,0 +1,7 @@
+import e from "./WidgetGrid.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/WidgetGrid.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=WidgetGrid.js.map

package/dist/components/widgets/WidgetGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetGrid.js","names":["_sfc_main","WidgetGrid_vue_vue_type_script_setup_true_lang_default","WidgetGrid_default"],"sources":["../../../src/components/widgets/WidgetGrid.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { lazyComponent } from '../../lib/lazy'\nimport PlainWidgetGrid from './PlainWidgetGrid.vue'\n\n// The dashboard editor's code loads with the first customizable dashboard; until then (and\n// on the server) its widgets show in the plain grid.\nconst DashboardCustomizer = lazyComponent(\n  'DashboardCustomizer',\n  () => import('./DashboardCustomizer.vue').then((module) => module.default),\n  PlainWidgetGrid,\n)\n</script>\n\n<script setup lang=\"ts\">\nimport type { WidgetsBlock } from '@alfakit/core'\n\nconst props = defineProps<{ block: WidgetsBlock }>()\n</script>\n\n<template>\n  <!-- `Dashboard::customizable()`: the grid with its \"Edit dashboard\" mode. -->\n  <DashboardCustomizer\n    v-if=\"props.block.customize\"\n    :block=\"props.block\"\n    :customize=\"props.block.customize\"\n  />\n  <PlainWidgetGrid v-else :block=\"props.block\" />\n</template>\n"],"mappings":""}

package/dist/components/widgets/WidgetGrid.vue.d.ts

@@ -0,0 +1,8 @@
+import type { WidgetsBlock } from '@alfakit/core';
+declare const _default: import("vue").DefineComponent<{
+    block: WidgetsBlock;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    block: WidgetsBlock;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WidgetGrid.vue.d.ts.map

package/dist/components/widgets/WidgetGrid.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/WidgetGrid.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;;WAerB,YAAY;;WAAZ,YAAY;;AADxC,wBA+DK"}

package/dist/components/widgets/WidgetGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { lazyComponent as e } from "../../lib/lazy.js";
+import t from "./PlainWidgetGrid.js";
+import { createBlock as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+//#region src/components/widgets/WidgetGrid.vue?vue&type=script&setup=true&lang.ts
+var o = e("DashboardCustomizer", () => import("./DashboardCustomizer.js").then((e) => e.default), t), s = /*@__PURE__*/ r({
+	__name: "WidgetGrid",
+	props: { block: {} },
+	setup(e) {
+		let r = e;
+		return (e, s) => r.block.customize ? (i(), n(a(o), {
+			key: 0,
+			block: r.block,
+			customize: r.block.customize
+		}, null, 8, ["block", "customize"])) : (i(), n(t, {
+			key: 1,
+			block: r.block
+		}, null, 8, ["block"]));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=WidgetGrid.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/WidgetGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetGrid.vue_vue_type_script_setup_true_lang.js","names":["PlainWidgetGrid","_openBlock","_createBlock","_unref","PlainWidgetGrid_default","DashboardCustomizer","lazyComponent","module","WidgetGrid_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","unref"],"sources":["../../../src/components/widgets/WidgetGrid.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { lazyComponent } from '../../lib/lazy'\nimport PlainWidgetGrid from './PlainWidgetGrid.vue'\n\n// The dashboard editor's code loads with the first customizable dashboard; until then (and\n// on the server) its widgets show in the plain grid.\nconst DashboardCustomizer = lazyComponent(\n  'DashboardCustomizer',\n  () => import('./DashboardCustomizer.vue').then((module) => module.default),\n  PlainWidgetGrid,\n)\n</script>\n\n<script setup lang=\"ts\">\nimport type { WidgetsBlock } from '@alfakit/core'\n\nconst props = defineProps<{ block: WidgetsBlock }>()\n</script>\n\n<template>\n  <!-- `Dashboard::customizable()`: the grid with its \"Edit dashboard\" mode. -->\n  <DashboardCustomizer\n    v-if=\"props.block.customize\"\n    :block=\"props.block\"\n    :customize=\"props.block.customize\"\n  />\n  <PlainWidgetGrid v-else :block=\"props.block\" />\n</template>\n"],"mappings":";;;;AAMA,IAAMK,IAAsBC,EAC1B,6BACM,OAAO,2BAA4B,CAAC,MAAM,MAAWC,EAAO,OAAO,GACzEP,CACF;;;;EAMA,IAAMS,IAAQC;mBAMJD,EAAM,MAAM,aADpBR,EAAA,GAAAC,EAIEC,EAAAE,CAAA,GAAA;;GAFC,OAAOI,EAAM;GACb,WAAWA,EAAM,MAAM;EAE1BR,GAAAA,MAAAA,GAAAA,CAAAA,SAAAA,WAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAA+CF,GAAA;;GAAtB,OAAOS,EAAM"}

package/dist/components/widgets/WidgetRenderer.js

@@ -0,0 +1,7 @@
+import e from "./WidgetRenderer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/WidgetRenderer.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=WidgetRenderer.js.map

package/dist/components/widgets/WidgetRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetRenderer.js","names":["_sfc_main","WidgetRenderer_vue_vue_type_script_setup_true_lang_default","WidgetRenderer_default"],"sources":["../../../src/components/widgets/WidgetRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WidgetSchema } from '@alfakit/core'\nimport { resolveFirst, widgetRegistryKeys } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\nimport Slot from '../panel/Slot.vue'\nimport DataTable from '../table/DataTable.vue'\nimport { ChartWidget } from './chart-lazy'\nimport StatsOverviewWidget from './StatsOverviewWidget.vue'\n\nconst props = defineProps<{ widget: WidgetSchema }>()\nconst registry = useRegistry()\nconst t = useT()\n// Registered components win over the built-in renderers: `Widget::$component`, then\n// `widget:<type>` (e.g. `widget:Chart`), then a custom widget's own type.\nconst custom = computed(() => resolveFirst(registry, widgetRegistryKeys(props.widget)))\nconst customProps = computed(() => (props.widget.type === 'View' ? (props.widget.props ?? {}) : {}))\n</script>\n\n<template>\n  <component :is=\"custom\" v-if=\"custom\" v-bind=\"customProps\" :widget=\"props.widget\" />\n  <StatsOverviewWidget\n    v-else-if=\"props.widget.type === 'StatsOverviewWidget'\"\n    :widget=\"props.widget\"\n  />\n  <ChartWidget v-else-if=\"props.widget.type === 'Chart'\" :widget=\"props.widget\" />\n  <template v-else-if=\"props.widget.type === 'TableWidget'\">\n    <Slot name=\"table-widget.start\" :scope=\"props.widget.component\" />\n    <DataTable :table=\"props.widget.table\" :component=\"props.widget.component\" />\n    <Slot name=\"table-widget.end\" :scope=\"props.widget.component\" />\n  </template>\n  <div\n    v-else-if=\"props.widget.type === 'View'\"\n    class=\"text-destructive rounded-md border border-dashed p-3 text-xs\"\n  >\n    {{\n      t(\n        'widget_not_registered',\n        { component: props.widget.component },\n        'Widget component :component is not registered.',\n      )\n    }}\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/widgets/WidgetRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import type { WidgetSchema } from '@alfakit/core';
+type __VLS_Props = {
+    widget: WidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WidgetRenderer.vue.d.ts.map

package/dist/components/widgets/WidgetRenderer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/WidgetRenderer.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AASjD,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,CAAC;;AAmI5C,wBAMG"}

package/dist/components/widgets/WidgetRenderer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { useRegistry as e, useT as t } from "../../context.js";
+import n from "../panel/Slot.js";
+import r from "../table/DataTable.js";
+import { ChartWidget as i } from "./chart-lazy.js";
+import a from "./StatsOverviewWidget.js";
+import { resolveFirst as o, widgetRegistryKeys as s } from "@alfakit/core";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, mergeProps as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y } from "vue";
+//#region src/components/widgets/WidgetRenderer.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	key: 4,
+	class: "text-destructive rounded-md border border-dashed p-3 text-xs"
+}, x = /*@__PURE__*/ m({
+	__name: "WidgetRenderer",
+	props: { widget: {} },
+	setup(m) {
+		let x = m, S = e(), C = t(), w = l(() => o(S, s(x.widget))), T = l(() => x.widget.type === "View" ? x.widget.props ?? {} : {});
+		return (e, t) => w.value ? (g(), u(_(w.value), h({ key: 0 }, T.value, { widget: x.widget }), null, 16, ["widget"])) : x.widget.type === "StatsOverviewWidget" ? (g(), u(a, {
+			key: 1,
+			widget: x.widget
+		}, null, 8, ["widget"])) : x.widget.type === "Chart" ? (g(), u(y(i), {
+			key: 2,
+			widget: x.widget
+		}, null, 8, ["widget"])) : x.widget.type === "TableWidget" ? (g(), f(c, { key: 3 }, [
+			p(n, {
+				name: "table-widget.start",
+				scope: x.widget.component
+			}, null, 8, ["scope"]),
+			p(r, {
+				table: x.widget.table,
+				component: x.widget.component
+			}, null, 8, ["table", "component"]),
+			p(n, {
+				name: "table-widget.end",
+				scope: x.widget.component
+			}, null, 8, ["scope"])
+		], 64)) : x.widget.type === "View" ? (g(), f("div", b, v(y(C)("widget_not_registered", { component: x.widget.component }, "Widget component :component is not registered.")), 1)) : d("", !0);
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=WidgetRenderer.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/widgets/WidgetRenderer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetRenderer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","StatsOverviewWidget","_unref","_createElementBlock","_Fragment","_createVNode","Slot","DataTable","_toDisplayString","_createCommentVNode","Slot_default","DataTable_default","StatsOverviewWidget_default","_hoisted_1","WidgetRenderer_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","t","useT","custom","computed","resolveFirst","widgetRegistryKeys","customProps","openBlock","createBlock","resolveDynamicComponent","mergeProps","unref","ChartWidget","createElementBlock","Fragment","createVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/widgets/WidgetRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WidgetSchema } from '@alfakit/core'\nimport { resolveFirst, widgetRegistryKeys } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\nimport Slot from '../panel/Slot.vue'\nimport DataTable from '../table/DataTable.vue'\nimport { ChartWidget } from './chart-lazy'\nimport StatsOverviewWidget from './StatsOverviewWidget.vue'\n\nconst props = defineProps<{ widget: WidgetSchema }>()\nconst registry = useRegistry()\nconst t = useT()\n// Registered components win over the built-in renderers: `Widget::$component`, then\n// `widget:<type>` (e.g. `widget:Chart`), then a custom widget's own type.\nconst custom = computed(() => resolveFirst(registry, widgetRegistryKeys(props.widget)))\nconst customProps = computed(() => (props.widget.type === 'View' ? (props.widget.props ?? {}) : {}))\n</script>\n\n<template>\n  <component :is=\"custom\" v-if=\"custom\" v-bind=\"customProps\" :widget=\"props.widget\" />\n  <StatsOverviewWidget\n    v-else-if=\"props.widget.type === 'StatsOverviewWidget'\"\n    :widget=\"props.widget\"\n  />\n  <ChartWidget v-else-if=\"props.widget.type === 'Chart'\" :widget=\"props.widget\" />\n  <template v-else-if=\"props.widget.type === 'TableWidget'\">\n    <Slot name=\"table-widget.start\" :scope=\"props.widget.component\" />\n    <DataTable :table=\"props.widget.table\" :component=\"props.widget.component\" />\n    <Slot name=\"table-widget.end\" :scope=\"props.widget.component\" />\n  </template>\n  <div\n    v-else-if=\"props.widget.type === 'View'\"\n    class=\"text-destructive rounded-md border border-dashed p-3 text-xs\"\n  >\n    {{\n      t(\n        'widget_not_registered',\n        { component: props.widget.component },\n        'Widget component :component is not registered.',\n      )\n    }}\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,IAAMkB,IAAQC,GACRC,IAAWC,EAAY,GACvBC,IAAIC,EAAK,GAGTC,IAASC,QAAeC,EAAaN,GAAUO,EAAmBT,EAAM,MAAM,CAAC,CAAC,GAChFU,IAAcH,QAAgBP,EAAM,OAAO,SAAS,SAAUA,EAAM,OAAO,SAAS,CAAC,IAAK,CAAC,CAAE;mBAInEM,EAAA,SAA9BxB,EAAA,GAAAC,EAAoFC,EAApEsB,EAAA,KAAM,GAAtBrB,EAAoF,EAAA,KAAA,EAAA,GAAtCyB,EAAA,OAAW,EAAG,QAAQV,EAAM,OAAA,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,KAE7DA,EAAM,OAAO,SAAI,yBAD9BlB,EAAA,GAAAC,EAGEG,GAAA;;GADC,QAAQc,EAAM;EAEO,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,KAAAA,EAAM,OAAO,SAAI,WAAzClB,EAAA,GAAAC,EAAgFI,EAAA6B,CAAA,GAAA;;GAAxB,QAAQhB,EAAM;EACjD,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,KAAAA,EAAM,OAAO,SAAI,iBAAtClB,EAAA,GAAAM,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA;GAHTC,EAAkEC,GAAA;IAA5D,MAAK;IAAsB,OAAOS,EAAM,OAAO;;GACrDV,EAA6EE,GAAA;IAAjE,OAAOQ,EAAM,OAAO;IAAQ,WAAWA,EAAM,OAAO;;GAChEV,EAAgEC,GAAA;IAA1D,MAAK;IAAoB,OAAOS,EAAM,OAAO;;EAGxC,GAAA,EAAA,KAAAA,EAAM,OAAO,SAAI,UAD9BlB,EAAA,GAAAM,EAWM,OAXNU,GAWML,EANFN,EAAAiB,CAAA,CAAC,CAAA,yBAAwD,EAAA,WAAAJ,EAAM,OAAO,UAAS,GAAA,gDAAA,CAAA,GAAA,CAAA,KAAAqB,EAAA,IAAA,EAAA"}

package/dist/components/widgets/calendar-lazy.d.ts

@@ -0,0 +1,3 @@
+/** The calendar widget; FullCalendar loads the first time a calendar is shown. */
+export declare const CalendarWidget: import("vue").Component;
+//# sourceMappingURL=calendar-lazy.d.ts.map

package/dist/components/widgets/calendar-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/calendar-lazy.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,eAAO,MAAM,cAAc,yBAI1B,CAAA"}

package/dist/components/widgets/calendar-lazy.js

@@ -0,0 +1,8 @@
+import { lazyComponent as e } from "../../lib/lazy.js";
+import t from "./CalendarSkeleton.js";
+//#region src/components/widgets/calendar-lazy.ts
+var n = e("CalendarWidget", () => import("./CalendarWidget.js").then((e) => e.default), t);
+//#endregion
+export { n as CalendarWidget };
+
+//# sourceMappingURL=calendar-lazy.js.map

package/dist/components/widgets/calendar-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-lazy.js","names":["CalendarSkeleton","CalendarSkeleton_default","CalendarWidget","lazyComponent","module"],"sources":["../../../src/components/widgets/calendar-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport CalendarSkeleton from './CalendarSkeleton.vue'\n\n/** The calendar widget; FullCalendar loads the first time a calendar is shown. */\nexport const CalendarWidget = lazyComponent(\n  'CalendarWidget',\n  () => import('./CalendarWidget.vue').then((module) => module.default),\n  CalendarSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAiBC,EAC5B,wBACM,OAAO,sBAAuB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACpEJ,CACF"}

package/dist/components/widgets/chart-lazy.d.ts

@@ -0,0 +1,3 @@
+/** The chart widget; Chart.js loads the first time a chart is shown. */
+export declare const ChartWidget: import("vue").Component;
+//# sourceMappingURL=chart-lazy.d.ts.map

package/dist/components/widgets/chart-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/chart-lazy.ts"],"names":[],"mappings":"AAGA,wEAAwE;AACxE,eAAO,MAAM,WAAW,yBAIvB,CAAA"}