@weeehaoooz/talos-ui 0.1.0 → 0.1.2

package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-gauge.mjs

@@ -1,351 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, computed, Component, NgModule } from '@angular/core';
-
-/**
- * Types and interfaces for TalosMiniGaugeComponent
- */
-
-const PRESET_COLORS = {
-    primary: '#2563eb',
-    blue: '#3b82f6',
-    success: '#16a34a',
-    emerald: '#10b981',
-    danger: '#ef4444',
-    rose: '#f43f5e',
-    warning: '#f59e0b',
-    amber: '#d97706',
-    info: '#0284c7',
-    cyan: '#06b6d4',
-    violet: '#8b5cf6',
-    slate: '#64748b'
-};
-const DEFAULT_THRESHOLDS = [
-    { from: 0, to: 60, color: '#10b981' },
-    { from: 60, to: 85, color: '#f59e0b' },
-    { from: 85, to: 100, color: '#ef4444' }
-];
-class TalosMiniGaugeComponent {
-    /** Current gauge value */
-    value = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /** Minimum gauge scale */
-    min = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
-    /** Maximum gauge scale */
-    max = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
-    /** Optional target benchmark marker value */
-    target = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
-    /** Gauge rendering style */
-    type = input('semi-circle', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    /** Value indicator pointer style: arc fill, needle, or dot */
-    indicator = input('arc', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
-    /** Custom colored threshold zones */
-    thresholds = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "thresholds" }] : /* istanbul ignore next */ []));
-    /** Base color or palette when no thresholds are used */
-    color = input('primary', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-    /** Background track color */
-    trackColor = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "trackColor" }] : /* istanbul ignore next */ []));
-    /** Preset size */
-    size = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    /** Custom width */
-    width = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    /** Custom height */
-    height = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-    /** Arc stroke width */
-    strokeWidth = input(8, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
-    /** Arc stroke linecap style ('round' | 'butt') */
-    lineCap = input('round', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lineCap" }] : /* istanbul ignore next */ []));
-    /** Show numerical value readout in center/bottom */
-    showValue = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
-    /** Show min and max numbers at gauge edges */
-    showMinMax = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showMinMax" }] : /* istanbul ignore next */ []));
-    /** Unit label string (e.g. '%', 'ms', 'rpm') */
-    unit = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
-    /** Value formatter */
-    valueFormatter = input((val) => val.toLocaleString(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueFormatter" }] : /* istanbul ignore next */ []));
-    /** Custom ARIA label */
-    ariaLabel = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    /** Enable animation */
-    animated = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []));
-    /** SVG Coordinate constants */
-    cx = 50;
-    cySemi = 44;
-    cyArch = 42;
-    radius = 36;
-    /** Needle length tailored per circular gauge type */
-    needleLength = computed(() => {
-        return this.type() === 'semi-circle' ? 30 : 26;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "needleLength" }] : /* istanbul ignore next */ []));
-    hostWidth = computed(() => {
-        const custom = this.width();
-        if (custom !== null)
-            return typeof custom === 'number' ? `${custom}px` : custom;
-        if (this.size() === 'responsive')
-            return '100%';
-        return null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hostWidth" }] : /* istanbul ignore next */ []));
-    hostHeight = computed(() => {
-        const custom = this.height();
-        if (custom !== null)
-            return typeof custom === 'number' ? `${custom}px` : custom;
-        return null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hostHeight" }] : /* istanbul ignore next */ []));
-    /** Clamped and normalized ratio [0..1] */
-    normalizedRatio = computed(() => {
-        const val = this.value();
-        const minVal = this.min();
-        const maxVal = this.max();
-        if (maxVal <= minVal)
-            return 0;
-        return Math.min(1, Math.max(0, (val - minVal) / (maxVal - minVal)));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "normalizedRatio" }] : /* istanbul ignore next */ []));
-    /** Target ratio [0..1] */
-    targetRatio = computed(() => {
-        const tgt = this.target();
-        if (tgt === null)
-            return null;
-        const minVal = this.min();
-        const maxVal = this.max();
-        if (maxVal <= minVal)
-            return 0;
-        return Math.min(1, Math.max(0, (tgt - minVal) / (maxVal - minVal)));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "targetRatio" }] : /* istanbul ignore next */ []));
-    /** ViewBox string based on gauge type */
-    viewBox = computed(() => {
-        const t = this.type();
-        if (t === 'semi-circle')
-            return '0 0 100 50';
-        if (t === 'arch')
-            return '0 0 100 66';
-        return '0 0 100 14';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
-    /** Start & End angles in degrees for circular gauge types */
-    angleSpan = computed(() => {
-        const t = this.type();
-        if (t === 'semi-circle') {
-            return { start: 180, end: 0, total: 180 };
-        }
-        // Arch: 240 degree arc from 210° (bottom-left) to -30° (bottom-right)
-        return { start: 210, end: -30, total: 240 };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "angleSpan" }] : /* istanbul ignore next */ []));
-    /** Current value angle in degrees */
-    currentAngle = computed(() => {
-        const { start, total } = this.angleSpan();
-        const ratio = this.normalizedRatio();
-        return start - ratio * total;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "currentAngle" }] : /* istanbul ignore next */ []));
-    /** Needle transform for needle indicator */
-    needleTransform = computed(() => {
-        const t = this.type();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        const angle = this.currentAngle();
-        // SVG rotation: angle 0 is right, 180 is left. Standard SVG rotate origin is center.
-        const svgRotation = 180 - angle;
-        return `rotate(${svgRotation} ${this.cx} ${cy})`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "needleTransform" }] : /* istanbul ignore next */ []));
-    /** Target marker position & rotation */
-    targetMarkerProps = computed(() => {
-        const ratio = this.targetRatio();
-        if (ratio === null)
-            return null;
-        const t = this.type();
-        if (t === 'linear') {
-            return { x: ratio * 100, y: 0, rotation: 0 };
-        }
-        const { start, total } = this.angleSpan();
-        const angle = start - ratio * total;
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        const rad = (angle * Math.PI) / 180;
-        const r = this.radius;
-        const x = this.cx + r * Math.cos(rad);
-        const y = cy - r * Math.sin(rad);
-        return { x, y, angle };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "targetMarkerProps" }] : /* istanbul ignore next */ []));
-    /** Dot transform for dot indicator (rotates along the circular arc path) */
-    dotTransform = computed(() => {
-        const t = this.type();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        const angle = this.currentAngle();
-        // SVG rotation: angle 0 is right, 180 is left. Standard SVG rotate origin is center.
-        const svgRotation = 180 - angle;
-        return `rotate(${svgRotation} ${this.cx} ${cy})`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotTransform" }] : /* istanbul ignore next */ []));
-    /** Dot indicator position */
-    dotIndicatorPosition = computed(() => {
-        const t = this.type();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        const angle = this.currentAngle();
-        const rad = (angle * Math.PI) / 180;
-        const r = this.radius;
-        const x = this.cx + r * Math.cos(rad);
-        const y = cy - r * Math.sin(rad);
-        return { x, y };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotIndicatorPosition" }] : /* istanbul ignore next */ []));
-    /** Base track SVG path */
-    trackPath = computed(() => {
-        const t = this.type();
-        if (t === 'linear')
-            return '';
-        const { start, end } = this.angleSpan();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        return this.createArcSvgPath(this.cx, cy, this.radius, start, end);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "trackPath" }] : /* istanbul ignore next */ []));
-    /** Active value arc SVG path */
-    valueArcPath = computed(() => {
-        const t = this.type();
-        if (t === 'linear')
-            return '';
-        const { start } = this.angleSpan();
-        const curAngle = this.currentAngle();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        // Minimum small arc to prevent SVG zero-length render glitches
-        const safeEndAngle = Math.abs(curAngle - start) < 0.1 ? start - 0.1 : curAngle;
-        return this.createArcSvgPath(this.cx, cy, this.radius, start, safeEndAngle);
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueArcPath" }] : /* istanbul ignore next */ []));
-    /** Active color based on thresholds or color input */
-    activeColor = computed(() => {
-        const val = this.value();
-        const ths = this.thresholds();
-        if (ths && ths.length > 0) {
-            for (const th of ths) {
-                if (val >= th.from && val <= th.to) {
-                    return PRESET_COLORS[th.color] || th.color;
-                }
-            }
-            return PRESET_COLORS[ths[ths.length - 1].color] || ths[ths.length - 1].color;
-        }
-        const c = this.color();
-        return PRESET_COLORS[c] || c;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeColor" }] : /* istanbul ignore next */ []));
-    /** Threshold band segments */
-    thresholdSegments = computed(() => {
-        const ths = this.thresholds();
-        if (!ths || ths.length === 0)
-            return [];
-        const t = this.type();
-        const minVal = this.min();
-        const maxVal = this.max();
-        const span = maxVal - minVal;
-        if (span <= 0)
-            return [];
-        const { start, total } = this.angleSpan();
-        const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;
-        return ths.map((th, idx) => {
-            const fromRatio = Math.min(1, Math.max(0, (th.from - minVal) / span));
-            const toRatio = Math.min(1, Math.max(0, (th.to - minVal) / span));
-            const angleStart = start - fromRatio * total;
-            const angleEnd = start - toRatio * total;
-            const path = t !== 'linear' ? this.createArcSvgPath(this.cx, cy, this.radius, angleStart, angleEnd) : '';
-            const color = PRESET_COLORS[th.color] || th.color;
-            return {
-                path,
-                color,
-                from: th.from,
-                to: th.to,
-                isFirst: idx === 0,
-                isLast: idx === ths.length - 1
-            };
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "thresholdSegments" }] : /* istanbul ignore next */ []));
-    computedAriaLabel = computed(() => {
-        const custom = this.ariaLabel();
-        if (custom)
-            return custom;
-        const u = this.unit() ? ` ${this.unit()}` : '';
-        return `Gauge: ${this.valueFormatter()(this.value())}${u} (Range ${this.min()} to ${this.max()})`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : /* istanbul ignore next */ []));
-    /** Helper to generate SVG Arc Path 'M x1 y1 A r r 0 largeArc sweep x2 y2' */
-    createArcSvgPath(cx, cy, r, startAngleDeg, endAngleDeg) {
-        const startRad = (startAngleDeg * Math.PI) / 180;
-        const endRad = (endAngleDeg * Math.PI) / 180;
-        const x1 = cx + r * Math.cos(startRad);
-        const y1 = cy - r * Math.sin(startRad);
-        const x2 = cx + r * Math.cos(endRad);
-        const y2 = cy - r * Math.sin(endRad);
-        // Delta angle in degrees clockwise
-        const deltaAngle = startAngleDeg - endAngleDeg;
-        const largeArcFlag = deltaAngle > 180 ? 1 : 0;
-        const sweepFlag = 1; // clockwise downwards
-        return `M ${x1.toFixed(2)} ${y1.toFixed(2)} A ${r} ${r} 0 ${largeArcFlag} ${sweepFlag} ${x2.toFixed(2)} ${y2.toFixed(2)}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosMiniGaugeComponent, isStandalone: true, selector: "talos-mini-gauge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, thresholds: { classPropertyName: "thresholds", publicName: "thresholds", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, trackColor: { classPropertyName: "trackColor", publicName: "trackColor", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, lineCap: { classPropertyName: "lineCap", publicName: "lineCap", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, showMinMax: { classPropertyName: "showMinMax", publicName: "showMinMax", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, valueFormatter: { classPropertyName: "valueFormatter", publicName: "valueFormatter", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.talos-gauge-semi-circle": "type() === \"semi-circle\"", "class.talos-gauge-arch": "type() === \"arch\"", "class.talos-gauge-linear": "type() === \"linear\"", "class.talos-gauge-xs": "size() === \"xs\"", "class.talos-gauge-sm": "size() === \"sm\"", "class.talos-gauge-md": "size() === \"md\"", "class.talos-gauge-lg": "size() === \"lg\"", "class.talos-gauge-xl": "size() === \"xl\"", "class.talos-gauge-responsive": "size() === \"responsive\"", "class.talos-gauge-animated": "animated()", "style.width": "hostWidth()", "style.height": "hostHeight()", "attr.role": "\"meter\"", "attr.aria-valuenow": "value()", "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-label": "computedAriaLabel()" }, classAttribute: "talos-mini-gauge" }, ngImport: i0, template: "<svg\n  class=\"talos-mini-gauge-svg\"\n  [attr.viewBox]=\"viewBox()\"\n  aria-hidden=\"true\"\n>\n  <!-- Circular Types: Semi-circle and Arch -->\n  @if (type() === 'semi-circle' || type() === 'arch') {\n    <!-- Full Background Track (if no thresholds or as base) -->\n    @if (thresholds() === null) {\n      <path\n        class=\"talos-gauge-track\"\n        [attr.d]=\"trackPath()\"\n        [attr.stroke]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Colored Threshold Bands with curved outer ends -->\n    @if (thresholds() !== null) {\n      @for (band of thresholdSegments(); track band.from) {\n        <path\n          class=\"talos-gauge-threshold-band\"\n          [attr.d]=\"band.path\"\n          [attr.stroke]=\"band.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          fill=\"none\"\n          [attr.stroke-linecap]=\"lineCap() === 'round' && (band.isFirst || band.isLast) ? 'round' : 'butt'\"\n        />\n      }\n    }\n\n    <!-- Value Indicator: Arc Fill -->\n    @if (indicator() === 'arc' && thresholds() === null) {\n      <path\n        class=\"talos-gauge-value-arc\"\n        [attr.d]=\"valueArcPath()\"\n        [attr.stroke]=\"activeColor()\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Value Indicator: Needle -->\n    @if (indicator() === 'needle') {\n      <g\n        class=\"talos-gauge-needle-group\"\n        [attr.transform]=\"needleTransform()\"\n      >\n        <line\n          [attr.x1]=\"cx\"\n          [attr.y1]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.x2]=\"cx - needleLength()\"\n          [attr.y2]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.stroke]=\"activeColor()\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"4\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"1.5\"\n          fill=\"#ffffff\"\n        />\n      </g>\n    }\n\n    <!-- Value Indicator: Dot Glow Marker -->\n    @if (indicator() === 'dot') {\n      <g\n        class=\"talos-gauge-dot-group\"\n        [attr.transform]=\"dotTransform()\"\n      >\n        <circle\n          class=\"talos-gauge-dot-outer\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"6\"\n          [attr.fill]=\"activeColor()\"\n          opacity=\"0.3\"\n        />\n        <circle\n          class=\"talos-gauge-dot\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"3.5\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n      </g>\n    }\n\n    <!-- Target Marker Tick -->\n    @if (targetMarkerProps(); as tgt) {\n      <circle\n        class=\"talos-gauge-target-tick\"\n        [attr.cx]=\"tgt.x\"\n        [attr.cy]=\"tgt.y\"\n        r=\"2.5\"\n        fill=\"var(--talos-text-color, #0f172a)\"\n        stroke=\"#ffffff\"\n        stroke-width=\"1\"\n      />\n    }\n  }\n\n  <!-- Linear / Bullet Type -->\n  @if (type() === 'linear') {\n    <!-- Linear Track -->\n    <rect\n      class=\"talos-gauge-linear-track\"\n      x=\"0\"\n      y=\"2\"\n      width=\"100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n    />\n\n    <!-- Linear Value Fill -->\n    <rect\n      class=\"talos-gauge-linear-fill\"\n      x=\"0\"\n      y=\"2\"\n      [attr.width]=\"normalizedRatio() * 100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"activeColor()\"\n    />\n\n    <!-- Linear Target Marker -->\n    @if (targetRatio() !== null) {\n      <line\n        class=\"talos-gauge-linear-target\"\n        [attr.x1]=\"targetRatio()! * 100\"\n        y1=\"0\"\n        [attr.x2]=\"targetRatio()! * 100\"\n        y2=\"12\"\n        stroke=\"var(--talos-text-color, #0f172a)\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n      />\n    }\n  }\n</svg>\n\n<!-- Center / Bottom Readout -->\n@if (showValue()) {\n  <div class=\"talos-gauge-readout\">\n    <span class=\"talos-gauge-value\">{{ valueFormatter()(value()) }}</span>\n    @if (unit()) {\n      <span class=\"talos-gauge-unit\">{{ unit() }}</span>\n    }\n  </div>\n}\n\n<!-- Min / Max labels -->\n@if (showMinMax()) {\n  <div class=\"talos-gauge-minmax\">\n    <span class=\"talos-gauge-min\">{{ min() }}</span>\n    <span class=\"talos-gauge-max\">{{ max() }}</span>\n  </div>\n}\n", styles: [":host{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;vertical-align:middle;box-sizing:border-box;-webkit-user-select:none;user-select:none;height:auto;container-type:inline-size}:host.talos-gauge-xs{width:56px}:host.talos-gauge-xs.talos-gauge-linear{width:90px}:host.talos-gauge-sm{width:72px}:host.talos-gauge-sm.talos-gauge-linear{width:110px}:host.talos-gauge-md{width:96px}:host.talos-gauge-md.talos-gauge-linear{width:140px}:host.talos-gauge-lg{width:128px}:host.talos-gauge-lg.talos-gauge-linear{width:180px}:host.talos-gauge-xl{width:160px}:host.talos-gauge-xl.talos-gauge-linear{width:220px}:host.talos-gauge-responsive{width:100%;display:flex}:host .talos-mini-gauge-svg{width:100%;height:auto;display:block;flex-shrink:0;overflow:visible}:host .talos-gauge-track{opacity:.6}:host .talos-gauge-value-arc{transition:d .3s cubic-bezier(.4,0,.2,1),stroke .2s ease}:host .talos-gauge-needle-group{transition:transform .35s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-dot-group{transition:transform .35s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-dot,:host .talos-gauge-dot-outer{transition:fill .2s ease}:host .talos-gauge-linear-fill{transition:width .3s cubic-bezier(.4,0,.2,1),fill .2s ease}:host .talos-gauge-linear-target{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-target-tick{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}:host .talos-gauge-readout{position:relative;display:flex;align-items:baseline;justify-content:center;gap:1.5px;line-height:1.1;text-align:center;font-weight:700;color:var(--talos-text-color, #0f172a);font-variant-numeric:tabular-nums;letter-spacing:-.02em;width:100%;margin-top:4px}:host .talos-gauge-readout .talos-gauge-value{font-size:clamp(.75rem,16cqi,3.5rem)}:host .talos-gauge-readout .talos-gauge-unit{font-size:clamp(.5625rem,10.5cqi,2rem);font-weight:500;color:var(--talos-text-muted, #64748b);margin-left:1px}:host.talos-gauge-semi-circle .talos-gauge-readout{margin-top:4px}:host.talos-gauge-arch .talos-gauge-readout{margin-top:2px}:host.talos-gauge-linear .talos-gauge-readout{margin-top:6px}:host.talos-gauge-linear .talos-gauge-readout .talos-gauge-value{font-size:clamp(.75rem,9cqi,1.75rem)}:host.talos-gauge-linear .talos-gauge-readout .talos-gauge-unit{font-size:clamp(.5625rem,6.5cqi,1.25rem)}:host .talos-gauge-minmax{width:100%;display:flex;justify-content:space-between;font-size:clamp(.5rem,8cqi,1rem);color:var(--talos-text-muted, #64748b);font-weight:500;margin-top:2px;padding:0 4px;box-sizing:border-box}:host:not(.talos-gauge-animated) .talos-gauge-value-arc,:host:not(.talos-gauge-animated) .talos-gauge-needle-group,:host:not(.talos-gauge-animated) .talos-gauge-dot-group,:host:not(.talos-gauge-animated) .talos-gauge-linear-fill{transition:none!important}:root[data-theme=dark] :host .talos-gauge-track,:root[data-theme=dark] :host .talos-gauge-linear-track,:root.dark :host .talos-gauge-track,:root.dark :host .talos-gauge-linear-track,[data-theme=dark] :host .talos-gauge-track,[data-theme=dark] :host .talos-gauge-linear-track,[data-mode=dark] :host .talos-gauge-track,[data-mode=dark] :host .talos-gauge-linear-track,.dark :host .talos-gauge-track,.dark :host .talos-gauge-linear-track,.dark-theme :host .talos-gauge-track,.dark-theme :host .talos-gauge-linear-track{stroke:var(--talos-border-color, #334155);fill:var(--talos-border-color, #334155)}:root[data-theme=dark] :host .talos-gauge-readout,:root.dark :host .talos-gauge-readout,[data-theme=dark] :host .talos-gauge-readout,[data-mode=dark] :host .talos-gauge-readout,.dark :host .talos-gauge-readout,.dark-theme :host .talos-gauge-readout{color:var(--talos-text-color, #f8fafc)}:root[data-theme=dark] :host .talos-gauge-readout .talos-gauge-unit,:root.dark :host .talos-gauge-readout .talos-gauge-unit,[data-theme=dark] :host .talos-gauge-readout .talos-gauge-unit,[data-mode=dark] :host .talos-gauge-readout .talos-gauge-unit,.dark :host .talos-gauge-readout .talos-gauge-unit,.dark-theme :host .talos-gauge-readout .talos-gauge-unit{color:var(--talos-text-muted, #94a3b8)}:root[data-theme=dark] :host .talos-gauge-minmax,:root.dark :host .talos-gauge-minmax,[data-theme=dark] :host .talos-gauge-minmax,[data-mode=dark] :host .talos-gauge-minmax,.dark :host .talos-gauge-minmax,.dark-theme :host .talos-gauge-minmax{color:var(--talos-text-muted, #94a3b8)}:root[data-theme=dark] :host .talos-gauge-target-tick,:root.dark :host .talos-gauge-target-tick,[data-theme=dark] :host .talos-gauge-target-tick,[data-mode=dark] :host .talos-gauge-target-tick,.dark :host .talos-gauge-target-tick,.dark-theme :host .talos-gauge-target-tick{fill:#fff;stroke:#0f172a}:root[data-theme=dark] :host .talos-gauge-linear-target,:root.dark :host .talos-gauge-linear-target,[data-theme=dark] :host .talos-gauge-linear-target,[data-mode=dark] :host .talos-gauge-linear-target,.dark :host .talos-gauge-linear-target,.dark-theme :host .talos-gauge-linear-target{stroke:#fff}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'talos-mini-gauge', host: {
-                        'class': 'talos-mini-gauge',
-                        '[class.talos-gauge-semi-circle]': 'type() === "semi-circle"',
-                        '[class.talos-gauge-arch]': 'type() === "arch"',
-                        '[class.talos-gauge-linear]': 'type() === "linear"',
-                        '[class.talos-gauge-xs]': 'size() === "xs"',
-                        '[class.talos-gauge-sm]': 'size() === "sm"',
-                        '[class.talos-gauge-md]': 'size() === "md"',
-                        '[class.talos-gauge-lg]': 'size() === "lg"',
-                        '[class.talos-gauge-xl]': 'size() === "xl"',
-                        '[class.talos-gauge-responsive]': 'size() === "responsive"',
-                        '[class.talos-gauge-animated]': 'animated()',
-                        '[style.width]': 'hostWidth()',
-                        '[style.height]': 'hostHeight()',
-                        '[attr.role]': '"meter"',
-                        '[attr.aria-valuenow]': 'value()',
-                        '[attr.aria-valuemin]': 'min()',
-                        '[attr.aria-valuemax]': 'max()',
-                        '[attr.aria-label]': 'computedAriaLabel()'
-                    }, template: "<svg\n  class=\"talos-mini-gauge-svg\"\n  [attr.viewBox]=\"viewBox()\"\n  aria-hidden=\"true\"\n>\n  <!-- Circular Types: Semi-circle and Arch -->\n  @if (type() === 'semi-circle' || type() === 'arch') {\n    <!-- Full Background Track (if no thresholds or as base) -->\n    @if (thresholds() === null) {\n      <path\n        class=\"talos-gauge-track\"\n        [attr.d]=\"trackPath()\"\n        [attr.stroke]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Colored Threshold Bands with curved outer ends -->\n    @if (thresholds() !== null) {\n      @for (band of thresholdSegments(); track band.from) {\n        <path\n          class=\"talos-gauge-threshold-band\"\n          [attr.d]=\"band.path\"\n          [attr.stroke]=\"band.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          fill=\"none\"\n          [attr.stroke-linecap]=\"lineCap() === 'round' && (band.isFirst || band.isLast) ? 'round' : 'butt'\"\n        />\n      }\n    }\n\n    <!-- Value Indicator: Arc Fill -->\n    @if (indicator() === 'arc' && thresholds() === null) {\n      <path\n        class=\"talos-gauge-value-arc\"\n        [attr.d]=\"valueArcPath()\"\n        [attr.stroke]=\"activeColor()\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Value Indicator: Needle -->\n    @if (indicator() === 'needle') {\n      <g\n        class=\"talos-gauge-needle-group\"\n        [attr.transform]=\"needleTransform()\"\n      >\n        <line\n          [attr.x1]=\"cx\"\n          [attr.y1]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.x2]=\"cx - needleLength()\"\n          [attr.y2]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.stroke]=\"activeColor()\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"4\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"1.5\"\n          fill=\"#ffffff\"\n        />\n      </g>\n    }\n\n    <!-- Value Indicator: Dot Glow Marker -->\n    @if (indicator() === 'dot') {\n      <g\n        class=\"talos-gauge-dot-group\"\n        [attr.transform]=\"dotTransform()\"\n      >\n        <circle\n          class=\"talos-gauge-dot-outer\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"6\"\n          [attr.fill]=\"activeColor()\"\n          opacity=\"0.3\"\n        />\n        <circle\n          class=\"talos-gauge-dot\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"3.5\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n      </g>\n    }\n\n    <!-- Target Marker Tick -->\n    @if (targetMarkerProps(); as tgt) {\n      <circle\n        class=\"talos-gauge-target-tick\"\n        [attr.cx]=\"tgt.x\"\n        [attr.cy]=\"tgt.y\"\n        r=\"2.5\"\n        fill=\"var(--talos-text-color, #0f172a)\"\n        stroke=\"#ffffff\"\n        stroke-width=\"1\"\n      />\n    }\n  }\n\n  <!-- Linear / Bullet Type -->\n  @if (type() === 'linear') {\n    <!-- Linear Track -->\n    <rect\n      class=\"talos-gauge-linear-track\"\n      x=\"0\"\n      y=\"2\"\n      width=\"100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n    />\n\n    <!-- Linear Value Fill -->\n    <rect\n      class=\"talos-gauge-linear-fill\"\n      x=\"0\"\n      y=\"2\"\n      [attr.width]=\"normalizedRatio() * 100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"activeColor()\"\n    />\n\n    <!-- Linear Target Marker -->\n    @if (targetRatio() !== null) {\n      <line\n        class=\"talos-gauge-linear-target\"\n        [attr.x1]=\"targetRatio()! * 100\"\n        y1=\"0\"\n        [attr.x2]=\"targetRatio()! * 100\"\n        y2=\"12\"\n        stroke=\"var(--talos-text-color, #0f172a)\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n      />\n    }\n  }\n</svg>\n\n<!-- Center / Bottom Readout -->\n@if (showValue()) {\n  <div class=\"talos-gauge-readout\">\n    <span class=\"talos-gauge-value\">{{ valueFormatter()(value()) }}</span>\n    @if (unit()) {\n      <span class=\"talos-gauge-unit\">{{ unit() }}</span>\n    }\n  </div>\n}\n\n<!-- Min / Max labels -->\n@if (showMinMax()) {\n  <div class=\"talos-gauge-minmax\">\n    <span class=\"talos-gauge-min\">{{ min() }}</span>\n    <span class=\"talos-gauge-max\">{{ max() }}</span>\n  </div>\n}\n", styles: [":host{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;vertical-align:middle;box-sizing:border-box;-webkit-user-select:none;user-select:none;height:auto;container-type:inline-size}:host.talos-gauge-xs{width:56px}:host.talos-gauge-xs.talos-gauge-linear{width:90px}:host.talos-gauge-sm{width:72px}:host.talos-gauge-sm.talos-gauge-linear{width:110px}:host.talos-gauge-md{width:96px}:host.talos-gauge-md.talos-gauge-linear{width:140px}:host.talos-gauge-lg{width:128px}:host.talos-gauge-lg.talos-gauge-linear{width:180px}:host.talos-gauge-xl{width:160px}:host.talos-gauge-xl.talos-gauge-linear{width:220px}:host.talos-gauge-responsive{width:100%;display:flex}:host .talos-mini-gauge-svg{width:100%;height:auto;display:block;flex-shrink:0;overflow:visible}:host .talos-gauge-track{opacity:.6}:host .talos-gauge-value-arc{transition:d .3s cubic-bezier(.4,0,.2,1),stroke .2s ease}:host .talos-gauge-needle-group{transition:transform .35s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-dot-group{transition:transform .35s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-dot,:host .talos-gauge-dot-outer{transition:fill .2s ease}:host .talos-gauge-linear-fill{transition:width .3s cubic-bezier(.4,0,.2,1),fill .2s ease}:host .talos-gauge-linear-target{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}:host .talos-gauge-target-tick{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}:host .talos-gauge-readout{position:relative;display:flex;align-items:baseline;justify-content:center;gap:1.5px;line-height:1.1;text-align:center;font-weight:700;color:var(--talos-text-color, #0f172a);font-variant-numeric:tabular-nums;letter-spacing:-.02em;width:100%;margin-top:4px}:host .talos-gauge-readout .talos-gauge-value{font-size:clamp(.75rem,16cqi,3.5rem)}:host .talos-gauge-readout .talos-gauge-unit{font-size:clamp(.5625rem,10.5cqi,2rem);font-weight:500;color:var(--talos-text-muted, #64748b);margin-left:1px}:host.talos-gauge-semi-circle .talos-gauge-readout{margin-top:4px}:host.talos-gauge-arch .talos-gauge-readout{margin-top:2px}:host.talos-gauge-linear .talos-gauge-readout{margin-top:6px}:host.talos-gauge-linear .talos-gauge-readout .talos-gauge-value{font-size:clamp(.75rem,9cqi,1.75rem)}:host.talos-gauge-linear .talos-gauge-readout .talos-gauge-unit{font-size:clamp(.5625rem,6.5cqi,1.25rem)}:host .talos-gauge-minmax{width:100%;display:flex;justify-content:space-between;font-size:clamp(.5rem,8cqi,1rem);color:var(--talos-text-muted, #64748b);font-weight:500;margin-top:2px;padding:0 4px;box-sizing:border-box}:host:not(.talos-gauge-animated) .talos-gauge-value-arc,:host:not(.talos-gauge-animated) .talos-gauge-needle-group,:host:not(.talos-gauge-animated) .talos-gauge-dot-group,:host:not(.talos-gauge-animated) .talos-gauge-linear-fill{transition:none!important}:root[data-theme=dark] :host .talos-gauge-track,:root[data-theme=dark] :host .talos-gauge-linear-track,:root.dark :host .talos-gauge-track,:root.dark :host .talos-gauge-linear-track,[data-theme=dark] :host .talos-gauge-track,[data-theme=dark] :host .talos-gauge-linear-track,[data-mode=dark] :host .talos-gauge-track,[data-mode=dark] :host .talos-gauge-linear-track,.dark :host .talos-gauge-track,.dark :host .talos-gauge-linear-track,.dark-theme :host .talos-gauge-track,.dark-theme :host .talos-gauge-linear-track{stroke:var(--talos-border-color, #334155);fill:var(--talos-border-color, #334155)}:root[data-theme=dark] :host .talos-gauge-readout,:root.dark :host .talos-gauge-readout,[data-theme=dark] :host .talos-gauge-readout,[data-mode=dark] :host .talos-gauge-readout,.dark :host .talos-gauge-readout,.dark-theme :host .talos-gauge-readout{color:var(--talos-text-color, #f8fafc)}:root[data-theme=dark] :host .talos-gauge-readout .talos-gauge-unit,:root.dark :host .talos-gauge-readout .talos-gauge-unit,[data-theme=dark] :host .talos-gauge-readout .talos-gauge-unit,[data-mode=dark] :host .talos-gauge-readout .talos-gauge-unit,.dark :host .talos-gauge-readout .talos-gauge-unit,.dark-theme :host .talos-gauge-readout .talos-gauge-unit{color:var(--talos-text-muted, #94a3b8)}:root[data-theme=dark] :host .talos-gauge-minmax,:root.dark :host .talos-gauge-minmax,[data-theme=dark] :host .talos-gauge-minmax,[data-mode=dark] :host .talos-gauge-minmax,.dark :host .talos-gauge-minmax,.dark-theme :host .talos-gauge-minmax{color:var(--talos-text-muted, #94a3b8)}:root[data-theme=dark] :host .talos-gauge-target-tick,:root.dark :host .talos-gauge-target-tick,[data-theme=dark] :host .talos-gauge-target-tick,[data-mode=dark] :host .talos-gauge-target-tick,.dark :host .talos-gauge-target-tick,.dark-theme :host .talos-gauge-target-tick{fill:#fff;stroke:#0f172a}:root[data-theme=dark] :host .talos-gauge-linear-target,:root.dark :host .talos-gauge-linear-target,[data-theme=dark] :host .talos-gauge-linear-target,[data-mode=dark] :host .talos-gauge-linear-target,.dark :host .talos-gauge-linear-target,.dark-theme :host .talos-gauge-linear-target{stroke:#fff}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], thresholds: [{ type: i0.Input, args: [{ isSignal: true, alias: "thresholds", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], trackColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackColor", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], lineCap: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineCap", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], showMinMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMinMax", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], valueFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFormatter", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }] } });
-
-class TalosMiniGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeModule, imports: [TalosMiniGaugeComponent], exports: [TalosMiniGaugeComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosMiniGaugeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [TalosMiniGaugeComponent],
-                    exports: [TalosMiniGaugeComponent]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TalosMiniGaugeComponent, TalosMiniGaugeModule };
-//# sourceMappingURL=weeehaoooz-talos-ui-data-viz-mini-gauge.mjs.map

package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-gauge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"weeehaoooz-talos-ui-data-viz-mini-gauge.mjs","sources":["../../../projects/talos-ui/data-viz/mini-gauge/mini-gauge.types.ts","../../../projects/talos-ui/data-viz/mini-gauge/mini-gauge.component.ts","../../../projects/talos-ui/data-viz/mini-gauge/mini-gauge.component.html","../../../projects/talos-ui/data-viz/mini-gauge/mini-gauge.module.ts","../../../projects/talos-ui/data-viz/mini-gauge/weeehaoooz-talos-ui-data-viz-mini-gauge.ts"],"sourcesContent":["/**\n * Types and interfaces for TalosMiniGaugeComponent\n */\n\nexport type MiniGaugeType = 'semi-circle' | 'arch' | 'linear';\n\nexport type GaugeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'responsive' | 'custom';\n\nexport type MiniGaugeIndicator = 'arc' | 'needle' | 'dot';\n\nexport interface GaugeThreshold {\n  from: number;\n  to: number;\n  color: string;\n  label?: string;\n}\n\nexport interface GaugeMarker {\n  value: number;\n  color?: string;\n  label?: string;\n  shape?: 'line' | 'dot' | 'triangle';\n}\n","import { Component, computed, input } from '@angular/core';\nimport {\n  GaugeSize,\n  GaugeThreshold,\n  MiniGaugeIndicator,\n  MiniGaugeType\n} from './mini-gauge.types';\n\nconst PRESET_COLORS: Record<string, string> = {\n  primary: '#2563eb',\n  blue: '#3b82f6',\n  success: '#16a34a',\n  emerald: '#10b981',\n  danger: '#ef4444',\n  rose: '#f43f5e',\n  warning: '#f59e0b',\n  amber: '#d97706',\n  info: '#0284c7',\n  cyan: '#06b6d4',\n  violet: '#8b5cf6',\n  slate: '#64748b'\n};\n\nconst DEFAULT_THRESHOLDS: GaugeThreshold[] = [\n  { from: 0, to: 60, color: '#10b981' },\n  { from: 60, to: 85, color: '#f59e0b' },\n  { from: 85, to: 100, color: '#ef4444' }\n];\n\ninterface ArcSegment {\n  path: string;\n  color: string;\n  from: number;\n  to: number;\n  isFirst: boolean;\n  isLast: boolean;\n}\n\n@Component({\n  selector: 'talos-mini-gauge',\n  templateUrl: './mini-gauge.component.html',\n  styleUrl: './mini-gauge.component.scss',\n  host: {\n    'class': 'talos-mini-gauge',\n    '[class.talos-gauge-semi-circle]': 'type() === \"semi-circle\"',\n    '[class.talos-gauge-arch]': 'type() === \"arch\"',\n    '[class.talos-gauge-linear]': 'type() === \"linear\"',\n    '[class.talos-gauge-xs]': 'size() === \"xs\"',\n    '[class.talos-gauge-sm]': 'size() === \"sm\"',\n    '[class.talos-gauge-md]': 'size() === \"md\"',\n    '[class.talos-gauge-lg]': 'size() === \"lg\"',\n    '[class.talos-gauge-xl]': 'size() === \"xl\"',\n    '[class.talos-gauge-responsive]': 'size() === \"responsive\"',\n    '[class.talos-gauge-animated]': 'animated()',\n    '[style.width]': 'hostWidth()',\n    '[style.height]': 'hostHeight()',\n    '[attr.role]': '\"meter\"',\n    '[attr.aria-valuenow]': 'value()',\n    '[attr.aria-valuemin]': 'min()',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-label]': 'computedAriaLabel()'\n  }\n})\nexport class TalosMiniGaugeComponent {\n  /** Current gauge value */\n  readonly value = input<number>(0);\n\n  /** Minimum gauge scale */\n  readonly min = input<number>(0);\n\n  /** Maximum gauge scale */\n  readonly max = input<number>(100);\n\n  /** Optional target benchmark marker value */\n  readonly target = input<number | null>(null);\n\n  /** Gauge rendering style */\n  readonly type = input<MiniGaugeType>('semi-circle');\n\n  /** Value indicator pointer style: arc fill, needle, or dot */\n  readonly indicator = input<MiniGaugeIndicator>('arc');\n\n  /** Custom colored threshold zones */\n  readonly thresholds = input<GaugeThreshold[] | null>(null);\n\n  /** Base color or palette when no thresholds are used */\n  readonly color = input<string>('primary');\n\n  /** Background track color */\n  readonly trackColor = input<string | null>(null);\n\n  /** Preset size */\n  readonly size = input<GaugeSize>('md');\n\n  /** Custom width */\n  readonly width = input<number | string | null>(null);\n\n  /** Custom height */\n  readonly height = input<number | string | null>(null);\n\n  /** Arc stroke width */\n  readonly strokeWidth = input<number>(8);\n\n  /** Arc stroke linecap style ('round' | 'butt') */\n  readonly lineCap = input<'round' | 'butt'>('round');\n\n  /** Show numerical value readout in center/bottom */\n  readonly showValue = input<boolean>(true);\n\n  /** Show min and max numbers at gauge edges */\n  readonly showMinMax = input<boolean>(false);\n\n  /** Unit label string (e.g. '%', 'ms', 'rpm') */\n  readonly unit = input<string>('');\n\n  /** Value formatter */\n  readonly valueFormatter = input<(val: number) => string>((val) => val.toLocaleString());\n\n  /** Custom ARIA label */\n  readonly ariaLabel = input<string | null>(null);\n\n  /** Enable animation */\n  readonly animated = input<boolean>(true);\n\n  /** SVG Coordinate constants */\n  protected readonly cx = 50;\n  protected readonly cySemi = 44;\n  protected readonly cyArch = 42;\n  protected readonly radius = 36;\n\n  /** Needle length tailored per circular gauge type */\n  readonly needleLength = computed(() => {\n    return this.type() === 'semi-circle' ? 30 : 26;\n  });\n\n  readonly hostWidth = computed(() => {\n    const custom = this.width();\n    if (custom !== null) return typeof custom === 'number' ? `${custom}px` : custom;\n    if (this.size() === 'responsive') return '100%';\n    return null;\n  });\n\n  readonly hostHeight = computed(() => {\n    const custom = this.height();\n    if (custom !== null) return typeof custom === 'number' ? `${custom}px` : custom;\n    return null;\n  });\n\n  /** Clamped and normalized ratio [0..1] */\n  readonly normalizedRatio = computed(() => {\n    const val = this.value();\n    const minVal = this.min();\n    const maxVal = this.max();\n    if (maxVal <= minVal) return 0;\n    return Math.min(1, Math.max(0, (val - minVal) / (maxVal - minVal)));\n  });\n\n  /** Target ratio [0..1] */\n  readonly targetRatio = computed(() => {\n    const tgt = this.target();\n    if (tgt === null) return null;\n    const minVal = this.min();\n    const maxVal = this.max();\n    if (maxVal <= minVal) return 0;\n    return Math.min(1, Math.max(0, (tgt - minVal) / (maxVal - minVal)));\n  });\n\n  /** ViewBox string based on gauge type */\n  readonly viewBox = computed(() => {\n    const t = this.type();\n    if (t === 'semi-circle') return '0 0 100 50';\n    if (t === 'arch') return '0 0 100 66';\n    return '0 0 100 14';\n  });\n\n  /** Start & End angles in degrees for circular gauge types */\n  readonly angleSpan = computed(() => {\n    const t = this.type();\n    if (t === 'semi-circle') {\n      return { start: 180, end: 0, total: 180 };\n    }\n    // Arch: 240 degree arc from 210° (bottom-left) to -30° (bottom-right)\n    return { start: 210, end: -30, total: 240 };\n  });\n\n  /** Current value angle in degrees */\n  readonly currentAngle = computed(() => {\n    const { start, total } = this.angleSpan();\n    const ratio = this.normalizedRatio();\n    return start - ratio * total;\n  });\n\n  /** Needle transform for needle indicator */\n  readonly needleTransform = computed(() => {\n    const t = this.type();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n    const angle = this.currentAngle();\n    // SVG rotation: angle 0 is right, 180 is left. Standard SVG rotate origin is center.\n    const svgRotation = 180 - angle;\n    return `rotate(${svgRotation} ${this.cx} ${cy})`;\n  });\n\n  /** Target marker position & rotation */\n  readonly targetMarkerProps = computed(() => {\n    const ratio = this.targetRatio();\n    if (ratio === null) return null;\n\n    const t = this.type();\n    if (t === 'linear') {\n      return { x: ratio * 100, y: 0, rotation: 0 };\n    }\n\n    const { start, total } = this.angleSpan();\n    const angle = start - ratio * total;\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n    const rad = (angle * Math.PI) / 180;\n    const r = this.radius;\n\n    const x = this.cx + r * Math.cos(rad);\n    const y = cy - r * Math.sin(rad);\n\n    return { x, y, angle };\n  });\n\n  /** Dot transform for dot indicator (rotates along the circular arc path) */\n  readonly dotTransform = computed(() => {\n    const t = this.type();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n    const angle = this.currentAngle();\n    // SVG rotation: angle 0 is right, 180 is left. Standard SVG rotate origin is center.\n    const svgRotation = 180 - angle;\n    return `rotate(${svgRotation} ${this.cx} ${cy})`;\n  });\n\n  /** Dot indicator position */\n  readonly dotIndicatorPosition = computed(() => {\n    const t = this.type();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n    const angle = this.currentAngle();\n    const rad = (angle * Math.PI) / 180;\n    const r = this.radius;\n\n    const x = this.cx + r * Math.cos(rad);\n    const y = cy - r * Math.sin(rad);\n    return { x, y };\n  });\n\n  /** Base track SVG path */\n  readonly trackPath = computed(() => {\n    const t = this.type();\n    if (t === 'linear') return '';\n\n    const { start, end } = this.angleSpan();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n    return this.createArcSvgPath(this.cx, cy, this.radius, start, end);\n  });\n\n  /** Active value arc SVG path */\n  readonly valueArcPath = computed(() => {\n    const t = this.type();\n    if (t === 'linear') return '';\n\n    const { start } = this.angleSpan();\n    const curAngle = this.currentAngle();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n\n    // Minimum small arc to prevent SVG zero-length render glitches\n    const safeEndAngle = Math.abs(curAngle - start) < 0.1 ? start - 0.1 : curAngle;\n    return this.createArcSvgPath(this.cx, cy, this.radius, start, safeEndAngle);\n  });\n\n  /** Active color based on thresholds or color input */\n  readonly activeColor = computed(() => {\n    const val = this.value();\n    const ths = this.thresholds();\n\n    if (ths && ths.length > 0) {\n      for (const th of ths) {\n        if (val >= th.from && val <= th.to) {\n          return PRESET_COLORS[th.color] || th.color;\n        }\n      }\n      return PRESET_COLORS[ths[ths.length - 1].color] || ths[ths.length - 1].color;\n    }\n\n    const c = this.color();\n    return PRESET_COLORS[c] || c;\n  });\n\n  /** Threshold band segments */\n  readonly thresholdSegments = computed<ArcSegment[]>(() => {\n    const ths = this.thresholds();\n    if (!ths || ths.length === 0) return [];\n\n    const t = this.type();\n    const minVal = this.min();\n    const maxVal = this.max();\n    const span = maxVal - minVal;\n    if (span <= 0) return [];\n\n    const { start, total } = this.angleSpan();\n    const cy = t === 'semi-circle' ? this.cySemi : this.cyArch;\n\n    return ths.map((th, idx) => {\n      const fromRatio = Math.min(1, Math.max(0, (th.from - minVal) / span));\n      const toRatio = Math.min(1, Math.max(0, (th.to - minVal) / span));\n\n      const angleStart = start - fromRatio * total;\n      const angleEnd = start - toRatio * total;\n\n      const path = t !== 'linear' ? this.createArcSvgPath(this.cx, cy, this.radius, angleStart, angleEnd) : '';\n      const color = PRESET_COLORS[th.color] || th.color;\n\n      return {\n        path,\n        color,\n        from: th.from,\n        to: th.to,\n        isFirst: idx === 0,\n        isLast: idx === ths.length - 1\n      };\n    });\n  });\n\n  readonly computedAriaLabel = computed(() => {\n    const custom = this.ariaLabel();\n    if (custom) return custom;\n    const u = this.unit() ? ` ${this.unit()}` : '';\n    return `Gauge: ${this.valueFormatter()(this.value())}${u} (Range ${this.min()} to ${this.max()})`;\n  });\n\n  /** Helper to generate SVG Arc Path 'M x1 y1 A r r 0 largeArc sweep x2 y2' */\n  private createArcSvgPath(\n    cx: number,\n    cy: number,\n    r: number,\n    startAngleDeg: number,\n    endAngleDeg: number\n  ): string {\n    const startRad = (startAngleDeg * Math.PI) / 180;\n    const endRad = (endAngleDeg * Math.PI) / 180;\n\n    const x1 = cx + r * Math.cos(startRad);\n    const y1 = cy - r * Math.sin(startRad);\n\n    const x2 = cx + r * Math.cos(endRad);\n    const y2 = cy - r * Math.sin(endRad);\n\n    // Delta angle in degrees clockwise\n    const deltaAngle = startAngleDeg - endAngleDeg;\n    const largeArcFlag = deltaAngle > 180 ? 1 : 0;\n    const sweepFlag = 1; // clockwise downwards\n\n    return `M ${x1.toFixed(2)} ${y1.toFixed(2)} A ${r} ${r} 0 ${largeArcFlag} ${sweepFlag} ${x2.toFixed(2)} ${y2.toFixed(2)}`;\n  }\n}\n","<svg\n  class=\"talos-mini-gauge-svg\"\n  [attr.viewBox]=\"viewBox()\"\n  aria-hidden=\"true\"\n>\n  <!-- Circular Types: Semi-circle and Arch -->\n  @if (type() === 'semi-circle' || type() === 'arch') {\n    <!-- Full Background Track (if no thresholds or as base) -->\n    @if (thresholds() === null) {\n      <path\n        class=\"talos-gauge-track\"\n        [attr.d]=\"trackPath()\"\n        [attr.stroke]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Colored Threshold Bands with curved outer ends -->\n    @if (thresholds() !== null) {\n      @for (band of thresholdSegments(); track band.from) {\n        <path\n          class=\"talos-gauge-threshold-band\"\n          [attr.d]=\"band.path\"\n          [attr.stroke]=\"band.color\"\n          [attr.stroke-width]=\"strokeWidth()\"\n          fill=\"none\"\n          [attr.stroke-linecap]=\"lineCap() === 'round' && (band.isFirst || band.isLast) ? 'round' : 'butt'\"\n        />\n      }\n    }\n\n    <!-- Value Indicator: Arc Fill -->\n    @if (indicator() === 'arc' && thresholds() === null) {\n      <path\n        class=\"talos-gauge-value-arc\"\n        [attr.d]=\"valueArcPath()\"\n        [attr.stroke]=\"activeColor()\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        fill=\"none\"\n        [attr.stroke-linecap]=\"lineCap()\"\n      />\n    }\n\n    <!-- Value Indicator: Needle -->\n    @if (indicator() === 'needle') {\n      <g\n        class=\"talos-gauge-needle-group\"\n        [attr.transform]=\"needleTransform()\"\n      >\n        <line\n          [attr.x1]=\"cx\"\n          [attr.y1]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.x2]=\"cx - needleLength()\"\n          [attr.y2]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          [attr.stroke]=\"activeColor()\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"4\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n        <circle\n          [attr.cx]=\"cx\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"1.5\"\n          fill=\"#ffffff\"\n        />\n      </g>\n    }\n\n    <!-- Value Indicator: Dot Glow Marker -->\n    @if (indicator() === 'dot') {\n      <g\n        class=\"talos-gauge-dot-group\"\n        [attr.transform]=\"dotTransform()\"\n      >\n        <circle\n          class=\"talos-gauge-dot-outer\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"6\"\n          [attr.fill]=\"activeColor()\"\n          opacity=\"0.3\"\n        />\n        <circle\n          class=\"talos-gauge-dot\"\n          [attr.cx]=\"cx - radius\"\n          [attr.cy]=\"type() === 'semi-circle' ? cySemi : cyArch\"\n          r=\"3.5\"\n          [attr.fill]=\"activeColor()\"\n          stroke=\"#ffffff\"\n          stroke-width=\"1.5\"\n        />\n      </g>\n    }\n\n    <!-- Target Marker Tick -->\n    @if (targetMarkerProps(); as tgt) {\n      <circle\n        class=\"talos-gauge-target-tick\"\n        [attr.cx]=\"tgt.x\"\n        [attr.cy]=\"tgt.y\"\n        r=\"2.5\"\n        fill=\"var(--talos-text-color, #0f172a)\"\n        stroke=\"#ffffff\"\n        stroke-width=\"1\"\n      />\n    }\n  }\n\n  <!-- Linear / Bullet Type -->\n  @if (type() === 'linear') {\n    <!-- Linear Track -->\n    <rect\n      class=\"talos-gauge-linear-track\"\n      x=\"0\"\n      y=\"2\"\n      width=\"100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"trackColor() || 'var(--talos-border-color, #e2e8f0)'\"\n    />\n\n    <!-- Linear Value Fill -->\n    <rect\n      class=\"talos-gauge-linear-fill\"\n      x=\"0\"\n      y=\"2\"\n      [attr.width]=\"normalizedRatio() * 100\"\n      height=\"8\"\n      rx=\"4\"\n      ry=\"4\"\n      [attr.fill]=\"activeColor()\"\n    />\n\n    <!-- Linear Target Marker -->\n    @if (targetRatio() !== null) {\n      <line\n        class=\"talos-gauge-linear-target\"\n        [attr.x1]=\"targetRatio()! * 100\"\n        y1=\"0\"\n        [attr.x2]=\"targetRatio()! * 100\"\n        y2=\"12\"\n        stroke=\"var(--talos-text-color, #0f172a)\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n      />\n    }\n  }\n</svg>\n\n<!-- Center / Bottom Readout -->\n@if (showValue()) {\n  <div class=\"talos-gauge-readout\">\n    <span class=\"talos-gauge-value\">{{ valueFormatter()(value()) }}</span>\n    @if (unit()) {\n      <span class=\"talos-gauge-unit\">{{ unit() }}</span>\n    }\n  </div>\n}\n\n<!-- Min / Max labels -->\n@if (showMinMax()) {\n  <div class=\"talos-gauge-minmax\">\n    <span class=\"talos-gauge-min\">{{ min() }}</span>\n    <span class=\"talos-gauge-max\">{{ max() }}</span>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { TalosMiniGaugeComponent } from './mini-gauge.component';\n\n@NgModule({\n  imports: [TalosMiniGaugeComponent],\n  exports: [TalosMiniGaugeComponent]\n})\nexport class TalosMiniGaugeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}