@mhmo91/schmancy 0.9.28 → 0.10.2

package/dist/charts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"charts.cjs","names":[],"sources":["../src/charts/utils.ts","../src/charts/area-chart.ts","../src/charts/pills.ts"],"sourcesContent":["/**\n * Catmull-Rom spline interpolation for smooth curves\n * Returns the interpolated point between p1 and p2\n */\nexport function catmullRomSpline(\n\tp0: { x: number; y: number },\n\tp1: { x: number; y: number },\n\tp2: { x: number; y: number },\n\tp3: { x: number; y: number },\n\tt: number\n): { x: number; y: number } {\n\tconst t2 = t * t\n\tconst t3 = t2 * t\n\n\tconst x =\n\t\t0.5 *\n\t\t(2 * p1.x +\n\t\t\t(-p0.x + p2.x) * t +\n\t\t\t(2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * t2 +\n\t\t\t(-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * t3)\n\n\tconst y =\n\t\t0.5 *\n\t\t(2 * p1.y +\n\t\t\t(-p0.y + p2.y) * t +\n\t\t\t(2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * t2 +\n\t\t\t(-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * t3)\n\n\treturn { x, y }\n}\n\n/**\n * Converts hex or rgb color to rgba string\n */\nexport function hexToRgba(color: string, alpha: number): string {\n\t// Handle rgb/rgba format\n\tif (color.startsWith('rgb')) {\n\t\tconst match = color.match(/[\\d.]+/g)\n\t\tif (match && match.length >= 3) {\n\t\t\treturn `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`\n\t\t}\n\t}\n\n\t// Handle hex format\n\tlet hex = color.replace('#', '')\n\tif (hex.length === 3) {\n\t\thex = hex\n\t\t\t.split('')\n\t\t\t.map(c => c + c)\n\t\t\t.join('')\n\t}\n\n\tconst r = parseInt(hex.substring(0, 2), 16)\n\tconst g = parseInt(hex.substring(2, 4), 16)\n\tconst b = parseInt(hex.substring(4, 6), 16)\n\n\treturn `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Cubic ease-out animation function\n */\nexport function easeOutCubic(t: number): number {\n\treturn 1 - Math.pow(1 - t, 3)\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { $LitElement } from '@mixins/index'\nimport type { ChartDataPoint, ChartTheme, ProcessedDataPoint } from './types'\nimport { catmullRomSpline, hexToRgba, easeOutCubic } from './utils'\n\ninterface TooltipData {\n\tvisible: boolean\n\tx: number\n\ty: number\n\tlabel: string\n\tvalue: number\n\tmetadata?: Record<string, unknown>\n}\n\n@customElement('schmancy-area-chart')\nexport class SchmancyAreaChart extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: ChartDataPoint[] = []\n\n\t/** Chart height in pixels */\n\t@property({ type: Number })\n\theight = 200\n\n\t/** Show grid lines */\n\t@property({ type: Boolean })\n\tshowGrid = true\n\n\t/** Show x-axis labels */\n\t@property({ type: Boolean })\n\tshowLabels = true\n\n\t/** Enable tooltips */\n\t@property({ type: Boolean })\n\tshowTooltip = true\n\n\t/** Number of peaks to highlight */\n\t@property({ type: Number })\n\tpeakCount = 3\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 800\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Theme overrides */\n\t@property({ type: Object })\n\ttheme: Partial<ChartTheme> = {}\n\n\t@state() private tooltipData: TooltipData = {\n\t\tvisible: false,\n\t\tx: 0,\n\t\ty: 0,\n\t\tlabel: '',\n\t\tvalue: 0,\n\t}\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\n\tprivate canvasRef: Ref<HTMLCanvasElement> = createRef()\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate animationFrameId: number | null = null\n\tprivate observer: IntersectionObserver | null = null\n\tprivate processedData: ProcessedDataPoint[] = []\n\tprivate resizeObserver: ResizeObserver | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t\tif (this.resizeObserver) {\n\t\t\tthis.resizeObserver.disconnect()\n\t\t\tthis.resizeObserver = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t\tthis.drawChart()\n\t\t\t\t\t}\n\t\t\t\t} else if (!entry.isIntersecting) {\n\t\t\t\t\tthis.isVisible = false\n\t\t\t\t\tif (this.animationFrameId !== null) {\n\t\t\t\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\t\t\t\tthis.animationFrameId = null\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\tif (this.containerRef.value && this.observer) {\n\t\t\tthis.observer.observe(this.containerRef.value)\n\t\t}\n\n\t\tif (this.canvasRef.value && !this.resizeObserver) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tthis.drawChart()\n\t\t\t})\n\t\t\tthis.resizeObserver.observe(this.canvasRef.value)\n\t\t}\n\n\t\t// Redraw when data changes\n\t\tif (changedProperties.has('data') && this.isVisible) {\n\t\t\tif (this.animated) {\n\t\t\t\tthis.animationProgress = 0\n\t\t\t\tthis.startAnimation()\n\t\t\t} else {\n\t\t\t\tthis.animationProgress = 1\n\t\t\t\tthis.drawChart()\n\t\t\t}\n\t\t}\n\n\t\t// Redraw on theme or config changes\n\t\tif (\n\t\t\t(changedProperties.has('theme') ||\n\t\t\t\tchangedProperties.has('showGrid') ||\n\t\t\t\tchangedProperties.has('showLabels') ||\n\t\t\t\tchangedProperties.has('peakCount')) &&\n\t\t\tthis.isVisible\n\t\t) {\n\t\t\tthis.drawChart()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\tthis.animationProgress = easeOutCubic(progress)\n\t\t\tthis.drawChart()\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate processData(): ProcessedDataPoint[] {\n\t\tif (!this.data || this.data.length === 0) return []\n\n\t\t// Find top N peak values\n\t\tconst sortedByValue = [...this.data].sort((a, b) => b.value - a.value)\n\t\tconst peakLabels = new Set(sortedByValue.slice(0, this.peakCount).map(d => d.label))\n\n\t\treturn this.data.map(d => ({\n\t\t\t...d,\n\t\t\tx: 0, // Will be calculated during draw\n\t\t\ty: 0, // Will be calculated during draw\n\t\t\tisPeak: peakLabels.has(d.label),\n\t\t}))\n\t}\n\n\tprivate getThemeValue<K extends keyof ChartTheme>(\n\t\tkey: K,\n\t\tdefaultValue: NonNullable<ChartTheme[K]>\n\t): NonNullable<ChartTheme[K]> {\n\t\treturn (this.theme[key] as NonNullable<ChartTheme[K]>) ?? defaultValue\n\t}\n\n\tprivate drawChart() {\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst ctx = canvas.getContext('2d')\n\t\tif (!ctx) return\n\n\t\tconst dpr = window.devicePixelRatio || 1\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst width = rect.width\n\t\tconst height = rect.height\n\n\t\t// Set canvas size for high DPI\n\t\tcanvas.width = width * dpr\n\t\tcanvas.height = height * dpr\n\t\tctx.scale(dpr, dpr)\n\n\t\t// Clear canvas\n\t\tctx.clearRect(0, 0, width, height)\n\n\t\tconst data = this.processData()\n\t\tif (data.length === 0) return\n\n\t\tconst padding = { top: 20, right: 20, bottom: this.showLabels ? 40 : 20, left: 20 }\n\t\tconst chartWidth = width - padding.left - padding.right\n\t\tconst chartHeight = height - padding.top - padding.bottom\n\n\t\t// Find max value for scaling\n\t\tconst maxValue = Math.max(...data.map(d => d.value), 1)\n\n\t\t// Calculate positions\n\t\tconst points = data.map((d, i) => ({\n\t\t\t...d,\n\t\t\tx: padding.left + (data.length > 1 ? (i / (data.length - 1)) * chartWidth : chartWidth / 2),\n\t\t\ty: padding.top + chartHeight - (d.value / maxValue) * chartHeight,\n\t\t}))\n\n\t\tthis.processedData = points\n\n\t\t// Get primary color from CSS or theme\n\t\tconst computedStyle = getComputedStyle(this)\n\t\tconst defaultPrimaryColor =\n\t\t\tcomputedStyle.getPropertyValue('--schmancy-sys-color-primary').trim() || '#6750A4'\n\t\tconst primaryColor = this.getThemeValue('primaryColor', defaultPrimaryColor)\n\t\tconst [gradientOpacityTop, gradientOpacityBottom] = this.getThemeValue('gradientOpacity', [0.4, 0.05])\n\t\tconst strokeWidth = this.getThemeValue('strokeWidth', 2)\n\t\tconst pointRadius = this.getThemeValue('pointRadius', 4)\n\t\tconst peakRadius = this.getThemeValue('peakRadius', 6)\n\n\t\t// Draw grid lines\n\t\tif (this.showGrid) {\n\t\t\tctx.strokeStyle = 'rgba(128, 128, 128, 0.15)'\n\t\t\tctx.lineWidth = 1\n\t\t\tctx.setLineDash([4, 4])\n\n\t\t\tfor (let i = 1; i <= 3; i++) {\n\t\t\t\tconst y = padding.top + (chartHeight * i) / 4\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(padding.left, y)\n\t\t\t\tctx.lineTo(width - padding.right, y)\n\t\t\t\tctx.stroke()\n\t\t\t}\n\n\t\t\tctx.setLineDash([])\n\t\t}\n\n\t\t// Create smooth curve path using Catmull-Rom spline\n\t\tconst curvePath = new Path2D()\n\t\tconst areaPath = new Path2D()\n\n\t\tif (points.length >= 2) {\n\t\t\t// Start area path from bottom left\n\t\t\tareaPath.moveTo(points[0].x, padding.top + chartHeight)\n\t\t\tcurvePath.moveTo(points[0].x, points[0].y)\n\t\t\tareaPath.lineTo(points[0].x, points[0].y)\n\n\t\t\tfor (let i = 0; i < points.length - 1; i++) {\n\t\t\t\tconst p0 = points[Math.max(0, i - 1)]\n\t\t\t\tconst p1 = points[i]\n\t\t\t\tconst p2 = points[Math.min(points.length - 1, i + 1)]\n\t\t\t\tconst p3 = points[Math.min(points.length - 1, i + 2)]\n\n\t\t\t\t// Draw curve segments\n\t\t\t\tconst segments = 16\n\t\t\t\tfor (let j = 1; j <= segments; j++) {\n\t\t\t\t\tconst t = j / segments\n\t\t\t\t\tconst point = catmullRomSpline(p0, p1, p2, p3, t)\n\t\t\t\t\tcurvePath.lineTo(point.x, point.y)\n\t\t\t\t\tareaPath.lineTo(point.x, point.y)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Close area path\n\t\t\tareaPath.lineTo(points[points.length - 1].x, padding.top + chartHeight)\n\t\t\tareaPath.closePath()\n\t\t} else if (points.length === 1) {\n\t\t\t// Single point - draw a dot\n\t\t\tcurvePath.arc(points[0].x, points[0].y, pointRadius, 0, Math.PI * 2)\n\t\t}\n\n\t\t// Apply animation clipping\n\t\tctx.save()\n\t\tctx.beginPath()\n\t\tctx.rect(0, 0, padding.left + chartWidth * this.animationProgress, height)\n\t\tctx.clip()\n\n\t\t// Draw gradient fill\n\t\tif (points.length >= 2) {\n\t\t\tconst gradient = ctx.createLinearGradient(0, padding.top, 0, padding.top + chartHeight)\n\t\t\tgradient.addColorStop(0, hexToRgba(primaryColor, gradientOpacityTop))\n\t\t\tgradient.addColorStop(1, hexToRgba(primaryColor, gradientOpacityBottom))\n\n\t\t\tctx.fillStyle = gradient\n\t\t\tctx.fill(areaPath)\n\t\t}\n\n\t\t// Draw stroke\n\t\tctx.strokeStyle = primaryColor\n\t\tctx.lineWidth = strokeWidth\n\t\tctx.lineCap = 'round'\n\t\tctx.lineJoin = 'round'\n\t\tctx.stroke(curvePath)\n\n\t\t// Draw data points\n\t\tpoints.forEach((point, index) => {\n\t\t\tconst pointProgress = (index / (points.length - 1 || 1)) * this.animationProgress\n\t\t\tif (pointProgress < index / (points.length || 1)) return\n\n\t\t\tconst radius = point.isPeak ? peakRadius - 1 : pointRadius - 1\n\t\t\tconst outerRadius = point.isPeak ? peakRadius + 4 : pointRadius + 2\n\n\t\t\t// Outer glow for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, outerRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = hexToRgba(primaryColor, 0.2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\t// Inner dot\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(point.x, point.y, radius, 0, Math.PI * 2)\n\t\t\tctx.fillStyle = primaryColor\n\t\t\tctx.fill()\n\n\t\t\t// White center for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, 2, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = 'white'\n\t\t\t\tctx.fill()\n\t\t\t}\n\t\t})\n\n\t\tctx.restore()\n\n\t\t// Draw labels\n\t\tif (this.showLabels && points.length > 0) {\n\t\t\tctx.fillStyle = 'rgba(128, 128, 128, 0.8)'\n\t\t\tctx.font = '11px system-ui, sans-serif'\n\t\t\tctx.textAlign = 'center'\n\t\t\tctx.textBaseline = 'top'\n\n\t\t\t// Show fewer labels on narrow charts\n\t\t\tconst labelStep = width < 400 ? 3 : width < 600 ? 2 : 1\n\t\t\tpoints.forEach((point, index) => {\n\t\t\t\tif (index % labelStep === 0) {\n\t\t\t\t\tctx.fillText(point.label, point.x, height - padding.bottom + 8)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate handlePointerMove = (e: PointerEvent) => {\n\t\tif (this.processedData.length === 0 || !this.showTooltip) return\n\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\n\t\t// Find closest data point\n\t\tlet closestPoint: ProcessedDataPoint | null = null\n\t\tlet minDistance = Infinity\n\n\t\tthis.processedData.forEach(point => {\n\t\t\tconst distance = Math.abs(point.x - x)\n\t\t\tif (distance < minDistance) {\n\t\t\t\tminDistance = distance\n\t\t\t\tclosestPoint = point\n\t\t\t}\n\t\t})\n\n\t\tif (closestPoint && minDistance < 30) {\n\t\t\tthis.tooltipData = {\n\t\t\t\tvisible: true,\n\t\t\t\tx: closestPoint.x,\n\t\t\t\ty: closestPoint.y,\n\t\t\t\tlabel: closestPoint.label,\n\t\t\t\tvalue: closestPoint.value,\n\t\t\t\tmetadata: closestPoint.metadata,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t\t}\n\t}\n\n\tprivate handlePointerLeave = () => {\n\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t}\n\n\tprivate renderMetadata() {\n\t\tif (!this.tooltipData.metadata) return ''\n\t\treturn Object.entries(this.tooltipData.metadata).map(\n\t\t\t([key, value]) => html`\n\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t${key}: ${String(value)}\n\t\t\t\t</schmancy-typography>\n\t\t\t`\n\t\t)\n\t}\n\n\trender() {\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div ${ref(this.containerRef)} class=\"relative\">\n\t\t\t\t<div class=\"relative\" style=\"height: ${this.height}px; touch-action: pan-y;\">\n\t\t\t\t\t<canvas\n\t\t\t\t\t\t${ref(this.canvasRef)}\n\t\t\t\t\t\tclass=\"w-full h-full\"\n\t\t\t\t\t\tstyle=\"display: block;\"\n\t\t\t\t\t\t@pointermove=${this.handlePointerMove}\n\t\t\t\t\t\t@pointerleave=${this.handlePointerLeave}\n\t\t\t\t\t></canvas>\n\n\t\t\t\t\t<!-- Tooltip -->\n\t\t\t\t\t${this.showTooltip\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"absolute pointer-events-none transition-opacity duration-150 ${this.tooltipData.visible\n\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t: 'opacity-0'}\"\n\t\t\t\t\t\t\t\t\tstyle=\"\n                    left: ${this.tooltipData.x}px;\n                    top: ${this.tooltipData.y - 60}px;\n                    transform: translateX(-50%);\n                  \"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-surface elevation=\"3\" rounded=\"all\" class=\"px-3 py-2 min-w-max\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t\t\t\t${this.tooltipData.label}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"text-surface-on font-semibold\">\n\t\t\t\t\t\t\t\t\t\t\t${this.formatValue(this.tooltipData.value)}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${this.renderMetadata()}\n\t\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: ''}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area-chart': SchmancyAreaChart\n\t}\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { $LitElement } from '@mixins/index'\nimport type { PillDataPoint, PillSegment } from './types'\n\n/** Default color palette for segments - expanded for uniqueness */\nconst DEFAULT_COLORS = [\n\t'bg-primary',\n\t'bg-secondary',\n\t'bg-tertiary',\n\t'bg-success',\n\t'bg-warning',\n\t'bg-error',\n\t'bg-primary/70',\n\t'bg-secondary/70',\n\t'bg-tertiary/70',\n\t'bg-success/70',\n\t'bg-warning/70',\n\t'bg-error/70',\n\t'bg-primary/40',\n\t'bg-secondary/40',\n\t'bg-tertiary/40',\n]\n\n@customElement('schmancy-pills')\nexport class SchmancyPills extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: PillDataPoint[] = []\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Show medals for top 3 */\n\t@property({ type: Boolean })\n\tshowMedals = true\n\n\t/** Show legend for segments */\n\t@property({ type: Boolean })\n\tshowLegend = true\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 500\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Label column width (Tailwind class) */\n\t@property({ type: String })\n\tlabelWidth = 'w-14'\n\n\t/** Value column width (Tailwind class) */\n\t@property({ type: String })\n\tvalueWidth = 'w-20'\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\t@state() private categoryColorMap = new Map<string, string>()\n\n\tprivate observer: IntersectionObserver | null = null\n\tprivate animationFrameId: number | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected firstUpdated() {\n\t\tif (this.observer) {\n\t\t\tthis.observer.observe(this)\n\t\t}\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Restart animation when data changes\n\t\tif (changedProperties.has('data') && this.isVisible && this.animated) {\n\t\t\tthis.animationProgress = 0\n\t\t\tthis.startAnimation()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\t// Ease out cubic\n\t\t\tthis.animationProgress = 1 - Math.pow(1 - progress, 3)\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate initializeCategoryColors(): void {\n\t\t// Build consistent color map from all segments in data\n\t\tconst categoryTotals = new Map<string, number>()\n\t\tconst explicitColors = new Map<string, string>()\n\n\t\tthis.data.forEach(d => {\n\t\t\tif (d.segments) {\n\t\t\t\td.segments.forEach(seg => {\n\t\t\t\t\tcategoryTotals.set(seg.label, (categoryTotals.get(seg.label) || 0) + seg.value)\n\t\t\t\t\t// Capture explicit colors from segments\n\t\t\t\t\tif (seg.color && !explicitColors.has(seg.label)) {\n\t\t\t\t\t\texplicitColors.set(seg.label, seg.color)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Sort by total value (most = first color)\n\t\tconst sortedCategories = Array.from(categoryTotals.entries())\n\t\t\t.sort((a, b) => b[1] - a[1])\n\t\t\t.map(([cat]) => cat)\n\n\t\t// Clear and rebuild - use explicit colors if available, otherwise default palette\n\t\tthis.categoryColorMap.clear()\n\t\tlet defaultColorIndex = 0\n\t\tsortedCategories.forEach(cat => {\n\t\t\tif (explicitColors.has(cat)) {\n\t\t\t\tthis.categoryColorMap.set(cat, explicitColors.get(cat)!)\n\t\t\t} else {\n\t\t\t\tthis.categoryColorMap.set(cat, DEFAULT_COLORS[defaultColorIndex % DEFAULT_COLORS.length])\n\t\t\t\tdefaultColorIndex++\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate getSegmentColor(segment: PillSegment): string {\n\t\t// Use explicit color if provided\n\t\tif (segment.color) return segment.color\n\t\t// Otherwise use from color map\n\t\treturn this.categoryColorMap.get(segment.label) || 'bg-primary'\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate getMedalEmoji(rank: number | undefined): string {\n\t\tif (!this.showMedals || !rank) return ''\n\t\tif (rank === 1) return '🥇'\n\t\tif (rank === 2) return '🥈'\n\t\tif (rank === 3) return '🥉'\n\t\treturn ''\n\t}\n\n\tprivate getMaxValue(): number {\n\t\tif (this.data.length === 0) return 0\n\t\treturn Math.max(...this.data.map(d => d.value), 1)\n\t}\n\n\tprivate renderBar(dataPoint: PillDataPoint, maxValue: number): ReturnType<typeof html> {\n\t\tconst percentage = maxValue > 0 ? (dataPoint.value / maxValue) * 100 : 0\n\t\tconst animatedPercentage = percentage * this.animationProgress\n\n\t\t// If no segments, render solid bar\n\t\tif (!dataPoint.segments || dataPoint.segments.length === 0) {\n\t\t\tconst barColorClass = dataPoint.isPeak\n\t\t\t\t? 'bg-success'\n\t\t\t\t: dataPoint.isLow\n\t\t\t\t\t? 'bg-tertiary opacity-70'\n\t\t\t\t\t: dataPoint.value === 0\n\t\t\t\t\t\t? 'bg-tertiary/40'\n\t\t\t\t\t\t: 'bg-primary'\n\n\t\t\treturn html`\n\t\t\t\t<div\n\t\t\t\t\tclass=\"${barColorClass} h-full transition-all rounded-full\"\n\t\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, dataPoint.value > 0 ? 2 : 0)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t\t\ttitle=\"${this.formatValue(dataPoint.value)}\"\n\t\t\t\t></div>\n\t\t\t`\n\t\t}\n\n\t\t// Stacked bar with segments\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"h-full flex\"\n\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, 2)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tdataPoint.segments,\n\t\t\t\t\tseg => seg.label,\n\t\t\t\t\t(seg, index) => {\n\t\t\t\t\t\tconst segmentPercentage = dataPoint.value > 0 ? (seg.value / dataPoint.value) * 100 : 0\n\t\t\t\t\t\tconst marginLeft = index > 0 ? 'ml-px' : ''\n\t\t\t\t\t\tconst brightenClass = dataPoint.isPeak ? 'brightness-110' : ''\n\t\t\t\t\t\tconst colorClass = this.getSegmentColor(seg)\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"${colorClass} ${marginLeft} ${brightenClass} h-full transition-all\n\t\t\t\t\t\t\t\t\t${index === 0 ? 'rounded-l-full' : ''}\n\t\t\t\t\t\t\t\t\t${index === dataPoint.segments!.length - 1 ? 'rounded-r-full' : ''}\"\n\t\t\t\t\t\t\t\tstyle=\"width: ${segmentPercentage}%\"\n\t\t\t\t\t\t\t\ttitle=\"${seg.label}: ${this.formatValue(seg.value)}\"\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate renderLegend(): ReturnType<typeof html> {\n\t\tif (!this.showLegend || this.categoryColorMap.size === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-outline-variant\">\n\t\t\t\t${repeat(\n\t\t\t\t\tArray.from(this.categoryColorMap.entries()),\n\t\t\t\t\t([cat]) => cat,\n\t\t\t\t\t([cat, color]) => html`\n\t\t\t\t\t\t<div class=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t<div class=\"${color} w-3 h-3 rounded-sm\"></div>\n\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t${cat}\n\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\t// Initialize colors before rendering\n\t\tthis.initializeCategoryColors()\n\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\tconst maxValue = this.getMaxValue()\n\n\t\treturn html`\n\t\t\t<div class=\"space-y-1\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.data,\n\t\t\t\t\td => d.label,\n\t\t\t\t\td => {\n\t\t\t\t\t\tconst rowBgClass = d.isPeak ? 'bg-success/10 rounded-lg' : ''\n\t\t\t\t\t\tconst textColorClass = d.isPeak ? 'text-success font-bold' : 'text-surface-on'\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-3 py-2 px-2 ${rowBgClass}\">\n\t\t\t\t\t\t\t\t<!-- Label -->\n\t\t\t\t\t\t\t\t<div class=\"${this.labelWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${d.label}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Medal -->\n\t\t\t\t\t\t\t\t<div class=\"w-6 shrink-0 text-center\">\n\t\t\t\t\t\t\t\t\t${d.isPeak || (d.rank && d.rank <= 3)\n\t\t\t\t\t\t\t\t\t\t? html`<span class=\"text-sm\">${this.getMedalEmoji(d.rank)}</span>`\n\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Bar -->\n\t\t\t\t\t\t\t\t<div class=\"flex-1 h-6 bg-secondary/15 rounded-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t${this.renderBar(d, maxValue)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Value -->\n\t\t\t\t\t\t\t\t<div class=\"${this.valueWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${this.formatValue(d.value)}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<!-- Legend -->\n\t\t\t${this.renderLegend()}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-pills': SchmancyPills\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.cjs","names":[],"sources":["../src/charts/utils.ts","../src/charts/area-chart.ts","../src/charts/pills.ts"],"sourcesContent":["/**\n * Catmull-Rom spline interpolation for smooth curves\n * Returns the interpolated point between p1 and p2\n */\nexport function catmullRomSpline(\n\tp0: { x: number; y: number },\n\tp1: { x: number; y: number },\n\tp2: { x: number; y: number },\n\tp3: { x: number; y: number },\n\tt: number\n): { x: number; y: number } {\n\tconst t2 = t * t\n\tconst t3 = t2 * t\n\n\tconst x =\n\t\t0.5 *\n\t\t(2 * p1.x +\n\t\t\t(-p0.x + p2.x) * t +\n\t\t\t(2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * t2 +\n\t\t\t(-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * t3)\n\n\tconst y =\n\t\t0.5 *\n\t\t(2 * p1.y +\n\t\t\t(-p0.y + p2.y) * t +\n\t\t\t(2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * t2 +\n\t\t\t(-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * t3)\n\n\treturn { x, y }\n}\n\n/**\n * Converts hex or rgb color to rgba string\n */\nexport function hexToRgba(color: string, alpha: number): string {\n\t// Handle rgb/rgba format\n\tif (color.startsWith('rgb')) {\n\t\tconst match = color.match(/[\\d.]+/g)\n\t\tif (match && match.length >= 3) {\n\t\t\treturn `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`\n\t\t}\n\t}\n\n\t// Handle hex format\n\tlet hex = color.replace('#', '')\n\tif (hex.length === 3) {\n\t\thex = hex\n\t\t\t.split('')\n\t\t\t.map(c => c + c)\n\t\t\t.join('')\n\t}\n\n\tconst r = parseInt(hex.substring(0, 2), 16)\n\tconst g = parseInt(hex.substring(2, 4), 16)\n\tconst b = parseInt(hex.substring(4, 6), 16)\n\n\treturn `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Cubic ease-out animation function\n */\nexport function easeOutCubic(t: number): number {\n\treturn 1 - Math.pow(1 - t, 3)\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { SchmancyElement } from '@mixins/index'\nimport type { ChartDataPoint, ChartTheme, ProcessedDataPoint } from './types'\nimport { catmullRomSpline, hexToRgba, easeOutCubic } from './utils'\n\ninterface TooltipData {\n\tvisible: boolean\n\tx: number\n\ty: number\n\tlabel: string\n\tvalue: number\n\tmetadata?: Record<string, unknown>\n}\n\n@customElement('schmancy-area-chart')\nexport class SchmancyAreaChart extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: ChartDataPoint[] = []\n\n\t/** Chart height in pixels */\n\t@property({ type: Number })\n\theight = 200\n\n\t/** Show grid lines */\n\t@property({ type: Boolean })\n\tshowGrid = true\n\n\t/** Show x-axis labels */\n\t@property({ type: Boolean })\n\tshowLabels = true\n\n\t/** Enable tooltips */\n\t@property({ type: Boolean })\n\tshowTooltip = true\n\n\t/** Number of peaks to highlight */\n\t@property({ type: Number })\n\tpeakCount = 3\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 800\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Theme overrides */\n\t@property({ type: Object })\n\ttheme: Partial<ChartTheme> = {}\n\n\t@state() private tooltipData: TooltipData = {\n\t\tvisible: false,\n\t\tx: 0,\n\t\ty: 0,\n\t\tlabel: '',\n\t\tvalue: 0,\n\t}\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\n\tprivate canvasRef: Ref<HTMLCanvasElement> = createRef()\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate animationFrameId: number | null = null\n\tprivate observer: IntersectionObserver | null = null\n\tprivate processedData: ProcessedDataPoint[] = []\n\tprivate resizeObserver: ResizeObserver | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t\tif (this.resizeObserver) {\n\t\t\tthis.resizeObserver.disconnect()\n\t\t\tthis.resizeObserver = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t\tthis.drawChart()\n\t\t\t\t\t}\n\t\t\t\t} else if (!entry.isIntersecting) {\n\t\t\t\t\tthis.isVisible = false\n\t\t\t\t\tif (this.animationFrameId !== null) {\n\t\t\t\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\t\t\t\tthis.animationFrameId = null\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\tif (this.containerRef.value && this.observer) {\n\t\t\tthis.observer.observe(this.containerRef.value)\n\t\t}\n\n\t\tif (this.canvasRef.value && !this.resizeObserver) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tthis.drawChart()\n\t\t\t})\n\t\t\tthis.resizeObserver.observe(this.canvasRef.value)\n\t\t}\n\n\t\t// Redraw when data changes\n\t\tif (changedProperties.has('data') && this.isVisible) {\n\t\t\tif (this.animated) {\n\t\t\t\tthis.animationProgress = 0\n\t\t\t\tthis.startAnimation()\n\t\t\t} else {\n\t\t\t\tthis.animationProgress = 1\n\t\t\t\tthis.drawChart()\n\t\t\t}\n\t\t}\n\n\t\t// Redraw on theme or config changes\n\t\tif (\n\t\t\t(changedProperties.has('theme') ||\n\t\t\t\tchangedProperties.has('showGrid') ||\n\t\t\t\tchangedProperties.has('showLabels') ||\n\t\t\t\tchangedProperties.has('peakCount')) &&\n\t\t\tthis.isVisible\n\t\t) {\n\t\t\tthis.drawChart()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\tthis.animationProgress = easeOutCubic(progress)\n\t\t\tthis.drawChart()\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate processData(): ProcessedDataPoint[] {\n\t\tif (!this.data || this.data.length === 0) return []\n\n\t\t// Find top N peak values\n\t\tconst sortedByValue = [...this.data].toSorted((a, b) => b.value - a.value)\n\t\tconst peakLabels = new Set(sortedByValue.slice(0, this.peakCount).map(d => d.label))\n\n\t\treturn this.data.map(d => ({\n\t\t\t...d,\n\t\t\tx: 0, // Will be calculated during draw\n\t\t\ty: 0, // Will be calculated during draw\n\t\t\tisPeak: peakLabels.has(d.label),\n\t\t}))\n\t}\n\n\tprivate getThemeValue<K extends keyof ChartTheme>(\n\t\tkey: K,\n\t\tdefaultValue: NonNullable<ChartTheme[K]>\n\t): NonNullable<ChartTheme[K]> {\n\t\treturn (this.theme[key] as NonNullable<ChartTheme[K]>) ?? defaultValue\n\t}\n\n\tprivate drawChart() {\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst ctx = canvas.getContext('2d')\n\t\tif (!ctx) return\n\n\t\tconst dpr = window.devicePixelRatio || 1\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst width = rect.width\n\t\tconst height = rect.height\n\n\t\t// Set canvas size for high DPI\n\t\tcanvas.width = width * dpr\n\t\tcanvas.height = height * dpr\n\t\tctx.scale(dpr, dpr)\n\n\t\t// Clear canvas\n\t\tctx.clearRect(0, 0, width, height)\n\n\t\tconst data = this.processData()\n\t\tif (data.length === 0) return\n\n\t\tconst padding = { top: 20, right: 20, bottom: this.showLabels ? 40 : 20, left: 20 }\n\t\tconst chartWidth = width - padding.left - padding.right\n\t\tconst chartHeight = height - padding.top - padding.bottom\n\n\t\t// Find max value for scaling\n\t\tconst maxValue = Math.max(...data.map(d => d.value), 1)\n\n\t\t// Calculate positions\n\t\t// oxlint-disable-next-line oxc/no-map-spread\n\t\tconst points = data.map((d, i) => ({\n\t\t\t...d,\n\t\t\tx: padding.left + (data.length > 1 ? (i / (data.length - 1)) * chartWidth : chartWidth / 2),\n\t\t\ty: padding.top + chartHeight - (d.value / maxValue) * chartHeight,\n\t\t}))\n\n\t\tthis.processedData = points\n\n\t\t// Get primary color from CSS or theme\n\t\tconst computedStyle = getComputedStyle(this)\n\t\tconst defaultPrimaryColor =\n\t\t\tcomputedStyle.getPropertyValue('--schmancy-sys-color-primary').trim() || '#6750A4'\n\t\tconst primaryColor = this.getThemeValue('primaryColor', defaultPrimaryColor)\n\t\tconst [gradientOpacityTop, gradientOpacityBottom] = this.getThemeValue('gradientOpacity', [0.4, 0.05])\n\t\tconst strokeWidth = this.getThemeValue('strokeWidth', 2)\n\t\tconst pointRadius = this.getThemeValue('pointRadius', 4)\n\t\tconst peakRadius = this.getThemeValue('peakRadius', 6)\n\n\t\t// Draw grid lines\n\t\tif (this.showGrid) {\n\t\t\tctx.strokeStyle = 'rgba(128, 128, 128, 0.15)'\n\t\t\tctx.lineWidth = 1\n\t\t\tctx.setLineDash([4, 4])\n\n\t\t\tfor (let i = 1; i <= 3; i++) {\n\t\t\t\tconst y = padding.top + (chartHeight * i) / 4\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(padding.left, y)\n\t\t\t\tctx.lineTo(width - padding.right, y)\n\t\t\t\tctx.stroke()\n\t\t\t}\n\n\t\t\tctx.setLineDash([])\n\t\t}\n\n\t\t// Create smooth curve path using Catmull-Rom spline\n\t\tconst curvePath = new Path2D()\n\t\tconst areaPath = new Path2D()\n\n\t\tif (points.length >= 2) {\n\t\t\t// Start area path from bottom left\n\t\t\tareaPath.moveTo(points[0].x, padding.top + chartHeight)\n\t\t\tcurvePath.moveTo(points[0].x, points[0].y)\n\t\t\tareaPath.lineTo(points[0].x, points[0].y)\n\n\t\t\tfor (let i = 0; i < points.length - 1; i++) {\n\t\t\t\tconst p0 = points[Math.max(0, i - 1)]\n\t\t\t\tconst p1 = points[i]\n\t\t\t\tconst p2 = points[Math.min(points.length - 1, i + 1)]\n\t\t\t\tconst p3 = points[Math.min(points.length - 1, i + 2)]\n\n\t\t\t\t// Draw curve segments\n\t\t\t\tconst segments = 16\n\t\t\t\tfor (let j = 1; j <= segments; j++) {\n\t\t\t\t\tconst t = j / segments\n\t\t\t\t\tconst point = catmullRomSpline(p0, p1, p2, p3, t)\n\t\t\t\t\tcurvePath.lineTo(point.x, point.y)\n\t\t\t\t\tareaPath.lineTo(point.x, point.y)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Close area path\n\t\t\tareaPath.lineTo(points[points.length - 1].x, padding.top + chartHeight)\n\t\t\tareaPath.closePath()\n\t\t} else if (points.length === 1) {\n\t\t\t// Single point - draw a dot\n\t\t\tcurvePath.arc(points[0].x, points[0].y, pointRadius, 0, Math.PI * 2)\n\t\t}\n\n\t\t// Apply animation clipping\n\t\tctx.save()\n\t\tctx.beginPath()\n\t\tctx.rect(0, 0, padding.left + chartWidth * this.animationProgress, height)\n\t\tctx.clip()\n\n\t\t// Draw gradient fill\n\t\tif (points.length >= 2) {\n\t\t\tconst gradient = ctx.createLinearGradient(0, padding.top, 0, padding.top + chartHeight)\n\t\t\tgradient.addColorStop(0, hexToRgba(primaryColor, gradientOpacityTop))\n\t\t\tgradient.addColorStop(1, hexToRgba(primaryColor, gradientOpacityBottom))\n\n\t\t\tctx.fillStyle = gradient\n\t\t\tctx.fill(areaPath)\n\t\t}\n\n\t\t// Draw stroke\n\t\tctx.strokeStyle = primaryColor\n\t\tctx.lineWidth = strokeWidth\n\t\tctx.lineCap = 'round'\n\t\tctx.lineJoin = 'round'\n\t\tctx.stroke(curvePath)\n\n\t\t// Draw data points\n\t\tpoints.forEach((point, index) => {\n\t\t\tconst pointProgress = (index / (points.length - 1 || 1)) * this.animationProgress\n\t\t\tif (pointProgress < index / (points.length || 1)) return\n\n\t\t\tconst radius = point.isPeak ? peakRadius - 1 : pointRadius - 1\n\t\t\tconst outerRadius = point.isPeak ? peakRadius + 4 : pointRadius + 2\n\n\t\t\t// Outer glow for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, outerRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = hexToRgba(primaryColor, 0.2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\t// Inner dot\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(point.x, point.y, radius, 0, Math.PI * 2)\n\t\t\tctx.fillStyle = primaryColor\n\t\t\tctx.fill()\n\n\t\t\t// White center for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, 2, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = 'white'\n\t\t\t\tctx.fill()\n\t\t\t}\n\t\t})\n\n\t\tctx.restore()\n\n\t\t// Draw labels\n\t\tif (this.showLabels && points.length > 0) {\n\t\t\tctx.fillStyle = 'rgba(128, 128, 128, 0.8)'\n\t\t\tctx.font = '11px system-ui, sans-serif'\n\t\t\tctx.textAlign = 'center'\n\t\t\tctx.textBaseline = 'top'\n\n\t\t\t// Show fewer labels on narrow charts\n\t\t\tconst labelStep = width < 400 ? 3 : width < 600 ? 2 : 1\n\t\t\tpoints.forEach((point, index) => {\n\t\t\t\tif (index % labelStep === 0) {\n\t\t\t\t\tctx.fillText(point.label, point.x, height - padding.bottom + 8)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate handlePointerMove = (e: PointerEvent) => {\n\t\tif (this.processedData.length === 0 || !this.showTooltip) return\n\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\n\t\t// Find closest data point\n\t\tlet closestPoint: ProcessedDataPoint | null = null\n\t\tlet minDistance = Infinity\n\n\t\tthis.processedData.forEach(point => {\n\t\t\tconst distance = Math.abs(point.x - x)\n\t\t\tif (distance < minDistance) {\n\t\t\t\tminDistance = distance\n\t\t\t\tclosestPoint = point\n\t\t\t}\n\t\t})\n\n\t\tif (closestPoint && minDistance < 30) {\n\t\t\tthis.tooltipData = {\n\t\t\t\tvisible: true,\n\t\t\t\tx: closestPoint.x,\n\t\t\t\ty: closestPoint.y,\n\t\t\t\tlabel: closestPoint.label,\n\t\t\t\tvalue: closestPoint.value,\n\t\t\t\tmetadata: closestPoint.metadata,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t\t}\n\t}\n\n\tprivate handlePointerLeave = () => {\n\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t}\n\n\tprivate renderMetadata() {\n\t\tif (!this.tooltipData.metadata) return ''\n\t\treturn Object.entries(this.tooltipData.metadata).map(\n\t\t\t([key, value]) => html`\n\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t${key}: ${String(value)}\n\t\t\t\t</schmancy-typography>\n\t\t\t`\n\t\t)\n\t}\n\n\trender() {\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div ${ref(this.containerRef)} class=\"relative\">\n\t\t\t\t<div class=\"relative\" style=\"height: ${this.height}px; touch-action: pan-y;\">\n\t\t\t\t\t<canvas\n\t\t\t\t\t\t${ref(this.canvasRef)}\n\t\t\t\t\t\tclass=\"w-full h-full\"\n\t\t\t\t\t\tstyle=\"display: block;\"\n\t\t\t\t\t\t@pointermove=${this.handlePointerMove}\n\t\t\t\t\t\t@pointerleave=${this.handlePointerLeave}\n\t\t\t\t\t></canvas>\n\n\t\t\t\t\t<!-- Tooltip -->\n\t\t\t\t\t${this.showTooltip\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"absolute pointer-events-none transition-opacity duration-150 ${this.tooltipData.visible\n\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t: 'opacity-0'}\"\n\t\t\t\t\t\t\t\t\tstyle=\"\n                    left: ${this.tooltipData.x}px;\n                    top: ${this.tooltipData.y - 60}px;\n                    transform: translateX(-50%);\n                  \"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-surface elevation=\"3\" rounded=\"all\" class=\"px-3 py-2 min-w-max\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t\t\t\t${this.tooltipData.label}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"text-surface-on font-semibold\">\n\t\t\t\t\t\t\t\t\t\t\t${this.formatValue(this.tooltipData.value)}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${this.renderMetadata()}\n\t\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: ''}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area-chart': SchmancyAreaChart\n\t}\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { SchmancyElement } from '@mixins/index'\nimport type { PillDataPoint, PillSegment } from './types'\n\n/** Default color palette for segments - expanded for uniqueness */\nconst DEFAULT_COLORS = [\n\t'bg-primary',\n\t'bg-secondary',\n\t'bg-tertiary',\n\t'bg-success',\n\t'bg-warning',\n\t'bg-error',\n\t'bg-primary/70',\n\t'bg-secondary/70',\n\t'bg-tertiary/70',\n\t'bg-success/70',\n\t'bg-warning/70',\n\t'bg-error/70',\n\t'bg-primary/40',\n\t'bg-secondary/40',\n\t'bg-tertiary/40',\n]\n\n@customElement('schmancy-pills')\nexport class SchmancyPills extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: PillDataPoint[] = []\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Show medals for top 3 */\n\t@property({ type: Boolean })\n\tshowMedals = true\n\n\t/** Show legend for segments */\n\t@property({ type: Boolean })\n\tshowLegend = true\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 500\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Label column width (Tailwind class) */\n\t@property({ type: String })\n\tlabelWidth = 'w-14'\n\n\t/** Value column width (Tailwind class) */\n\t@property({ type: String })\n\tvalueWidth = 'w-20'\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\t@state() private categoryColorMap = new Map<string, string>()\n\n\tprivate observer: IntersectionObserver | null = null\n\tprivate animationFrameId: number | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected firstUpdated() {\n\t\tif (this.observer) {\n\t\t\tthis.observer.observe(this)\n\t\t}\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Restart animation when data changes\n\t\tif (changedProperties.has('data') && this.isVisible && this.animated) {\n\t\t\tthis.animationProgress = 0\n\t\t\tthis.startAnimation()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\t// Ease out cubic\n\t\t\tthis.animationProgress = 1 - Math.pow(1 - progress, 3)\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate initializeCategoryColors(): void {\n\t\t// Build consistent color map from all segments in data\n\t\tconst categoryTotals = new Map<string, number>()\n\t\tconst explicitColors = new Map<string, string>()\n\n\t\tthis.data.forEach(d => {\n\t\t\tif (d.segments) {\n\t\t\t\td.segments.forEach(seg => {\n\t\t\t\t\tcategoryTotals.set(seg.label, (categoryTotals.get(seg.label) || 0) + seg.value)\n\t\t\t\t\t// Capture explicit colors from segments\n\t\t\t\t\tif (seg.color && !explicitColors.has(seg.label)) {\n\t\t\t\t\t\texplicitColors.set(seg.label, seg.color)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Sort by total value (most = first color)\n\t\tconst sortedCategories = Array.from(categoryTotals.entries())\n\t\t\t.toSorted((a, b) => b[1] - a[1])\n\t\t\t.map(([cat]) => cat)\n\n\t\t// Clear and rebuild - use explicit colors if available, otherwise default palette\n\t\tthis.categoryColorMap.clear()\n\t\tlet defaultColorIndex = 0\n\t\tsortedCategories.forEach(cat => {\n\t\t\tif (explicitColors.has(cat)) {\n\t\t\t\tthis.categoryColorMap.set(cat, explicitColors.get(cat)!)\n\t\t\t} else {\n\t\t\t\tthis.categoryColorMap.set(cat, DEFAULT_COLORS[defaultColorIndex % DEFAULT_COLORS.length])\n\t\t\t\tdefaultColorIndex++\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate getSegmentColor(segment: PillSegment): string {\n\t\t// Use explicit color if provided\n\t\tif (segment.color) return segment.color\n\t\t// Otherwise use from color map\n\t\treturn this.categoryColorMap.get(segment.label) || 'bg-primary'\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate getMedalEmoji(rank: number | undefined): string {\n\t\tif (!this.showMedals || !rank) return ''\n\t\tif (rank === 1) return '🥇'\n\t\tif (rank === 2) return '🥈'\n\t\tif (rank === 3) return '🥉'\n\t\treturn ''\n\t}\n\n\tprivate getMaxValue(): number {\n\t\tif (this.data.length === 0) return 0\n\t\treturn Math.max(...this.data.map(d => d.value), 1)\n\t}\n\n\tprivate renderBar(dataPoint: PillDataPoint, maxValue: number): ReturnType<typeof html> {\n\t\tconst percentage = maxValue > 0 ? (dataPoint.value / maxValue) * 100 : 0\n\t\tconst animatedPercentage = percentage * this.animationProgress\n\n\t\t// If no segments, render solid bar\n\t\tif (!dataPoint.segments || dataPoint.segments.length === 0) {\n\t\t\tconst barColorClass = dataPoint.isPeak\n\t\t\t\t? 'bg-success'\n\t\t\t\t: dataPoint.isLow\n\t\t\t\t\t? 'bg-tertiary opacity-70'\n\t\t\t\t\t: dataPoint.value === 0\n\t\t\t\t\t\t? 'bg-tertiary/40'\n\t\t\t\t\t\t: 'bg-primary'\n\n\t\t\treturn html`\n\t\t\t\t<div\n\t\t\t\t\tclass=\"${barColorClass} h-full transition-all rounded-full\"\n\t\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, dataPoint.value > 0 ? 2 : 0)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t\t\ttitle=\"${this.formatValue(dataPoint.value)}\"\n\t\t\t\t></div>\n\t\t\t`\n\t\t}\n\n\t\t// Stacked bar with segments\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"h-full flex\"\n\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, 2)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tdataPoint.segments,\n\t\t\t\t\tseg => seg.label,\n\t\t\t\t\t(seg, index) => {\n\t\t\t\t\t\tconst segmentPercentage = dataPoint.value > 0 ? (seg.value / dataPoint.value) * 100 : 0\n\t\t\t\t\t\tconst marginLeft = index > 0 ? 'ml-px' : ''\n\t\t\t\t\t\tconst brightenClass = dataPoint.isPeak ? 'brightness-110' : ''\n\t\t\t\t\t\tconst colorClass = this.getSegmentColor(seg)\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"${colorClass} ${marginLeft} ${brightenClass} h-full transition-all\n\t\t\t\t\t\t\t\t\t${index === 0 ? 'rounded-l-full' : ''}\n\t\t\t\t\t\t\t\t\t${index === dataPoint.segments!.length - 1 ? 'rounded-r-full' : ''}\"\n\t\t\t\t\t\t\t\tstyle=\"width: ${segmentPercentage}%\"\n\t\t\t\t\t\t\t\ttitle=\"${seg.label}: ${this.formatValue(seg.value)}\"\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate renderLegend(): ReturnType<typeof html> {\n\t\tif (!this.showLegend || this.categoryColorMap.size === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-outline-variant\">\n\t\t\t\t${repeat(\n\t\t\t\t\tArray.from(this.categoryColorMap.entries()),\n\t\t\t\t\t([cat]) => cat,\n\t\t\t\t\t([cat, color]) => html`\n\t\t\t\t\t\t<div class=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t<div class=\"${color} w-3 h-3 rounded-sm\"></div>\n\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t${cat}\n\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\t// Initialize colors before rendering\n\t\tthis.initializeCategoryColors()\n\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\tconst maxValue = this.getMaxValue()\n\n\t\treturn html`\n\t\t\t<div class=\"space-y-1\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.data,\n\t\t\t\t\td => d.label,\n\t\t\t\t\td => {\n\t\t\t\t\t\tconst rowBgClass = d.isPeak ? 'bg-success/10 rounded-lg' : ''\n\t\t\t\t\t\tconst textColorClass = d.isPeak ? 'text-success font-bold' : 'text-surface-on'\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-3 py-2 px-2 ${rowBgClass}\">\n\t\t\t\t\t\t\t\t<!-- Label -->\n\t\t\t\t\t\t\t\t<div class=\"${this.labelWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${d.label}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Medal -->\n\t\t\t\t\t\t\t\t<div class=\"w-6 shrink-0 text-center\">\n\t\t\t\t\t\t\t\t\t${d.isPeak || (d.rank && d.rank <= 3)\n\t\t\t\t\t\t\t\t\t\t? html`<span class=\"text-sm\">${this.getMedalEmoji(d.rank)}</span>`\n\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Bar -->\n\t\t\t\t\t\t\t\t<div class=\"flex-1 h-6 bg-secondary/15 rounded-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t${this.renderBar(d, maxValue)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Value -->\n\t\t\t\t\t\t\t\t<div class=\"${this.valueWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${this.formatValue(d.value)}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<!-- Legend -->\n\t\t\t${this.renderLegend()}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-pills': SchmancyPills\n\t}\n}\n"],"mappings":"8SAIA,SAAgB,EACf,EACA,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAK,EAAI,EACT,EAAK,EAAK,EAgBhB,MAAO,CAAE,EAbR,IACC,EAAI,EAAG,GAAA,CACL,EAAG,EAAI,EAAG,GAAK,GAChB,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAG,GAAK,GAAA,CACxC,EAAG,EAAI,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAG,GAAK,GAS7B,EANX,IACC,EAAI,EAAG,GAAA,CACL,EAAG,EAAI,EAAG,GAAK,GAChB,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAG,GAAK,GAAA,CACxC,EAAG,EAAI,EAAI,EAAG,EAAI,EAAI,EAAG,EAAI,EAAG,GAAK,GAAA,CAQ1C,SAAgB,EAAU,EAAe,EAAA,CAExC,GAAI,EAAM,WAAW,MAAA,CAAQ,CAC5B,IAAM,EAAQ,EAAM,MAAM,UAAA,CAC1B,GAAI,GAAS,EAAM,QAAU,EAC5B,MAAO,QAAQ,EAAM,GAAA,IAAO,EAAM,GAAA,IAAO,EAAM,GAAA,IAAO,EAAA,GAKxD,IAAI,EAAM,EAAM,QAAQ,IAAK,GAAA,CAY7B,OAXI,EAAI,SAAW,IAClB,EAAM,EACJ,MAAM,GAAA,CACN,IAAI,GAAK,EAAI,EAAA,CACb,KAAK,GAAA,EAOD,QAJG,SAAS,EAAI,UAAU,EAAG,EAAA,CAAI,GAAA,CAAA,IAC9B,SAAS,EAAI,UAAU,EAAG,EAAA,CAAI,GAAA,CAAA,IAC9B,SAAS,EAAI,UAAU,EAAG,EAAA,CAAI,GAAA,CAAA,IAEP,EAAA,GAMlC,SAAgB,EAAa,EAAA,CAC5B,MAAO,IAAa,EAAI,IAAG,EC9CrB,IAAA,EAAA,cAAgC,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,KASb,EAAA,CAAA,KAAA,OAIhB,IAAA,KAAA,SAAA,CAIE,EAAA,KAAA,WAAA,CAIE,EAAA,KAAA,YAAA,CAIC,EAAA,KAAA,UAIF,EAAA,KAAA,kBAIQ,IAAA,KAAA,SAAA,CAIT,EAAA,KAAA,YAIG,GAAA,KAAA,YAIA,GAAA,KAAA,cAIE,EAAA,KAAA,MAIa,EAAA,CAAA,KAAA,YAEe,CAC3C,QAAA,CAAS,EACT,EAAG,EACH,EAAG,EACH,MAAO,GACP,MAAO,EAAA,CAAA,KAAA,kBAG6B,EAAA,KAAA,UAAA,CACR,EAAA,KAAA,WAAA,EAAA,EAAA,YAAA,CAAA,KAAA,cAAA,EAAA,EAAA,YAAA,CAAA,KAAA,iBAIa,KAAA,KAAA,SACM,KAAA,KAAA,cACF,EAAA,CAAA,KAAA,eACE,KAAA,KAAA,kBAoTnB,GAAA,CAC5B,GAAI,KAAK,cAAc,SAAW,GAAX,CAAiB,KAAK,YAAa,OAE1D,IAAM,EAAS,KAAK,UAAU,MAC9B,GAAA,CAAK,EAAQ,OAEb,IAAM,EAAO,EAAO,uBAAA,CACd,EAAI,EAAE,QAAU,EAAK,KAGvB,EAA0C,KAC1C,EAAc,IAElB,KAAK,cAAc,QAAQ,GAAA,CAC1B,IAAM,EAAW,KAAK,IAAI,EAAM,EAAI,EAAA,CAChC,EAAW,IACd,EAAc,EACd,EAAe,IAAA,CAKhB,KAAK,YADF,GAAgB,EAAc,GACd,CAClB,QAAA,CAAS,EACT,EAAG,EAAa,EAChB,EAAG,EAAa,EAChB,MAAO,EAAa,MACpB,MAAO,EAAa,MACpB,SAAU,EAAa,SAAA,CAGL,CAAA,GAAK,KAAK,YAAa,QAAA,CAAS,EAAA,EAAA,KAAA,uBAAA,CAKpD,KAAK,YAAc,CAAA,GAAK,KAAK,YAAa,QAAA,CAAS,EAAA,EAAA,OAAA,KAAA,OA9ZpC,CAAC,EAAA,GAAG;;;;GAwEpB,mBAAA,CACC,MAAM,mBAAA,CACN,KAAK,2BAAA,CAGN,sBAAA,CACC,MAAM,sBAAA,CACN,KAAK,SAAA,CAGN,SAAA,CACK,KAAK,mBAAqB,OAC7B,qBAAqB,KAAK,iBAAA,CAC1B,KAAK,iBAAmB,MAErB,AAEH,KAAK,YADL,KAAK,SAAS,YAAA,CACE,MAEb,AAEH,KAAK,kBADL,KAAK,eAAe,YAAA,CACE,MAIxB,2BAAA,CACC,KAAK,SAAW,IAAI,qBACnB,GAAA,CACC,IAAM,EAAQ,EAAQ,GAClB,EAAM,gBAAA,CAAmB,KAAK,WACjC,KAAK,UAAA,CAAY,EACb,KAAK,SACR,KAAK,gBAAA,EAEL,KAAK,kBAAoB,EACzB,KAAK,WAAA,GAEK,EAAM,iBACjB,KAAK,UAAA,CAAY,EACb,KAAK,mBAAqB,OAC7B,qBAAqB,KAAK,iBAAA,CAC1B,KAAK,iBAAmB,QAI3B,CAAE,UAAW,GAAA,CAAA,CAIf,QAAkB,EAAA,CACjB,MAAM,QAAQ,EAAA,CAEV,KAAK,aAAa,OAAS,KAAK,UACnC,KAAK,SAAS,QAAQ,KAAK,aAAa,MAAA,CAGrC,KAAK,UAAU,OAAA,CAAU,KAAK,iBACjC,KAAK,eAAiB,IAAI,mBAAA,CACzB,KAAK,WAAA,EAAA,CAEN,KAAK,eAAe,QAAQ,KAAK,UAAU,MAAA,EAIxC,EAAkB,IAAI,OAAA,EAAW,KAAK,YACrC,KAAK,UACR,KAAK,kBAAoB,EACzB,KAAK,gBAAA,GAEL,KAAK,kBAAoB,EACzB,KAAK,WAAA,IAML,EAAkB,IAAI,QAAA,EACtB,EAAkB,IAAI,WAAA,EACtB,EAAkB,IAAI,aAAA,EACtB,EAAkB,IAAI,YAAA,GACvB,KAAK,WAEL,KAAK,WAAA,CAIP,gBAAA,CACC,IAAM,EAAY,YAAY,KAAA,CACxB,EAAW,KAAK,kBAEhB,EAAgB,GAAA,CACrB,IAAM,EAAU,EAAc,EACxB,EAAW,KAAK,IAAI,EAAU,EAAU,EAAA,CAE9C,KAAK,kBAAoB,EAAa,EAAA,CACtC,KAAK,WAAA,CAED,EAAW,GAAK,KAAK,YACxB,KAAK,iBAAmB,sBAAsB,EAAA,GAIhD,KAAK,iBAAmB,sBAAsB,EAAA,CAG/C,aAAA,CACC,GAAA,CAAK,KAAK,MAAQ,KAAK,KAAK,SAAW,EAAG,MAAO,EAAA,CAGjD,IAAM,EAAgB,CAAA,GAAI,KAAK,KAAA,CAAM,UAAU,EAAG,IAAM,EAAE,MAAQ,EAAE,MAAA,CAC9D,EAAa,IAAI,IAAI,EAAc,MAAM,EAAG,KAAK,UAAA,CAAW,IAAI,GAAK,EAAE,MAAA,CAAA,CAE7E,OAAO,KAAK,KAAK,IAAI,IAAA,CAAA,GACjB,EACH,EAAG,EACH,EAAG,EACH,OAAQ,EAAW,IAAI,EAAE,MAAA,CAAA,EAAA,CAI3B,cACC,EACA,EAAA,CAEA,OAAQ,KAAK,MAAM,IAAuC,EAG3D,WAAA,CACC,IAAM,EAAS,KAAK,UAAU,MAC9B,GAAA,CAAK,EAAQ,OAEb,IAAM,EAAM,EAAO,WAAW,KAAA,CAC9B,GAAA,CAAK,EAAK,OAEV,IAAM,EAAM,OAAO,kBAAoB,EACjC,EAAO,EAAO,uBAAA,CACd,EAAQ,EAAK,MACb,EAAS,EAAK,OAGpB,EAAO,MAAQ,EAAQ,EACvB,EAAO,OAAS,EAAS,EACzB,EAAI,MAAM,EAAK,EAAA,CAGf,EAAI,UAAU,EAAG,EAAG,EAAO,EAAA,CAE3B,IAAM,EAAO,KAAK,aAAA,CAClB,GAAI,EAAK,SAAW,EAAG,OAEvB,IAAM,EAAwC,KAAK,WAAa,GAAK,GAC/D,EAAa,EAAQ,GAAe,GACpC,EAAc,EAAS,GAAc,EAGrC,EAAW,KAAK,IAAA,GAAO,EAAK,IAAI,GAAK,EAAE,MAAA,CAAQ,EAAA,CAI/C,EAAS,EAAK,KAAK,EAAG,KAAA,CAAA,GACxB,EACH,EAAG,IAAgB,EAAK,OAAS,EAAK,GAAK,EAAK,OAAS,GAAM,EAAa,EAAa,GACzF,EAAG,GAAc,EAAe,EAAE,MAAQ,EAAY,EAAA,EAAA,CAGvD,KAAK,cAAgB,EAIrB,IAAM,EADgB,iBAAiB,KAAA,CAExB,iBAAiB,+BAAA,CAAgC,MAAA,EAAU,UACpE,EAAe,KAAK,cAAc,eAAgB,EAAA,CAAA,CACjD,EAAoB,GAAyB,KAAK,cAAc,kBAAmB,CAAC,GAAK,IAAA,CAAA,CAC1F,EAAc,KAAK,cAAc,cAAe,EAAA,CAChD,EAAc,KAAK,cAAc,cAAe,EAAA,CAChD,EAAa,KAAK,cAAc,aAAc,EAAA,CAGpD,GAAI,KAAK,SAAU,CAClB,EAAI,YAAc,4BAClB,EAAI,UAAY,EAChB,EAAI,YAAY,CAAC,EAAG,EAAA,CAAA,CAEpB,IAAK,IAAI,EAAI,EAAG,GAAK,EAAG,IAAK,CAC5B,IAAM,EAAI,GAAe,EAAc,EAAK,EAC5C,EAAI,WAAA,CACJ,EAAI,OAAO,GAAc,EAAA,CACzB,EAAI,OAAO,EAAQ,GAAe,EAAA,CAClC,EAAI,QAAA,CAGL,EAAI,YAAY,EAAA,CAAA,CAIjB,IAAM,EAAY,IAAI,OAChB,EAAW,IAAI,OAErB,GAAI,EAAO,QAAU,EAAG,CAEvB,EAAS,OAAO,EAAO,GAAG,EAAG,GAAc,EAAA,CAC3C,EAAU,OAAO,EAAO,GAAG,EAAG,EAAO,GAAG,EAAA,CACxC,EAAS,OAAO,EAAO,GAAG,EAAG,EAAO,GAAG,EAAA,CAEvC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAS,EAAG,IAAK,CAC3C,IAAM,EAAK,EAAO,KAAK,IAAI,EAAG,EAAI,EAAA,EAC5B,EAAK,EAAO,GACZ,EAAK,EAAO,KAAK,IAAI,EAAO,OAAS,EAAG,EAAI,EAAA,EAC5C,EAAK,EAAO,KAAK,IAAI,EAAO,OAAS,EAAG,EAAI,EAAA,EAIlD,IAAK,IAAI,EAAI,EAAG,GAAK,GAAU,IAAK,CAEnC,IAAM,EAAQ,EAAiB,EAAI,EAAI,EAAI,EADjC,EAAI,GAAA,CAEd,EAAU,OAAO,EAAM,EAAG,EAAM,EAAA,CAChC,EAAS,OAAO,EAAM,EAAG,EAAM,EAAA,EAKjC,EAAS,OAAO,EAAO,EAAO,OAAS,GAAG,EAAG,GAAc,EAAA,CAC3D,EAAS,WAAA,MACC,EAAO,SAAW,GAE5B,EAAU,IAAI,EAAO,GAAG,EAAG,EAAO,GAAG,EAAG,EAAa,EAAa,EAAV,KAAK,GAAA,CAU9D,GANA,EAAI,MAAA,CACJ,EAAI,WAAA,CACJ,EAAI,KAAK,EAAG,EAAG,GAAe,EAAa,KAAK,kBAAmB,EAAA,CACnE,EAAI,MAAA,CAGA,EAAO,QAAU,EAAG,CACvB,IAAM,EAAW,EAAI,qBAAqB,EAAG,GAAa,EAAG,GAAc,EAAA,CAC3E,EAAS,aAAa,EAAG,EAAU,EAAc,EAAA,CAAA,CACjD,EAAS,aAAa,EAAG,EAAU,EAAc,EAAA,CAAA,CAEjD,EAAI,UAAY,EAChB,EAAI,KAAK,EAAA,CA4CV,GAxCA,EAAI,YAAc,EAClB,EAAI,UAAY,EAChB,EAAI,QAAU,QACd,EAAI,SAAW,QACf,EAAI,OAAO,EAAA,CAGX,EAAO,SAAS,EAAO,IAAA,CAEtB,GADuB,GAAS,EAAO,OAAS,GAAK,GAAM,KAAK,kBAC5C,GAAS,EAAO,QAAU,GAAI,OAElD,IAAM,EAAS,EAAM,OAAS,EAAa,EAAI,EAAc,EACvD,EAAc,EAAM,OAAS,EAAa,EAAI,EAAc,EAG9D,EAAM,SACT,EAAI,WAAA,CACJ,EAAI,IAAI,EAAM,EAAG,EAAM,EAAG,EAAa,EAAa,EAAV,KAAK,GAAA,CAC/C,EAAI,UAAY,EAAU,EAAc,GAAA,CACxC,EAAI,MAAA,EAIL,EAAI,WAAA,CACJ,EAAI,IAAI,EAAM,EAAG,EAAM,EAAG,EAAQ,EAAa,EAAV,KAAK,GAAA,CAC1C,EAAI,UAAY,EAChB,EAAI,MAAA,CAGA,EAAM,SACT,EAAI,WAAA,CACJ,EAAI,IAAI,EAAM,EAAG,EAAM,EAAG,EAAG,EAAa,EAAV,KAAK,GAAA,CACrC,EAAI,UAAY,QAChB,EAAI,MAAA,GAAA,CAIN,EAAI,SAAA,CAGA,KAAK,YAAc,EAAO,OAAS,EAAG,CACzC,EAAI,UAAY,2BAChB,EAAI,KAAO,6BACX,EAAI,UAAY,SAChB,EAAI,aAAe,MAGnB,IAAM,EAAY,EAAQ,IAAM,EAAI,EAAQ,IAAM,EAAI,EACtD,EAAO,SAAS,EAAO,IAAA,CAClB,EAAQ,IAAc,GACzB,EAAI,SAAS,EAAM,MAAO,EAAM,EAAG,EAAS,EAAiB,EAAA,EAAA,EAMjE,YAAoB,EAAA,CACnB,IAAM,EAAY,EAAM,QAAQ,KAAK,cAAA,CACrC,MAAO,GAAG,KAAK,cAAc,IAAY,KAAK,cA0C/C,gBAAA,CACC,OAAK,KAAK,YAAY,SACf,OAAO,QAAQ,KAAK,YAAY,SAAA,CAAU,KAAA,CAC9C,EAAK,KAAW,EAAA,IAAI;;OAElB,EAAA,IAAQ,OAAO,EAAA,CAAA;;MAJmB,GAUxC,QAAA,CACC,OAAK,KAAK,MAAQ,KAAK,KAAK,SAAW,EAIhC,EAAA,IAAI;oBACC,KAAK,aAAA,CAAA;2CACwB,KAAK,OAAA;;kBAEpC,KAAK,UAAA,CAAA;;;qBAGI,KAAK,kBAAA;sBACJ,KAAK,mBAAA;;;;OAIpB,KAAK,YACJ,EAAA,IAAI;;+EAEmE,KAAK,YAAY,QACpF,cACA,YAAA;;4BAEgB,KAAK,YAAY,EAAA;2BAClB,KAAK,YAAY,EAAI,GAAA;;;;;;aAMnC,KAAK,YAAY,MAAA;;;aAGjB,KAAK,YAAY,KAAK,YAAY,MAAA,CAAA;;YAEnC,KAAK,gBAAA,CAAA;;;UAIT,GAAA;;;IAtCE,EAAA,IAAI,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAvaH,CAAE,KAAM,MAAA,CAAA,CAAA,CAAQ,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIhB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,SAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,oBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,gBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAGnB,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAQA,EAAA,UAAA,oBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CACA,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAjEM,sBAAA,CAAA,CAAsB,EAAA,CCTrC,IAAM,EAAiB,CACtB,aACA,eACA,cACA,aACA,aACA,WACA,gBACA,kBACA,iBACA,gBACA,gBACA,cACA,gBACA,kBACA,iBAAA,CAIM,EAAA,cAA4B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,KASV,EAAA,CAAA,KAAA,YAIV,GAAA,KAAA,YAIA,GAAA,KAAA,cAIE,EAAA,KAAA,WAAA,CAIH,EAAA,KAAA,WAAA,CAIA,EAAA,KAAA,kBAIO,IAAA,KAAA,SAAA,CAIT,EAAA,KAAA,WAIE,OAAA,KAAA,WAIA,OAAA,KAAA,kBAEwB,EAAA,KAAA,UAAA,CACR,EAAA,KAAA,iBACO,IAAI,IAAA,KAAA,SAEQ,KAAA,KAAA,iBACN,KAAA,OAAA,KAAA,OAnD1B,CAAC,EAAA,GAAG;;;;GAqDpB,mBAAA,CACC,MAAM,mBAAA,CACN,KAAK,2BAAA,CAGN,sBAAA,CACC,MAAM,sBAAA,CACN,KAAK,SAAA,CAGN,SAAA,CACK,KAAK,mBAAqB,OAC7B,qBAAqB,KAAK,iBAAA,CAC1B,KAAK,iBAAmB,MAErB,AAEH,KAAK,YADL,KAAK,SAAS,YAAA,CACE,MAIlB,2BAAA,CACC,KAAK,SAAW,IAAI,qBACnB,GAAA,CACe,EAAQ,GACZ,gBAAA,CAAmB,KAAK,YACjC,KAAK,UAAA,CAAY,EACb,KAAK,SACR,KAAK,gBAAA,CAEL,KAAK,kBAAoB,IAI5B,CAAE,UAAW,GAAA,CAAA,CAIf,cAAA,CACK,KAAK,UACR,KAAK,SAAS,QAAQ,KAAA,CAIxB,QAAkB,EAAA,CACjB,MAAM,QAAQ,EAAA,CAGV,EAAkB,IAAI,OAAA,EAAW,KAAK,WAAa,KAAK,WAC3D,KAAK,kBAAoB,EACzB,KAAK,gBAAA,EAIP,gBAAA,CACC,IAAM,EAAY,YAAY,KAAA,CACxB,EAAW,KAAK,kBAEhB,EAAgB,GAAA,CACrB,IAAM,EAAU,EAAc,EACxB,EAAW,KAAK,IAAI,EAAU,EAAU,EAAA,CAG9C,KAAK,kBAAoB,GAAa,EAAI,IAAU,EAEhD,EAAW,GAAK,KAAK,YACxB,KAAK,iBAAmB,sBAAsB,EAAA,GAIhD,KAAK,iBAAmB,sBAAsB,EAAA,CAG/C,0BAAA,CAEC,IAAM,EAAiB,IAAI,IACrB,EAAiB,IAAI,IAE3B,KAAK,KAAK,QAAQ,GAAA,CACb,EAAE,UACL,EAAE,SAAS,QAAQ,GAAA,CAClB,EAAe,IAAI,EAAI,OAAQ,EAAe,IAAI,EAAI,MAAA,EAAU,GAAK,EAAI,MAAA,CAErE,EAAI,OAAA,CAAU,EAAe,IAAI,EAAI,MAAA,EACxC,EAAe,IAAI,EAAI,MAAO,EAAI,MAAA,EAAA,EAAA,CAOtC,IAAM,EAAmB,MAAM,KAAK,EAAe,SAAA,CAAA,CACjD,UAAU,EAAG,IAAM,EAAE,GAAK,EAAE,GAAA,CAC5B,KAAA,CAAM,KAAS,EAAA,CAGjB,KAAK,iBAAiB,OAAA,CACtB,IAAI,EAAoB,EACxB,EAAiB,QAAQ,GAAA,CACpB,EAAe,IAAI,EAAA,CACtB,KAAK,iBAAiB,IAAI,EAAK,EAAe,IAAI,EAAA,CAAA,EAElD,KAAK,iBAAiB,IAAI,EAAK,EAAe,EAAoB,EAAe,QAAA,CACjF,MAAA,CAKH,gBAAwB,EAAA,CAEvB,OAAI,EAAQ,MAAc,EAAQ,MAE3B,KAAK,iBAAiB,IAAI,EAAQ,MAAA,EAAU,aAGpD,YAAoB,EAAA,CACnB,IAAM,EAAY,EAAM,QAAQ,KAAK,cAAA,CACrC,MAAO,GAAG,KAAK,cAAc,IAAY,KAAK,cAG/C,cAAsB,EAAA,CACrB,OAAK,KAAK,YAAe,EACrB,IAAS,EAAU,KACnB,IAAS,EAAU,KACnB,IAAS,EAAU,KAChB,GAJ+B,GAOvC,aAAA,CACC,OAAI,KAAK,KAAK,SAAW,EAAU,EAC5B,KAAK,IAAA,GAAO,KAAK,KAAK,IAAI,GAAK,EAAE,MAAA,CAAQ,EAAA,CAGjD,UAAkB,EAA0B,EAAA,CAE3C,IAAM,GADa,EAAW,EAAK,EAAU,MAAQ,EAAY,IAAM,GAC/B,KAAK,kBAG7C,OAAK,EAAU,UAAY,EAAU,SAAS,SAAW,EAmBlD,EAAA,IAAI;;;oBAGO,KAAK,IAAI,EAAoB,EAAA,CAAA,0BAA6B,KAAK,SAAW,MAAQ,QAAA;;mBAGjG,EAAU,SACV,GAAO,EAAI,OACV,EAAK,IAAA,CACL,IAAM,EAAoB,EAAU,MAAQ,EAAK,EAAI,MAAQ,EAAU,MAAS,IAAM,EAChF,EAAa,EAAQ,EAAI,QAAU,GACnC,EAAgB,EAAU,OAAS,iBAAmB,GAG5D,MAAO,GAAA,IAAI;;iBAFQ,KAAK,gBAAgB,EAAA,CAAA,GAIf,EAAA,GAAc,EAAA;WAClC,IAAU,EAAI,iBAAmB,GAAA;WACjC,IAAU,EAAU,SAAU,OAAS,EAAI,iBAAmB,GAAA;wBACjD,EAAA;iBACP,EAAI,MAAA,IAAU,KAAK,YAAY,EAAI,MAAA,CAAA;;;;IA9B1C,EAAA,IAAI;;cARW,EAAU,OAC7B,aACA,EAAU,MACT,yBACA,EAAU,QAAU,EACnB,iBACA,aAAA;qBAKa,KAAK,IAAI,EAAoB,EAAU,MAAQ,EAAI,EAAI,EAAA,CAAA,0BAA6B,KAAK,SAAW,MAAQ,QAAA;cACnH,KAAK,YAAY,EAAU,MAAA,CAAA;;KAmCxC,cAAA,CACC,OAAK,KAAK,YAAc,KAAK,iBAAiB,OAAS,EAIhD,EAAA,IAAI;;mBAGR,MAAM,KAAK,KAAK,iBAAiB,SAAA,CAAA,EAAU,CACzC,KAAS,GAAA,CACT,EAAK,KAAW,EAAA,IAAI;;qBAEN,EAAA;;UAEX,EAAA;;;;;IAZA,EAAA,IAAI,GAqBb,QAAA,CAIC,GAFA,KAAK,0BAAA,CAAA,CAEA,KAAK,MAAQ,KAAK,KAAK,SAAW,EACtC,MAAO,GAAA,IAAI,GAGZ,IAAM,EAAW,KAAK,aAAA,CAEtB,MAAO,GAAA,IAAI;;mBAGR,KAAK,KACL,GAAK,EAAE,MACP,GAAA,CACC,IAAM,EAAa,EAAE,OAAS,2BAA6B,GACrD,EAAiB,EAAE,OAAS,yBAA2B,kBAE7D,MAAO,GAAA,IAAI;uDACsC,EAAA;;sBAEjC,KAAK,WAAA;+DACoC,EAAA;YACnD,EAAE,MAAA;;;;;;WAMH,EAAE,QAAW,EAAE,MAAQ,EAAE,MAAQ,EAChC,EAAA,IAAI,yBAAyB,KAAK,cAAc,EAAE,KAAA,CAAA,SAClD,GAAA;;;;;WAKD,KAAK,UAAU,EAAG,EAAA,CAAA;;;;sBAIP,KAAK,WAAA;+DACoC,EAAA;YACnD,KAAK,YAAY,EAAE,MAAA,CAAA;;;;;;;;KAU1B,KAAK,cAAA,CAAA;0BApTC,CAAE,KAAM,MAAA,CAAA,CAAA,CAAQ,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIhB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,gBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,oBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIlB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAIjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAGnB,EAAA,UAAA,oBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CACA,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CACA,EAAA,UAAA,mBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAlDM,iBAAA,CAAA,CAAiB,EAAA,CAAA,OAAA,eAAA,QAAA,oBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA,CAAA,OAAA,eAAA,QAAA,gBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA,CAAA,QAAA,iBAAA,EAAA,QAAA,aAAA,EAAA,QAAA,UAAA"}

package/dist/charts.js

@@ -1,6 +1,5 @@
-import { t as e } from "./decorate-D_utPUsC.js";
-import { t } from "./litElement.mixin-CszkJuNl.js";
-import "./mixins.js";
+import { s as e } from "./mixins-CcIWET41.js";
+import { t } from "./decorate-23nYs4Le.js";
 import { customElement as n, property as r, state as i } from "lit/decorators.js";
 import { css as a, html as o } from "lit";
 import { createRef as s, ref as c } from "lit/directives/ref.js";
@@ -23,11 +22,7 @@ function d(e, t) {
 function f(e) {
 	return 1 - (1 - e) ** 3;
 }
-var p = class extends t(a`
-	:host {
-		display: block;
-	}
-`) {
+var p = class extends e {
 	constructor(...e) {
 		super(...e), this.data = [], this.height = 200, this.showGrid = !0, this.showLabels = !0, this.showTooltip = !0, this.peakCount = 3, this.animationDuration = 800, this.animated = !0, this.valuePrefix = "", this.valueSuffix = "", this.valueDecimals = 2, this.theme = {}, this.tooltipData = {
 			visible: !1,
@@ -61,6 +56,13 @@ var p = class extends t(a`
 			};
 		};
 	}
+	static {
+		this.styles = [a`
+	:host {
+		display: block;
+	}
+`];
+	}
 	connectedCallback() {
 		super.connectedCallback(), this.setupIntersectionObserver();
 	}
@@ -90,7 +92,7 @@ var p = class extends t(a`
 	}
 	processData() {
 		if (!this.data || this.data.length === 0) return [];
-		let e = [...this.data].sort((e, t) => t.value - e.value), t = new Set(e.slice(0, this.peakCount).map((e) => e.label));
+		let e = [...this.data].toSorted((e, t) => t.value - e.value), t = new Set(e.slice(0, this.peakCount).map((e) => e.label));
 		return this.data.map((e) => ({
 			...e,
 			x: 0,
@@ -202,7 +204,7 @@ var p = class extends t(a`
 		` : o``;
 	}
 };
-e([r({ type: Array })], p.prototype, "data", void 0), e([r({ type: Number })], p.prototype, "height", void 0), e([r({ type: Boolean })], p.prototype, "showGrid", void 0), e([r({ type: Boolean })], p.prototype, "showLabels", void 0), e([r({ type: Boolean })], p.prototype, "showTooltip", void 0), e([r({ type: Number })], p.prototype, "peakCount", void 0), e([r({ type: Number })], p.prototype, "animationDuration", void 0), e([r({ type: Boolean })], p.prototype, "animated", void 0), e([r({ type: String })], p.prototype, "valuePrefix", void 0), e([r({ type: String })], p.prototype, "valueSuffix", void 0), e([r({ type: Number })], p.prototype, "valueDecimals", void 0), e([r({ type: Object })], p.prototype, "theme", void 0), e([i()], p.prototype, "tooltipData", void 0), e([i()], p.prototype, "animationProgress", void 0), e([i()], p.prototype, "isVisible", void 0), p = e([n("schmancy-area-chart")], p);
+t([r({ type: Array })], p.prototype, "data", void 0), t([r({ type: Number })], p.prototype, "height", void 0), t([r({ type: Boolean })], p.prototype, "showGrid", void 0), t([r({ type: Boolean })], p.prototype, "showLabels", void 0), t([r({ type: Boolean })], p.prototype, "showTooltip", void 0), t([r({ type: Number })], p.prototype, "peakCount", void 0), t([r({ type: Number })], p.prototype, "animationDuration", void 0), t([r({ type: Boolean })], p.prototype, "animated", void 0), t([r({ type: String })], p.prototype, "valuePrefix", void 0), t([r({ type: String })], p.prototype, "valueSuffix", void 0), t([r({ type: Number })], p.prototype, "valueDecimals", void 0), t([r({ type: Object })], p.prototype, "theme", void 0), t([i()], p.prototype, "tooltipData", void 0), t([i()], p.prototype, "animationProgress", void 0), t([i()], p.prototype, "isVisible", void 0), p = t([n("schmancy-area-chart")], p);
 var m = [
 	"bg-primary",
 	"bg-secondary",
@@ -219,13 +221,16 @@ var m = [
 	"bg-primary/40",
 	"bg-secondary/40",
 	"bg-tertiary/40"
-], h = class extends t(a`
+], h = class extends e {
+	constructor(...e) {
+		super(...e), this.data = [], this.valuePrefix = "", this.valueSuffix = "", this.valueDecimals = 2, this.showMedals = !0, this.showLegend = !0, this.animationDuration = 500, this.animated = !0, this.labelWidth = "w-14", this.valueWidth = "w-20", this.animationProgress = 0, this.isVisible = !1, this.categoryColorMap = /* @__PURE__ */ new Map(), this.observer = null, this.animationFrameId = null;
+	}
+	static {
+		this.styles = [a`
 	:host {
 		display: block;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.data = [], this.valuePrefix = "", this.valueSuffix = "", this.valueDecimals = 2, this.showMedals = !0, this.showLegend = !0, this.animationDuration = 500, this.animated = !0, this.labelWidth = "w-14", this.valueWidth = "w-20", this.animationProgress = 0, this.isVisible = !1, this.categoryColorMap = /* @__PURE__ */ new Map(), this.observer = null, this.animationFrameId = null;
+`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setupIntersectionObserver();
@@ -261,7 +266,7 @@ var m = [
 				e.set(n.label, (e.get(n.label) || 0) + n.value), n.color && !t.has(n.label) && t.set(n.label, n.color);
 			});
 		});
-		let n = Array.from(e.entries()).sort((e, t) => t[1] - e[1]).map(([e]) => e);
+		let n = Array.from(e.entries()).toSorted((e, t) => t[1] - e[1]).map(([e]) => e);
 		this.categoryColorMap.clear();
 		let r = 0;
 		n.forEach((e) => {
@@ -365,5 +370,5 @@ var m = [
 		`;
 	}
 };
-e([r({ type: Array })], h.prototype, "data", void 0), e([r({ type: String })], h.prototype, "valuePrefix", void 0), e([r({ type: String })], h.prototype, "valueSuffix", void 0), e([r({ type: Number })], h.prototype, "valueDecimals", void 0), e([r({ type: Boolean })], h.prototype, "showMedals", void 0), e([r({ type: Boolean })], h.prototype, "showLegend", void 0), e([r({ type: Number })], h.prototype, "animationDuration", void 0), e([r({ type: Boolean })], h.prototype, "animated", void 0), e([r({ type: String })], h.prototype, "labelWidth", void 0), e([r({ type: String })], h.prototype, "valueWidth", void 0), e([i()], h.prototype, "animationProgress", void 0), e([i()], h.prototype, "isVisible", void 0), e([i()], h.prototype, "categoryColorMap", void 0), h = e([n("schmancy-pills")], h);
+t([r({ type: Array })], h.prototype, "data", void 0), t([r({ type: String })], h.prototype, "valuePrefix", void 0), t([r({ type: String })], h.prototype, "valueSuffix", void 0), t([r({ type: Number })], h.prototype, "valueDecimals", void 0), t([r({ type: Boolean })], h.prototype, "showMedals", void 0), t([r({ type: Boolean })], h.prototype, "showLegend", void 0), t([r({ type: Number })], h.prototype, "animationDuration", void 0), t([r({ type: Boolean })], h.prototype, "animated", void 0), t([r({ type: String })], h.prototype, "labelWidth", void 0), t([r({ type: String })], h.prototype, "valueWidth", void 0), t([i()], h.prototype, "animationProgress", void 0), t([i()], h.prototype, "isVisible", void 0), t([i()], h.prototype, "categoryColorMap", void 0), h = t([n("schmancy-pills")], h);
 export { p as SchmancyAreaChart, h as SchmancyPills, u as catmullRomSpline, f as easeOutCubic, d as hexToRgba };

package/dist/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":[],"sources":["../src/charts/utils.ts","../src/charts/area-chart.ts","../src/charts/pills.ts"],"sourcesContent":["/**\n * Catmull-Rom spline interpolation for smooth curves\n * Returns the interpolated point between p1 and p2\n */\nexport function catmullRomSpline(\n\tp0: { x: number; y: number },\n\tp1: { x: number; y: number },\n\tp2: { x: number; y: number },\n\tp3: { x: number; y: number },\n\tt: number\n): { x: number; y: number } {\n\tconst t2 = t * t\n\tconst t3 = t2 * t\n\n\tconst x =\n\t\t0.5 *\n\t\t(2 * p1.x +\n\t\t\t(-p0.x + p2.x) * t +\n\t\t\t(2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * t2 +\n\t\t\t(-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * t3)\n\n\tconst y =\n\t\t0.5 *\n\t\t(2 * p1.y +\n\t\t\t(-p0.y + p2.y) * t +\n\t\t\t(2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * t2 +\n\t\t\t(-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * t3)\n\n\treturn { x, y }\n}\n\n/**\n * Converts hex or rgb color to rgba string\n */\nexport function hexToRgba(color: string, alpha: number): string {\n\t// Handle rgb/rgba format\n\tif (color.startsWith('rgb')) {\n\t\tconst match = color.match(/[\\d.]+/g)\n\t\tif (match && match.length >= 3) {\n\t\t\treturn `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`\n\t\t}\n\t}\n\n\t// Handle hex format\n\tlet hex = color.replace('#', '')\n\tif (hex.length === 3) {\n\t\thex = hex\n\t\t\t.split('')\n\t\t\t.map(c => c + c)\n\t\t\t.join('')\n\t}\n\n\tconst r = parseInt(hex.substring(0, 2), 16)\n\tconst g = parseInt(hex.substring(2, 4), 16)\n\tconst b = parseInt(hex.substring(4, 6), 16)\n\n\treturn `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Cubic ease-out animation function\n */\nexport function easeOutCubic(t: number): number {\n\treturn 1 - Math.pow(1 - t, 3)\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { $LitElement } from '@mixins/index'\nimport type { ChartDataPoint, ChartTheme, ProcessedDataPoint } from './types'\nimport { catmullRomSpline, hexToRgba, easeOutCubic } from './utils'\n\ninterface TooltipData {\n\tvisible: boolean\n\tx: number\n\ty: number\n\tlabel: string\n\tvalue: number\n\tmetadata?: Record<string, unknown>\n}\n\n@customElement('schmancy-area-chart')\nexport class SchmancyAreaChart extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: ChartDataPoint[] = []\n\n\t/** Chart height in pixels */\n\t@property({ type: Number })\n\theight = 200\n\n\t/** Show grid lines */\n\t@property({ type: Boolean })\n\tshowGrid = true\n\n\t/** Show x-axis labels */\n\t@property({ type: Boolean })\n\tshowLabels = true\n\n\t/** Enable tooltips */\n\t@property({ type: Boolean })\n\tshowTooltip = true\n\n\t/** Number of peaks to highlight */\n\t@property({ type: Number })\n\tpeakCount = 3\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 800\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Theme overrides */\n\t@property({ type: Object })\n\ttheme: Partial<ChartTheme> = {}\n\n\t@state() private tooltipData: TooltipData = {\n\t\tvisible: false,\n\t\tx: 0,\n\t\ty: 0,\n\t\tlabel: '',\n\t\tvalue: 0,\n\t}\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\n\tprivate canvasRef: Ref<HTMLCanvasElement> = createRef()\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate animationFrameId: number | null = null\n\tprivate observer: IntersectionObserver | null = null\n\tprivate processedData: ProcessedDataPoint[] = []\n\tprivate resizeObserver: ResizeObserver | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t\tif (this.resizeObserver) {\n\t\t\tthis.resizeObserver.disconnect()\n\t\t\tthis.resizeObserver = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t\tthis.drawChart()\n\t\t\t\t\t}\n\t\t\t\t} else if (!entry.isIntersecting) {\n\t\t\t\t\tthis.isVisible = false\n\t\t\t\t\tif (this.animationFrameId !== null) {\n\t\t\t\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\t\t\t\tthis.animationFrameId = null\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\tif (this.containerRef.value && this.observer) {\n\t\t\tthis.observer.observe(this.containerRef.value)\n\t\t}\n\n\t\tif (this.canvasRef.value && !this.resizeObserver) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tthis.drawChart()\n\t\t\t})\n\t\t\tthis.resizeObserver.observe(this.canvasRef.value)\n\t\t}\n\n\t\t// Redraw when data changes\n\t\tif (changedProperties.has('data') && this.isVisible) {\n\t\t\tif (this.animated) {\n\t\t\t\tthis.animationProgress = 0\n\t\t\t\tthis.startAnimation()\n\t\t\t} else {\n\t\t\t\tthis.animationProgress = 1\n\t\t\t\tthis.drawChart()\n\t\t\t}\n\t\t}\n\n\t\t// Redraw on theme or config changes\n\t\tif (\n\t\t\t(changedProperties.has('theme') ||\n\t\t\t\tchangedProperties.has('showGrid') ||\n\t\t\t\tchangedProperties.has('showLabels') ||\n\t\t\t\tchangedProperties.has('peakCount')) &&\n\t\t\tthis.isVisible\n\t\t) {\n\t\t\tthis.drawChart()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\tthis.animationProgress = easeOutCubic(progress)\n\t\t\tthis.drawChart()\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate processData(): ProcessedDataPoint[] {\n\t\tif (!this.data || this.data.length === 0) return []\n\n\t\t// Find top N peak values\n\t\tconst sortedByValue = [...this.data].sort((a, b) => b.value - a.value)\n\t\tconst peakLabels = new Set(sortedByValue.slice(0, this.peakCount).map(d => d.label))\n\n\t\treturn this.data.map(d => ({\n\t\t\t...d,\n\t\t\tx: 0, // Will be calculated during draw\n\t\t\ty: 0, // Will be calculated during draw\n\t\t\tisPeak: peakLabels.has(d.label),\n\t\t}))\n\t}\n\n\tprivate getThemeValue<K extends keyof ChartTheme>(\n\t\tkey: K,\n\t\tdefaultValue: NonNullable<ChartTheme[K]>\n\t): NonNullable<ChartTheme[K]> {\n\t\treturn (this.theme[key] as NonNullable<ChartTheme[K]>) ?? defaultValue\n\t}\n\n\tprivate drawChart() {\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst ctx = canvas.getContext('2d')\n\t\tif (!ctx) return\n\n\t\tconst dpr = window.devicePixelRatio || 1\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst width = rect.width\n\t\tconst height = rect.height\n\n\t\t// Set canvas size for high DPI\n\t\tcanvas.width = width * dpr\n\t\tcanvas.height = height * dpr\n\t\tctx.scale(dpr, dpr)\n\n\t\t// Clear canvas\n\t\tctx.clearRect(0, 0, width, height)\n\n\t\tconst data = this.processData()\n\t\tif (data.length === 0) return\n\n\t\tconst padding = { top: 20, right: 20, bottom: this.showLabels ? 40 : 20, left: 20 }\n\t\tconst chartWidth = width - padding.left - padding.right\n\t\tconst chartHeight = height - padding.top - padding.bottom\n\n\t\t// Find max value for scaling\n\t\tconst maxValue = Math.max(...data.map(d => d.value), 1)\n\n\t\t// Calculate positions\n\t\tconst points = data.map((d, i) => ({\n\t\t\t...d,\n\t\t\tx: padding.left + (data.length > 1 ? (i / (data.length - 1)) * chartWidth : chartWidth / 2),\n\t\t\ty: padding.top + chartHeight - (d.value / maxValue) * chartHeight,\n\t\t}))\n\n\t\tthis.processedData = points\n\n\t\t// Get primary color from CSS or theme\n\t\tconst computedStyle = getComputedStyle(this)\n\t\tconst defaultPrimaryColor =\n\t\t\tcomputedStyle.getPropertyValue('--schmancy-sys-color-primary').trim() || '#6750A4'\n\t\tconst primaryColor = this.getThemeValue('primaryColor', defaultPrimaryColor)\n\t\tconst [gradientOpacityTop, gradientOpacityBottom] = this.getThemeValue('gradientOpacity', [0.4, 0.05])\n\t\tconst strokeWidth = this.getThemeValue('strokeWidth', 2)\n\t\tconst pointRadius = this.getThemeValue('pointRadius', 4)\n\t\tconst peakRadius = this.getThemeValue('peakRadius', 6)\n\n\t\t// Draw grid lines\n\t\tif (this.showGrid) {\n\t\t\tctx.strokeStyle = 'rgba(128, 128, 128, 0.15)'\n\t\t\tctx.lineWidth = 1\n\t\t\tctx.setLineDash([4, 4])\n\n\t\t\tfor (let i = 1; i <= 3; i++) {\n\t\t\t\tconst y = padding.top + (chartHeight * i) / 4\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(padding.left, y)\n\t\t\t\tctx.lineTo(width - padding.right, y)\n\t\t\t\tctx.stroke()\n\t\t\t}\n\n\t\t\tctx.setLineDash([])\n\t\t}\n\n\t\t// Create smooth curve path using Catmull-Rom spline\n\t\tconst curvePath = new Path2D()\n\t\tconst areaPath = new Path2D()\n\n\t\tif (points.length >= 2) {\n\t\t\t// Start area path from bottom left\n\t\t\tareaPath.moveTo(points[0].x, padding.top + chartHeight)\n\t\t\tcurvePath.moveTo(points[0].x, points[0].y)\n\t\t\tareaPath.lineTo(points[0].x, points[0].y)\n\n\t\t\tfor (let i = 0; i < points.length - 1; i++) {\n\t\t\t\tconst p0 = points[Math.max(0, i - 1)]\n\t\t\t\tconst p1 = points[i]\n\t\t\t\tconst p2 = points[Math.min(points.length - 1, i + 1)]\n\t\t\t\tconst p3 = points[Math.min(points.length - 1, i + 2)]\n\n\t\t\t\t// Draw curve segments\n\t\t\t\tconst segments = 16\n\t\t\t\tfor (let j = 1; j <= segments; j++) {\n\t\t\t\t\tconst t = j / segments\n\t\t\t\t\tconst point = catmullRomSpline(p0, p1, p2, p3, t)\n\t\t\t\t\tcurvePath.lineTo(point.x, point.y)\n\t\t\t\t\tareaPath.lineTo(point.x, point.y)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Close area path\n\t\t\tareaPath.lineTo(points[points.length - 1].x, padding.top + chartHeight)\n\t\t\tareaPath.closePath()\n\t\t} else if (points.length === 1) {\n\t\t\t// Single point - draw a dot\n\t\t\tcurvePath.arc(points[0].x, points[0].y, pointRadius, 0, Math.PI * 2)\n\t\t}\n\n\t\t// Apply animation clipping\n\t\tctx.save()\n\t\tctx.beginPath()\n\t\tctx.rect(0, 0, padding.left + chartWidth * this.animationProgress, height)\n\t\tctx.clip()\n\n\t\t// Draw gradient fill\n\t\tif (points.length >= 2) {\n\t\t\tconst gradient = ctx.createLinearGradient(0, padding.top, 0, padding.top + chartHeight)\n\t\t\tgradient.addColorStop(0, hexToRgba(primaryColor, gradientOpacityTop))\n\t\t\tgradient.addColorStop(1, hexToRgba(primaryColor, gradientOpacityBottom))\n\n\t\t\tctx.fillStyle = gradient\n\t\t\tctx.fill(areaPath)\n\t\t}\n\n\t\t// Draw stroke\n\t\tctx.strokeStyle = primaryColor\n\t\tctx.lineWidth = strokeWidth\n\t\tctx.lineCap = 'round'\n\t\tctx.lineJoin = 'round'\n\t\tctx.stroke(curvePath)\n\n\t\t// Draw data points\n\t\tpoints.forEach((point, index) => {\n\t\t\tconst pointProgress = (index / (points.length - 1 || 1)) * this.animationProgress\n\t\t\tif (pointProgress < index / (points.length || 1)) return\n\n\t\t\tconst radius = point.isPeak ? peakRadius - 1 : pointRadius - 1\n\t\t\tconst outerRadius = point.isPeak ? peakRadius + 4 : pointRadius + 2\n\n\t\t\t// Outer glow for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, outerRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = hexToRgba(primaryColor, 0.2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\t// Inner dot\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(point.x, point.y, radius, 0, Math.PI * 2)\n\t\t\tctx.fillStyle = primaryColor\n\t\t\tctx.fill()\n\n\t\t\t// White center for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, 2, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = 'white'\n\t\t\t\tctx.fill()\n\t\t\t}\n\t\t})\n\n\t\tctx.restore()\n\n\t\t// Draw labels\n\t\tif (this.showLabels && points.length > 0) {\n\t\t\tctx.fillStyle = 'rgba(128, 128, 128, 0.8)'\n\t\t\tctx.font = '11px system-ui, sans-serif'\n\t\t\tctx.textAlign = 'center'\n\t\t\tctx.textBaseline = 'top'\n\n\t\t\t// Show fewer labels on narrow charts\n\t\t\tconst labelStep = width < 400 ? 3 : width < 600 ? 2 : 1\n\t\t\tpoints.forEach((point, index) => {\n\t\t\t\tif (index % labelStep === 0) {\n\t\t\t\t\tctx.fillText(point.label, point.x, height - padding.bottom + 8)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate handlePointerMove = (e: PointerEvent) => {\n\t\tif (this.processedData.length === 0 || !this.showTooltip) return\n\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\n\t\t// Find closest data point\n\t\tlet closestPoint: ProcessedDataPoint | null = null\n\t\tlet minDistance = Infinity\n\n\t\tthis.processedData.forEach(point => {\n\t\t\tconst distance = Math.abs(point.x - x)\n\t\t\tif (distance < minDistance) {\n\t\t\t\tminDistance = distance\n\t\t\t\tclosestPoint = point\n\t\t\t}\n\t\t})\n\n\t\tif (closestPoint && minDistance < 30) {\n\t\t\tthis.tooltipData = {\n\t\t\t\tvisible: true,\n\t\t\t\tx: closestPoint.x,\n\t\t\t\ty: closestPoint.y,\n\t\t\t\tlabel: closestPoint.label,\n\t\t\t\tvalue: closestPoint.value,\n\t\t\t\tmetadata: closestPoint.metadata,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t\t}\n\t}\n\n\tprivate handlePointerLeave = () => {\n\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t}\n\n\tprivate renderMetadata() {\n\t\tif (!this.tooltipData.metadata) return ''\n\t\treturn Object.entries(this.tooltipData.metadata).map(\n\t\t\t([key, value]) => html`\n\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t${key}: ${String(value)}\n\t\t\t\t</schmancy-typography>\n\t\t\t`\n\t\t)\n\t}\n\n\trender() {\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div ${ref(this.containerRef)} class=\"relative\">\n\t\t\t\t<div class=\"relative\" style=\"height: ${this.height}px; touch-action: pan-y;\">\n\t\t\t\t\t<canvas\n\t\t\t\t\t\t${ref(this.canvasRef)}\n\t\t\t\t\t\tclass=\"w-full h-full\"\n\t\t\t\t\t\tstyle=\"display: block;\"\n\t\t\t\t\t\t@pointermove=${this.handlePointerMove}\n\t\t\t\t\t\t@pointerleave=${this.handlePointerLeave}\n\t\t\t\t\t></canvas>\n\n\t\t\t\t\t<!-- Tooltip -->\n\t\t\t\t\t${this.showTooltip\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"absolute pointer-events-none transition-opacity duration-150 ${this.tooltipData.visible\n\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t: 'opacity-0'}\"\n\t\t\t\t\t\t\t\t\tstyle=\"\n                    left: ${this.tooltipData.x}px;\n                    top: ${this.tooltipData.y - 60}px;\n                    transform: translateX(-50%);\n                  \"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-surface elevation=\"3\" rounded=\"all\" class=\"px-3 py-2 min-w-max\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t\t\t\t${this.tooltipData.label}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"text-surface-on font-semibold\">\n\t\t\t\t\t\t\t\t\t\t\t${this.formatValue(this.tooltipData.value)}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${this.renderMetadata()}\n\t\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: ''}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area-chart': SchmancyAreaChart\n\t}\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { $LitElement } from '@mixins/index'\nimport type { PillDataPoint, PillSegment } from './types'\n\n/** Default color palette for segments - expanded for uniqueness */\nconst DEFAULT_COLORS = [\n\t'bg-primary',\n\t'bg-secondary',\n\t'bg-tertiary',\n\t'bg-success',\n\t'bg-warning',\n\t'bg-error',\n\t'bg-primary/70',\n\t'bg-secondary/70',\n\t'bg-tertiary/70',\n\t'bg-success/70',\n\t'bg-warning/70',\n\t'bg-error/70',\n\t'bg-primary/40',\n\t'bg-secondary/40',\n\t'bg-tertiary/40',\n]\n\n@customElement('schmancy-pills')\nexport class SchmancyPills extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: PillDataPoint[] = []\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Show medals for top 3 */\n\t@property({ type: Boolean })\n\tshowMedals = true\n\n\t/** Show legend for segments */\n\t@property({ type: Boolean })\n\tshowLegend = true\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 500\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Label column width (Tailwind class) */\n\t@property({ type: String })\n\tlabelWidth = 'w-14'\n\n\t/** Value column width (Tailwind class) */\n\t@property({ type: String })\n\tvalueWidth = 'w-20'\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\t@state() private categoryColorMap = new Map<string, string>()\n\n\tprivate observer: IntersectionObserver | null = null\n\tprivate animationFrameId: number | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected firstUpdated() {\n\t\tif (this.observer) {\n\t\t\tthis.observer.observe(this)\n\t\t}\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Restart animation when data changes\n\t\tif (changedProperties.has('data') && this.isVisible && this.animated) {\n\t\t\tthis.animationProgress = 0\n\t\t\tthis.startAnimation()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\t// Ease out cubic\n\t\t\tthis.animationProgress = 1 - Math.pow(1 - progress, 3)\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate initializeCategoryColors(): void {\n\t\t// Build consistent color map from all segments in data\n\t\tconst categoryTotals = new Map<string, number>()\n\t\tconst explicitColors = new Map<string, string>()\n\n\t\tthis.data.forEach(d => {\n\t\t\tif (d.segments) {\n\t\t\t\td.segments.forEach(seg => {\n\t\t\t\t\tcategoryTotals.set(seg.label, (categoryTotals.get(seg.label) || 0) + seg.value)\n\t\t\t\t\t// Capture explicit colors from segments\n\t\t\t\t\tif (seg.color && !explicitColors.has(seg.label)) {\n\t\t\t\t\t\texplicitColors.set(seg.label, seg.color)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Sort by total value (most = first color)\n\t\tconst sortedCategories = Array.from(categoryTotals.entries())\n\t\t\t.sort((a, b) => b[1] - a[1])\n\t\t\t.map(([cat]) => cat)\n\n\t\t// Clear and rebuild - use explicit colors if available, otherwise default palette\n\t\tthis.categoryColorMap.clear()\n\t\tlet defaultColorIndex = 0\n\t\tsortedCategories.forEach(cat => {\n\t\t\tif (explicitColors.has(cat)) {\n\t\t\t\tthis.categoryColorMap.set(cat, explicitColors.get(cat)!)\n\t\t\t} else {\n\t\t\t\tthis.categoryColorMap.set(cat, DEFAULT_COLORS[defaultColorIndex % DEFAULT_COLORS.length])\n\t\t\t\tdefaultColorIndex++\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate getSegmentColor(segment: PillSegment): string {\n\t\t// Use explicit color if provided\n\t\tif (segment.color) return segment.color\n\t\t// Otherwise use from color map\n\t\treturn this.categoryColorMap.get(segment.label) || 'bg-primary'\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate getMedalEmoji(rank: number | undefined): string {\n\t\tif (!this.showMedals || !rank) return ''\n\t\tif (rank === 1) return '🥇'\n\t\tif (rank === 2) return '🥈'\n\t\tif (rank === 3) return '🥉'\n\t\treturn ''\n\t}\n\n\tprivate getMaxValue(): number {\n\t\tif (this.data.length === 0) return 0\n\t\treturn Math.max(...this.data.map(d => d.value), 1)\n\t}\n\n\tprivate renderBar(dataPoint: PillDataPoint, maxValue: number): ReturnType<typeof html> {\n\t\tconst percentage = maxValue > 0 ? (dataPoint.value / maxValue) * 100 : 0\n\t\tconst animatedPercentage = percentage * this.animationProgress\n\n\t\t// If no segments, render solid bar\n\t\tif (!dataPoint.segments || dataPoint.segments.length === 0) {\n\t\t\tconst barColorClass = dataPoint.isPeak\n\t\t\t\t? 'bg-success'\n\t\t\t\t: dataPoint.isLow\n\t\t\t\t\t? 'bg-tertiary opacity-70'\n\t\t\t\t\t: dataPoint.value === 0\n\t\t\t\t\t\t? 'bg-tertiary/40'\n\t\t\t\t\t\t: 'bg-primary'\n\n\t\t\treturn html`\n\t\t\t\t<div\n\t\t\t\t\tclass=\"${barColorClass} h-full transition-all rounded-full\"\n\t\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, dataPoint.value > 0 ? 2 : 0)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t\t\ttitle=\"${this.formatValue(dataPoint.value)}\"\n\t\t\t\t></div>\n\t\t\t`\n\t\t}\n\n\t\t// Stacked bar with segments\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"h-full flex\"\n\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, 2)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tdataPoint.segments,\n\t\t\t\t\tseg => seg.label,\n\t\t\t\t\t(seg, index) => {\n\t\t\t\t\t\tconst segmentPercentage = dataPoint.value > 0 ? (seg.value / dataPoint.value) * 100 : 0\n\t\t\t\t\t\tconst marginLeft = index > 0 ? 'ml-px' : ''\n\t\t\t\t\t\tconst brightenClass = dataPoint.isPeak ? 'brightness-110' : ''\n\t\t\t\t\t\tconst colorClass = this.getSegmentColor(seg)\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"${colorClass} ${marginLeft} ${brightenClass} h-full transition-all\n\t\t\t\t\t\t\t\t\t${index === 0 ? 'rounded-l-full' : ''}\n\t\t\t\t\t\t\t\t\t${index === dataPoint.segments!.length - 1 ? 'rounded-r-full' : ''}\"\n\t\t\t\t\t\t\t\tstyle=\"width: ${segmentPercentage}%\"\n\t\t\t\t\t\t\t\ttitle=\"${seg.label}: ${this.formatValue(seg.value)}\"\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate renderLegend(): ReturnType<typeof html> {\n\t\tif (!this.showLegend || this.categoryColorMap.size === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-outline-variant\">\n\t\t\t\t${repeat(\n\t\t\t\t\tArray.from(this.categoryColorMap.entries()),\n\t\t\t\t\t([cat]) => cat,\n\t\t\t\t\t([cat, color]) => html`\n\t\t\t\t\t\t<div class=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t<div class=\"${color} w-3 h-3 rounded-sm\"></div>\n\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t${cat}\n\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\t// Initialize colors before rendering\n\t\tthis.initializeCategoryColors()\n\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\tconst maxValue = this.getMaxValue()\n\n\t\treturn html`\n\t\t\t<div class=\"space-y-1\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.data,\n\t\t\t\t\td => d.label,\n\t\t\t\t\td => {\n\t\t\t\t\t\tconst rowBgClass = d.isPeak ? 'bg-success/10 rounded-lg' : ''\n\t\t\t\t\t\tconst textColorClass = d.isPeak ? 'text-success font-bold' : 'text-surface-on'\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-3 py-2 px-2 ${rowBgClass}\">\n\t\t\t\t\t\t\t\t<!-- Label -->\n\t\t\t\t\t\t\t\t<div class=\"${this.labelWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${d.label}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Medal -->\n\t\t\t\t\t\t\t\t<div class=\"w-6 shrink-0 text-center\">\n\t\t\t\t\t\t\t\t\t${d.isPeak || (d.rank && d.rank <= 3)\n\t\t\t\t\t\t\t\t\t\t? html`<span class=\"text-sm\">${this.getMedalEmoji(d.rank)}</span>`\n\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Bar -->\n\t\t\t\t\t\t\t\t<div class=\"flex-1 h-6 bg-secondary/15 rounded-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t${this.renderBar(d, maxValue)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Value -->\n\t\t\t\t\t\t\t\t<div class=\"${this.valueWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${this.formatValue(d.value)}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<!-- Legend -->\n\t\t\t${this.renderLegend()}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-pills': SchmancyPills\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":[],"sources":["../src/charts/utils.ts","../src/charts/area-chart.ts","../src/charts/pills.ts"],"sourcesContent":["/**\n * Catmull-Rom spline interpolation for smooth curves\n * Returns the interpolated point between p1 and p2\n */\nexport function catmullRomSpline(\n\tp0: { x: number; y: number },\n\tp1: { x: number; y: number },\n\tp2: { x: number; y: number },\n\tp3: { x: number; y: number },\n\tt: number\n): { x: number; y: number } {\n\tconst t2 = t * t\n\tconst t3 = t2 * t\n\n\tconst x =\n\t\t0.5 *\n\t\t(2 * p1.x +\n\t\t\t(-p0.x + p2.x) * t +\n\t\t\t(2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * t2 +\n\t\t\t(-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * t3)\n\n\tconst y =\n\t\t0.5 *\n\t\t(2 * p1.y +\n\t\t\t(-p0.y + p2.y) * t +\n\t\t\t(2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * t2 +\n\t\t\t(-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * t3)\n\n\treturn { x, y }\n}\n\n/**\n * Converts hex or rgb color to rgba string\n */\nexport function hexToRgba(color: string, alpha: number): string {\n\t// Handle rgb/rgba format\n\tif (color.startsWith('rgb')) {\n\t\tconst match = color.match(/[\\d.]+/g)\n\t\tif (match && match.length >= 3) {\n\t\t\treturn `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`\n\t\t}\n\t}\n\n\t// Handle hex format\n\tlet hex = color.replace('#', '')\n\tif (hex.length === 3) {\n\t\thex = hex\n\t\t\t.split('')\n\t\t\t.map(c => c + c)\n\t\t\t.join('')\n\t}\n\n\tconst r = parseInt(hex.substring(0, 2), 16)\n\tconst g = parseInt(hex.substring(2, 4), 16)\n\tconst b = parseInt(hex.substring(4, 6), 16)\n\n\treturn `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Cubic ease-out animation function\n */\nexport function easeOutCubic(t: number): number {\n\treturn 1 - Math.pow(1 - t, 3)\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { SchmancyElement } from '@mixins/index'\nimport type { ChartDataPoint, ChartTheme, ProcessedDataPoint } from './types'\nimport { catmullRomSpline, hexToRgba, easeOutCubic } from './utils'\n\ninterface TooltipData {\n\tvisible: boolean\n\tx: number\n\ty: number\n\tlabel: string\n\tvalue: number\n\tmetadata?: Record<string, unknown>\n}\n\n@customElement('schmancy-area-chart')\nexport class SchmancyAreaChart extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: ChartDataPoint[] = []\n\n\t/** Chart height in pixels */\n\t@property({ type: Number })\n\theight = 200\n\n\t/** Show grid lines */\n\t@property({ type: Boolean })\n\tshowGrid = true\n\n\t/** Show x-axis labels */\n\t@property({ type: Boolean })\n\tshowLabels = true\n\n\t/** Enable tooltips */\n\t@property({ type: Boolean })\n\tshowTooltip = true\n\n\t/** Number of peaks to highlight */\n\t@property({ type: Number })\n\tpeakCount = 3\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 800\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Theme overrides */\n\t@property({ type: Object })\n\ttheme: Partial<ChartTheme> = {}\n\n\t@state() private tooltipData: TooltipData = {\n\t\tvisible: false,\n\t\tx: 0,\n\t\ty: 0,\n\t\tlabel: '',\n\t\tvalue: 0,\n\t}\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\n\tprivate canvasRef: Ref<HTMLCanvasElement> = createRef()\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate animationFrameId: number | null = null\n\tprivate observer: IntersectionObserver | null = null\n\tprivate processedData: ProcessedDataPoint[] = []\n\tprivate resizeObserver: ResizeObserver | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t\tif (this.resizeObserver) {\n\t\t\tthis.resizeObserver.disconnect()\n\t\t\tthis.resizeObserver = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t\tthis.drawChart()\n\t\t\t\t\t}\n\t\t\t\t} else if (!entry.isIntersecting) {\n\t\t\t\t\tthis.isVisible = false\n\t\t\t\t\tif (this.animationFrameId !== null) {\n\t\t\t\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\t\t\t\tthis.animationFrameId = null\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\tif (this.containerRef.value && this.observer) {\n\t\t\tthis.observer.observe(this.containerRef.value)\n\t\t}\n\n\t\tif (this.canvasRef.value && !this.resizeObserver) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => {\n\t\t\t\tthis.drawChart()\n\t\t\t})\n\t\t\tthis.resizeObserver.observe(this.canvasRef.value)\n\t\t}\n\n\t\t// Redraw when data changes\n\t\tif (changedProperties.has('data') && this.isVisible) {\n\t\t\tif (this.animated) {\n\t\t\t\tthis.animationProgress = 0\n\t\t\t\tthis.startAnimation()\n\t\t\t} else {\n\t\t\t\tthis.animationProgress = 1\n\t\t\t\tthis.drawChart()\n\t\t\t}\n\t\t}\n\n\t\t// Redraw on theme or config changes\n\t\tif (\n\t\t\t(changedProperties.has('theme') ||\n\t\t\t\tchangedProperties.has('showGrid') ||\n\t\t\t\tchangedProperties.has('showLabels') ||\n\t\t\t\tchangedProperties.has('peakCount')) &&\n\t\t\tthis.isVisible\n\t\t) {\n\t\t\tthis.drawChart()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\tthis.animationProgress = easeOutCubic(progress)\n\t\t\tthis.drawChart()\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate processData(): ProcessedDataPoint[] {\n\t\tif (!this.data || this.data.length === 0) return []\n\n\t\t// Find top N peak values\n\t\tconst sortedByValue = [...this.data].toSorted((a, b) => b.value - a.value)\n\t\tconst peakLabels = new Set(sortedByValue.slice(0, this.peakCount).map(d => d.label))\n\n\t\treturn this.data.map(d => ({\n\t\t\t...d,\n\t\t\tx: 0, // Will be calculated during draw\n\t\t\ty: 0, // Will be calculated during draw\n\t\t\tisPeak: peakLabels.has(d.label),\n\t\t}))\n\t}\n\n\tprivate getThemeValue<K extends keyof ChartTheme>(\n\t\tkey: K,\n\t\tdefaultValue: NonNullable<ChartTheme[K]>\n\t): NonNullable<ChartTheme[K]> {\n\t\treturn (this.theme[key] as NonNullable<ChartTheme[K]>) ?? defaultValue\n\t}\n\n\tprivate drawChart() {\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst ctx = canvas.getContext('2d')\n\t\tif (!ctx) return\n\n\t\tconst dpr = window.devicePixelRatio || 1\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst width = rect.width\n\t\tconst height = rect.height\n\n\t\t// Set canvas size for high DPI\n\t\tcanvas.width = width * dpr\n\t\tcanvas.height = height * dpr\n\t\tctx.scale(dpr, dpr)\n\n\t\t// Clear canvas\n\t\tctx.clearRect(0, 0, width, height)\n\n\t\tconst data = this.processData()\n\t\tif (data.length === 0) return\n\n\t\tconst padding = { top: 20, right: 20, bottom: this.showLabels ? 40 : 20, left: 20 }\n\t\tconst chartWidth = width - padding.left - padding.right\n\t\tconst chartHeight = height - padding.top - padding.bottom\n\n\t\t// Find max value for scaling\n\t\tconst maxValue = Math.max(...data.map(d => d.value), 1)\n\n\t\t// Calculate positions\n\t\t// oxlint-disable-next-line oxc/no-map-spread\n\t\tconst points = data.map((d, i) => ({\n\t\t\t...d,\n\t\t\tx: padding.left + (data.length > 1 ? (i / (data.length - 1)) * chartWidth : chartWidth / 2),\n\t\t\ty: padding.top + chartHeight - (d.value / maxValue) * chartHeight,\n\t\t}))\n\n\t\tthis.processedData = points\n\n\t\t// Get primary color from CSS or theme\n\t\tconst computedStyle = getComputedStyle(this)\n\t\tconst defaultPrimaryColor =\n\t\t\tcomputedStyle.getPropertyValue('--schmancy-sys-color-primary').trim() || '#6750A4'\n\t\tconst primaryColor = this.getThemeValue('primaryColor', defaultPrimaryColor)\n\t\tconst [gradientOpacityTop, gradientOpacityBottom] = this.getThemeValue('gradientOpacity', [0.4, 0.05])\n\t\tconst strokeWidth = this.getThemeValue('strokeWidth', 2)\n\t\tconst pointRadius = this.getThemeValue('pointRadius', 4)\n\t\tconst peakRadius = this.getThemeValue('peakRadius', 6)\n\n\t\t// Draw grid lines\n\t\tif (this.showGrid) {\n\t\t\tctx.strokeStyle = 'rgba(128, 128, 128, 0.15)'\n\t\t\tctx.lineWidth = 1\n\t\t\tctx.setLineDash([4, 4])\n\n\t\t\tfor (let i = 1; i <= 3; i++) {\n\t\t\t\tconst y = padding.top + (chartHeight * i) / 4\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(padding.left, y)\n\t\t\t\tctx.lineTo(width - padding.right, y)\n\t\t\t\tctx.stroke()\n\t\t\t}\n\n\t\t\tctx.setLineDash([])\n\t\t}\n\n\t\t// Create smooth curve path using Catmull-Rom spline\n\t\tconst curvePath = new Path2D()\n\t\tconst areaPath = new Path2D()\n\n\t\tif (points.length >= 2) {\n\t\t\t// Start area path from bottom left\n\t\t\tareaPath.moveTo(points[0].x, padding.top + chartHeight)\n\t\t\tcurvePath.moveTo(points[0].x, points[0].y)\n\t\t\tareaPath.lineTo(points[0].x, points[0].y)\n\n\t\t\tfor (let i = 0; i < points.length - 1; i++) {\n\t\t\t\tconst p0 = points[Math.max(0, i - 1)]\n\t\t\t\tconst p1 = points[i]\n\t\t\t\tconst p2 = points[Math.min(points.length - 1, i + 1)]\n\t\t\t\tconst p3 = points[Math.min(points.length - 1, i + 2)]\n\n\t\t\t\t// Draw curve segments\n\t\t\t\tconst segments = 16\n\t\t\t\tfor (let j = 1; j <= segments; j++) {\n\t\t\t\t\tconst t = j / segments\n\t\t\t\t\tconst point = catmullRomSpline(p0, p1, p2, p3, t)\n\t\t\t\t\tcurvePath.lineTo(point.x, point.y)\n\t\t\t\t\tareaPath.lineTo(point.x, point.y)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Close area path\n\t\t\tareaPath.lineTo(points[points.length - 1].x, padding.top + chartHeight)\n\t\t\tareaPath.closePath()\n\t\t} else if (points.length === 1) {\n\t\t\t// Single point - draw a dot\n\t\t\tcurvePath.arc(points[0].x, points[0].y, pointRadius, 0, Math.PI * 2)\n\t\t}\n\n\t\t// Apply animation clipping\n\t\tctx.save()\n\t\tctx.beginPath()\n\t\tctx.rect(0, 0, padding.left + chartWidth * this.animationProgress, height)\n\t\tctx.clip()\n\n\t\t// Draw gradient fill\n\t\tif (points.length >= 2) {\n\t\t\tconst gradient = ctx.createLinearGradient(0, padding.top, 0, padding.top + chartHeight)\n\t\t\tgradient.addColorStop(0, hexToRgba(primaryColor, gradientOpacityTop))\n\t\t\tgradient.addColorStop(1, hexToRgba(primaryColor, gradientOpacityBottom))\n\n\t\t\tctx.fillStyle = gradient\n\t\t\tctx.fill(areaPath)\n\t\t}\n\n\t\t// Draw stroke\n\t\tctx.strokeStyle = primaryColor\n\t\tctx.lineWidth = strokeWidth\n\t\tctx.lineCap = 'round'\n\t\tctx.lineJoin = 'round'\n\t\tctx.stroke(curvePath)\n\n\t\t// Draw data points\n\t\tpoints.forEach((point, index) => {\n\t\t\tconst pointProgress = (index / (points.length - 1 || 1)) * this.animationProgress\n\t\t\tif (pointProgress < index / (points.length || 1)) return\n\n\t\t\tconst radius = point.isPeak ? peakRadius - 1 : pointRadius - 1\n\t\t\tconst outerRadius = point.isPeak ? peakRadius + 4 : pointRadius + 2\n\n\t\t\t// Outer glow for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, outerRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = hexToRgba(primaryColor, 0.2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\t// Inner dot\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(point.x, point.y, radius, 0, Math.PI * 2)\n\t\t\tctx.fillStyle = primaryColor\n\t\t\tctx.fill()\n\n\t\t\t// White center for peaks\n\t\t\tif (point.isPeak) {\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(point.x, point.y, 2, 0, Math.PI * 2)\n\t\t\t\tctx.fillStyle = 'white'\n\t\t\t\tctx.fill()\n\t\t\t}\n\t\t})\n\n\t\tctx.restore()\n\n\t\t// Draw labels\n\t\tif (this.showLabels && points.length > 0) {\n\t\t\tctx.fillStyle = 'rgba(128, 128, 128, 0.8)'\n\t\t\tctx.font = '11px system-ui, sans-serif'\n\t\t\tctx.textAlign = 'center'\n\t\t\tctx.textBaseline = 'top'\n\n\t\t\t// Show fewer labels on narrow charts\n\t\t\tconst labelStep = width < 400 ? 3 : width < 600 ? 2 : 1\n\t\t\tpoints.forEach((point, index) => {\n\t\t\t\tif (index % labelStep === 0) {\n\t\t\t\t\tctx.fillText(point.label, point.x, height - padding.bottom + 8)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate handlePointerMove = (e: PointerEvent) => {\n\t\tif (this.processedData.length === 0 || !this.showTooltip) return\n\n\t\tconst canvas = this.canvasRef.value\n\t\tif (!canvas) return\n\n\t\tconst rect = canvas.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\n\t\t// Find closest data point\n\t\tlet closestPoint: ProcessedDataPoint | null = null\n\t\tlet minDistance = Infinity\n\n\t\tthis.processedData.forEach(point => {\n\t\t\tconst distance = Math.abs(point.x - x)\n\t\t\tif (distance < minDistance) {\n\t\t\t\tminDistance = distance\n\t\t\t\tclosestPoint = point\n\t\t\t}\n\t\t})\n\n\t\tif (closestPoint && minDistance < 30) {\n\t\t\tthis.tooltipData = {\n\t\t\t\tvisible: true,\n\t\t\t\tx: closestPoint.x,\n\t\t\t\ty: closestPoint.y,\n\t\t\t\tlabel: closestPoint.label,\n\t\t\t\tvalue: closestPoint.value,\n\t\t\t\tmetadata: closestPoint.metadata,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t\t}\n\t}\n\n\tprivate handlePointerLeave = () => {\n\t\tthis.tooltipData = { ...this.tooltipData, visible: false }\n\t}\n\n\tprivate renderMetadata() {\n\t\tif (!this.tooltipData.metadata) return ''\n\t\treturn Object.entries(this.tooltipData.metadata).map(\n\t\t\t([key, value]) => html`\n\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t${key}: ${String(value)}\n\t\t\t\t</schmancy-typography>\n\t\t\t`\n\t\t)\n\t}\n\n\trender() {\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div ${ref(this.containerRef)} class=\"relative\">\n\t\t\t\t<div class=\"relative\" style=\"height: ${this.height}px; touch-action: pan-y;\">\n\t\t\t\t\t<canvas\n\t\t\t\t\t\t${ref(this.canvasRef)}\n\t\t\t\t\t\tclass=\"w-full h-full\"\n\t\t\t\t\t\tstyle=\"display: block;\"\n\t\t\t\t\t\t@pointermove=${this.handlePointerMove}\n\t\t\t\t\t\t@pointerleave=${this.handlePointerLeave}\n\t\t\t\t\t></canvas>\n\n\t\t\t\t\t<!-- Tooltip -->\n\t\t\t\t\t${this.showTooltip\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"absolute pointer-events-none transition-opacity duration-150 ${this.tooltipData.visible\n\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t: 'opacity-0'}\"\n\t\t\t\t\t\t\t\t\tstyle=\"\n                    left: ${this.tooltipData.x}px;\n                    top: ${this.tooltipData.y - 60}px;\n                    transform: translateX(-50%);\n                  \"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-surface elevation=\"3\" rounded=\"all\" class=\"px-3 py-2 min-w-max\">\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t\t\t\t${this.tooltipData.label}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\" class=\"text-surface-on font-semibold\">\n\t\t\t\t\t\t\t\t\t\t\t${this.formatValue(this.tooltipData.value)}\n\t\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t\t\t${this.renderMetadata()}\n\t\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: ''}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area-chart': SchmancyAreaChart\n\t}\n}\n","import { html, css, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { SchmancyElement } from '@mixins/index'\nimport type { PillDataPoint, PillSegment } from './types'\n\n/** Default color palette for segments - expanded for uniqueness */\nconst DEFAULT_COLORS = [\n\t'bg-primary',\n\t'bg-secondary',\n\t'bg-tertiary',\n\t'bg-success',\n\t'bg-warning',\n\t'bg-error',\n\t'bg-primary/70',\n\t'bg-secondary/70',\n\t'bg-tertiary/70',\n\t'bg-success/70',\n\t'bg-warning/70',\n\t'bg-error/70',\n\t'bg-primary/40',\n\t'bg-secondary/40',\n\t'bg-tertiary/40',\n]\n\n@customElement('schmancy-pills')\nexport class SchmancyPills extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`]\n\n\t/** Chart data points */\n\t@property({ type: Array })\n\tdata: PillDataPoint[] = []\n\n\t/** Prefix for values (e.g., \"EUR \") */\n\t@property({ type: String })\n\tvaluePrefix = ''\n\n\t/** Suffix for values (e.g., \"%\") */\n\t@property({ type: String })\n\tvalueSuffix = ''\n\n\t/** Decimal places for value display */\n\t@property({ type: Number })\n\tvalueDecimals = 2\n\n\t/** Show medals for top 3 */\n\t@property({ type: Boolean })\n\tshowMedals = true\n\n\t/** Show legend for segments */\n\t@property({ type: Boolean })\n\tshowLegend = true\n\n\t/** Animation duration in milliseconds */\n\t@property({ type: Number })\n\tanimationDuration = 500\n\n\t/** Enable entrance animation */\n\t@property({ type: Boolean })\n\tanimated = true\n\n\t/** Label column width (Tailwind class) */\n\t@property({ type: String })\n\tlabelWidth = 'w-14'\n\n\t/** Value column width (Tailwind class) */\n\t@property({ type: String })\n\tvalueWidth = 'w-20'\n\n\t@state() private animationProgress = 0\n\t@state() private isVisible = false\n\t@state() private categoryColorMap = new Map<string, string>()\n\n\tprivate observer: IntersectionObserver | null = null\n\tprivate animationFrameId: number | null = null\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupIntersectionObserver()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanup()\n\t}\n\n\tprivate cleanup() {\n\t\tif (this.animationFrameId !== null) {\n\t\t\tcancelAnimationFrame(this.animationFrameId)\n\t\t\tthis.animationFrameId = null\n\t\t}\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t\tthis.observer = null\n\t\t}\n\t}\n\n\tprivate setupIntersectionObserver() {\n\t\tthis.observer = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tconst entry = entries[0]\n\t\t\t\tif (entry.isIntersecting && !this.isVisible) {\n\t\t\t\t\tthis.isVisible = true\n\t\t\t\t\tif (this.animated) {\n\t\t\t\t\t\tthis.startAnimation()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.animationProgress = 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ threshold: 0.1 }\n\t\t)\n\t}\n\n\tprotected firstUpdated() {\n\t\tif (this.observer) {\n\t\t\tthis.observer.observe(this)\n\t\t}\n\t}\n\n\tprotected updated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Restart animation when data changes\n\t\tif (changedProperties.has('data') && this.isVisible && this.animated) {\n\t\t\tthis.animationProgress = 0\n\t\t\tthis.startAnimation()\n\t\t}\n\t}\n\n\tprivate startAnimation() {\n\t\tconst startTime = performance.now()\n\t\tconst duration = this.animationDuration\n\n\t\tconst animateFrame = (currentTime: number) => {\n\t\t\tconst elapsed = currentTime - startTime\n\t\t\tconst progress = Math.min(elapsed / duration, 1)\n\n\t\t\t// Ease out cubic\n\t\t\tthis.animationProgress = 1 - Math.pow(1 - progress, 3)\n\n\t\t\tif (progress < 1 && this.isVisible) {\n\t\t\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t\t\t}\n\t\t}\n\n\t\tthis.animationFrameId = requestAnimationFrame(animateFrame)\n\t}\n\n\tprivate initializeCategoryColors(): void {\n\t\t// Build consistent color map from all segments in data\n\t\tconst categoryTotals = new Map<string, number>()\n\t\tconst explicitColors = new Map<string, string>()\n\n\t\tthis.data.forEach(d => {\n\t\t\tif (d.segments) {\n\t\t\t\td.segments.forEach(seg => {\n\t\t\t\t\tcategoryTotals.set(seg.label, (categoryTotals.get(seg.label) || 0) + seg.value)\n\t\t\t\t\t// Capture explicit colors from segments\n\t\t\t\t\tif (seg.color && !explicitColors.has(seg.label)) {\n\t\t\t\t\t\texplicitColors.set(seg.label, seg.color)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Sort by total value (most = first color)\n\t\tconst sortedCategories = Array.from(categoryTotals.entries())\n\t\t\t.toSorted((a, b) => b[1] - a[1])\n\t\t\t.map(([cat]) => cat)\n\n\t\t// Clear and rebuild - use explicit colors if available, otherwise default palette\n\t\tthis.categoryColorMap.clear()\n\t\tlet defaultColorIndex = 0\n\t\tsortedCategories.forEach(cat => {\n\t\t\tif (explicitColors.has(cat)) {\n\t\t\t\tthis.categoryColorMap.set(cat, explicitColors.get(cat)!)\n\t\t\t} else {\n\t\t\t\tthis.categoryColorMap.set(cat, DEFAULT_COLORS[defaultColorIndex % DEFAULT_COLORS.length])\n\t\t\t\tdefaultColorIndex++\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate getSegmentColor(segment: PillSegment): string {\n\t\t// Use explicit color if provided\n\t\tif (segment.color) return segment.color\n\t\t// Otherwise use from color map\n\t\treturn this.categoryColorMap.get(segment.label) || 'bg-primary'\n\t}\n\n\tprivate formatValue(value: number): string {\n\t\tconst formatted = value.toFixed(this.valueDecimals)\n\t\treturn `${this.valuePrefix}${formatted}${this.valueSuffix}`\n\t}\n\n\tprivate getMedalEmoji(rank: number | undefined): string {\n\t\tif (!this.showMedals || !rank) return ''\n\t\tif (rank === 1) return '🥇'\n\t\tif (rank === 2) return '🥈'\n\t\tif (rank === 3) return '🥉'\n\t\treturn ''\n\t}\n\n\tprivate getMaxValue(): number {\n\t\tif (this.data.length === 0) return 0\n\t\treturn Math.max(...this.data.map(d => d.value), 1)\n\t}\n\n\tprivate renderBar(dataPoint: PillDataPoint, maxValue: number): ReturnType<typeof html> {\n\t\tconst percentage = maxValue > 0 ? (dataPoint.value / maxValue) * 100 : 0\n\t\tconst animatedPercentage = percentage * this.animationProgress\n\n\t\t// If no segments, render solid bar\n\t\tif (!dataPoint.segments || dataPoint.segments.length === 0) {\n\t\t\tconst barColorClass = dataPoint.isPeak\n\t\t\t\t? 'bg-success'\n\t\t\t\t: dataPoint.isLow\n\t\t\t\t\t? 'bg-tertiary opacity-70'\n\t\t\t\t\t: dataPoint.value === 0\n\t\t\t\t\t\t? 'bg-tertiary/40'\n\t\t\t\t\t\t: 'bg-primary'\n\n\t\t\treturn html`\n\t\t\t\t<div\n\t\t\t\t\tclass=\"${barColorClass} h-full transition-all rounded-full\"\n\t\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, dataPoint.value > 0 ? 2 : 0)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t\t\ttitle=\"${this.formatValue(dataPoint.value)}\"\n\t\t\t\t></div>\n\t\t\t`\n\t\t}\n\n\t\t// Stacked bar with segments\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"h-full flex\"\n\t\t\t\tstyle=\"width: ${Math.max(animatedPercentage, 2)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}\"\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tdataPoint.segments,\n\t\t\t\t\tseg => seg.label,\n\t\t\t\t\t(seg, index) => {\n\t\t\t\t\t\tconst segmentPercentage = dataPoint.value > 0 ? (seg.value / dataPoint.value) * 100 : 0\n\t\t\t\t\t\tconst marginLeft = index > 0 ? 'ml-px' : ''\n\t\t\t\t\t\tconst brightenClass = dataPoint.isPeak ? 'brightness-110' : ''\n\t\t\t\t\t\tconst colorClass = this.getSegmentColor(seg)\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"${colorClass} ${marginLeft} ${brightenClass} h-full transition-all\n\t\t\t\t\t\t\t\t\t${index === 0 ? 'rounded-l-full' : ''}\n\t\t\t\t\t\t\t\t\t${index === dataPoint.segments!.length - 1 ? 'rounded-r-full' : ''}\"\n\t\t\t\t\t\t\t\tstyle=\"width: ${segmentPercentage}%\"\n\t\t\t\t\t\t\t\ttitle=\"${seg.label}: ${this.formatValue(seg.value)}\"\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate renderLegend(): ReturnType<typeof html> {\n\t\tif (!this.showLegend || this.categoryColorMap.size === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"flex flex-wrap gap-3 mt-4 pt-4 border-t border-outline-variant\">\n\t\t\t\t${repeat(\n\t\t\t\t\tArray.from(this.categoryColorMap.entries()),\n\t\t\t\t\t([cat]) => cat,\n\t\t\t\t\t([cat, color]) => html`\n\t\t\t\t\t\t<div class=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t<div class=\"${color} w-3 h-3 rounded-sm\"></div>\n\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"sm\" class=\"text-surface-onVariant\">\n\t\t\t\t\t\t\t\t${cat}\n\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n\n\trender() {\n\t\t// Initialize colors before rendering\n\t\tthis.initializeCategoryColors()\n\n\t\tif (!this.data || this.data.length === 0) {\n\t\t\treturn html``\n\t\t}\n\n\t\tconst maxValue = this.getMaxValue()\n\n\t\treturn html`\n\t\t\t<div class=\"space-y-1\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.data,\n\t\t\t\t\td => d.label,\n\t\t\t\t\td => {\n\t\t\t\t\t\tconst rowBgClass = d.isPeak ? 'bg-success/10 rounded-lg' : ''\n\t\t\t\t\t\tconst textColorClass = d.isPeak ? 'text-success font-bold' : 'text-surface-on'\n\n\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-3 py-2 px-2 ${rowBgClass}\">\n\t\t\t\t\t\t\t\t<!-- Label -->\n\t\t\t\t\t\t\t\t<div class=\"${this.labelWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${d.label}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Medal -->\n\t\t\t\t\t\t\t\t<div class=\"w-6 shrink-0 text-center\">\n\t\t\t\t\t\t\t\t\t${d.isPeak || (d.rank && d.rank <= 3)\n\t\t\t\t\t\t\t\t\t\t? html`<span class=\"text-sm\">${this.getMedalEmoji(d.rank)}</span>`\n\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Bar -->\n\t\t\t\t\t\t\t\t<div class=\"flex-1 h-6 bg-secondary/15 rounded-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t${this.renderBar(d, maxValue)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Value -->\n\t\t\t\t\t\t\t\t<div class=\"${this.valueWidth} shrink-0 text-right\">\n\t\t\t\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"md\" class=\"${textColorClass}\">\n\t\t\t\t\t\t\t\t\t\t${this.formatValue(d.value)}\n\t\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<!-- Legend -->\n\t\t\t${this.renderLegend()}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-pills': SchmancyPills\n\t}\n}\n"],"mappings":";;;;;;AAIA,SAAgB,EACf,GACA,GACA,GACA,GACA,GAAA;CAEA,IAAM,IAAK,IAAI,GACT,IAAK,IAAK;AAgBhB,QAAO;EAAE,GAbR,MACC,IAAI,EAAG,KAAA,CACL,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KAAA,CACxC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK;EAS7B,GANX,MACC,IAAI,EAAG,KAAA,CACL,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KAAA,CACxC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK;EAAA;;AAQ1C,SAAgB,EAAU,GAAe,GAAA;AAExC,KAAI,EAAM,WAAW,MAAA,EAAQ;EAC5B,IAAM,IAAQ,EAAM,MAAM,UAAA;AAC1B,MAAI,KAAS,EAAM,UAAU,EAC5B,QAAO,QAAQ,EAAM,GAAA,IAAO,EAAM,GAAA,IAAO,EAAM,GAAA,IAAO,EAAA;;CAKxD,IAAI,IAAM,EAAM,QAAQ,KAAK,GAAA;AAY7B,QAXI,EAAI,WAAW,MAClB,IAAM,EACJ,MAAM,GAAA,CACN,KAAI,MAAK,IAAI,EAAA,CACb,KAAK,GAAA,GAOD,QAJG,SAAS,EAAI,UAAU,GAAG,EAAA,EAAI,GAAA,CAAA,IAC9B,SAAS,EAAI,UAAU,GAAG,EAAA,EAAI,GAAA,CAAA,IAC9B,SAAS,EAAI,UAAU,GAAG,EAAA,EAAI,GAAA,CAAA,IAEP,EAAA;;AAMlC,SAAgB,EAAa,GAAA;AAC5B,QAAO,KAAa,IAAI,MAAG;;AC9CrB,IAAA,IAAA,cAAgC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,OASb,EAAA,EAAA,KAAA,SAIhB,KAAA,KAAA,WAAA,CAIE,GAAA,KAAA,aAAA,CAIE,GAAA,KAAA,cAAA,CAIC,GAAA,KAAA,YAIF,GAAA,KAAA,oBAIQ,KAAA,KAAA,WAAA,CAIT,GAAA,KAAA,cAIG,IAAA,KAAA,cAIA,IAAA,KAAA,gBAIE,GAAA,KAAA,QAIa,EAAA,EAAA,KAAA,cAEe;GAC3C,SAAA,CAAS;GACT,GAAG;GACH,GAAG;GACH,OAAO;GACP,OAAO;GAAA,EAAA,KAAA,oBAG6B,GAAA,KAAA,YAAA,CACR,GAAA,KAAA,YAEe,GAAA,EAAA,KAAA,eACA,GAAA,EAAA,KAAA,mBACF,MAAA,KAAA,WACM,MAAA,KAAA,gBACF,EAAA,EAAA,KAAA,iBACE,MAAA,KAAA,qBAoTnB,MAAA;AAC5B,OAAI,KAAK,cAAc,WAAW,KAAX,CAAiB,KAAK,YAAa;GAE1D,IAAM,IAAS,KAAK,UAAU;AAC9B,OAAA,CAAK,EAAQ;GAEb,IAAM,IAAO,EAAO,uBAAA,EACd,IAAI,EAAE,UAAU,EAAK,MAGvB,IAA0C,MAC1C,IAAc;AAElB,QAAK,cAAc,SAAQ,MAAA;IAC1B,IAAM,IAAW,KAAK,IAAI,EAAM,IAAI,EAAA;AAChC,QAAW,MACd,IAAc,GACd,IAAe;KAAA,EAKhB,KAAK,cADF,KAAgB,IAAc,KACd;IAClB,SAAA,CAAS;IACT,GAAG,EAAa;IAChB,GAAG,EAAa;IAChB,OAAO,EAAa;IACpB,OAAO,EAAa;IACpB,UAAU,EAAa;IAAA,GAGL;IAAA,GAAK,KAAK;IAAa,SAAA,CAAS;IAAA;KAAA,KAAA,2BAAA;AAKpD,QAAK,cAAc;IAAA,GAAK,KAAK;IAAa,SAAA,CAAS;IAAA;;;CAAA;AAAA,OAAA,SA9ZpC,CAAC,CAAG;;;;;;CAwEpB,oBAAA;AACC,QAAM,mBAAA,EACN,KAAK,2BAAA;;CAGN,uBAAA;AACC,QAAM,sBAAA,EACN,KAAK,SAAA;;CAGN,UAAA;AAC+B,EAA1B,KAAK,qBAAqB,SAC7B,qBAAqB,KAAK,iBAAA,EAC1B,KAAK,mBAAmB,OAErB,AAEH,KAAK,cADL,KAAK,SAAS,YAAA,EACE,OAEb,AAEH,KAAK,oBADL,KAAK,eAAe,YAAA,EACE;;CAIxB,4BAAA;AACC,OAAK,WAAW,IAAI,sBACnB,MAAA;GACC,IAAM,IAAQ,EAAQ;AAClB,KAAM,kBAAA,CAAmB,KAAK,aACjC,KAAK,YAAA,CAAY,GACb,KAAK,WACR,KAAK,gBAAA,IAEL,KAAK,oBAAoB,GACzB,KAAK,WAAA,KAEK,EAAM,mBACjB,KAAK,YAAA,CAAY,GACb,KAAK,qBAAqB,SAC7B,qBAAqB,KAAK,iBAAA,EAC1B,KAAK,mBAAmB;KAI3B,EAAE,WAAW,IAAA,CAAA;;CAIf,QAAkB,GAAA;AACjB,QAAM,QAAQ,EAAA,EAEV,KAAK,aAAa,SAAS,KAAK,YACnC,KAAK,SAAS,QAAQ,KAAK,aAAa,MAAA,EAGrC,KAAK,UAAU,SAAA,CAAU,KAAK,mBACjC,KAAK,iBAAiB,IAAI,qBAAA;AACzB,QAAK,WAAA;IAAA,EAEN,KAAK,eAAe,QAAQ,KAAK,UAAU,MAAA,GAIxC,EAAkB,IAAI,OAAA,IAAW,KAAK,cACrC,KAAK,YACR,KAAK,oBAAoB,GACzB,KAAK,gBAAA,KAEL,KAAK,oBAAoB,GACzB,KAAK,WAAA,KAML,EAAkB,IAAI,QAAA,IACtB,EAAkB,IAAI,WAAA,IACtB,EAAkB,IAAI,aAAA,IACtB,EAAkB,IAAI,YAAA,KACvB,KAAK,aAEL,KAAK,WAAA;;CAIP,iBAAA;EACC,IAAM,IAAY,YAAY,KAAA,EACxB,IAAW,KAAK,mBAEhB,KAAgB,MAAA;GACrB,IAAM,IAAU,IAAc,GACxB,IAAW,KAAK,IAAI,IAAU,GAAU,EAAA;AAE9C,QAAK,oBAAoB,EAAa,EAAA,EACtC,KAAK,WAAA,EAED,IAAW,KAAK,KAAK,cACxB,KAAK,mBAAmB,sBAAsB,EAAA;;AAIhD,OAAK,mBAAmB,sBAAsB,EAAA;;CAG/C,cAAA;AACC,MAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,WAAW,EAAG,QAAO,EAAA;EAGjD,IAAM,IAAgB,CAAA,GAAI,KAAK,KAAA,CAAM,UAAU,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAA,EAC9D,IAAa,IAAI,IAAI,EAAc,MAAM,GAAG,KAAK,UAAA,CAAW,KAAI,MAAK,EAAE,MAAA,CAAA;AAE7E,SAAO,KAAK,KAAK,KAAI,OAAA;GAAA,GACjB;GACH,GAAG;GACH,GAAG;GACH,QAAQ,EAAW,IAAI,EAAE,MAAA;GAAA,EAAA;;CAI3B,cACC,GACA,GAAA;AAEA,SAAQ,KAAK,MAAM,MAAuC;;CAG3D,YAAA;EACC,IAAM,IAAS,KAAK,UAAU;AAC9B,MAAA,CAAK,EAAQ;EAEb,IAAM,IAAM,EAAO,WAAW,KAAA;AAC9B,MAAA,CAAK,EAAK;EAEV,IAAM,IAAM,OAAO,oBAAoB,GACjC,IAAO,EAAO,uBAAA,EACd,IAAQ,EAAK,OACb,IAAS,EAAK;AAGpB,IAAO,QAAQ,IAAQ,GACvB,EAAO,SAAS,IAAS,GACzB,EAAI,MAAM,GAAK,EAAA,EAGf,EAAI,UAAU,GAAG,GAAG,GAAO,EAAA;EAE3B,IAAM,IAAO,KAAK,aAAA;AAClB,MAAI,EAAK,WAAW,EAAG;EAEvB,IAAM,IAAwC,KAAK,aAAa,KAAK,IAC/D,IAAa,IAAQ,KAAe,IACpC,IAAc,IAAS,KAAc,GAGrC,IAAW,KAAK,IAAA,GAAO,EAAK,KAAI,MAAK,EAAE,MAAA,EAAQ,EAAA,EAI/C,IAAS,EAAK,KAAK,GAAG,OAAA;GAAA,GACxB;GACH,GAAG,MAAgB,EAAK,SAAS,IAAK,KAAK,EAAK,SAAS,KAAM,IAAa,IAAa;GACzF,GAAG,KAAc,IAAe,EAAE,QAAQ,IAAY;GAAA,EAAA;AAGvD,OAAK,gBAAgB;EAIrB,IAAM,IADgB,iBAAiB,KAAA,CAExB,iBAAiB,+BAAA,CAAgC,MAAA,IAAU,WACpE,IAAe,KAAK,cAAc,gBAAgB,EAAA,EAAA,CACjD,GAAoB,KAAyB,KAAK,cAAc,mBAAmB,CAAC,IAAK,IAAA,CAAA,EAC1F,IAAc,KAAK,cAAc,eAAe,EAAA,EAChD,IAAc,KAAK,cAAc,eAAe,EAAA,EAChD,IAAa,KAAK,cAAc,cAAc,EAAA;AAGpD,MAAI,KAAK,UAAU;AAClB,KAAI,cAAc,6BAClB,EAAI,YAAY,GAChB,EAAI,YAAY,CAAC,GAAG,EAAA,CAAA;AAEpB,QAAK,IAAI,IAAI,GAAG,KAAK,GAAG,KAAK;IAC5B,IAAM,IAAI,KAAe,IAAc,IAAK;AAC5C,MAAI,WAAA,EACJ,EAAI,OAAO,IAAc,EAAA,EACzB,EAAI,OAAO,IAAQ,IAAe,EAAA,EAClC,EAAI,QAAA;;AAGL,KAAI,YAAY,EAAA,CAAA;;EAIjB,IAAM,IAAY,IAAI,QAAA,EAChB,IAAW,IAAI,QAAA;AAErB,MAAI,EAAO,UAAU,GAAG;AAEvB,KAAS,OAAO,EAAO,GAAG,GAAG,KAAc,EAAA,EAC3C,EAAU,OAAO,EAAO,GAAG,GAAG,EAAO,GAAG,EAAA,EACxC,EAAS,OAAO,EAAO,GAAG,GAAG,EAAO,GAAG,EAAA;AAEvC,QAAK,IAAI,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;IAC3C,IAAM,IAAK,EAAO,KAAK,IAAI,GAAG,IAAI,EAAA,GAC5B,IAAK,EAAO,IACZ,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,EAAA,GAC5C,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,EAAA;AAIlD,SAAK,IAAI,IAAI,GAAG,KAAK,IAAU,KAAK;KAEnC,IAAM,IAAQ,EAAiB,GAAI,GAAI,GAAI,GADjC,IAAI,GAAA;AAEd,OAAU,OAAO,EAAM,GAAG,EAAM,EAAA,EAChC,EAAS,OAAO,EAAM,GAAG,EAAM,EAAA;;;AAKjC,KAAS,OAAO,EAAO,EAAO,SAAS,GAAG,GAAG,KAAc,EAAA,EAC3D,EAAS,WAAA;QACmB,CAAlB,EAAO,WAAW,KAE5B,EAAU,IAAI,EAAO,GAAG,GAAG,EAAO,GAAG,GAAG,GAAa,GAAa,IAAV,KAAK,GAAA;AAU9D,MANA,EAAI,MAAA,EACJ,EAAI,WAAA,EACJ,EAAI,KAAK,GAAG,GAAG,KAAe,IAAa,KAAK,mBAAmB,EAAA,EACnE,EAAI,MAAA,EAGA,EAAO,UAAU,GAAG;GACvB,IAAM,IAAW,EAAI,qBAAqB,GAAG,IAAa,GAAG,KAAc,EAAA;AAC3E,KAAS,aAAa,GAAG,EAAU,GAAc,EAAA,CAAA,EACjD,EAAS,aAAa,GAAG,EAAU,GAAc,EAAA,CAAA,EAEjD,EAAI,YAAY,GAChB,EAAI,KAAK,EAAA;;AA4CV,MAxCA,EAAI,cAAc,GAClB,EAAI,YAAY,GAChB,EAAI,UAAU,SACd,EAAI,WAAW,SACf,EAAI,OAAO,EAAA,EAGX,EAAO,SAAS,GAAO,MAAA;AAEtB,OADuB,KAAS,EAAO,SAAS,KAAK,KAAM,KAAK,oBAC5C,KAAS,EAAO,UAAU,GAAI;GAElD,IAAM,IAAS,EAAM,SAAS,IAAa,IAAI,IAAc,GACvD,IAAc,EAAM,SAAS,IAAa,IAAI,IAAc;AAG9D,KAAM,WACT,EAAI,WAAA,EACJ,EAAI,IAAI,EAAM,GAAG,EAAM,GAAG,GAAa,GAAa,IAAV,KAAK,GAAA,EAC/C,EAAI,YAAY,EAAU,GAAc,GAAA,EACxC,EAAI,MAAA,GAIL,EAAI,WAAA,EACJ,EAAI,IAAI,EAAM,GAAG,EAAM,GAAG,GAAQ,GAAa,IAAV,KAAK,GAAA,EAC1C,EAAI,YAAY,GAChB,EAAI,MAAA,EAGA,EAAM,WACT,EAAI,WAAA,EACJ,EAAI,IAAI,EAAM,GAAG,EAAM,GAAG,GAAG,GAAa,IAAV,KAAK,GAAA,EACrC,EAAI,YAAY,SAChB,EAAI,MAAA;IAAA,EAIN,EAAI,SAAA,EAGA,KAAK,cAAc,EAAO,SAAS,GAAG;AACzC,KAAI,YAAY,4BAChB,EAAI,OAAO,8BACX,EAAI,YAAY,UAChB,EAAI,eAAe;GAGnB,IAAM,IAAY,IAAQ,MAAM,IAAI,IAAQ,MAAM,IAAI;AACtD,KAAO,SAAS,GAAO,MAAA;AAClB,QAAQ,MAAc,KACzB,EAAI,SAAS,EAAM,OAAO,EAAM,GAAG,IAAS,IAAiB,EAAA;KAAA;;;CAMjE,YAAoB,GAAA;EACnB,IAAM,IAAY,EAAM,QAAQ,KAAK,cAAA;AACrC,SAAO,GAAG,KAAK,cAAc,IAAY,KAAK;;CA0C/C,iBAAA;AACC,SAAK,KAAK,YAAY,WACf,OAAO,QAAQ,KAAK,YAAY,SAAA,CAAU,KAAA,CAC9C,GAAK,OAAW,CAAI;;OAElB,EAAA,IAAQ,OAAO,EAAA,CAAA;;QAJmB;;CAUxC,SAAA;AACC,SAAK,KAAK,QAAQ,KAAK,KAAK,WAAW,IAIhC,CAAI;UACH,EAAI,KAAK,aAAA,CAAA;2CACwB,KAAK,OAAA;;QAExC,EAAI,KAAK,UAAA,CAAA;;;qBAGI,KAAK,kBAAA;sBACJ,KAAK,mBAAA;;;;OAIpB,KAAK,cACJ,CAAI;;+EAEmE,KAAK,YAAY,UACpF,gBACA,YAAA;;4BAEgB,KAAK,YAAY,EAAA;2BAClB,KAAK,YAAY,IAAI,GAAA;;;;;;aAMnC,KAAK,YAAY,MAAA;;;aAGjB,KAAK,YAAY,KAAK,YAAY,MAAA,CAAA;;YAEnC,KAAK,gBAAA,CAAA;;;YAIT,GAAA;;;MAtCE,CAAI;;;AAAA,EAAA,CAvaZ,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,EAAQ,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAIzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,qBAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,iBAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,SAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,GAAA,CAAA,EAAO,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAQP,GAAA,CAAA,EAAO,EAAA,WAAA,qBAAA,KAAA,EAAA,EAAA,EAAA,CACP,GAAA,CAAA,EAAO,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAjER,EAAc,sBAAA,CAAA,EAAsB,EAAA;ACTrC,IAAM,IAAiB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAAA,EAIM,IAAA,cAA4B,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,OASV,EAAA,EAAA,KAAA,cAIV,IAAA,KAAA,cAIA,IAAA,KAAA,gBAIE,GAAA,KAAA,aAAA,CAIH,GAAA,KAAA,aAAA,CAIA,GAAA,KAAA,oBAIO,KAAA,KAAA,WAAA,CAIT,GAAA,KAAA,aAIE,QAAA,KAAA,aAIA,QAAA,KAAA,oBAEwB,GAAA,KAAA,YAAA,CACR,GAAA,KAAA,mCACO,IAAI,KAAA,EAAA,KAAA,WAEQ,MAAA,KAAA,mBACN;;CAAA;AAAA,OAAA,SAnD1B,CAAC,CAAG;;;;;;CAqDpB,oBAAA;AACC,QAAM,mBAAA,EACN,KAAK,2BAAA;;CAGN,uBAAA;AACC,QAAM,sBAAA,EACN,KAAK,SAAA;;CAGN,UAAA;AAC+B,EAA1B,KAAK,qBAAqB,SAC7B,qBAAqB,KAAK,iBAAA,EAC1B,KAAK,mBAAmB,OAErB,AAEH,KAAK,cADL,KAAK,SAAS,YAAA,EACE;;CAIlB,4BAAA;AACC,OAAK,WAAW,IAAI,sBACnB,MAAA;AACe,KAAQ,GACZ,kBAAA,CAAmB,KAAK,cACjC,KAAK,YAAA,CAAY,GACb,KAAK,WACR,KAAK,gBAAA,GAEL,KAAK,oBAAoB;KAI5B,EAAE,WAAW,IAAA,CAAA;;CAIf,eAAA;AACK,OAAK,YACR,KAAK,SAAS,QAAQ,KAAA;;CAIxB,QAAkB,GAAA;AACjB,QAAM,QAAQ,EAAA,EAGV,EAAkB,IAAI,OAAA,IAAW,KAAK,aAAa,KAAK,aAC3D,KAAK,oBAAoB,GACzB,KAAK,gBAAA;;CAIP,iBAAA;EACC,IAAM,IAAY,YAAY,KAAA,EACxB,IAAW,KAAK,mBAEhB,KAAgB,MAAA;GACrB,IAAM,IAAU,IAAc,GACxB,IAAW,KAAK,IAAI,IAAU,GAAU,EAAA;AAG9C,QAAK,oBAAoB,KAAa,IAAI,MAAU,GAEhD,IAAW,KAAK,KAAK,cACxB,KAAK,mBAAmB,sBAAsB,EAAA;;AAIhD,OAAK,mBAAmB,sBAAsB,EAAA;;CAG/C,2BAAA;EAEC,IAAM,oBAAiB,IAAI,KAAA,EACrB,oBAAiB,IAAI,KAAA;AAE3B,OAAK,KAAK,SAAQ,MAAA;AACb,KAAE,YACL,EAAE,SAAS,SAAQ,MAAA;AAClB,MAAe,IAAI,EAAI,QAAQ,EAAe,IAAI,EAAI,MAAA,IAAU,KAAK,EAAI,MAAA,EAErE,EAAI,SAAA,CAAU,EAAe,IAAI,EAAI,MAAA,IACxC,EAAe,IAAI,EAAI,OAAO,EAAI,MAAA;KAAA;IAAA;EAOtC,IAAM,IAAmB,MAAM,KAAK,EAAe,SAAA,CAAA,CACjD,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,GAAA,CAC5B,KAAA,CAAM,OAAS,EAAA;AAGjB,OAAK,iBAAiB,OAAA;EACtB,IAAI,IAAoB;AACxB,IAAiB,SAAQ,MAAA;AACpB,KAAe,IAAI,EAAA,GACtB,KAAK,iBAAiB,IAAI,GAAK,EAAe,IAAI,EAAA,CAAA,IAElD,KAAK,iBAAiB,IAAI,GAAK,EAAe,IAAoB,EAAe,QAAA,EACjF;IAAA;;CAKH,gBAAwB,GAAA;AAEvB,SAAI,EAAQ,QAAc,EAAQ,QAE3B,KAAK,iBAAiB,IAAI,EAAQ,MAAA,IAAU;;CAGpD,YAAoB,GAAA;EACnB,IAAM,IAAY,EAAM,QAAQ,KAAK,cAAA;AACrC,SAAO,GAAG,KAAK,cAAc,IAAY,KAAK;;CAG/C,cAAsB,GAAA;AACrB,SAAK,KAAK,cAAe,IACrB,MAAS,IAAU,OACnB,MAAS,IAAU,OACnB,MAAS,IAAU,OAChB,KAJ+B;;CAOvC,cAAA;AACC,SAAI,KAAK,KAAK,WAAW,IAAU,IAC5B,KAAK,IAAA,GAAO,KAAK,KAAK,KAAI,MAAK,EAAE,MAAA,EAAQ,EAAA;;CAGjD,UAAkB,GAA0B,GAAA;EAE3C,IAAM,KADa,IAAW,IAAK,EAAU,QAAQ,IAAY,MAAM,KAC/B,KAAK;AAG7C,SAAK,EAAU,YAAY,EAAU,SAAS,WAAW,IAmBlD,CAAI;;;oBAGO,KAAK,IAAI,GAAoB,EAAA,CAAA,0BAA6B,KAAK,WAAW,QAAQ,QAAA;;MAEhG,EACD,EAAU,WACV,MAAO,EAAI,QACV,GAAK,MAAA;GACL,IAAM,IAAoB,EAAU,QAAQ,IAAK,EAAI,QAAQ,EAAU,QAAS,MAAM,GAChF,IAAa,IAAQ,IAAI,UAAU,IACnC,IAAgB,EAAU,SAAS,mBAAmB;AAG5D,UAAO,CAAI;;iBAFQ,KAAK,gBAAgB,EAAA,CAAA,GAIf,EAAA,GAAc,EAAA;WAClC,MAAU,IAAI,mBAAmB,GAAA;WACjC,MAAU,EAAU,SAAU,SAAS,IAAI,mBAAmB,GAAA;wBACjD,EAAA;iBACP,EAAI,MAAA,IAAU,KAAK,YAAY,EAAI,MAAA,CAAA;;;;;MA9B1C,CAAI;;cARW,EAAU,SAC7B,eACA,EAAU,QACT,2BACA,EAAU,UAAU,IACnB,mBACA,aAAA;qBAKa,KAAK,IAAI,GAAoB,EAAU,QAAQ,IAAI,IAAI,EAAA,CAAA,0BAA6B,KAAK,WAAW,QAAQ,QAAA;cACnH,KAAK,YAAY,EAAU,MAAA,CAAA;;;;CAmCxC,eAAA;AACC,SAAK,KAAK,cAAc,KAAK,iBAAiB,SAAS,IAIhD,CAAI;;MAEP,EACD,MAAM,KAAK,KAAK,iBAAiB,SAAA,CAAA,GAAU,CACzC,OAAS,IAAA,CACT,GAAK,OAAW,CAAI;;qBAEN,EAAA;;UAEX,EAAA;;;;;MAZA,CAAI;;CAqBb,SAAA;AAIC,MAFA,KAAK,0BAAA,EAAA,CAEA,KAAK,QAAQ,KAAK,KAAK,WAAW,EACtC,QAAO,CAAI;EAGZ,IAAM,IAAW,KAAK,aAAA;AAEtB,SAAO,CAAI;;MAEP,EACD,KAAK,OACL,MAAK,EAAE,QACP,MAAA;GACC,IAAM,IAAa,EAAE,SAAS,6BAA6B,IACrD,IAAiB,EAAE,SAAS,2BAA2B;AAE7D,UAAO,CAAI;uDACsC,EAAA;;sBAEjC,KAAK,WAAA;+DACoC,EAAA;YACnD,EAAE,MAAA;;;;;;WAMH,EAAE,UAAW,EAAE,QAAQ,EAAE,QAAQ,IAChC,CAAI,yBAAyB,KAAK,cAAc,EAAE,KAAA,CAAA,WAClD,GAAA;;;;;WAKD,KAAK,UAAU,GAAG,EAAA,CAAA;;;;sBAIP,KAAK,WAAA;+DACoC,EAAA;YACnD,KAAK,YAAY,EAAE,MAAA,CAAA;;;;;;;;;KAU1B,KAAK,cAAA,CAAA;;;;GApTR,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,EAAQ,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAIzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,iBAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,qBAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAI3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAI1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,GAAA,CAAA,EAAO,EAAA,WAAA,qBAAA,KAAA,EAAA,EAAA,EAAA,CACP,GAAA,CAAA,EAAO,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CACP,GAAA,CAAA,EAAO,EAAA,WAAA,oBAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAlDR,EAAc,iBAAA,CAAA,EAAiB,EAAA;AAAA,SAAA,KAAA,mBAAA,KAAA,eAAA,KAAA,kBAAA,KAAA,cAAA,KAAA"}