@revivejs/angular-infinity-charts 2.0.0 → 21.0.0

package/docs/angular-2/app/playground.component.ts

@@ -0,0 +1,428 @@
+import { Component } from '@angular/core';
+
+declare var module: { id: string };
+
+interface PlaygroundChartType {
+  value: string;
+  label: string;
+}
+
+interface PlaygroundSurface {
+  id: string;
+  label: string;
+  description: string;
+}
+
+interface PlaygroundState {
+  type: string;
+  theme: string;
+  height: number;
+  showLegend: boolean;
+  showTooltip: boolean;
+  showNumber: boolean;
+  reducedMotion: boolean;
+}
+
+const CHART_TYPES: PlaygroundChartType[] = [
+  { value: 'line', label: 'Line' },
+  { value: 'area', label: 'Area' },
+  { value: 'stacked-area', label: 'Stacked area' },
+  { value: 'bar', label: 'Bar' },
+  { value: 'bar-3d', label: 'Bar 3D' },
+  { value: 'combo', label: 'Combo' },
+  { value: 'sparkline', label: 'Sparkline' },
+  { value: 'scatter', label: 'Scatter' },
+  { value: 'gauge', label: 'Gauge' },
+  { value: 'gauge-semicircle', label: 'Gauge semicircle' },
+  { value: 'radial-progress', label: 'Radial progress' },
+  { value: 'thermometer', label: 'Thermometer' },
+  { value: 'thermometer-horizontal', label: 'Thermometer horizontal' },
+  { value: 'battery', label: 'Battery' },
+  { value: 'pie', label: 'Pie' },
+  { value: 'donut', label: 'Donut' }
+];
+
+@Component({
+  moduleId: module.id,
+  selector: 'playground-panel',
+  templateUrl: './playground.component.html',
+  styleUrls: ['./playground.component.css']
+})
+export class PlaygroundComponent {
+  chartTypes: PlaygroundChartType[] = CHART_TYPES;
+
+  surfaces: PlaygroundSurface[] = [
+    {
+      id: 'component',
+      label: 'Component',
+      description: 'Render the chart directly with <revive-infinity-chart> when the chart block itself is part of the template.'
+    },
+    {
+      id: 'dashboard',
+      label: 'Dashboard',
+      description: 'Attach the directive to a dedicated chart slot inside a dashboard card while the shell stays fully custom.'
+    },
+    {
+      id: 'widget',
+      label: 'Widget',
+      description: 'Preview how compact gauges, donuts, and small analytics cards feel in tighter layout slots.'
+    },
+    {
+      id: 'dark-panel',
+      label: 'Dark panel',
+      description: 'Check dark product chrome quickly without leaving the docs surface.'
+    }
+  ];
+
+  activeSurface: string = 'component';
+  copyButtonLabel: string = 'Copy code';
+
+  state: PlaygroundState = {
+    type: 'line',
+    theme: 'light',
+    height: 320,
+    showLegend: true,
+    showTooltip: true,
+    showNumber: true,
+    reducedMotion: false
+  };
+
+  previewConfig: Object = {};
+  generatedCode: string = '';
+
+  constructor() {
+    this.applyPlaygroundState(false);
+  }
+
+  setSurface(surfaceId: string): void {
+    if (this.activeSurface === surfaceId) {
+      return;
+    }
+
+    this.activeSurface = surfaceId;
+    this.applyPlaygroundState(false);
+  }
+
+  applyPlaygroundState(useRandomData: boolean): void {
+    this.state.height = Number(this.state.height);
+    this.previewConfig = this.buildPreviewConfig(useRandomData);
+    this.generatedCode = this.buildGeneratedCode();
+  }
+
+  shuffleData(): void {
+    this.applyPlaygroundState(true);
+  }
+
+  copyCode(): void {
+    var textarea = document.createElement('textarea');
+
+    textarea.value = this.generatedCode;
+    textarea.setAttribute('readonly', 'true');
+    textarea.style.position = 'absolute';
+    textarea.style.left = '-9999px';
+    document.body.appendChild(textarea);
+    textarea.select();
+
+    try {
+      document.execCommand('copy');
+      this.copyButtonLabel = 'Copied';
+    } catch (error) {
+      this.copyButtonLabel = 'Copy failed';
+    }
+
+    document.body.removeChild(textarea);
+
+    setTimeout(() => {
+      this.copyButtonLabel = 'Copy code';
+    }, 1200);
+  }
+
+  isSurfaceActive(surfaceId: string): boolean {
+    return this.activeSurface === surfaceId;
+  }
+
+  getActiveSurfaceDescription(): string {
+    var i: number;
+
+    for (i = 0; i < this.surfaces.length; i += 1) {
+      if (this.surfaces[i].id === this.activeSurface) {
+        return this.surfaces[i].description;
+      }
+    }
+
+    return '';
+  }
+
+  private buildPreviewConfig(useRandomData: boolean): Object {
+    var config: any = this.createChartPreset(this.state.type, useRandomData);
+    var forcedTheme: string | null = this.activeSurface === 'dark-panel' ? 'dark' : null;
+
+    config.theme = forcedTheme || this.state.theme;
+    config.showLegend = this.state.showLegend;
+    config.showTooltip = this.state.showTooltip;
+    config.showNumber = this.state.showNumber;
+    config.animation = {
+      enabled: !this.state.reducedMotion,
+      duration: this.state.reducedMotion ? 0 : 600,
+      mode: this.state.reducedMotion ? 'none' : 'subtle'
+    };
+
+    if (this.activeSurface === 'widget') {
+      config.layout = Object.assign({}, config.layout || {}, {
+        cornerRadius: 18
+      });
+    }
+
+    if (this.activeSurface === 'dark-panel') {
+      config.colors = Object.assign({}, config.colors || {}, {
+        surface: '#091323',
+        surfaceAlt: '#111b2f',
+        plotBackground: '#0d182a',
+        plotBorder: '#203451',
+        border: '#1f334f',
+        text: '#d4def0',
+        mutedText: '#8ea1bb',
+        title: '#f8fbff'
+      });
+    }
+
+    return config;
+  }
+
+  private createChartPreset(type: string, useRandomData: boolean): Object {
+    var jitter = useRandomData ? this.randomBetween(-4, 6) : 0;
+
+    if (type === 'gauge' || type === 'gauge-semicircle' || type === 'radial-progress' || type === 'thermometer' || type === 'thermometer-horizontal' || type === 'battery') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        data: [
+          {
+            label: 'Status',
+            value: 72 + jitter
+          }
+        ],
+        gauge: {
+          min: 0,
+          max: 100,
+          unit: '%',
+          bands: [
+            { from: 0, to: 55, color: '#22c55e', label: 'Healthy' },
+            { from: 55, to: 80, color: '#f59e0b', label: 'Attention' },
+            { from: 80, to: 100, color: '#ef4444', label: 'Critical' }
+          ]
+        }
+      };
+    }
+
+    if (type === 'pie' || type === 'donut') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        data: [
+          { label: 'New', value: 42 + jitter, color: '#2563eb' },
+          { label: 'Expansion', value: 28 + this.randomBetween(-3, 4), color: '#10b981' },
+          { label: 'Renewal', value: 18 + this.randomBetween(-2, 3), color: '#f59e0b' },
+          { label: 'Recovery', value: 12 + this.randomBetween(-2, 2), color: '#ef4444' }
+        ]
+      };
+    }
+
+    if (type === 'scatter') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        series: [
+          {
+            name: 'Correlation',
+            data: [
+              { x: 6, y: 16 + jitter },
+              { x: 12, y: 23 + jitter },
+              { x: 18, y: 29 + jitter },
+              { x: 22, y: 31 + jitter },
+              { x: 30, y: 40 + jitter }
+            ]
+          }
+        ]
+      };
+    }
+
+    if (type === 'sparkline') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        data: [18, 22, 20, 27, 29, 31, 34].map(function (value: number) {
+          return value + jitter;
+        }),
+        showLegend: false
+      };
+    }
+
+    if (type === 'bar' || type === 'bar-3d') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        labels: ['North', 'South', 'West', 'Global'],
+        series: [
+          { name: 'Revenue', data: [22 + jitter, 31 + jitter, 27 + jitter, 38 + jitter] },
+          { name: 'Plan', data: [18 + jitter, 26 + jitter, 24 + jitter, 32 + jitter], color: '#22c55e' }
+        ]
+      };
+    }
+
+    if (type === 'combo') {
+      return {
+        type: type,
+        title: {
+          text: this.chartLabel(type),
+          subtitle: 'Interactive wrapper preview'
+        },
+        labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+        series: [
+          { name: 'Revenue', type: 'bar', data: [24 + jitter, 32 + jitter, 28 + jitter, 40 + jitter] },
+          { name: 'Growth', type: 'line', data: [18 + jitter, 27 + jitter, 31 + jitter, 38 + jitter], color: '#38bdf8' }
+        ]
+      };
+    }
+
+    return {
+      type: type,
+      title: {
+        text: this.chartLabel(type),
+        subtitle: 'Interactive wrapper preview'
+      },
+      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
+      series: [
+        { name: 'Current', data: [14 + jitter, 18 + jitter, 17 + jitter, 26 + jitter, 29 + jitter, 34 + jitter] },
+        { name: 'Plan', data: [12 + jitter, 16 + jitter, 19 + jitter, 23 + jitter, 28 + jitter, 31 + jitter], color: '#38bdf8' }
+      ]
+    };
+  }
+
+  private buildGeneratedCode(): string {
+    var moduleSnippet: string[] = [
+      '// app.module.ts',
+      "import { BrowserModule } from '@angular/platform-browser';",
+      "import { NgModule } from '@angular/core';",
+      "import { InfinityChartsModule } from '@revivejs/angular-infinity-charts';",
+      "import { AppComponent } from './app.component';",
+      '',
+      '@NgModule({',
+      '  declarations: [AppComponent],',
+      '  imports: [BrowserModule, InfinityChartsModule.forRoot()],',
+      '  bootstrap: [AppComponent]',
+      '})',
+      'export class AppModule {}',
+      ''
+    ];
+
+    return moduleSnippet.concat(this.buildTemplateDrivenSnippet()).join('\n');
+  }
+
+  private buildTemplateDrivenSnippet(): string[] {
+    return [
+      '// app.component.ts',
+      "import { Component } from '@angular/core';",
+      '',
+      '@Component({',
+      "  selector: 'app-root',",
+      "  templateUrl: './app.component.html'",
+      '})',
+      'export class AppComponent {',
+      '  chartConfig = ' + this.stringifyCode(this.previewConfig, 2) + ';',
+      '}',
+      '',
+      '// app.component.html',
+      this.activeSurface === 'component'
+        ? '<revive-infinity-chart [config]="chartConfig" style="display:block;height:' + this.state.height + 'px;"></revive-infinity-chart>'
+        : '<div class="chart-slot" [reviveInfinityChart]="chartConfig" style="height:' + this.state.height + 'px;"></div>'
+    ];
+  }
+
+  private chartLabel(type: string): string {
+    var i: number;
+
+    for (i = 0; i < this.chartTypes.length; i += 1) {
+      if (this.chartTypes[i].value === type) {
+        return this.chartTypes[i].label;
+      }
+    }
+
+    return type;
+  }
+
+  private stringifyCode(value: any, indent: number): string {
+    var spaces = this.pad(indent);
+    var innerSpaces = this.pad(indent + 2);
+    var keys: string[];
+    var i: number;
+    var lines: string[];
+
+    if (value === null) {
+      return 'null';
+    }
+
+    if (typeof value === 'string') {
+      return "'" + String(value).split("'").join("\\'") + "'";
+    }
+
+    if (typeof value === 'number' || typeof value === 'boolean') {
+      return String(value);
+    }
+
+    if (Array.isArray(value)) {
+      if (!value.length) {
+        return '[]';
+      }
+
+      lines = ['['];
+
+      for (i = 0; i < value.length; i += 1) {
+        lines.push(innerSpaces + this.stringifyCode(value[i], indent + 2) + (i < value.length - 1 ? ',' : ''));
+      }
+
+      lines.push(spaces + ']');
+      return lines.join('\n');
+    }
+
+    keys = Object.keys(value);
+
+    if (!keys.length) {
+      return '{}';
+    }
+
+    lines = ['{'];
+
+    for (i = 0; i < keys.length; i += 1) {
+      lines.push(
+        innerSpaces + keys[i] + ': ' + this.stringifyCode(value[keys[i]], indent + 2) + (i < keys.length - 1 ? ',' : '')
+      );
+    }
+
+    lines.push(spaces + '}');
+    return lines.join('\n');
+  }
+
+  private pad(length: number): string {
+    return new Array(length + 1).join(' ');
+  }
+
+  private randomBetween(min: number, max: number): number {
+    return Math.round(min + (Math.random() * (max - min)));
+  }
+}

package/docs/angular-2/index.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>@revivejs/angular-infinity-charts · Angular 2</title>
+    <base href="./" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="./styles.css" />
+    <script src="https://unpkg.com/core-js@2.6.12/client/shim.min.js"></script>
+    <script src="https://unpkg.com/zone.js@0.7.8/dist/zone.js"></script>
+    <script src="https://unpkg.com/reflect-metadata@0.1.13/Reflect.js"></script>
+    <script src="https://unpkg.com/systemjs@0.19.47/dist/system.src.js"></script>
+    <script src="./systemjs.config.js"></script>
+  </head>
+  <body>
+    <app-root>
+      <div class="boot-shell">
+        <div class="boot-card">
+          <div class="boot-loader"></div>
+          <p>Booting Angular 2 docs…</p>
+        </div>
+      </div>
+    </app-root>
+    <script>
+      System.import('app').catch(function (error) {
+        console.error(error);
+        document.body.innerHTML = '<pre style="padding:16px;white-space:pre-wrap;">' + String(error) + '</pre>';
+      });
+    </script>
+  </body>
+</html>

package/docs/angular-2/main.ts

@@ -0,0 +1,8 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule).catch(function (error: any) {
+  console.error(error);
+  document.body.innerHTML = '<pre style="padding:16px;white-space:pre-wrap;">' + String(error) + '</pre>';
+});

package/docs/angular-2/styles.css

@@ -0,0 +1,47 @@
+html,
+body {
+  margin: 0;
+  min-height: 100%;
+  font-family: "Segoe UI", Arial, sans-serif;
+  background:
+    radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 28%),
+    linear-gradient(180deg, #f8fbff, #edf4ff);
+  color: #0f172a;
+}
+
+body {
+  min-height: 100vh;
+}
+
+.boot-shell {
+  display: grid;
+  place-items: center;
+  min-height: 100vh;
+  padding: 24px;
+}
+
+.boot-card {
+  display: grid;
+  place-items: center;
+  gap: 16px;
+  padding: 28px 32px;
+  border-radius: 24px;
+  border: 1px solid rgba(15, 23, 42, 0.08);
+  background: rgba(255, 255, 255, 0.92);
+  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
+}
+
+.boot-loader {
+  width: 42px;
+  height: 42px;
+  border-radius: 999px;
+  border: 3px solid rgba(37, 99, 235, 0.18);
+  border-top-color: #2563eb;
+  animation: spin 0.9s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/docs/angular-2/systemjs.config.js

@@ -0,0 +1,55 @@
+(function (global) {
+  System.config({
+    transpiler: 'ts',
+    typescriptOptions: {
+      target: 'es5',
+      module: 'commonjs',
+      moduleResolution: 'node',
+      sourceMap: true,
+      emitDecoratorMetadata: true,
+      experimentalDecorators: true,
+      removeComments: false,
+      noImplicitAny: false
+    },
+    meta: {
+      typescript: {
+        exports: 'ts'
+      }
+    },
+    paths: {
+      'npm:': 'https://unpkg.com/'
+    },
+    map: {
+      app: '.',
+      '@angular/core': 'npm:@angular/core@2.4.10/bundles/core.umd.js',
+      '@angular/common': 'npm:@angular/common@2.4.10/bundles/common.umd.js',
+      '@angular/compiler': 'npm:@angular/compiler@2.4.10/bundles/compiler.umd.js',
+      '@angular/platform-browser': 'npm:@angular/platform-browser@2.4.10/bundles/platform-browser.umd.js',
+      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic@2.4.10/bundles/platform-browser-dynamic.umd.js',
+      '@angular/forms': 'npm:@angular/forms@2.4.10/bundles/forms.umd.js',
+      '@angular/http': 'npm:@angular/http@2.4.10/bundles/http.umd.js',
+      rxjs: 'npm:rxjs@5.5.12',
+      ts: 'npm:plugin-typescript@5.3.3/lib/plugin.js',
+      typescript: 'npm:typescript@2.4.2/lib/typescript.js',
+      '@revivejs/angular-infinity-charts': 'vendor/angular-infinity-charts',
+      '@revivejs/infinity-charts': 'vendor/infinity-charts'
+    },
+    packages: {
+      app: {
+        main: './main.ts',
+        defaultExtension: 'ts'
+      },
+      rxjs: {
+        defaultExtension: 'js'
+      },
+      '@revivejs/angular-infinity-charts': {
+        main: './index.js',
+        defaultExtension: 'js'
+      },
+      '@revivejs/infinity-charts': {
+        main: './index.js',
+        defaultExtension: 'js'
+      }
+    }
+  });
+})(this);

package/docs/angular-21/180.8cbb300931475cea.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkangular_infinity_charts_docs_angular21=self.webpackChunkangular_infinity_charts_docs_angular21||[]).push([[37,180,323,418,561,704,799,942],{3509(x,y,u){u.d(y,{cT:()=>g,pl:()=>p,zc:()=>o});var s=u(8264);const g=(l,t,e,a)=>{if(!t.title.text&&!t.title.subtitle)return[];const i={start:"start",center:"middle",end:"end"},n={start:e.header.x+12,center:e.header.x+e.header.width/2,end:e.header.x+e.header.width-12}[t.title.align];return[(0,s.qu)(`${l}-title-group`,[t.title.text?(0,s.qn)(`${l}-title`,t.title.text,{class:"ic-title",x:n,y:e.header.y+24,fill:a.title,"font-family":a.fontFamily,"font-size":a.fontSize+3,"font-weight":700,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-title-empty`),t.title.subtitle?(0,s.qn)(`${l}-subtitle`,t.title.subtitle,{class:"ic-subtitle",x:n,y:e.header.y+44,fill:a.mutedText,"font-family":a.fontFamily,"font-size":a.fontSize,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-subtitle-empty`)])]},o=(l,t,e,a,r)=>{const i=e.legend;if(!t.legend.show||0===r.length||!i)return[];const n="left"===t.legend.position||"right"===t.legend.position,c=n?i.width-20:112,_=((l,t,e)=>"center"===l?t.x+(t.width-e)/2:"end"===l?t.x+t.width-e:t.x+12)(t.legend.align,i,n?c:c*r.length),d=r.flatMap((h,$)=>{const w=n?i.x+10:_+$*c,f=n?i.y+18+24*$:i.y+18;return[(0,s.FU)(`${l}-legend-dot-${h.id}`,{class:"ic-legend-dot",cx:w+6,cy:f-4,r:5,fill:h.color}),(0,s.qn)(`${l}-legend-label-${h.id}`,h.label,{class:"ic-legend-label",x:w+18,y:f,fill:a.legendText,"font-family":a.fontFamily,"font-size":a.fontSize})]});return[(0,s.qu)(`${l}-legend`,d)]},p=({idPrefix:l,thresholds:t,frame:e,theme:a,yScale:r})=>{const i=t.filter(n=>"y"===(n.axis??"y")).flatMap((n,c)=>{const _=n.color??a.threshold,d=r.scale(n.value);return[(0,s.Vj)(`${l}-threshold-${n.id??c}`,{class:"ic-threshold-line",x1:e.plot.x,y1:d,x2:e.plot.x+e.plot.width,y2:d,stroke:_,"stroke-width":1.5,"stroke-dasharray":n.dasharray??"7 7",opacity:.92}),n.label?(0,s.qn)(`${l}-threshold-label-${n.id??c}`,n.label,{class:"ic-threshold-label",x:e.plot.x+e.plot.width-4,y:d-6,fill:_,"font-family":a.fontFamily,"font-size":a.fontSize-1,"text-anchor":"end","font-weight":600}):(0,s.qu)(`${l}-threshold-label-empty-${c}`)]});return i.length?[(0,s.qu)(`${l}-thresholds`,i)]:[]}},2239(x,y,u){u.d(y,{J:()=>b,_:()=>g});const s=o=>[o.seriesName,o.label,void 0!==o.value?String(o.value):void 0,o.detail].filter(Boolean).join(", "),b=o=>({"data-ic-interactive":"true","data-ic-payload":JSON.stringify(o),"aria-label":s(o)}),g={cursor:"pointer"}}}]);

package/docs/angular-21/323.8cbb300931475cea.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkangular_infinity_charts_docs_angular21=self.webpackChunkangular_infinity_charts_docs_angular21||[]).push([[37,180,323,418,561,704,799,942],{3509(x,y,u){u.d(y,{cT:()=>g,pl:()=>p,zc:()=>o});var s=u(8264);const g=(l,t,e,a)=>{if(!t.title.text&&!t.title.subtitle)return[];const i={start:"start",center:"middle",end:"end"},n={start:e.header.x+12,center:e.header.x+e.header.width/2,end:e.header.x+e.header.width-12}[t.title.align];return[(0,s.qu)(`${l}-title-group`,[t.title.text?(0,s.qn)(`${l}-title`,t.title.text,{class:"ic-title",x:n,y:e.header.y+24,fill:a.title,"font-family":a.fontFamily,"font-size":a.fontSize+3,"font-weight":700,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-title-empty`),t.title.subtitle?(0,s.qn)(`${l}-subtitle`,t.title.subtitle,{class:"ic-subtitle",x:n,y:e.header.y+44,fill:a.mutedText,"font-family":a.fontFamily,"font-size":a.fontSize,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-subtitle-empty`)])]},o=(l,t,e,a,r)=>{const i=e.legend;if(!t.legend.show||0===r.length||!i)return[];const n="left"===t.legend.position||"right"===t.legend.position,c=n?i.width-20:112,_=((l,t,e)=>"center"===l?t.x+(t.width-e)/2:"end"===l?t.x+t.width-e:t.x+12)(t.legend.align,i,n?c:c*r.length),d=r.flatMap((h,$)=>{const w=n?i.x+10:_+$*c,f=n?i.y+18+24*$:i.y+18;return[(0,s.FU)(`${l}-legend-dot-${h.id}`,{class:"ic-legend-dot",cx:w+6,cy:f-4,r:5,fill:h.color}),(0,s.qn)(`${l}-legend-label-${h.id}`,h.label,{class:"ic-legend-label",x:w+18,y:f,fill:a.legendText,"font-family":a.fontFamily,"font-size":a.fontSize})]});return[(0,s.qu)(`${l}-legend`,d)]},p=({idPrefix:l,thresholds:t,frame:e,theme:a,yScale:r})=>{const i=t.filter(n=>"y"===(n.axis??"y")).flatMap((n,c)=>{const _=n.color??a.threshold,d=r.scale(n.value);return[(0,s.Vj)(`${l}-threshold-${n.id??c}`,{class:"ic-threshold-line",x1:e.plot.x,y1:d,x2:e.plot.x+e.plot.width,y2:d,stroke:_,"stroke-width":1.5,"stroke-dasharray":n.dasharray??"7 7",opacity:.92}),n.label?(0,s.qn)(`${l}-threshold-label-${n.id??c}`,n.label,{class:"ic-threshold-label",x:e.plot.x+e.plot.width-4,y:d-6,fill:_,"font-family":a.fontFamily,"font-size":a.fontSize-1,"text-anchor":"end","font-weight":600}):(0,s.qu)(`${l}-threshold-label-empty-${c}`)]});return i.length?[(0,s.qu)(`${l}-thresholds`,i)]:[]}},2239(x,y,u){u.d(y,{J:()=>b,_:()=>g});const s=o=>[o.seriesName,o.label,void 0!==o.value?String(o.value):void 0,o.detail].filter(Boolean).join(", "),b=o=>({"data-ic-interactive":"true","data-ic-payload":JSON.stringify(o),"aria-label":s(o)}),g={cursor:"pointer"}}}]);

package/docs/angular-21/37.8cbb300931475cea.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkangular_infinity_charts_docs_angular21=self.webpackChunkangular_infinity_charts_docs_angular21||[]).push([[37,180,323,418,561,704,799,942],{3509(x,y,u){u.d(y,{cT:()=>g,pl:()=>p,zc:()=>o});var s=u(8264);const g=(l,t,e,a)=>{if(!t.title.text&&!t.title.subtitle)return[];const i={start:"start",center:"middle",end:"end"},n={start:e.header.x+12,center:e.header.x+e.header.width/2,end:e.header.x+e.header.width-12}[t.title.align];return[(0,s.qu)(`${l}-title-group`,[t.title.text?(0,s.qn)(`${l}-title`,t.title.text,{class:"ic-title",x:n,y:e.header.y+24,fill:a.title,"font-family":a.fontFamily,"font-size":a.fontSize+3,"font-weight":700,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-title-empty`),t.title.subtitle?(0,s.qn)(`${l}-subtitle`,t.title.subtitle,{class:"ic-subtitle",x:n,y:e.header.y+44,fill:a.mutedText,"font-family":a.fontFamily,"font-size":a.fontSize,"text-anchor":i[t.title.align]}):(0,s.qu)(`${l}-subtitle-empty`)])]},o=(l,t,e,a,r)=>{const i=e.legend;if(!t.legend.show||0===r.length||!i)return[];const n="left"===t.legend.position||"right"===t.legend.position,c=n?i.width-20:112,_=((l,t,e)=>"center"===l?t.x+(t.width-e)/2:"end"===l?t.x+t.width-e:t.x+12)(t.legend.align,i,n?c:c*r.length),d=r.flatMap((h,$)=>{const w=n?i.x+10:_+$*c,f=n?i.y+18+24*$:i.y+18;return[(0,s.FU)(`${l}-legend-dot-${h.id}`,{class:"ic-legend-dot",cx:w+6,cy:f-4,r:5,fill:h.color}),(0,s.qn)(`${l}-legend-label-${h.id}`,h.label,{class:"ic-legend-label",x:w+18,y:f,fill:a.legendText,"font-family":a.fontFamily,"font-size":a.fontSize})]});return[(0,s.qu)(`${l}-legend`,d)]},p=({idPrefix:l,thresholds:t,frame:e,theme:a,yScale:r})=>{const i=t.filter(n=>"y"===(n.axis??"y")).flatMap((n,c)=>{const _=n.color??a.threshold,d=r.scale(n.value);return[(0,s.Vj)(`${l}-threshold-${n.id??c}`,{class:"ic-threshold-line",x1:e.plot.x,y1:d,x2:e.plot.x+e.plot.width,y2:d,stroke:_,"stroke-width":1.5,"stroke-dasharray":n.dasharray??"7 7",opacity:.92}),n.label?(0,s.qn)(`${l}-threshold-label-${n.id??c}`,n.label,{class:"ic-threshold-label",x:e.plot.x+e.plot.width-4,y:d-6,fill:_,"font-family":a.fontFamily,"font-size":a.fontSize-1,"text-anchor":"end","font-weight":600}):(0,s.qu)(`${l}-threshold-label-empty-${c}`)]});return i.length?[(0,s.qu)(`${l}-thresholds`,i)]:[]}},2239(x,y,u){u.d(y,{J:()=>b,_:()=>g});const s=o=>[o.seriesName,o.label,void 0!==o.value?String(o.value):void 0,o.detail].filter(Boolean).join(", "),b=o=>({"data-ic-interactive":"true","data-ic-payload":JSON.stringify(o),"aria-label":s(o)}),g={cursor:"pointer"}}}]);