@mhmo91/schmancy 0.8.6 → 0.9.3

package/dist/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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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"}

package/dist/checkbox-DuYaKoDZ.cjs

@@ -0,0 +1,39 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DSuEu-y3.cjs`);require(`./mixins.cjs`);const t=require(`./tslib.es6-D7BIeDVB.cjs`);let n=require(`lit/directives/class-map.js`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/when.js`);var o,s=Symbol(`attachableController`);i.isServer||(o=new MutationObserver(e=>{for(let t of e)t.target[s]?.hostConnected()}));var c=class{get htmlFor(){return this.host.getAttribute(`for`)}set htmlFor(e){e===null?this.host.removeAttribute(`for`):this.host.setAttribute(`for`,e)}get control(){return this.host.hasAttribute(`for`)?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[s]=this,o?.observe(e,{attributeFilter:[`for`]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute(`for`))}detach(){this.setCurrentControl(null),this.host.setAttribute(`for`,``)}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}},l=[`focusin`,`focusout`,`pointerdown`],u=class extends i.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new c(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`)}handleEvent(e){if(!e[d]){switch(e.type){default:return;case`focusin`:this.visible=this.control?.matches(`:focus-visible`)??!1;break;case`focusout`:case`pointerdown`:this.visible=!1}e[d]=!0}}onControlChange(e,t){if(!i.isServer)for(let n of l)e?.removeEventListener(n,this),t?.addEventListener(n,this)}update(e){e.has(`visible`)&&this.dispatchEvent(new Event(`visibility-changed`)),super.update(e)}};t.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`visible`,void 0),t.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`inward`,void 0);var d=Symbol(`handledByFocusRing`),f=i.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+`,p=class extends u{};p.styles=[f],p=t.t([(0,r.customElement)(`md-focus-ring`)],p);var m,h=`cubic-bezier(0.2, 0, 0, 1)`;(function(e){e[e.INACTIVE=0]=`INACTIVE`,e[e.TOUCH_DELAY=1]=`TOUCH_DELAY`,e[e.HOLDING=2]=`HOLDING`,e[e.WAITING_FOR_CLICK=3]=`WAITING_FOR_CLICK`})(m||={});var g=[`click`,`contextmenu`,`pointercancel`,`pointerdown`,`pointerenter`,`pointerleave`,`pointerup`],_=i.isServer?null:window.matchMedia(`(forced-colors: active)`),v=class extends i.LitElement{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize=``,this.rippleScale=``,this.initialSize=0,this.state=m.INACTIVE,this.attachableController=new c(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`)}render(){return i.html`<div class="surface ${(0,n.classMap)({hovered:this.hovered,pressed:this.pressed})}"></div>`}update(e){e.has(`disabled`)&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==m.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==m.HOLDING)return this.state===m.TOUCH_DELAY?(this.state=m.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=m.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=m.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.state=m.TOUCH_DELAY,await new Promise(e=>{setTimeout(e,150)}),this.state===m.TOUCH_DELAY&&(this.state=m.HOLDING,this.startPressAnimation(e))}}handleClick(){this.disabled||(this.state===m.WAITING_FOR_CLICK?this.endPressAnimation():this.state===m.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()))}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||this.endPressAnimation()}determineRippleSize(){let{height:e,width:t}=this.getBoundingClientRect(),n=Math.max(e,t),r=Math.max(.35*n,75),i=this.currentCSSZoom??1,a=Math.floor(.2*n/i),o=Math.sqrt(t**2+e**2)+10;this.initialSize=a;let s=(o+r)/a;this.rippleScale=``+s/i,this.rippleSize=`${a}px`}getNormalizedPointerEventCoords(e){let{scrollX:t,scrollY:n}=window,{left:r,top:i}=this.getBoundingClientRect(),a=t+r,o=n+i,{pageX:s,pageY:c}=e,l=this.currentCSSZoom??1;return{x:(s-a)/l,y:(c-o)/l}}getTranslationCoordinates(e){let{height:t,width:n}=this.getBoundingClientRect(),r=this.currentCSSZoom??1,i={x:(n/r-this.initialSize)/2,y:(t/r-this.initialSize)/2},a;return a=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:n/r/2,y:t/r/2},a={x:a.x-this.initialSize/2,y:a.y-this.initialSize/2},{startPoint:a,endPoint:i}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();let{startPoint:t,endPoint:n}=this.getTranslationCoordinates(e),r=`${t.x}px, ${t.y}px`,i=`${n.x}px, ${n.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${r}) scale(1)`,`translate(${i}) scale(${this.rippleScale})`]},{pseudoElement:`::after`,duration:450,easing:h,fill:`forwards`})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=m.INACTIVE;let e=this.growAnimation,t=1/0;typeof e?.currentTime==`number`?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to(`ms`).value),t>=225?this.pressed=!1:(await new Promise(e=>{setTimeout(e,225-t)}),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type===`pointerenter`||e.type===`pointerleave`)return!this.isTouch(e);let t=e.buttons===1;return this.isTouch(e)||t}isTouch({pointerType:e}){return e===`touch`}async handleEvent(e){if(!_?.matches)switch(e.type){case`click`:this.handleClick();break;case`contextmenu`:this.handleContextmenu();break;case`pointercancel`:this.handlePointercancel(e);break;case`pointerdown`:await this.handlePointerdown(e);break;case`pointerenter`:this.handlePointerenter(e);break;case`pointerleave`:this.handlePointerleave(e);break;case`pointerup`:this.handlePointerup(e)}}onControlChange(e,t){if(!i.isServer)for(let n of g)e?.removeEventListener(n,this),t?.addEventListener(n,this)}};t.t([(0,r.property)({type:Boolean,reflect:!0})],v.prototype,`disabled`,void 0),t.t([(0,r.state)()],v.prototype,`hovered`,void 0),t.t([(0,r.state)()],v.prototype,`pressed`,void 0),t.t([(0,r.query)(`.surface`)],v.prototype,`mdRoot`,void 0);var y=i.css`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+`,b=class extends v{};b.styles=[y],b=t.t([(0,r.customElement)(`md-ripple`)],b);var x=`role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColSpan.ariaCurrent.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText`.split(`.`),S=x.map(w);function C(e){return S.includes(e)}function w(e){return e.replace(`aria`,`aria-`).replace(/Elements?/g,``).toLowerCase()}var T=Symbol(`privateIgnoreAttributeChangesFor`);function E(e){return`data-${e}`}function D(e){return e.replace(/-\w/,e=>e[1].toUpperCase())}function O(e){return e.currentTarget===e.target&&e.composedPath()[0]===e.target&&!e.target.disabled&&!function(e){let t=k;return t&&(e.preventDefault(),e.stopImmediatePropagation()),async function(){k=!0,await null,k=!1}(),t}(e)}var k=!1,A=Symbol(`internals`),j=Symbol(`privateInternals`),M=Symbol(`createValidator`),N=Symbol(`getValidityAnchor`),P=Symbol(`privateValidator`),F=Symbol(`privateSyncValidity`),I=Symbol(`privateCustomValidationMessage`),L=Symbol(`getFormValue`),R=Symbol(`getFormState`),z,B=class{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{},validationMessage:``}}getValidity(){let e=this.getCurrentState();if(this.prevState&&this.equals(this.prevState,e))return this.currentValidity;let{validity:t,validationMessage:n}=this.computeValidity(e);return this.prevState=this.copy(e),this.currentValidity={validationMessage:n,validity:{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing}},this.currentValidity}},V=class extends B{computeValidity(e){return this.checkboxControl||(this.checkboxControl=document.createElement(`input`),this.checkboxControl.type=`checkbox`),this.checkboxControl.checked=e.checked,this.checkboxControl.required=e.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(e,t){return e.checked===t.checked&&e.required===t.required}copy({checked:e,required:t}){return{checked:e,required:t}}},H=function(e){var t;if(i.isServer)return e;class n extends e{constructor(){super(...arguments),this[t]=new Set}attributeChangedCallback(e,t,n){if(!C(e))return void super.attributeChangedCallback(e,t,n);if(this[T].has(e))return;this[T].add(e),this.removeAttribute(e),this[T].delete(e);let r=D(e);n===null?delete this.dataset[r]:this.dataset[r]=n,this.requestUpdate(D(e),t)}getAttribute(e){return C(e)?super.getAttribute(E(e)):super.getAttribute(e)}removeAttribute(e){super.removeAttribute(e),C(e)&&(super.removeAttribute(E(e)),this.requestUpdate())}}return t=T,function(e){for(let t of x){let n=w(t),r=E(n),i=D(n);e.createProperty(t,{attribute:n,noAccessor:!0}),e.createProperty(Symbol(r),{attribute:r,noAccessor:!0}),Object.defineProperty(e.prototype,t,{configurable:!0,enumerable:!0,get(){return this.dataset[i]??null},set(e){let n=this.dataset[i]??null;e!==n&&(e===null?delete this.dataset[i]:this.dataset[i]=e,this.requestUpdate(t,n))}})}}(n),n}(function(e){var t;class n extends e{constructor(){super(...arguments),this[t]=``}get validity(){return this[F](),this[A].validity}get validationMessage(){return this[F](),this[A].validationMessage}get willValidate(){return this[F](),this[A].willValidate}checkValidity(){return this[F](),this[A].checkValidity()}reportValidity(){return this[F](),this[A].reportValidity()}setCustomValidity(e){this[I]=e,this[F]()}requestUpdate(e,t,n){super.requestUpdate(e,t,n),this[F]()}firstUpdated(e){super.firstUpdated(e),this[F]()}[(t=I,F)](){if(i.isServer)return;this[P]||(this[P]=this[M]());let{validity:e,validationMessage:t}=this[P].getValidity(),n=!!this[I],r=this[I]||t;this[A].setValidity({...e,customError:n},r,this[N]()??void 0)}[M](){throw Error(`Implement [createValidator]`)}[N](){throw Error(`Implement [getValidityAnchor]`)}}return n}(function(e){class n extends e{get form(){return this[A].form}get labels(){return this[A].labels}get name(){return this.getAttribute(`name`)??``}set name(e){this.setAttribute(`name`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,e)}attributeChangedCallback(e,t,n){if(e===`name`||e===`disabled`){let n=e===`disabled`?t!==null:t;this.requestUpdate(e,n);return}super.attributeChangedCallback(e,t,n)}requestUpdate(e,t,n){super.requestUpdate(e,t,n),this[A].setFormValue(this[L](),this[R]())}[L](){throw Error(`Implement [getFormValue]`)}[R](){return this[L]()}formDisabledCallback(e){this.disabled=e}}return n.formAssociated=!0,t.t([(0,r.property)({noAccessor:!0})],n.prototype,`name`,null),t.t([(0,r.property)({type:Boolean,noAccessor:!0})],n.prototype,`disabled`,null),n}((z=i.LitElement,class extends z{get[A](){return this[j]||(this[j]=this.attachInternals()),this[j]}})))),U=class extends H{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value=`on`,this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,i.isServer||this.addEventListener(`click`,e=>{O(e)&&this.input&&(this.focus(),function(e){let t=new MouseEvent(`click`,{bubbles:!0});e.dispatchEvent(t)}(this.input))})}update(e){(e.has(`checked`)||e.has(`disabled`)||e.has(`indeterminate`))&&(this.prevChecked=e.get(`checked`)??this.checked,this.prevDisabled=e.get(`disabled`)??this.disabled,this.prevIndeterminate=e.get(`indeterminate`)??this.indeterminate),super.update(e)}render(){let e=!this.prevChecked&&!this.prevIndeterminate,t=this.prevChecked&&!this.prevIndeterminate,r=this.prevIndeterminate,a=this.checked&&!this.indeterminate,o=this.indeterminate,s=(0,n.classMap)({disabled:this.disabled,selected:a||o,unselected:!a&&!o,checked:a,indeterminate:o,"prev-unselected":e,"prev-checked":t,"prev-indeterminate":r,"prev-disabled":this.prevDisabled}),{ariaLabel:c,ariaInvalid:l}=this;return i.html`
+      <div class="container ${s}">
+        <input
+          type="checkbox"
+          id="input"
+          aria-checked=${o?`mixed`:i.nothing}
+          aria-label=${c||i.nothing}
+          aria-invalid=${l||i.nothing}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          .indeterminate=${this.indeterminate}
+          .checked=${this.checked}
+          @input=${this.handleInput}
+          @change=${this.handleChange} />
+
+        <div class="outline"></div>
+        <div class="background"></div>
+        <md-focus-ring part="focus-ring" for="input"></md-focus-ring>
+        <md-ripple for="input" ?disabled=${this.disabled}></md-ripple>
+        <svg class="icon" viewBox="0 0 18 18" aria-hidden="true">
+          <rect class="mark short" />
+          <rect class="mark long" />
+        </svg>
+      </div>
+    `}handleInput(e){let t=e.target;this.checked=t.checked,this.indeterminate=t.indeterminate}handleChange(e){(function(e,t){!t.bubbles||e.shadowRoot&&!t.composed||t.stopPropagation();let n=Reflect.construct(t.constructor,[t.type,t]);e.dispatchEvent(n)||t.preventDefault()})(this,e)}[L](){return!this.checked||this.indeterminate?null:this.value}[R](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute(`checked`)}formStateRestoreCallback(e){this.checked=e===`true`}[M](){return new V(()=>this)}[N](){return this.input}};U.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0},t.t([(0,r.property)({type:Boolean})],U.prototype,`checked`,void 0),t.t([(0,r.property)({type:Boolean})],U.prototype,`indeterminate`,void 0),t.t([(0,r.property)({type:Boolean})],U.prototype,`required`,void 0),t.t([(0,r.property)()],U.prototype,`value`,void 0),t.t([(0,r.state)()],U.prototype,`prevChecked`,void 0),t.t([(0,r.state)()],U.prototype,`prevDisabled`,void 0),t.t([(0,r.state)()],U.prototype,`prevIndeterminate`,void 0),t.t([(0,r.query)(`input`)],U.prototype,`input`,void 0);var W=i.css`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
+`,G=class extends U{};G.styles=[W],G=t.t([(0,r.customElement)(`md-checkbox`)],G);var K=class extends e.t(){constructor(...e){super(...e),this.value=!1,this.disabled=!1,this.required=!1,this.name=`checkbox-`+Math.random().toString(36),this.id=`checkbox-`+Math.random().toString(36),this.size=`md`}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0}}static{this.formAssociated=!0}get form(){return this.internals?.form}get checked(){return this.value}set checked(e){this.value=e}connectedCallback(){super.connectedCallback()}render(){return i.html`
+			<label class="grid grid-flow-col items-center space-x-2 w-fit">
+				<md-checkbox
+					.required=${this.required}
+					.disabled=${this.disabled}
+					?checked=${!0===this.value}
+					@change=${e=>{this.value=e.target.checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:this.value}}))}}
+				>
+				</md-checkbox>
+				${(0,a.when)(this.label,()=>i.html`<span>${this.label}</span>`,()=>i.html`<slot></slot>`)}
+			</label>
+		`}};e.i([(0,r.property)({type:Boolean,reflect:!0})],K.prototype,`value`,void 0),e.i([(0,r.property)({type:Boolean})],K.prototype,`checked`,null),e.i([(0,r.property)({type:Boolean})],K.prototype,`disabled`,void 0),e.i([(0,r.property)({type:Boolean})],K.prototype,`required`,void 0),e.i([(0,r.property)({type:String})],K.prototype,`name`,void 0),e.i([(0,r.property)({type:String})],K.prototype,`id`,void 0),e.i([(0,r.property)({type:String})],K.prototype,`label`,void 0),e.i([(0,r.property)({type:String})],K.prototype,`size`,void 0),K=e.i([(0,r.customElement)(`schmancy-checkbox`)],K),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return K}});

package/dist/checkbox-DuYaKoDZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DuYaKoDZ.cjs","names":["isServer","EVENTS","LitElement","isServer","__decorate","styles","styles","__decorate","isServer","LitElement","__decorate","styles","styles","__decorate","isServer","isServer","LitElement","isServer","nothing","__decorate","__decorate"],"sources":["../node_modules/@material/web/internal/controller/attachable-controller.js","../node_modules/@material/web/focus/internal/focus-ring.js","../node_modules/@material/web/focus/internal/focus-ring-styles.js","../node_modules/@material/web/focus/md-focus-ring.js","../node_modules/@material/web/internal/motion/animation.js","../node_modules/@material/web/ripple/internal/ripple.js","../node_modules/@material/web/ripple/internal/ripple-styles.js","../node_modules/@material/web/ripple/ripple.js","../node_modules/@material/web/internal/aria/aria.js","../node_modules/@material/web/internal/aria/delegate.js","../node_modules/@material/web/internal/events/form-label-activation.js","../node_modules/@material/web/internal/events/redispatch-event.js","../node_modules/@material/web/labs/behaviors/element-internals.js","../node_modules/@material/web/labs/behaviors/constraint-validation.js","../node_modules/@material/web/labs/behaviors/form-associated.js","../node_modules/@material/web/labs/behaviors/validators/validator.js","../node_modules/@material/web/labs/behaviors/validators/checkbox-validator.js","../node_modules/@material/web/checkbox/internal/checkbox.js","../node_modules/@material/web/checkbox/internal/checkbox-styles.js","../node_modules/@material/web/checkbox/checkbox.js","../src/checkbox/checkbox.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { isServer } from 'lit';\n/**\n * A key to retrieve an `Attachable` element's `AttachableController` from a\n * global `MutationObserver`.\n */\nconst ATTACHABLE_CONTROLLER = Symbol('attachableController');\nlet FOR_ATTRIBUTE_OBSERVER;\nif (!isServer) {\n    /**\n     * A global `MutationObserver` that reacts to `for` attribute changes on\n     * `Attachable` elements. If the `for` attribute changes, the controller will\n     * re-attach to the new referenced element.\n     */\n    FOR_ATTRIBUTE_OBSERVER = new MutationObserver((records) => {\n        for (const record of records) {\n            // When a control's `for` attribute changes, inform its\n            // `AttachableController` to update to a new control.\n            record.target[ATTACHABLE_CONTROLLER]?.hostConnected();\n        }\n    });\n}\n/**\n * A controller that provides an implementation for `Attachable` elements.\n *\n * @example\n * ```ts\n * class MyElement extends LitElement implements Attachable {\n *   get control() { return this.attachableController.control; }\n *\n *   private readonly attachableController = new AttachableController(\n *     this,\n *     (previousControl, newControl) => {\n *       previousControl?.removeEventListener('click', this.handleClick);\n *       newControl?.addEventListener('click', this.handleClick);\n *     }\n *   );\n *\n *   // Implement remaining `Attachable` properties/methods that call the\n *   // controller's properties/methods.\n * }\n * ```\n */\nexport class AttachableController {\n    get htmlFor() {\n        return this.host.getAttribute('for');\n    }\n    set htmlFor(htmlFor) {\n        if (htmlFor === null) {\n            this.host.removeAttribute('for');\n        }\n        else {\n            this.host.setAttribute('for', htmlFor);\n        }\n    }\n    get control() {\n        if (this.host.hasAttribute('for')) {\n            if (!this.htmlFor || !this.host.isConnected) {\n                return null;\n            }\n            return this.host.getRootNode().querySelector(`#${this.htmlFor}`);\n        }\n        return this.currentControl || this.host.parentElement;\n    }\n    set control(control) {\n        if (control) {\n            this.attach(control);\n        }\n        else {\n            this.detach();\n        }\n    }\n    /**\n     * Creates a new controller for an `Attachable` element.\n     *\n     * @param host The `Attachable` element.\n     * @param onControlChange A callback with two parameters for the previous and\n     *     next control. An `Attachable` element may perform setup or teardown\n     *     logic whenever the control changes.\n     */\n    constructor(host, onControlChange) {\n        this.host = host;\n        this.onControlChange = onControlChange;\n        this.currentControl = null;\n        host.addController(this);\n        host[ATTACHABLE_CONTROLLER] = this;\n        FOR_ATTRIBUTE_OBSERVER?.observe(host, { attributeFilter: ['for'] });\n    }\n    attach(control) {\n        if (control === this.currentControl) {\n            return;\n        }\n        this.setCurrentControl(control);\n        // When imperatively attaching, remove the `for` attribute so\n        // that the attached control is used instead of a referenced one.\n        this.host.removeAttribute('for');\n    }\n    detach() {\n        this.setCurrentControl(null);\n        // When imperatively detaching, add an empty `for=\"\"` attribute. This will\n        // ensure the control is `null` rather than the `parentElement`.\n        this.host.setAttribute('for', '');\n    }\n    /** @private */\n    hostConnected() {\n        this.setCurrentControl(this.control);\n    }\n    /** @private */\n    hostDisconnected() {\n        this.setCurrentControl(null);\n    }\n    setCurrentControl(control) {\n        this.onControlChange(this.currentControl, control);\n        this.currentControl = control;\n    }\n}\n//# sourceMappingURL=attachable-controller.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { isServer, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { AttachableController, } from '../../internal/controller/attachable-controller.js';\n/**\n * Events that the focus ring listens to.\n */\nconst EVENTS = ['focusin', 'focusout', 'pointerdown'];\n/**\n * A focus ring component.\n *\n * @fires visibility-changed {Event} Fired whenever `visible` changes.\n */\nexport class FocusRing extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Makes the focus ring visible.\n         */\n        this.visible = false;\n        /**\n         * Makes the focus ring animate inwards instead of outwards.\n         */\n        this.inward = false;\n        this.attachableController = new AttachableController(this, this.onControlChange.bind(this));\n    }\n    get htmlFor() {\n        return this.attachableController.htmlFor;\n    }\n    set htmlFor(htmlFor) {\n        this.attachableController.htmlFor = htmlFor;\n    }\n    get control() {\n        return this.attachableController.control;\n    }\n    set control(control) {\n        this.attachableController.control = control;\n    }\n    attach(control) {\n        this.attachableController.attach(control);\n    }\n    detach() {\n        this.attachableController.detach();\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        // Needed for VoiceOver, which will create a \"group\" if the element is a\n        // sibling to other content.\n        this.setAttribute('aria-hidden', 'true');\n    }\n    /** @private */\n    handleEvent(event) {\n        if (event[HANDLED_BY_FOCUS_RING]) {\n            // This ensures the focus ring does not activate when multiple focus rings\n            // are used within a single component.\n            return;\n        }\n        switch (event.type) {\n            default:\n                return;\n            case 'focusin':\n                this.visible = this.control?.matches(':focus-visible') ?? false;\n                break;\n            case 'focusout':\n            case 'pointerdown':\n                this.visible = false;\n                break;\n        }\n        event[HANDLED_BY_FOCUS_RING] = true;\n    }\n    onControlChange(prev, next) {\n        if (isServer)\n            return;\n        for (const event of EVENTS) {\n            prev?.removeEventListener(event, this);\n            next?.addEventListener(event, this);\n        }\n    }\n    update(changed) {\n        if (changed.has('visible')) {\n            // This logic can be removed once the `:has` selector has been introduced\n            // to Firefox. This is necessary to allow correct submenu styles.\n            this.dispatchEvent(new Event('visibility-changed'));\n        }\n        super.update(changed);\n    }\n}\n__decorate([\n    property({ type: Boolean, reflect: true })\n], FocusRing.prototype, \"visible\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], FocusRing.prototype, \"inward\", void 0);\nconst HANDLED_BY_FOCUS_RING = Symbol('handledByFocusRing');\n//# sourceMappingURL=focus-ring.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./focus/internal/focus-ring-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}\n`;\n//# sourceMappingURL=focus-ring-styles.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { FocusRing } from './internal/focus-ring.js';\nimport { styles } from './internal/focus-ring-styles.js';\n/**\n * TODO(b/267336424): add docs\n *\n * @final\n * @suppress {visibility}\n */\nlet MdFocusRing = class MdFocusRing extends FocusRing {\n};\nMdFocusRing.styles = [styles];\nMdFocusRing = __decorate([\n    customElement('md-focus-ring')\n], MdFocusRing);\nexport { MdFocusRing };\n//# sourceMappingURL=md-focus-ring.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * Easing functions to use for web animations.\n *\n * **NOTE:** `EASING.EMPHASIZED` is approximated with unknown accuracy.\n *\n * TODO(b/241113345): replace with tokens\n */\nexport const EASING = {\n    STANDARD: 'cubic-bezier(0.2, 0, 0, 1)',\n    STANDARD_ACCELERATE: 'cubic-bezier(.3,0,1,1)',\n    STANDARD_DECELERATE: 'cubic-bezier(0,0,0,1)',\n    EMPHASIZED: 'cubic-bezier(.3,0,0,1)',\n    EMPHASIZED_ACCELERATE: 'cubic-bezier(.3,0,.8,.15)',\n    EMPHASIZED_DECELERATE: 'cubic-bezier(.05,.7,.1,1)',\n};\n/**\n * Creates an `AnimationSignal` that can be used to cancel a previous task.\n *\n * @example\n * class MyClass {\n *   private labelAnimationSignal = createAnimationSignal();\n *\n *   private async animateLabel() {\n *     // Start of the task. Previous tasks will be canceled.\n *     const signal = this.labelAnimationSignal.start();\n *\n *     // Do async work...\n *     if (signal.aborted) {\n *       // Use AbortSignal to check if a request was made to abort after some\n *       // asynchronous work.\n *       return;\n *     }\n *\n *     const animation = this.animate(...);\n *     // Add event listeners to be notified when the task should be canceled.\n *     signal.addEventListener('abort', () => {\n *       animation.cancel();\n *     });\n *\n *     animation.addEventListener('finish', () => {\n *       // Tell the signal that the current task is finished.\n *       this.labelAnimationSignal.finish();\n *     });\n *   }\n * }\n *\n * @return An `AnimationSignal`.\n */\nexport function createAnimationSignal() {\n    // The current animation's AbortController\n    let animationAbortController = null;\n    return {\n        start() {\n            // Tell the previous animation to cancel.\n            animationAbortController?.abort();\n            // Set up a new AbortController for the current animation.\n            animationAbortController = new AbortController();\n            // Provide the AbortSignal so that the caller can check aborted status\n            // and add listeners.\n            return animationAbortController.signal;\n        },\n        finish() {\n            animationAbortController = null;\n        },\n    };\n}\n/**\n * Returns a function which can be used to throttle function calls\n * mapped to a key via a given function that should produce a promise that\n * determines the throttle amount (defaults to requestAnimationFrame).\n */\nexport function createThrottle() {\n    const stack = new Set();\n    return async (key = '', cb, timeout = async () => {\n        await new Promise(requestAnimationFrame);\n    }) => {\n        if (!stack.has(key)) {\n            stack.add(key);\n            await timeout();\n            if (stack.has(key)) {\n                stack.delete(key);\n                cb();\n            }\n        }\n    };\n}\n/**\n * Parses an number in milliseconds from a css time value\n */\nexport function msFromTimeCSSValue(value) {\n    const match = value.trim().match(/([\\d.]+)(\\s*s$)?/);\n    const time = match?.[1];\n    const seconds = match?.[2];\n    return Number(time ?? 0) * (seconds ? 1000 : 1);\n}\n//# sourceMappingURL=animation.js.map","/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { html, isServer, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { AttachableController, } from '../../internal/controller/attachable-controller.js';\nimport { EASING } from '../../internal/motion/animation.js';\nconst PRESS_GROW_MS = 450;\nconst MINIMUM_PRESS_MS = 225;\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst PADDING = 10;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\nconst PRESS_PSEUDO = '::after';\nconst ANIMATION_FILL = 'forwards';\n/**\n * Interaction states for the ripple.\n *\n * On Touch:\n *  - `INACTIVE -> TOUCH_DELAY -> WAITING_FOR_CLICK -> INACTIVE`\n *  - `INACTIVE -> TOUCH_DELAY -> HOLDING -> WAITING_FOR_CLICK -> INACTIVE`\n *\n * On Mouse or Pen:\n *   - `INACTIVE -> WAITING_FOR_CLICK -> INACTIVE`\n */\nvar State;\n(function (State) {\n    /**\n     * Initial state of the control, no touch in progress.\n     *\n     * Transitions:\n     *   - on touch down: transition to `TOUCH_DELAY`.\n     *   - on mouse down: transition to `WAITING_FOR_CLICK`.\n     */\n    State[State[\"INACTIVE\"] = 0] = \"INACTIVE\";\n    /**\n     * Touch down has been received, waiting to determine if it's a swipe or\n     * scroll.\n     *\n     * Transitions:\n     *   - on touch up: begin press; transition to `WAITING_FOR_CLICK`.\n     *   - on cancel: transition to `INACTIVE`.\n     *   - after `TOUCH_DELAY_MS`: begin press; transition to `HOLDING`.\n     */\n    State[State[\"TOUCH_DELAY\"] = 1] = \"TOUCH_DELAY\";\n    /**\n     * A touch has been deemed to be a press\n     *\n     * Transitions:\n     *  - on up: transition to `WAITING_FOR_CLICK`.\n     */\n    State[State[\"HOLDING\"] = 2] = \"HOLDING\";\n    /**\n     * The user touch has finished, transition into rest state.\n     *\n     * Transitions:\n     *   - on click end press; transition to `INACTIVE`.\n     */\n    State[State[\"WAITING_FOR_CLICK\"] = 3] = \"WAITING_FOR_CLICK\";\n})(State || (State = {}));\n/**\n * Events that the ripple listens to.\n */\nconst EVENTS = [\n    'click',\n    'contextmenu',\n    'pointercancel',\n    'pointerdown',\n    'pointerenter',\n    'pointerleave',\n    'pointerup',\n];\n/**\n * Delay reacting to touch so that we do not show the ripple for a swipe or\n * scroll interaction.\n */\nconst TOUCH_DELAY_MS = 150;\n/**\n * Used to detect if HCM is active. Events do not process during HCM when the\n * ripple is not displayed.\n */\nconst FORCED_COLORS = isServer\n    ? null\n    : window.matchMedia('(forced-colors: active)');\n/**\n * A ripple component.\n */\nexport class Ripple extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Disables the ripple.\n         */\n        this.disabled = false;\n        this.hovered = false;\n        this.pressed = false;\n        this.rippleSize = '';\n        this.rippleScale = '';\n        this.initialSize = 0;\n        this.state = State.INACTIVE;\n        this.attachableController = new AttachableController(this, this.onControlChange.bind(this));\n    }\n    get htmlFor() {\n        return this.attachableController.htmlFor;\n    }\n    set htmlFor(htmlFor) {\n        this.attachableController.htmlFor = htmlFor;\n    }\n    get control() {\n        return this.attachableController.control;\n    }\n    set control(control) {\n        this.attachableController.control = control;\n    }\n    attach(control) {\n        this.attachableController.attach(control);\n    }\n    detach() {\n        this.attachableController.detach();\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        // Needed for VoiceOver, which will create a \"group\" if the element is a\n        // sibling to other content.\n        this.setAttribute('aria-hidden', 'true');\n    }\n    render() {\n        const classes = {\n            'hovered': this.hovered,\n            'pressed': this.pressed,\n        };\n        return html `<div class=\"surface ${classMap(classes)}\"></div>`;\n    }\n    update(changedProps) {\n        if (changedProps.has('disabled') && this.disabled) {\n            this.hovered = false;\n            this.pressed = false;\n        }\n        super.update(changedProps);\n    }\n    /**\n     * TODO(b/269799771): make private\n     * @private only public for slider\n     */\n    handlePointerenter(event) {\n        if (!this.shouldReactToEvent(event)) {\n            return;\n        }\n        this.hovered = true;\n    }\n    /**\n     * TODO(b/269799771): make private\n     * @private only public for slider\n     */\n    handlePointerleave(event) {\n        if (!this.shouldReactToEvent(event)) {\n            return;\n        }\n        this.hovered = false;\n        // release a held mouse or pen press that moves outside the element\n        if (this.state !== State.INACTIVE) {\n            this.endPressAnimation();\n        }\n    }\n    handlePointerup(event) {\n        if (!this.shouldReactToEvent(event)) {\n            return;\n        }\n        if (this.state === State.HOLDING) {\n            this.state = State.WAITING_FOR_CLICK;\n            return;\n        }\n        if (this.state === State.TOUCH_DELAY) {\n            this.state = State.WAITING_FOR_CLICK;\n            this.startPressAnimation(this.rippleStartEvent);\n            return;\n        }\n    }\n    async handlePointerdown(event) {\n        if (!this.shouldReactToEvent(event)) {\n            return;\n        }\n        this.rippleStartEvent = event;\n        if (!this.isTouch(event)) {\n            this.state = State.WAITING_FOR_CLICK;\n            this.startPressAnimation(event);\n            return;\n        }\n        // Wait for a hold after touch delay\n        this.state = State.TOUCH_DELAY;\n        await new Promise((resolve) => {\n            setTimeout(resolve, TOUCH_DELAY_MS);\n        });\n        if (this.state !== State.TOUCH_DELAY) {\n            return;\n        }\n        this.state = State.HOLDING;\n        this.startPressAnimation(event);\n    }\n    handleClick() {\n        // Click is a MouseEvent in Firefox and Safari, so we cannot use\n        // `shouldReactToEvent`\n        if (this.disabled) {\n            return;\n        }\n        if (this.state === State.WAITING_FOR_CLICK) {\n            this.endPressAnimation();\n            return;\n        }\n        if (this.state === State.INACTIVE) {\n            // keyboard synthesized click event\n            this.startPressAnimation();\n            this.endPressAnimation();\n        }\n    }\n    handlePointercancel(event) {\n        if (!this.shouldReactToEvent(event)) {\n            return;\n        }\n        this.endPressAnimation();\n    }\n    handleContextmenu() {\n        if (this.disabled) {\n            return;\n        }\n        this.endPressAnimation();\n    }\n    determineRippleSize() {\n        const { height, width } = this.getBoundingClientRect();\n        const maxDim = Math.max(height, width);\n        const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDim, SOFT_EDGE_MINIMUM_SIZE);\n        // `?? 1` may be removed once `currentCSSZoom` is widely available.\n        const zoom = this.currentCSSZoom ?? 1;\n        const initialSize = Math.floor((maxDim * INITIAL_ORIGIN_SCALE) / zoom);\n        const hypotenuse = Math.sqrt(width ** 2 + height ** 2);\n        const maxRadius = hypotenuse + PADDING;\n        this.initialSize = initialSize;\n        // The dimensions may be altered by CSS `zoom`, which needs to be\n        // compensated for in the final scale() value.\n        const maybeZoomedScale = (maxRadius + softEdgeSize) / initialSize;\n        this.rippleScale = `${maybeZoomedScale / zoom}`;\n        this.rippleSize = `${initialSize}px`;\n    }\n    getNormalizedPointerEventCoords(pointerEvent) {\n        const { scrollX, scrollY } = window;\n        const { left, top } = this.getBoundingClientRect();\n        const documentX = scrollX + left;\n        const documentY = scrollY + top;\n        const { pageX, pageY } = pointerEvent;\n        // `?? 1` may be removed once `currentCSSZoom` is widely available.\n        const zoom = this.currentCSSZoom ?? 1;\n        return {\n            x: (pageX - documentX) / zoom,\n            y: (pageY - documentY) / zoom,\n        };\n    }\n    getTranslationCoordinates(positionEvent) {\n        const { height, width } = this.getBoundingClientRect();\n        // `?? 1` may be removed once `currentCSSZoom` is widely available.\n        const zoom = this.currentCSSZoom ?? 1;\n        // end in the center\n        const endPoint = {\n            x: (width / zoom - this.initialSize) / 2,\n            y: (height / zoom - this.initialSize) / 2,\n        };\n        let startPoint;\n        if (positionEvent instanceof PointerEvent) {\n            startPoint = this.getNormalizedPointerEventCoords(positionEvent);\n        }\n        else {\n            startPoint = {\n                x: width / zoom / 2,\n                y: height / zoom / 2,\n            };\n        }\n        // center around start point\n        startPoint = {\n            x: startPoint.x - this.initialSize / 2,\n            y: startPoint.y - this.initialSize / 2,\n        };\n        return { startPoint, endPoint };\n    }\n    startPressAnimation(positionEvent) {\n        if (!this.mdRoot) {\n            return;\n        }\n        this.pressed = true;\n        this.growAnimation?.cancel();\n        this.determineRippleSize();\n        const { startPoint, endPoint } = this.getTranslationCoordinates(positionEvent);\n        const translateStart = `${startPoint.x}px, ${startPoint.y}px`;\n        const translateEnd = `${endPoint.x}px, ${endPoint.y}px`;\n        this.growAnimation = this.mdRoot.animate({\n            top: [0, 0],\n            left: [0, 0],\n            height: [this.rippleSize, this.rippleSize],\n            width: [this.rippleSize, this.rippleSize],\n            transform: [\n                `translate(${translateStart}) scale(1)`,\n                `translate(${translateEnd}) scale(${this.rippleScale})`,\n            ],\n        }, {\n            pseudoElement: PRESS_PSEUDO,\n            duration: PRESS_GROW_MS,\n            easing: EASING.STANDARD,\n            fill: ANIMATION_FILL,\n        });\n    }\n    async endPressAnimation() {\n        this.rippleStartEvent = undefined;\n        this.state = State.INACTIVE;\n        const animation = this.growAnimation;\n        let pressAnimationPlayState = Infinity;\n        if (typeof animation?.currentTime === 'number') {\n            pressAnimationPlayState = animation.currentTime;\n        }\n        else if (animation?.currentTime) {\n            pressAnimationPlayState = animation.currentTime.to('ms').value;\n        }\n        if (pressAnimationPlayState >= MINIMUM_PRESS_MS) {\n            this.pressed = false;\n            return;\n        }\n        await new Promise((resolve) => {\n            setTimeout(resolve, MINIMUM_PRESS_MS - pressAnimationPlayState);\n        });\n        if (this.growAnimation !== animation) {\n            // A new press animation was started. The old animation was canceled and\n            // should not finish the pressed state.\n            return;\n        }\n        this.pressed = false;\n    }\n    /**\n     * Returns `true` if\n     *  - the ripple element is enabled\n     *  - the pointer is primary for the input type\n     *  - the pointer is the pointer that started the interaction, or will start\n     * the interaction\n     *  - the pointer is a touch, or the pointer state has the primary button\n     * held, or the pointer is hovering\n     */\n    shouldReactToEvent(event) {\n        if (this.disabled || !event.isPrimary) {\n            return false;\n        }\n        if (this.rippleStartEvent &&\n            this.rippleStartEvent.pointerId !== event.pointerId) {\n            return false;\n        }\n        if (event.type === 'pointerenter' || event.type === 'pointerleave') {\n            return !this.isTouch(event);\n        }\n        const isPrimaryButton = event.buttons === 1;\n        return this.isTouch(event) || isPrimaryButton;\n    }\n    isTouch({ pointerType }) {\n        return pointerType === 'touch';\n    }\n    /** @private */\n    async handleEvent(event) {\n        if (FORCED_COLORS?.matches) {\n            // Skip event logic since the ripple is `display: none`.\n            return;\n        }\n        switch (event.type) {\n            case 'click':\n                this.handleClick();\n                break;\n            case 'contextmenu':\n                this.handleContextmenu();\n                break;\n            case 'pointercancel':\n                this.handlePointercancel(event);\n                break;\n            case 'pointerdown':\n                await this.handlePointerdown(event);\n                break;\n            case 'pointerenter':\n                this.handlePointerenter(event);\n                break;\n            case 'pointerleave':\n                this.handlePointerleave(event);\n                break;\n            case 'pointerup':\n                this.handlePointerup(event);\n                break;\n            default:\n                break;\n        }\n    }\n    onControlChange(prev, next) {\n        if (isServer)\n            return;\n        for (const event of EVENTS) {\n            prev?.removeEventListener(event, this);\n            next?.addEventListener(event, this);\n        }\n    }\n}\n__decorate([\n    property({ type: Boolean, reflect: true })\n], Ripple.prototype, \"disabled\", void 0);\n__decorate([\n    state()\n], Ripple.prototype, \"hovered\", void 0);\n__decorate([\n    state()\n], Ripple.prototype, \"pressed\", void 0);\n__decorate([\n    query('.surface')\n], Ripple.prototype, \"mdRoot\", void 0);\n//# sourceMappingURL=ripple.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./ripple/internal/ripple-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:\"\";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}\n`;\n//# sourceMappingURL=ripple-styles.js.map","/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { Ripple } from './internal/ripple.js';\nimport { styles } from './internal/ripple-styles.js';\n/**\n * @summary Ripples, also known as state layers, are visual indicators used to\n * communicate the status of a component or interactive element.\n *\n * @description A state layer is a semi-transparent covering on an element that\n * indicates its state. State layers provide a systematic approach to\n * visualizing states by using opacity. A layer can be applied to an entire\n * element or in a circular shape and only one state layer can be applied at a\n * given time.\n *\n * @final\n * @suppress {visibility}\n */\nlet MdRipple = class MdRipple extends Ripple {\n};\nMdRipple.styles = [styles];\nMdRipple = __decorate([\n    customElement('md-ripple')\n], MdRipple);\nexport { MdRipple };\n//# sourceMappingURL=ripple.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * Accessibility Object Model reflective aria properties.\n */\nexport const ARIA_PROPERTIES = [\n    'role',\n    'ariaAtomic',\n    'ariaAutoComplete',\n    'ariaBusy',\n    'ariaChecked',\n    'ariaColCount',\n    'ariaColIndex',\n    'ariaColSpan',\n    'ariaCurrent',\n    'ariaDisabled',\n    'ariaExpanded',\n    'ariaHasPopup',\n    'ariaHidden',\n    'ariaInvalid',\n    'ariaKeyShortcuts',\n    'ariaLabel',\n    'ariaLevel',\n    'ariaLive',\n    'ariaModal',\n    'ariaMultiLine',\n    'ariaMultiSelectable',\n    'ariaOrientation',\n    'ariaPlaceholder',\n    'ariaPosInSet',\n    'ariaPressed',\n    'ariaReadOnly',\n    'ariaRequired',\n    'ariaRoleDescription',\n    'ariaRowCount',\n    'ariaRowIndex',\n    'ariaRowSpan',\n    'ariaSelected',\n    'ariaSetSize',\n    'ariaSort',\n    'ariaValueMax',\n    'ariaValueMin',\n    'ariaValueNow',\n    'ariaValueText',\n];\n/**\n * Accessibility Object Model aria attributes.\n */\nexport const ARIA_ATTRIBUTES = ARIA_PROPERTIES.map(ariaPropertyToAttribute);\n/**\n * Checks if an attribute is one of the AOM aria attributes.\n *\n * @example\n * isAriaAttribute('aria-label'); // true\n *\n * @param attribute The attribute to check.\n * @return True if the attribute is an aria attribute, or false if not.\n */\nexport function isAriaAttribute(attribute) {\n    return ARIA_ATTRIBUTES.includes(attribute);\n}\n/**\n * Converts an AOM aria property into its corresponding attribute.\n *\n * @example\n * ariaPropertyToAttribute('ariaLabel'); // 'aria-label'\n *\n * @param property The aria property.\n * @return The aria attribute.\n */\nexport function ariaPropertyToAttribute(property) {\n    return property\n        .replace('aria', 'aria-')\n        // IDREF attributes also include an \"Element\" or \"Elements\" suffix\n        .replace(/Elements?/g, '')\n        .toLowerCase();\n}\n//# sourceMappingURL=aria.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { isServer } from 'lit';\nimport { ARIA_PROPERTIES, ariaPropertyToAttribute, isAriaAttribute, } from './aria.js';\n// Private symbols\nconst privateIgnoreAttributeChangesFor = Symbol('privateIgnoreAttributeChangesFor');\n/**\n * Mixes in aria delegation for elements that delegate focus and aria to inner\n * shadow root elements.\n *\n * This mixin fixes invalid aria announcements with shadow roots, caused by\n * duplicate aria attributes on both the host and the inner shadow root element.\n *\n * Note: this mixin **does not yet support** ID reference attributes, such as\n * `aria-labelledby` or `aria-controls`.\n *\n * @example\n * ```ts\n * class MyButton extends mixinDelegatesAria(LitElement) {\n *   static shadowRootOptions = {mode: 'open', delegatesFocus: true};\n *\n *   render() {\n *     return html`\n *       <button aria-label=${this.ariaLabel || nothing}>\n *         <slot></slot>\n *       </button>\n *     `;\n *   }\n * }\n * ```\n * ```html\n * <my-button aria-label=\"Plus one\">+1</my-button>\n * ```\n *\n * Use `ARIAMixinStrict` for lit analyzer strict types, such as the \"role\"\n * attribute.\n *\n * @example\n * ```ts\n * return html`\n *   <button role=${(this as ARIAMixinStrict).role || nothing}>\n *     <slot></slot>\n *   </button>\n * `;\n * ```\n *\n * In the future, updates to the Accessibility Object Model (AOM) will provide\n * built-in aria delegation features that will replace this mixin.\n *\n * @param base The class to mix functionality into.\n * @return The provided class with aria delegation mixed in.\n */\nexport function mixinDelegatesAria(base) {\n    var _a;\n    if (isServer) {\n        // Don't shift attributes when running with lit-ssr. The SSR renderer\n        // implements a subset of DOM APIs, including the methods this mixin\n        // overrides, causing errors. We don't need to shift on the server anyway\n        // since elements will shift attributes immediately once they hydrate.\n        return base;\n    }\n    class WithDelegatesAriaElement extends base {\n        constructor() {\n            super(...arguments);\n            this[_a] = new Set();\n        }\n        attributeChangedCallback(name, oldValue, newValue) {\n            if (!isAriaAttribute(name)) {\n                super.attributeChangedCallback(name, oldValue, newValue);\n                return;\n            }\n            if (this[privateIgnoreAttributeChangesFor].has(name)) {\n                return;\n            }\n            // Don't trigger another `attributeChangedCallback` once we remove the\n            // aria attribute from the host. We check the explicit name of the\n            // attribute to ignore since `attributeChangedCallback` can be called\n            // multiple times out of an expected order when hydrating an element with\n            // multiple attributes.\n            this[privateIgnoreAttributeChangesFor].add(name);\n            this.removeAttribute(name);\n            this[privateIgnoreAttributeChangesFor].delete(name);\n            const dataProperty = ariaAttributeToDataProperty(name);\n            if (newValue === null) {\n                delete this.dataset[dataProperty];\n            }\n            else {\n                this.dataset[dataProperty] = newValue;\n            }\n            this.requestUpdate(ariaAttributeToDataProperty(name), oldValue);\n        }\n        getAttribute(name) {\n            if (isAriaAttribute(name)) {\n                return super.getAttribute(ariaAttributeToDataAttribute(name));\n            }\n            return super.getAttribute(name);\n        }\n        removeAttribute(name) {\n            super.removeAttribute(name);\n            if (isAriaAttribute(name)) {\n                super.removeAttribute(ariaAttributeToDataAttribute(name));\n                // Since `aria-*` attributes are already removed`, we need to request\n                // an update because `attributeChangedCallback` will not be called.\n                this.requestUpdate();\n            }\n        }\n    }\n    _a = privateIgnoreAttributeChangesFor;\n    setupDelegatesAriaProperties(WithDelegatesAriaElement);\n    return WithDelegatesAriaElement;\n}\n/**\n * Overrides the constructor's native `ARIAMixin` properties to ensure that\n * aria properties reflect the values that were shifted to a data attribute.\n *\n * @param ctor The `ReactiveElement` constructor to patch.\n */\nfunction setupDelegatesAriaProperties(ctor) {\n    for (const ariaProperty of ARIA_PROPERTIES) {\n        // The casing between ariaProperty and the dataProperty may be different.\n        // ex: aria-haspopup -> ariaHasPopup\n        const ariaAttribute = ariaPropertyToAttribute(ariaProperty);\n        // ex: aria-haspopup -> data-aria-haspopup\n        const dataAttribute = ariaAttributeToDataAttribute(ariaAttribute);\n        // ex: aria-haspopup -> dataset.ariaHaspopup\n        const dataProperty = ariaAttributeToDataProperty(ariaAttribute);\n        // Call `ReactiveElement.createProperty()` so that the `aria-*` and `data-*`\n        // attributes are added to the `static observedAttributes` array. This\n        // triggers `attributeChangedCallback` for the delegates aria mixin to\n        // handle.\n        ctor.createProperty(ariaProperty, {\n            attribute: ariaAttribute,\n            noAccessor: true,\n        });\n        ctor.createProperty(Symbol(dataAttribute), {\n            attribute: dataAttribute,\n            noAccessor: true,\n        });\n        // Re-define the `ARIAMixin` properties to handle data attribute shifting.\n        // It is safe to use `Object.defineProperty` here because the properties\n        // are native and not renamed.\n        // tslint:disable-next-line:ban-unsafe-reflection\n        Object.defineProperty(ctor.prototype, ariaProperty, {\n            configurable: true,\n            enumerable: true,\n            get() {\n                return this.dataset[dataProperty] ?? null;\n            },\n            set(value) {\n                const prevValue = this.dataset[dataProperty] ?? null;\n                if (value === prevValue) {\n                    return;\n                }\n                if (value === null) {\n                    delete this.dataset[dataProperty];\n                }\n                else {\n                    this.dataset[dataProperty] = value;\n                }\n                this.requestUpdate(ariaProperty, prevValue);\n            },\n        });\n    }\n}\nfunction ariaAttributeToDataAttribute(ariaAttribute) {\n    // aria-haspopup -> data-aria-haspopup\n    return `data-${ariaAttribute}`;\n}\nfunction ariaAttributeToDataProperty(ariaAttribute) {\n    // aria-haspopup -> dataset.ariaHaspopup\n    return ariaAttribute.replace(/-\\w/, (dashLetter) => dashLetter[1].toUpperCase());\n}\n//# sourceMappingURL=delegate.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * Dispatches a click event to the given element that triggers a native action,\n * but is not composed and therefore is not seen outside the element.\n *\n * This is useful for responding to an external click event on the host element\n * that should trigger an internal action like a button click.\n *\n * Note, a helper is provided because setting this up correctly is a bit tricky.\n * In particular, calling `click` on an element creates a composed event, which\n * is not desirable, and a manually dispatched event must specifically be a\n * `MouseEvent` to trigger a native action.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function dispatchActivationClick(element) {\n    const event = new MouseEvent('click', { bubbles: true });\n    element.dispatchEvent(event);\n    return event;\n}\n/**\n * Returns true if the click event should trigger an activation behavior. The\n * behavior is defined by the element and is whatever it should do when\n * clicked.\n *\n * Typically when an element needs to handle a click, the click is generated\n * from within the element and an event listener within the element implements\n * the needed behavior; however, it's possible to fire a click directly\n * at the element that the element should handle. This method helps\n * distinguish these \"external\" clicks.\n *\n * An \"external\" click can be triggered in a number of ways: via a click\n * on an associated label for a form  associated element, calling\n * `element.click()`, or calling\n * `element.dispatchEvent(new MouseEvent('click', ...))`.\n *\n * Also works around Firefox issue\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\n * events for a microtask after called.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function isActivationClick(event) {\n    // Event must start at the event target.\n    if (event.currentTarget !== event.target) {\n        return false;\n    }\n    // Event must not be retargeted from shadowRoot.\n    if (event.composedPath()[0] !== event.target) {\n        return false;\n    }\n    // Target must not be disabled; this should only occur for a synthetically\n    // dispatched click.\n    if (event.target.disabled) {\n        return false;\n    }\n    // This is an activation if the event should not be squelched.\n    return !squelchEvent(event);\n}\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nfunction squelchEvent(event) {\n    const squelched = isSquelchingEvents;\n    if (squelched) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n    }\n    squelchEventsForMicrotask();\n    return squelched;\n}\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\nasync function squelchEventsForMicrotask() {\n    isSquelchingEvents = true;\n    // Need to pause for just one microtask.\n    // tslint:disable-next-line\n    await null;\n    isSquelchingEvents = false;\n}\n//# sourceMappingURL=form-label-activation.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * Re-dispatches an event from the provided element.\n *\n * This function is useful for forwarding non-composed events, such as `change`\n * events.\n *\n * @example\n * class MyInput extends LitElement {\n *   render() {\n *     return html`<input @change=${this.redispatchEvent}>`;\n *   }\n *\n *   protected redispatchEvent(event: Event) {\n *     redispatchEvent(this, event);\n *   }\n * }\n *\n * @param element The element to dispatch the event from.\n * @param event The event to re-dispatch.\n * @return Whether or not the event was dispatched (if cancelable).\n */\nexport function redispatchEvent(element, event) {\n    // For bubbling events in SSR light DOM (or composed), stop their propagation\n    // and dispatch the copy.\n    if (event.bubbles && (!element.shadowRoot || event.composed)) {\n        event.stopPropagation();\n    }\n    const copy = Reflect.construct(event.constructor, [event.type, event]);\n    const dispatched = element.dispatchEvent(copy);\n    if (!dispatched) {\n        event.preventDefault();\n    }\n    return dispatched;\n}\n//# sourceMappingURL=redispatch-event.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * A unique symbol used for protected access to an instance's\n * `ElementInternals`.\n *\n * @example\n * ```ts\n * class MyElement extends mixinElementInternals(LitElement) {\n *   constructor() {\n *     super();\n *     this[internals].role = 'button';\n *   }\n * }\n * ```\n */\nexport const internals = Symbol('internals');\n// Private symbols\nconst privateInternals = Symbol('privateInternals');\n/**\n * Mixes in an attached `ElementInternals` instance.\n *\n * This mixin is only needed when other shared code needs access to a\n * component's `ElementInternals`, such as form-associated mixins.\n *\n * @param base The class to mix functionality into.\n * @return The provided class with `WithElementInternals` mixed in.\n */\nexport function mixinElementInternals(base) {\n    class WithElementInternalsElement extends base {\n        get [internals]() {\n            // Create internals in getter so that it can be used in methods called on\n            // construction in `ReactiveElement`, such as `requestUpdate()`.\n            if (!this[privateInternals]) {\n                // Cast needed for closure\n                this[privateInternals] = this.attachInternals();\n            }\n            return this[privateInternals];\n        }\n    }\n    return WithElementInternalsElement;\n}\n//# sourceMappingURL=element-internals.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { isServer } from 'lit';\nimport { internals } from './element-internals.js';\n/**\n * A symbol property used to create a constraint validation `Validator`.\n * Required for all `mixinConstraintValidation()` elements.\n */\nexport const createValidator = Symbol('createValidator');\n/**\n * A symbol property used to return an anchor for constraint validation popups.\n * Required for all `mixinConstraintValidation()` elements.\n */\nexport const getValidityAnchor = Symbol('getValidityAnchor');\n// Private symbol members, used to avoid name clashing.\nconst privateValidator = Symbol('privateValidator');\nconst privateSyncValidity = Symbol('privateSyncValidity');\nconst privateCustomValidationMessage = Symbol('privateCustomValidationMessage');\n/**\n * Mixes in constraint validation APIs for an element.\n *\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation\n * for more details.\n *\n * Implementations must provide a validator to cache and compute its validity,\n * along with a shadow root element to anchor validation popups to.\n *\n * @example\n * ```ts\n * const baseClass = mixinConstraintValidation(\n *   mixinFormAssociated(mixinElementInternals(LitElement))\n * );\n *\n * class MyCheckbox extends baseClass {\n *   \\@property({type: Boolean}) checked = false;\n *   \\@property({type: Boolean}) required = false;\n *\n *   [createValidator]() {\n *     return new CheckboxValidator(() => this);\n *   }\n *\n *   [getValidityAnchor]() {\n *     return this.renderRoot.querySelector('.root');\n *   }\n * }\n * ```\n *\n * @param base The class to mix functionality into.\n * @return The provided class with `ConstraintValidation` mixed in.\n */\nexport function mixinConstraintValidation(base) {\n    var _a;\n    class ConstraintValidationElement extends base {\n        constructor() {\n            super(...arguments);\n            /**\n             * Needed for Safari, see https://bugs.webkit.org/show_bug.cgi?id=261432\n             * Replace with this[internals].validity.customError when resolved.\n             */\n            this[_a] = '';\n        }\n        get validity() {\n            this[privateSyncValidity]();\n            return this[internals].validity;\n        }\n        get validationMessage() {\n            this[privateSyncValidity]();\n            return this[internals].validationMessage;\n        }\n        get willValidate() {\n            this[privateSyncValidity]();\n            return this[internals].willValidate;\n        }\n        checkValidity() {\n            this[privateSyncValidity]();\n            return this[internals].checkValidity();\n        }\n        reportValidity() {\n            this[privateSyncValidity]();\n            return this[internals].reportValidity();\n        }\n        setCustomValidity(error) {\n            this[privateCustomValidationMessage] = error;\n            this[privateSyncValidity]();\n        }\n        requestUpdate(name, oldValue, options) {\n            super.requestUpdate(name, oldValue, options);\n            this[privateSyncValidity]();\n        }\n        firstUpdated(changed) {\n            super.firstUpdated(changed);\n            // Sync the validity again when the element first renders, since the\n            // validity anchor is now available.\n            //\n            // Elements that `delegatesFocus: true` to an `<input>` will throw an\n            // error in Chrome and Safari when a form tries to submit or call\n            // `form.reportValidity()`:\n            // \"An invalid form control with name='' is not focusable\"\n            //\n            // The validity anchor MUST be provided in `internals.setValidity()` and\n            // MUST be the `<input>` element rendered.\n            //\n            // See https://lit.dev/playground/#gist=6c26e418e0010f7a5aac15005cde8bde\n            // for a reproduction.\n            this[privateSyncValidity]();\n        }\n        [(_a = privateCustomValidationMessage, privateSyncValidity)]() {\n            if (isServer) {\n                return;\n            }\n            if (!this[privateValidator]) {\n                this[privateValidator] = this[createValidator]();\n            }\n            const { validity, validationMessage: nonCustomValidationMessage } = this[privateValidator].getValidity();\n            const customError = !!this[privateCustomValidationMessage];\n            const validationMessage = this[privateCustomValidationMessage] || nonCustomValidationMessage;\n            this[internals].setValidity({ ...validity, customError }, validationMessage, this[getValidityAnchor]() ?? undefined);\n        }\n        [createValidator]() {\n            throw new Error('Implement [createValidator]');\n        }\n        [getValidityAnchor]() {\n            throw new Error('Implement [getValidityAnchor]');\n        }\n    }\n    return ConstraintValidationElement;\n}\n//# sourceMappingURL=constraint-validation.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { property } from 'lit/decorators.js';\nimport { internals } from './element-internals.js';\n/**\n * A symbol property to retrieve the form value for an element.\n */\nexport const getFormValue = Symbol('getFormValue');\n/**\n * A symbol property to retrieve the form state for an element.\n */\nexport const getFormState = Symbol('getFormState');\n/**\n * Mixes in form-associated behavior for a class. This allows an element to add\n * values to `<form>` elements.\n *\n * Implementing classes should provide a `[formValue]` to return the current\n * value of the element, as well as reset and restore callbacks.\n *\n * @example\n * ```ts\n * const base = mixinFormAssociated(mixinElementInternals(LitElement));\n *\n * class MyControl extends base {\n *   \\@property()\n *   value = '';\n *\n *   override [getFormValue]() {\n *     return this.value;\n *   }\n *\n *   override formResetCallback() {\n *     const defaultValue = this.getAttribute('value');\n *     this.value = defaultValue;\n *   }\n *\n *   override formStateRestoreCallback(state: string) {\n *     this.value = state;\n *   }\n * }\n * ```\n *\n * Elements may optionally provide a `[formState]` if their values do not\n * represent the state of the component.\n *\n * @example\n * ```ts\n * const base = mixinFormAssociated(mixinElementInternals(LitElement));\n *\n * class MyCheckbox extends base {\n *   \\@property()\n *   value = 'on';\n *\n *   \\@property({type: Boolean})\n *   checked = false;\n *\n *   override [getFormValue]() {\n *     return this.checked ? this.value : null;\n *   }\n *\n *   override [getFormState]() {\n *     return String(this.checked);\n *   }\n *\n *   override formResetCallback() {\n *     const defaultValue = this.hasAttribute('checked');\n *     this.checked = defaultValue;\n *   }\n *\n *   override formStateRestoreCallback(state: string) {\n *     this.checked = Boolean(state);\n *   }\n * }\n * ```\n *\n * IMPORTANT: Requires declares for lit-analyzer\n * @example\n * ```ts\n * const base = mixinFormAssociated(mixinElementInternals(LitElement));\n * class MyControl extends base {\n *   // Writable mixin properties for lit-html binding, needed for lit-analyzer\n *   declare disabled: boolean;\n *   declare name: string;\n * }\n * ```\n *\n * @param base The class to mix functionality into. The base class must use\n *     `mixinElementInternals()`.\n * @return The provided class with `FormAssociated` mixed in.\n */\nexport function mixinFormAssociated(base) {\n    class FormAssociatedElement extends base {\n        get form() {\n            return this[internals].form;\n        }\n        get labels() {\n            return this[internals].labels;\n        }\n        // Use @property for the `name` and `disabled` properties to add them to the\n        // `observedAttributes` array and trigger `attributeChangedCallback()`.\n        //\n        // We don't use Lit's default getter/setter (`noAccessor: true`) because\n        // the attributes need to be updated synchronously to work with synchronous\n        // form APIs, and Lit updates attributes async by default.\n        get name() {\n            return this.getAttribute('name') ?? '';\n        }\n        set name(name) {\n            // Note: setting name to null or empty does not remove the attribute.\n            this.setAttribute('name', name);\n            // We don't need to call `requestUpdate()` since it's called synchronously\n            // in `attributeChangedCallback()`.\n        }\n        get disabled() {\n            return this.hasAttribute('disabled');\n        }\n        set disabled(disabled) {\n            this.toggleAttribute('disabled', disabled);\n            // We don't need to call `requestUpdate()` since it's called synchronously\n            // in `attributeChangedCallback()`.\n        }\n        attributeChangedCallback(name, old, value) {\n            // Manually `requestUpdate()` for `name` and `disabled` when their\n            // attribute or property changes.\n            // The properties update their attributes, so this callback is invoked\n            // immediately when the properties are set. We call `requestUpdate()` here\n            // instead of letting Lit set the properties from the attribute change.\n            // That would cause the properties to re-set the attribute and invoke this\n            // callback again in a loop. This leads to stale state when Lit tries to\n            // determine if a property changed or not.\n            if (name === 'name' || name === 'disabled') {\n                // Disabled's value is only false if the attribute is missing and null.\n                const oldValue = name === 'disabled' ? old !== null : old;\n                // Trigger a lit update when the attribute changes.\n                this.requestUpdate(name, oldValue);\n                return;\n            }\n            super.attributeChangedCallback(name, old, value);\n        }\n        requestUpdate(name, oldValue, options) {\n            super.requestUpdate(name, oldValue, options);\n            // If any properties change, update the form value, which may have changed\n            // as well.\n            // Update the form value synchronously in `requestUpdate()` rather than\n            // `update()` or `updated()`, which are async. This is necessary to ensure\n            // that form data is updated in time for synchronous event listeners.\n            this[internals].setFormValue(this[getFormValue](), this[getFormState]());\n        }\n        [getFormValue]() {\n            // Closure does not allow abstract symbol members, so a default\n            // implementation is needed.\n            throw new Error('Implement [getFormValue]');\n        }\n        [getFormState]() {\n            return this[getFormValue]();\n        }\n        formDisabledCallback(disabled) {\n            this.disabled = disabled;\n        }\n    }\n    /** @nocollapse */\n    FormAssociatedElement.formAssociated = true;\n    __decorate([\n        property({ noAccessor: true })\n    ], FormAssociatedElement.prototype, \"name\", null);\n    __decorate([\n        property({ type: Boolean, noAccessor: true })\n    ], FormAssociatedElement.prototype, \"disabled\", null);\n    return FormAssociatedElement;\n}\n//# sourceMappingURL=form-associated.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n/**\n * A class that computes and caches `ValidityStateFlags` for a component with\n * a given `State` interface.\n *\n * Cached performance before computing validity is important since constraint\n * validation must be checked frequently and synchronously when properties\n * change.\n *\n * @template State The expected interface of properties relevant to constraint\n *     validation.\n */\nexport class Validator {\n    /**\n     * Creates a new validator.\n     *\n     * @param getCurrentState A callback that returns the current state of\n     *     constraint validation-related properties.\n     */\n    constructor(getCurrentState) {\n        this.getCurrentState = getCurrentState;\n        /**\n         * The current validity state and message. This is cached and returns if\n         * constraint validation state does not change.\n         */\n        this.currentValidity = {\n            validity: {},\n            validationMessage: '',\n        };\n    }\n    /**\n     * Returns the current `ValidityStateFlags` and validation message for the\n     * validator.\n     *\n     * If the constraint validation state has not changed, this will return a\n     * cached result. This is important since `getValidity()` can be called\n     * frequently in response to synchronous property changes.\n     *\n     * @return The current validity and validation message.\n     */\n    getValidity() {\n        const state = this.getCurrentState();\n        const hasStateChanged = !this.prevState || !this.equals(this.prevState, state);\n        if (!hasStateChanged) {\n            return this.currentValidity;\n        }\n        const { validity, validationMessage } = this.computeValidity(state);\n        this.prevState = this.copy(state);\n        this.currentValidity = {\n            validationMessage,\n            validity: {\n                // Change any `ValidityState` instances into `ValidityStateFlags` since\n                // `ValidityState` cannot be easily `{...spread}`.\n                badInput: validity.badInput,\n                customError: validity.customError,\n                patternMismatch: validity.patternMismatch,\n                rangeOverflow: validity.rangeOverflow,\n                rangeUnderflow: validity.rangeUnderflow,\n                stepMismatch: validity.stepMismatch,\n                tooLong: validity.tooLong,\n                tooShort: validity.tooShort,\n                typeMismatch: validity.typeMismatch,\n                valueMissing: validity.valueMissing,\n            },\n        };\n        return this.currentValidity;\n    }\n}\n//# sourceMappingURL=validator.js.map","/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { Validator } from './validator.js';\n/**\n * A validator that provides constraint validation that emulates\n * `<input type=\"checkbox\">` validation.\n */\nexport class CheckboxValidator extends Validator {\n    computeValidity(state) {\n        if (!this.checkboxControl) {\n            // Lazily create the platform input\n            this.checkboxControl = document.createElement('input');\n            this.checkboxControl.type = 'checkbox';\n        }\n        this.checkboxControl.checked = state.checked;\n        this.checkboxControl.required = state.required;\n        return {\n            validity: this.checkboxControl.validity,\n            validationMessage: this.checkboxControl.validationMessage,\n        };\n    }\n    equals(prev, next) {\n        return prev.checked === next.checked && prev.required === next.required;\n    }\n    copy({ checked, required }) {\n        return { checked, required };\n    }\n}\n//# sourceMappingURL=checkbox-validator.js.map","/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport '../../focus/md-focus-ring.js';\nimport '../../ripple/ripple.js';\nimport { html, isServer, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { mixinDelegatesAria } from '../../internal/aria/delegate.js';\nimport { dispatchActivationClick, isActivationClick, } from '../../internal/events/form-label-activation.js';\nimport { redispatchEvent } from '../../internal/events/redispatch-event.js';\nimport { createValidator, getValidityAnchor, mixinConstraintValidation, } from '../../labs/behaviors/constraint-validation.js';\nimport { mixinElementInternals } from '../../labs/behaviors/element-internals.js';\nimport { getFormState, getFormValue, mixinFormAssociated, } from '../../labs/behaviors/form-associated.js';\nimport { CheckboxValidator } from '../../labs/behaviors/validators/checkbox-validator.js';\n// Separate variable needed for closure.\nconst checkboxBaseClass = mixinDelegatesAria(mixinConstraintValidation(mixinFormAssociated(mixinElementInternals(LitElement))));\n/**\n * A checkbox component.\n *\n *\n * @fires change {Event} The native `change` event on\n * [`<input>`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event)\n * --bubbles\n * @fires input {InputEvent} The native `input` event on\n * [`<input>`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)\n * --bubbles --composed\n */\nexport class Checkbox extends checkboxBaseClass {\n    constructor() {\n        super();\n        /**\n         * Whether or not the checkbox is selected.\n         */\n        this.checked = false;\n        /**\n         * Whether or not the checkbox is indeterminate.\n         *\n         * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes\n         */\n        this.indeterminate = false;\n        /**\n         * When true, require the checkbox to be selected when participating in\n         * form submission.\n         *\n         * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation\n         */\n        this.required = false;\n        /**\n         * The value of the checkbox that is submitted with a form when selected.\n         *\n         * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n         */\n        this.value = 'on';\n        this.prevChecked = false;\n        this.prevDisabled = false;\n        this.prevIndeterminate = false;\n        if (!isServer) {\n            this.addEventListener('click', (event) => {\n                if (!isActivationClick(event) || !this.input) {\n                    return;\n                }\n                this.focus();\n                dispatchActivationClick(this.input);\n            });\n        }\n    }\n    update(changed) {\n        if (changed.has('checked') ||\n            changed.has('disabled') ||\n            changed.has('indeterminate')) {\n            this.prevChecked = changed.get('checked') ?? this.checked;\n            this.prevDisabled = changed.get('disabled') ?? this.disabled;\n            this.prevIndeterminate =\n                changed.get('indeterminate') ?? this.indeterminate;\n        }\n        super.update(changed);\n    }\n    render() {\n        const prevNone = !this.prevChecked && !this.prevIndeterminate;\n        const prevChecked = this.prevChecked && !this.prevIndeterminate;\n        const prevIndeterminate = this.prevIndeterminate;\n        const isChecked = this.checked && !this.indeterminate;\n        const isIndeterminate = this.indeterminate;\n        const containerClasses = classMap({\n            'disabled': this.disabled,\n            'selected': isChecked || isIndeterminate,\n            'unselected': !isChecked && !isIndeterminate,\n            'checked': isChecked,\n            'indeterminate': isIndeterminate,\n            'prev-unselected': prevNone,\n            'prev-checked': prevChecked,\n            'prev-indeterminate': prevIndeterminate,\n            'prev-disabled': this.prevDisabled,\n        });\n        // Needed for closure conformance\n        const { ariaLabel, ariaInvalid } = this;\n        // Note: <input> needs to be rendered before the <svg> for\n        // form.reportValidity() to work in Chrome.\n        return html `\n      <div class=\"container ${containerClasses}\">\n        <input\n          type=\"checkbox\"\n          id=\"input\"\n          aria-checked=${isIndeterminate ? 'mixed' : nothing}\n          aria-label=${ariaLabel || nothing}\n          aria-invalid=${ariaInvalid || nothing}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          .indeterminate=${this.indeterminate}\n          .checked=${this.checked}\n          @input=${this.handleInput}\n          @change=${this.handleChange} />\n\n        <div class=\"outline\"></div>\n        <div class=\"background\"></div>\n        <md-focus-ring part=\"focus-ring\" for=\"input\"></md-focus-ring>\n        <md-ripple for=\"input\" ?disabled=${this.disabled}></md-ripple>\n        <svg class=\"icon\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n          <rect class=\"mark short\" />\n          <rect class=\"mark long\" />\n        </svg>\n      </div>\n    `;\n    }\n    handleInput(event) {\n        const target = event.target;\n        this.checked = target.checked;\n        this.indeterminate = target.indeterminate;\n        // <input> 'input' event bubbles and is composed, don't re-dispatch it.\n    }\n    handleChange(event) {\n        // <input> 'change' event is not composed, re-dispatch it.\n        redispatchEvent(this, event);\n    }\n    [getFormValue]() {\n        if (!this.checked || this.indeterminate) {\n            return null;\n        }\n        return this.value;\n    }\n    [getFormState]() {\n        return String(this.checked);\n    }\n    formResetCallback() {\n        // The checked property does not reflect, so the original attribute set by\n        // the user is used to determine the default value.\n        this.checked = this.hasAttribute('checked');\n    }\n    formStateRestoreCallback(state) {\n        this.checked = state === 'true';\n    }\n    [createValidator]() {\n        return new CheckboxValidator(() => this);\n    }\n    [getValidityAnchor]() {\n        return this.input;\n    }\n}\n/** @nocollapse */\nCheckbox.shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n};\n__decorate([\n    property({ type: Boolean })\n], Checkbox.prototype, \"checked\", void 0);\n__decorate([\n    property({ type: Boolean })\n], Checkbox.prototype, \"indeterminate\", void 0);\n__decorate([\n    property({ type: Boolean })\n], Checkbox.prototype, \"required\", void 0);\n__decorate([\n    property()\n], Checkbox.prototype, \"value\", void 0);\n__decorate([\n    state()\n], Checkbox.prototype, \"prevChecked\", void 0);\n__decorate([\n    state()\n], Checkbox.prototype, \"prevDisabled\", void 0);\n__decorate([\n    state()\n], Checkbox.prototype, \"prevIndeterminate\", void 0);\n__decorate([\n    query('input')\n], Checkbox.prototype, \"input\", void 0);\n//# sourceMappingURL=checkbox.js.map","/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./checkbox/internal/checkbox-styles.css.\nimport { css } from 'lit';\nexport const styles = css `:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}\n`;\n//# sourceMappingURL=checkbox-styles.js.map","/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\nimport { __decorate } from \"tslib\";\nimport { customElement } from 'lit/decorators.js';\nimport { Checkbox } from './internal/checkbox.js';\nimport { styles } from './internal/checkbox-styles.js';\n/**\n * @summary Checkboxes allow users to select one or more items from a set.\n * Checkboxes can turn an option on or off.\n *\n * @description\n * Use checkboxes to:\n * - Select one or more options from a list\n * - Present a list containing sub-selections\n * - Turn an item on or off in a desktop environment\n *\n * @final\n * @suppress {visibility}\n */\nlet MdCheckbox = class MdCheckbox extends Checkbox {\n};\nMdCheckbox.styles = [styles];\nMdCheckbox = __decorate([\n    customElement('md-checkbox')\n], MdCheckbox);\nexport { MdCheckbox };\n//# sourceMappingURL=checkbox.js.map","import '@material/web/checkbox/checkbox.js'\nimport { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\nexport type schmancyCheckBoxChangeEvent = CustomEvent<{\n\tvalue: boolean\n}>\n\n/**\n * @element schmancy-checkbox\n * @slot - The label for the checkbox.\n * @fires valueChange - Event fired when the checkbox value changes.\n **/\n\n@customElement('schmancy-checkbox')\nclass SchmancyCheckboxElement extends TailwindElement() {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/**\n\t * @attr {boolean} value - The value of the checkbox.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tvalue = false\n\n\t/**\n\t * @attr {boolean} checked - Alternative property for checkbox state (alias for value).\n\t */\n\t@property({ type: Boolean })\n\tget checked() {\n\t\treturn this.value\n\t}\n\tset checked(val: boolean) {\n\t\tthis.value = val\n\t}\n\n\t/**\n\t * @attr {boolean} disabled - The disabled state of the checkbox.\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t/**\n\t * @attr {boolean} required - The required state of the checkbox.\n\t */\n\t@property({ type: Boolean })\n\trequired = false\n\n\t/**\n\t * @attr {string} name - The name of the checkbox.\n\t */\n\t@property({ type: String })\n\tname = 'checkbox-' + Math.random().toString(36)\n\n\t/**\n\t * @attr {string} id - The id of the checkbox.\n\t */\n\t@property({ type: String })\n\tid = 'checkbox-' + Math.random().toString(36)\n\n\t/**\n\t * @attr {string} label - The label text for the checkbox.\n\t */\n\t@property({ type: String })\n\tlabel?: string\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\t/**\n\t * @attr {xxs | xs | sm | md | lg } size - The size of the checkbox.\n\t * M3 aligned: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t */\n\t@property({ type: String })\n\tsize: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n\trender() {\n\t\treturn html`\n\t\t\t<label class=\"grid grid-flow-col items-center space-x-2 w-fit\">\n\t\t\t\t<md-checkbox\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t?checked=${this.value === true}\n\t\t\t\t\t@change=${(e: Event) => {\n\t\t\t\t\t\tthis.value = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\tvalue: this.value,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t)\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t</md-checkbox>\n\t\t\t\t${when(this.label, \n\t\t\t\t\t() => html`<span>${this.label}</span>`, \n\t\t\t\t\t() => html`<slot></slot>`\n\t\t\t\t)}\n\t\t\t</label>\n\t\t`\n\t}\n}\n\nexport { SchmancyCheckboxElement as SchmancyCheckbox }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-checkbox': SchmancyCheckboxElement\n\t}\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"mappings":"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"}