@bagelink/vue 1.15.63 → 1.15.65

package/src/components/layout/TimelineItem.vue

@@ -0,0 +1,93 @@
+<script lang="ts" setup>
+defineOptions({ name: 'BglTimelineItem' })
+import type { IconType, ThemeType } from '@bagelink/vue'
+import { Icon } from '@bagelink/vue'
+import { useSlots } from 'vue'
+
+/**
+ * One node in a <Timeline>: a marker (icon dot or plain dot) with a connecting
+ * line, a title, optional meta line, and free content via the default slot.
+ * - `icon` renders inside the dot; otherwise a small solid dot is shown.
+ * - `color` themes the dot (and icon).
+ * - `last` removes the connector line (auto-handled by <Timeline>).
+ * - Slots: `#marker` (replace the dot), `#meta`, default (body).
+ */
+const {
+	title = '',
+	meta = '',
+	icon,
+	color = 'primary',
+	last = false,
+} = defineProps<{
+	title?: string
+	meta?: string
+	icon?: IconType
+	color?: ThemeType
+	last?: boolean
+}>()
+
+const slots = useSlots()
+</script>
+
+<template>
+	<div class="bgl-tl-item flex gap-075" :class="{ 'bgl-tl-item--last': last }">
+		<div class="bgl-tl-rail flex-column align-items-center flex-shrink-0">
+			<span class="bgl-tl-marker flex-center" :style="{ '--tl-color': `var(--bgl-${color})` }">
+				<slot name="marker">
+					<Icon v-if="icon" :icon="icon" :size="0.85" />
+					<span v-else class="bgl-tl-dot" />
+				</slot>
+			</span>
+			<span v-if="!last" class="bgl-tl-line" />
+		</div>
+		<div class="bgl-tl-body min-w-0">
+			<p v-if="title || slots.title" class="bgl-tl-title m-0"><slot name="title">{{ title }}</slot></p>
+			<div v-if="slots.default" class="bgl-tl-content"><slot /></div>
+			<p v-if="meta || slots.meta" class="bgl-tl-meta m-0"><slot name="meta">{{ meta }}</slot></p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.bgl-tl-item {
+	min-height: 1.75rem;
+}
+.bgl-tl-marker {
+	width: 1.625rem;
+	height: 1.625rem;
+	border-radius: 50%;
+	background: color-mix(in srgb, var(--tl-color) 15%, transparent);
+	color: var(--tl-color);
+}
+.bgl-tl-dot {
+	width: 0.5rem;
+	height: 0.5rem;
+	border-radius: 50%;
+	background: var(--tl-color);
+}
+.bgl-tl-line {
+	width: 2px;
+	flex: 1;
+	background: var(--bgl-border-color);
+	margin: 2px 0;
+}
+.bgl-tl-body {
+	padding-bottom: 1rem;
+}
+.bgl-tl-item--last .bgl-tl-body {
+	padding-bottom: 0;
+}
+.bgl-tl-title {
+	font-size: 0.875rem;
+	line-height: 1.3;
+}
+.bgl-tl-meta {
+	font-size: 0.6875rem;
+	color: var(--bgl-text-soft, var(--bgl-gray));
+	margin-top: 0.125rem;
+}
+.bgl-tl-content {
+	font-size: 0.8125rem;
+	color: var(--bgl-text-soft, var(--bgl-gray));
+}
+</style>

package/src/components/layout/index.ts

@@ -12,5 +12,8 @@ export { default as SidebarMenu } from './SidebarMenu.vue'
 export { default as Skeleton } from './Skeleton.vue'
 export { default as TabbedLayout } from './TabbedLayout.vue'
 export { default as Tabs } from './Tabs.vue'
+export { default as Timeline } from './Timeline.vue'
+export type { TimelineEntry } from './Timeline.types'
+export { default as TimelineItem } from './TimelineItem.vue'
 export { default as TabsBody } from './TabsBody.vue'
 export { default as TabsNav } from './TabsNav.vue'

package/src/dialog/Dialog.vue

@@ -19,6 +19,9 @@ const props = withDefaults(defineProps<{
 	centerTitle?: boolean
 	ellipsisTitle?: boolean
 	closePlacement?: 'header-end' | 'header-start' | 'overlay-start' | 'overlay-end' | 'none'
+	/** Show a drag-handle grip at the top — the mobile bottom-sheet affordance.
+	 *  Defaults to true when position="bottom". Set false to opt out. */
+	grip?: boolean
 }>(), {
 	width: 'm',
 	position: 'center',
@@ -27,9 +30,13 @@ const props = withDefaults(defineProps<{
 	thin: false,
 	centerTitle: false,
 	ellipsisTitle: false,
-	closePlacement: 'header-end'
+	closePlacement: 'header-end',
+	grip: undefined,
 })
 
+// Grip is the native bottom-sheet handle; default it on for bottom-positioned dialogs.
+const showGrip = computed(() => props.grip ?? props.position === 'bottom')
+
 const emit = defineEmits<{
 	'update:open': [value: boolean]
 	'close': []
@@ -114,6 +121,8 @@ defineExpose({ close })
 		@cancel="onCancel" @animationend="onAnimationEnd"
 	>
 		<div class="grid grid-dialog max-height-100-2" @click.stop>
+			<!-- Bottom-sheet grip handle -->
+			<div v-if="showGrip" class="dialog-grip" aria-hidden="true" />
 			<!-- Header -->
 			<header
 				v-if="title || dismissable" class="flex space-between flex-shrink-0 align-items-start gap-05"
@@ -261,6 +270,25 @@ dialog.dialog-bottom.is-closing {
 animation: slide-out-bottom 0.2s ease-in forwards;
 }
 
+/* Bottom sheet: round only the top corners + full-width on mobile. */
+dialog.dialog-bottom {
+	border-end-end-radius: 0;
+	border-end-start-radius: 0;
+}
+@media (max-width: 910px) {
+	dialog.dialog-bottom { width: 100%; max-width: 100%; margin-inline: 0; }
+}
+
+/* Drag-handle grip for bottom sheets. */
+.dialog-grip {
+	width: 40px;
+	height: 4px;
+	border-radius: 100px;
+	background: var(--bgl-border-color);
+	margin: 8px auto 4px;
+	flex-shrink: 0;
+}
+
 /* Keyframes - shared and reusable */
 @keyframes fade-in {
 from {

package/src/styles/bagel.css

@@ -33,6 +33,7 @@
 @import "colors.css";
 @import "mobileColors.css";
 @import "appearance.css";
+@import "gradients.css";
 
 /* Icon font-family bindings — mirrored from Icon.vue so icons work even when
    that component's injected <style> is not yet present (e.g. Vite dev mode). */

package/src/styles/gradients.css

@@ -0,0 +1,181 @@
+/* ─────────────────────────────────────────────────────────────────────────────
+ * GRADIENTS — a small, memorable system that mirrors the color utilities.
+ *
+ *   <div class="bg-gradient from-purple to-blue">
+ *   <div class="bg-gradient to-tr from-pink to-orange">
+ *   <div class="bg-gradient from-primary via-purple to-turquoise">
+ *   <div class="text-gradient from-blue to-purple">Gorgeous</div>
+ *   <div class="bg-gradient-brand">           (named presets)
+ *
+ * How it works:
+ *  - `from-<tone>` / `via-<tone>` / `to-<tone>` set --bgl-grad-from/via/to.
+ *  - `bg-gradient` paints them as a linear gradient (default 135°).
+ *  - direction modifiers (to-t/-b/-l/-r/-tl/-tr/-bl/-br) override the angle.
+ *  - `gradient-radial` / `gradient-conic` swap the gradient type.
+ *  - `text-gradient` clips the gradient to text.
+ * Tokens resolve through var(--bgl-<tone>) so everything is theme + dark aware.
+ * ──────────────────────────────────────────────────────────────────────────── */
+
+:root {
+	--bgl-grad-angle: 135deg;
+	--bgl-grad-from: transparent;
+	--bgl-grad-via: ;
+	--bgl-grad-to: transparent;
+}
+
+/* ── Paint ─────────────────────────────────────────────────────────────────── */
+/* The stop list collapses to 2 stops when --bgl-grad-via is empty, 3 when set. */
+.bg-gradient {
+	background-image: linear-gradient(
+		var(--bgl-grad-angle),
+		var(--bgl-grad-from),
+		var(--bgl-grad-via, ) var(--bgl-grad-to)
+	) !important;
+}
+.gradient-radial.bg-gradient,
+.bg-gradient.gradient-radial {
+	background-image: radial-gradient(
+		circle at var(--bgl-grad-pos, center),
+		var(--bgl-grad-from),
+		var(--bgl-grad-via, ) var(--bgl-grad-to)
+	) !important;
+}
+.gradient-conic.bg-gradient,
+.bg-gradient.gradient-conic {
+	background-image: conic-gradient(
+		from var(--bgl-grad-angle),
+		var(--bgl-grad-from),
+		var(--bgl-grad-via, ) var(--bgl-grad-to)
+	) !important;
+}
+
+/* ── Direction modifiers ───────────────────────────────────────────────────── */
+.to-t  { --bgl-grad-angle: to top; }
+.to-b  { --bgl-grad-angle: to bottom; }
+.to-l  { --bgl-grad-angle: to left; }
+.to-r  { --bgl-grad-angle: to right; }
+.to-tl { --bgl-grad-angle: to top left; }
+.to-tr { --bgl-grad-angle: to top right; }
+.to-bl { --bgl-grad-angle: to bottom left; }
+.to-br { --bgl-grad-angle: to bottom right; }
+
+/* ── Text gradient ─────────────────────────────────────────────────────────── */
+.text-gradient {
+	background-image: linear-gradient(
+		var(--bgl-grad-angle),
+		var(--bgl-grad-from),
+		var(--bgl-grad-via, ) var(--bgl-grad-to)
+	);
+	background-clip: text;
+	-webkit-background-clip: text;
+	color: transparent;
+	-webkit-text-fill-color: transparent;
+}
+
+/* ── Stop utilities (generated per tone) ───────────────────────────────────── */
+/* Base tones */
+.from-primary   { --bgl-grad-from: var(--bgl-primary); }
+.from-blue      { --bgl-grad-from: var(--bgl-blue); }
+.from-green     { --bgl-grad-from: var(--bgl-green); }
+.from-red       { --bgl-grad-from: var(--bgl-red); }
+.from-yellow    { --bgl-grad-from: var(--bgl-yellow); }
+.from-purple    { --bgl-grad-from: var(--bgl-purple); }
+.from-brown     { --bgl-grad-from: var(--bgl-brown); }
+.from-orange    { --bgl-grad-from: var(--bgl-orange); }
+.from-turquoise { --bgl-grad-from: var(--bgl-turquoise); }
+.from-pink      { --bgl-grad-from: var(--bgl-pink); }
+.from-gray      { --bgl-grad-from: var(--bgl-gray); }
+.from-black     { --bgl-grad-from: var(--bgl-black, #000); }
+.from-white     { --bgl-grad-from: var(--bgl-white, #fff); }
+.from-bg        { --bgl-grad-from: var(--bgl-bg); }
+.from-box       { --bgl-grad-from: var(--bgl-box-bg); }
+.from-transparent { --bgl-grad-from: transparent; }
+
+.via-primary   { --bgl-grad-via: var(--bgl-primary), ; }
+.via-blue      { --bgl-grad-via: var(--bgl-blue), ; }
+.via-green     { --bgl-grad-via: var(--bgl-green), ; }
+.via-red       { --bgl-grad-via: var(--bgl-red), ; }
+.via-yellow    { --bgl-grad-via: var(--bgl-yellow), ; }
+.via-purple    { --bgl-grad-via: var(--bgl-purple), ; }
+.via-brown     { --bgl-grad-via: var(--bgl-brown), ; }
+.via-orange    { --bgl-grad-via: var(--bgl-orange), ; }
+.via-turquoise { --bgl-grad-via: var(--bgl-turquoise), ; }
+.via-pink      { --bgl-grad-via: var(--bgl-pink), ; }
+.via-gray      { --bgl-grad-via: var(--bgl-gray), ; }
+.via-transparent { --bgl-grad-via: transparent, ; }
+
+.to-primary   { --bgl-grad-to: var(--bgl-primary); }
+.to-blue      { --bgl-grad-to: var(--bgl-blue); }
+.to-green     { --bgl-grad-to: var(--bgl-green); }
+.to-red       { --bgl-grad-to: var(--bgl-red); }
+.to-yellow    { --bgl-grad-to: var(--bgl-yellow); }
+.to-purple    { --bgl-grad-to: var(--bgl-purple); }
+.to-brown     { --bgl-grad-to: var(--bgl-brown); }
+.to-orange    { --bgl-grad-to: var(--bgl-orange); }
+.to-turquoise { --bgl-grad-to: var(--bgl-turquoise); }
+.to-pink      { --bgl-grad-to: var(--bgl-pink); }
+.to-gray      { --bgl-grad-to: var(--bgl-gray); }
+.to-black     { --bgl-grad-to: var(--bgl-black, #000); }
+.to-white     { --bgl-grad-to: var(--bgl-white, #fff); }
+.to-bg        { --bgl-grad-to: var(--bgl-bg); }
+.to-box       { --bgl-grad-to: var(--bgl-box-bg); }
+.to-transparent { --bgl-grad-to: transparent; }
+
+/* Common tint/light/dark stops (compose with from-/to-) */
+.from-primary-tint { --bgl-grad-from: var(--bgl-primary-tint); }
+.to-primary-tint   { --bgl-grad-to: var(--bgl-primary-tint); }
+.from-blue-tint    { --bgl-grad-from: var(--bgl-blue-tint); }
+.to-blue-tint      { --bgl-grad-to: var(--bgl-blue-tint); }
+
+/* ── Named presets — the gorgeous, copy-pasted brand sweeps, tokenized ──────── */
+.bg-gradient-brand {
+	background-image: linear-gradient(135deg, var(--bgl-primary), var(--bgl-purple)) !important;
+}
+.bg-gradient-sunset {
+	background-image: linear-gradient(135deg, var(--bgl-orange), var(--bgl-pink)) !important;
+}
+.bg-gradient-ocean {
+	background-image: linear-gradient(135deg, var(--bgl-blue), var(--bgl-turquoise)) !important;
+}
+.bg-gradient-dusk {
+	background-image: linear-gradient(135deg, var(--bgl-purple), var(--bgl-blue)) !important;
+}
+.bg-gradient-citrus {
+	background-image: linear-gradient(135deg, var(--bgl-yellow), var(--bgl-orange)) !important;
+}
+/* Subtle surface sweep for cards/panels — dark-mode aware via tokens. */
+.bg-gradient-surface {
+	background-image: linear-gradient(160deg,
+		color-mix(in srgb, var(--bgl-box-bg) 100%, transparent),
+		color-mix(in srgb, var(--bgl-primary) 6%, var(--bgl-box-bg))) !important;
+}
+/* Multi-radial "mesh" hero background built from the brand palette. */
+.bg-gradient-mesh {
+	background-color: var(--bgl-box-bg) !important;
+	background-image:
+		radial-gradient(at 0% 0%, color-mix(in srgb, var(--bgl-primary) 35%, transparent) 0px, transparent 50%),
+		radial-gradient(at 100% 0%, color-mix(in srgb, var(--bgl-purple) 30%, transparent) 0px, transparent 50%),
+		radial-gradient(at 100% 100%, color-mix(in srgb, var(--bgl-turquoise) 25%, transparent) 0px, transparent 50%),
+		radial-gradient(at 0% 100%, color-mix(in srgb, var(--bgl-pink) 25%, transparent) 0px, transparent 50%) !important;
+}
+
+/* Soft fade for chart/sparkline fills: tone at top → transparent. Pair with a
+   from-<tone> and a direction, e.g. `bg-gradient-fade to-b from-blue`. */
+.bg-gradient-fade {
+	--bgl-grad-to: transparent;
+	background-image: linear-gradient(var(--bgl-grad-angle),
+		color-mix(in srgb, var(--bgl-grad-from) 22%, transparent),
+		transparent) !important;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	.bg-gradient-animate {
+		background-size: 200% 200% !important;
+		animation: bgl-grad-pan 8s ease infinite;
+	}
+}
+@keyframes bgl-grad-pan {
+	0% { background-position: 0% 50%; }
+	50% { background-position: 100% 50%; }
+	100% { background-position: 0% 50%; }
+}

package/src/styles/layout.css

@@ -3949,6 +3949,15 @@
     flex-shrink: 0;
 }
 
+.min-w-0 {
+    /* shrink below content size for ellipsis truncation in flex rows */
+    min-width: 0;
+}
+
+.min-h-0 {
+    min-height: 0;
+}
+
 .flex-grow-2 {
     flex-grow: 2;
 }

package/src/styles/theme.css

@@ -33,7 +33,7 @@
  */
 :root {
     --bgl-primary: var(--bgl-blue);
-    --bgl-primary-tint: #2e5bff80;
+    --bgl-primary-tint: color-mix(in srgb, var(--bgl-primary) 16%, transparent);
     --bgl-primary-light: #eef6ff;
     --bgl-black: #282929;
     --bgl-black-tint: #28292980;

package/dist/components/analytics/BarChart.vue.d.ts

@@ -1,47 +0,0 @@
-interface SecondaryValue {
-    label: string;
-    value: number;
-    currency?: boolean;
-    prefix?: string;
-    suffix?: string;
-}
-interface DataPoint {
-    date: string;
-    value: number;
-    secondaryValues?: SecondaryValue[];
-    label?: string;
-}
-interface Props {
-    title: string;
-    data: DataPoint[];
-    icon?: string;
-    color?: string;
-    percentageChange?: number;
-    prefix?: string;
-    suffix?: string;
-    currency?: boolean;
-    maxBars?: number;
-    loading?: boolean;
-    rtl?: boolean;
-    animated?: boolean;
-    animationDuration?: number;
-    animationStartDelay?: number;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    icon: string;
-    color: string;
-    loading: boolean;
-    percentageChange: number;
-    prefix: string;
-    suffix: string;
-    currency: boolean;
-    maxBars: number;
-    rtl: boolean;
-    animated: boolean;
-    animationDuration: number;
-    animationStartDelay: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chartRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=BarChart.vue.d.ts.map

package/dist/components/analytics/BarChart.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/BarChart.vue"],"names":[],"mappings":"AA2QA,UAAU,cAAc;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,KAAK;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC5B;;UAZO,MAAM;WACL,MAAM;aAMJ,OAAO;sBALE,MAAM;YAChB,MAAM;YACN,MAAM;cACJ,OAAO;aACR,MAAM;SAEV,OAAO;cACF,OAAO;uBACE,MAAM;yBACJ,MAAM;;;;AAsT7B,wBASG"}

package/dist/components/analytics/KpiCard.vue.d.ts

@@ -1,24 +0,0 @@
-interface Props {
-    title: string;
-    value: number | string;
-    icon?: string;
-    color?: string;
-    percentageChange?: number;
-    prefix?: string;
-    suffix?: string;
-    currency?: Currency;
-    loading?: boolean;
-    subtitle?: string;
-}
-type Currency = 'ILS' | 'USD' | 'EUR';
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    icon: string;
-    color: string;
-    subtitle: string;
-    loading: boolean;
-    percentageChange: number;
-    prefix: string;
-    suffix: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=KpiCard.vue.d.ts.map

package/dist/components/analytics/KpiCard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/KpiCard.vue"],"names":[],"mappings":"AAyFA,UAAU,KAAK;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;;UAV7B,MAAM;WACL,MAAM;cAMH,MAAM;aADP,OAAO;sBAJE,MAAM;YAChB,MAAM;YACN,MAAM;;AAmLhB,wBAQG"}

package/dist/components/analytics/LineChart.vue.d.ts

@@ -1,35 +0,0 @@
-interface DataPoint {
-    date: string;
-    value: number;
-    label?: string;
-}
-interface Props {
-    data: DataPoint[];
-    title?: string;
-    icon?: string;
-    color?: string;
-    height?: number;
-    showPoints?: boolean;
-    currency?: boolean;
-    animated?: boolean;
-    animationDuration?: number;
-    animationStartDelay?: number;
-    percentageChange?: number;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    title: string;
-    icon: string;
-    color: string;
-    height: number;
-    percentageChange: number;
-    currency: boolean;
-    animated: boolean;
-    animationDuration: number;
-    animationStartDelay: number;
-    showPoints: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chartRef: HTMLDivElement;
-    svgRef: SVGSVGElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=LineChart.vue.d.ts.map

package/dist/components/analytics/LineChart.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/LineChart.vue"],"names":[],"mappings":"AA0WA,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,KAAK;IACd,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACzB;;WAVQ,MAAM;UACP,MAAM;WACL,MAAM;YACL,MAAM;sBAMI,MAAM;cAJd,OAAO;cACP,OAAO;uBACE,MAAM;yBACJ,MAAM;gBAJf,OAAO;;;;;AAobrB,wBASG"}

package/dist/components/analytics/PieChart.vue.d.ts

@@ -1,53 +0,0 @@
-interface PieData {
-    label: string;
-    value: number;
-    color?: string;
-}
-interface Props {
-    data: PieData[];
-    title?: string;
-    icon?: string;
-    color?: string;
-    colors?: string[];
-    size?: number;
-    showLegend?: boolean;
-    donut?: boolean;
-    thickness?: number;
-    centerLabel?: string;
-    animated?: boolean;
-    animationDuration?: number;
-    animationDelay?: number;
-    animationStartDelay?: number;
-    centerValue?: number;
-    showCenterTotal?: boolean;
-    percentageChange?: number;
-    showLabelsOnChart?: boolean;
-    showConnectorLines?: boolean;
-    labelColor?: string;
-}
-declare function restartAnimation(): void;
-declare const _default: import('vue').DefineComponent<Props, {
-    restartAnimation: typeof restartAnimation;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    title: string;
-    icon: string;
-    size: number;
-    color: string;
-    labelColor: string;
-    thickness: number;
-    percentageChange: number;
-    animated: boolean;
-    animationDuration: number;
-    animationStartDelay: number;
-    showLegend: boolean;
-    donut: boolean;
-    centerLabel: string;
-    animationDelay: number;
-    showCenterTotal: boolean;
-    showLabelsOnChart: boolean;
-    showConnectorLines: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chartRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=PieChart.vue.d.ts.map

package/dist/components/analytics/PieChart.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PieChart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/PieChart.vue"],"names":[],"mappings":"AAqiBA,UAAU,OAAO;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,KAAK;IACd,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAoID,iBAAS,gBAAgB,SAIxB;;;;WA3JQ,MAAM;UACP,MAAM;UAGN,MAAM;WAFL,MAAM;gBAgBD,MAAM;eAXP,MAAM;sBAQC,MAAM;cANd,OAAO;uBACE,MAAM;yBAEJ,MAAM;gBAPf,OAAO;WACZ,OAAO;iBAED,MAAM;oBAGH,MAAM;qBAGL,OAAO;uBAEL,OAAO;wBACN,OAAO;;;;AAsnB7B,wBAUG"}

package/dist/components/analytics/index.d.ts

@@ -1,5 +0,0 @@
-export { default as BarChart } from './BarChart.vue';
-export { default as KpiCard } from './KpiCard.vue';
-export { default as LineChart } from './LineChart.vue';
-export { default as PieChart } from './PieChart.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/analytics/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA"}