igniteui-angular-extras 15.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +36 -0
  2. package/esm2020/igniteui-angular-extras.mjs +5 -0
  3. package/esm2020/images/charts.mjs +408 -0
  4. package/esm2020/images/conditions.mjs +95 -0
  5. package/esm2020/lib/context-menu/chart-dialog/chart-dialog.component.mjs +67 -0
  6. package/esm2020/lib/context-menu/context-menu.component.mjs +177 -0
  7. package/esm2020/lib/context-menu/igx-context-menu.directive.mjs +160 -0
  8. package/esm2020/lib/directives/chart-integration/chart-integration.directive.mjs +312 -0
  9. package/esm2020/lib/directives/chart-integration/chart-types.mjs +28 -0
  10. package/esm2020/lib/directives/chart-integration/initializers.mjs +103 -0
  11. package/esm2020/lib/directives/conditional-formatting/conditional-formatting.directive.mjs +311 -0
  12. package/esm2020/lib/igniteui-angular-extras.module.mjs +104 -0
  13. package/esm2020/lib/pipes/svg.pipe.mjs +20 -0
  14. package/esm2020/public-api.mjs +21 -0
  15. package/fesm2015/igniteui-angular-extras.mjs +1789 -0
  16. package/fesm2015/igniteui-angular-extras.mjs.map +1 -0
  17. package/fesm2020/igniteui-angular-extras.mjs +1782 -0
  18. package/fesm2020/igniteui-angular-extras.mjs.map +1 -0
  19. package/images/charts.d.ts +16 -0
  20. package/images/conditions.d.ts +10 -0
  21. package/index.d.ts +5 -0
  22. package/lib/context-menu/chart-dialog/chart-dialog.component.d.ts +31 -0
  23. package/lib/context-menu/context-menu.component.d.ts +38 -0
  24. package/lib/context-menu/igx-context-menu.directive.d.ts +33 -0
  25. package/lib/directives/chart-integration/chart-integration.directive.d.ts +52 -0
  26. package/lib/directives/chart-integration/chart-types.d.ts +25 -0
  27. package/lib/directives/chart-integration/initializers.d.ts +39 -0
  28. package/lib/directives/conditional-formatting/conditional-formatting.directive.d.ts +95 -0
  29. package/lib/igniteui-angular-extras.module.d.ts +14 -0
  30. package/lib/pipes/svg.pipe.d.ts +10 -0
  31. package/package.json +35 -0
  32. package/public-api.d.ts +17 -0
@@ -0,0 +1,10 @@
1
+ export declare const Clear = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <defs>\n <style>.cls-Clear-1{fill-rule:evenodd;}.cls-Clear-2{fill:none;}</style>\n </defs>\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <g id=\"Conditional-formating\">\n <g id=\"Artboard\">\n <g id=\"refresh-24px\">\n <path id=\"Path\" class=\"cls-Clear-1\" d=\"M17.65,6.35A8,8,0,1,0,19.73,14H17.65A6,6,0,1,1,12,6a5.91,5.91,0,0,1,4.22,1.78L13,11h7V4Z\"/>\n <polygon class=\"cls-Clear-2\" points=\"0 0 24 0 24 24 0 24 0 0\"/>\n </g>\n </g>\n </g>\n </g>\n </g>\n</svg>\n";
2
+ export declare const ColorScale = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M13 13.65h5a5.63 5.63 0 00-.09-1H13zM13 10.65h4.19a6.29 6.29 0 00-.74-1H13zM13 19.58a5.87 5.87 0 002.34-.93H13zM13 6.18v1.48h1.48l-1-1-.48-.48zM13 15.65v1h4.2a5.68 5.68 0 00.46-1zM11 6.18L7.76 9.43A6 6 0 0011 19.58z\" fill=\"none\"/>\n <path d=\"M16.45 9.65H13v1h4.19a6.29 6.29 0 00-.74-1zM13.48 6.66L13 6.18v1.48h1.48l-1-1zM6 13.66a6 6 0 005 5.92V6.18L7.76 9.42A6 6 0 006 13.66zM13 19.58a5.87 5.87 0 002.34-.93H13zM13 16.65h4.2a5.68 5.68 0 00.46-1H13zM13 12.65v1h5a5.63 5.63 0 00-.09-1z\" fill=\"none\"/>\n <path d=\"M19.93 12.66a7.84 7.84 0 00-.51-2 8.48 8.48 0 00-.5-1A7.8 7.8 0 0017.66 8l-.35-.36-.31-.26-.73-.73-2-2-.85-.84L12 2.34 6.34 8A8 8 0 0011 21.58h.21a7 7 0 00.79 0 7.14 7.14 0 00.8 0h.2a7.94 7.94 0 006.93-8.92zM11 19.58A6 6 0 017.76 9.42L11 6.18zm2-12.93v-.47l.48.47 1 1H13zm0 3h3.45a6.29 6.29 0 01.74 1H13zm0 9.93v-.93h2.34a5.87 5.87 0 01-2.34.93zm4.2-2.93H13v-1h4.66a5.68 5.68 0 01-.46 1zm-4.2-3v-1h4.91a5.63 5.63 0 01.09 1z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
3
+ export declare const DataBars = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M3 7h12v2H3zM3 15h12v2H3zM3 19h18v2H3zM3 11h18v2H3zM3 3h18v2H3z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
4
+ export declare const DuplicateValues = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.94 10.56a1 1 0 00-.38.79.79.79 0 00.25.63 1.06 1.06 0 00.74.24 1.9 1.9 0 001.06-.3 1.48 1.48 0 00.63-.67v-1H6a1.58 1.58 0 00-1.06.31zM16.94 14.69a1 1 0 00-.38.79.82.82 0 00.25.63 1.11 1.11 0 00.74.23 2 2 0 001.06-.29 1.5 1.5 0 00.63-.68v-1H18a1.54 1.54 0 00-1.06.32z\" fill=\"none\"/>\n <path d=\"M4.94 10.56a1 1 0 00-.38.79.79.79 0 00.25.63 1.06 1.06 0 00.74.24 1.9 1.9 0 001.06-.3 1.48 1.48 0 00.63-.67v-1H6a1.58 1.58 0 00-1.06.31zM16.94 14.69a1 1 0 00-.38.79.82.82 0 00.25.63 1.11 1.11 0 00.74.23 2 2 0 001.06-.29 1.5 1.5 0 00.63-.68v-1H18a1.54 1.54 0 00-1.06.32z\" fill=\"none\"/>\n <path d=\"M20.76 15.87v-3.06a2.17 2.17 0 00-.76-1.76 3 3 0 00-1.94-.61 3.06 3.06 0 00-2 .63 1.7 1.7 0 00-.73 1.45h1.49a.83.83 0 01.31-.66 1.29 1.29 0 01.84-.25 1.26 1.26 0 01.91.3 1.09 1.09 0 01.32.85v.6H18a3.81 3.81 0 00-2.22.56 1.78 1.78 0 00-.78 1.59 2 2 0 00.58 1.49 2.31 2.31 0 001.65.55 2.12 2.12 0 001.16-.33 2.79 2.79 0 00.83-.81 4.33 4.33 0 00.08.5c0 .16.08.33.13.51H21a4.29 4.29 0 01-.18-.77 5.46 5.46 0 01-.06-.78zm-1.52-.5a1.5 1.5 0 01-.63.68 2 2 0 01-1.06.29 1.11 1.11 0 01-.74-.23.82.82 0 01-.25-.63 1 1 0 01.38-.79 1.54 1.54 0 011.06-.34h1.24zM8.76 11.75V8.69A2.16 2.16 0 008 6.93a2.93 2.93 0 00-1.94-.61 3.06 3.06 0 00-2 .63 1.69 1.69 0 00-.73 1.44h1.5a.83.83 0 01.31-.65A1.3 1.3 0 016 7.52a1.23 1.23 0 01.91.31 1.07 1.07 0 01.32.84v.61H6a3.74 3.74 0 00-2.22.56A1.78 1.78 0 003 11.39a2 2 0 00.58 1.52 2.27 2.27 0 001.65.56 2.12 2.12 0 001.16-.33 2.79 2.79 0 00.83-.81 4.17 4.17 0 00.08.49 4.77 4.77 0 00.13.51H9a4 4 0 01-.18-.76 5.55 5.55 0 01-.06-.82zm-1.52-.5a1.48 1.48 0 01-.63.67 1.9 1.9 0 01-1.06.3 1.06 1.06 0 01-.74-.22.79.79 0 01-.25-.63 1 1 0 01.38-.79A1.58 1.58 0 016 10.23h1.24zM7 19h2v2H7zM7 15h2v2H7zM3 15h2v2H3zM15 7h2v2h-2zM15 3h2v2h-2zM3 19h2v2H3zM19 19h2v2h-2zM19 7h2v2h-2zM15 19h2v2h-2zM19 3h2v2h-2zM11 11h2v2h-2zM11 19h2v2h-2zM11 15h2v2h-2zM11 7h2v2h-2zM11 3h2v2h-2zM7 3h2v2H7zM3 3h2v2H3z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
5
+ export declare const Empty = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M5 17h2v2H5zM13 17h2v2h-2zM5 13h2v2H5zM17 17h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zM17 9h2v2h-2zM17 13h2v2h-2zM17 5h2v2h-2zM5 9h2v2H5zM5 5h2v2H5zM9 5h2v2H9z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
6
+ export declare const Equal = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M5 13.5h14v2H5zM5 8.5h14v2H5z\"/>\n</svg>\n\n";
7
+ export declare const GreaterThan = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z\"/>\n</svg>\n\n";
8
+ export declare const TextContains = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M10.79 12.77a1.16 1.16 0 00-.44.9.92.92 0 00.3.72 1.18 1.18 0 00.84.27 2.27 2.27 0 001.21-.34 1.61 1.61 0 00.71-.77v-1.17H12a1.76 1.76 0 00-1.21.39z\" fill=\"none\"/>\n <path d=\"M5 19h14V5H5zm8-9.36a1.45 1.45 0 00-1-.35 1.5 1.5 0 00-1 .29.93.93 0 00-.35.75H9a1.93 1.93 0 01.83-1.65 3.54 3.54 0 012.3-.72 3.34 3.34 0 012.22.7 2.44 2.44 0 01.84 2v3.5a5.57 5.57 0 00.07.93 4.51 4.51 0 00.21.88h-1.83c-.06-.2-.12-.39-.16-.58a3.72 3.72 0 01-.08-.57 3.05 3.05 0 01-1 .93 2.39 2.39 0 01-1.32.37 2.63 2.63 0 01-1.89-.63 2.29 2.29 0 01-.66-1.74 2.07 2.07 0 01.9-1.78A4.39 4.39 0 0112 11.3h1.38v-.69a1.3 1.3 0 00-.38-.97z\" fill=\"none\"/>\n <path d=\"M3 3v18h18V3zm16 16H5V5h14z\"/>\n <path d=\"M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
9
+ export declare const Top10 = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M17.34 7.14a.5.5 0 00-.13.33v.33a.48.48 0 00.13.33.41.41 0 00.31.14.37.37 0 00.42-.37v-.41a.49.49 0 00-.07-.34.45.45 0 00-.62 0zM10.84 8a.54.54 0 00.51-.3 2.05 2.05 0 00.17-.92V5.3a2 2 0 00-.17-.94.6.6 0 00-1 0 2.13 2.13 0 00-.17.88V6.7a2.14 2.14 0 00.17 1 .55.55 0 00.49.3zM14.88 5c.28 0 .42-.18.42-.53v-.26a.53.53 0 00-.11-.34.4.4 0 00-.32-.14.42.42 0 00-.31.13.52.52 0 00-.12.36v.29a.49.49 0 00.12.34.39.39 0 00.32.15z\" fill=\"none\"/>\n <path d=\"M9 18h2v3h2v-3h2l-3-3-3 3zM4 11h16v2H4zM6.38 8.92h1.36V3.08h-.12l-2.57.89V5l1.33-.39v4.31zM10.84 9a1.85 1.85 0 001.5-.64 2.82 2.82 0 00.53-1.82V5.47a2.76 2.76 0 00-.54-1.82 1.83 1.83 0 00-1.5-.65 1.83 1.83 0 00-1.5.65 2.78 2.78 0 00-.53 1.82v1.07a2.79 2.79 0 00.53 1.81 1.86 1.86 0 001.51.65zm-.69-3.79a2.13 2.13 0 01.17-.88.6.6 0 011 0 2 2 0 01.17.94v1.47a2.05 2.05 0 01-.17.92.59.59 0 01-1 0 2.14 2.14 0 01-.17-1zM14.88 5.71a1.31 1.31 0 00.94-.33 1.11 1.11 0 00.35-.86v-.29a1.19 1.19 0 00-.35-.9 1.32 1.32 0 00-1-.33 1.34 1.34 0 00-.95.33 1.17 1.17 0 00-.35.88v.28a1.16 1.16 0 00.36.9 1.4 1.4 0 001 .32zm-.44-1.49a.52.52 0 01.12-.36.42.42 0 01.31-.13.4.4 0 01.32.14.53.53 0 01.11.34v.24c0 .35-.14.53-.42.53a.39.39 0 01-.32-.13.49.49 0 01-.12-.34zM15.13 8.48l2.85-4.56-.62-.32-2.85 4.57.62.31zM16.7 6.62a1.1 1.1 0 00-.35.87v.29a1.12 1.12 0 00.35.89 1.36 1.36 0 00.95.33 1.32 1.32 0 001-.33A1.15 1.15 0 0019 7.8v-.28a1.17 1.17 0 00-.36-.91 1.54 1.54 0 00-1.89 0zm1.38.87v.41a.37.37 0 01-.42.37.41.41 0 01-.31-.14.48.48 0 01-.13-.33v-.33a.5.5 0 01.13-.33.45.45 0 01.62 0 .49.49 0 01.11.35z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
10
+ export declare const UniqueValues = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M8.94 10.56a1 1 0 00-.38.79.79.79 0 00.25.63 1.06 1.06 0 00.74.24 1.9 1.9 0 001.06-.3 1.48 1.48 0 00.63-.67v-1H10a1.58 1.58 0 00-1.06.31z\" fill=\"none\"/>\n <path d=\"M8.94 10.56a1 1 0 00-.38.79.79.79 0 00.25.63 1.06 1.06 0 00.74.24 1.9 1.9 0 001.06-.3 1.48 1.48 0 00.63-.67v-1H10a1.58 1.58 0 00-1.06.31z\" fill=\"none\"/>\n <path d=\"M12.76 11.75V8.69A2.16 2.16 0 0012 6.93a2.93 2.93 0 00-1.94-.61 3.06 3.06 0 00-2 .63 1.69 1.69 0 00-.73 1.44h1.5a.83.83 0 01.31-.65 1.3 1.3 0 01.86-.22 1.23 1.23 0 01.91.31 1.07 1.07 0 01.32.84v.61H10a3.74 3.74 0 00-2.22.56A1.78 1.78 0 007 11.39a2 2 0 00.58 1.52 2.27 2.27 0 001.65.56 2.12 2.12 0 001.16-.33 2.79 2.79 0 00.83-.81 4.17 4.17 0 00.08.49 4.77 4.77 0 00.13.51H13a4 4 0 01-.18-.76 5.55 5.55 0 01-.06-.82zm-1.52-.5a1.48 1.48 0 01-.63.67 1.9 1.9 0 01-1.06.3 1.06 1.06 0 01-.74-.22.79.79 0 01-.25-.63 1 1 0 01.38-.79 1.58 1.58 0 011.06-.35h1.24zM7 19h2v2H7zM7 15h2v2H7zM3 15h2v2H3zM15 7h2v2h-2zM15 3h2v2h-2zM3 19h2v2H3zM19 19h2v2h-2zM19 7h2v2h-2zM15 19h2v2h-2zM19 3h2v2h-2zM15 11h2v2h-2zM19 11h2v2h-2zM15 15h2v2h-2zM19 15h2v2h-2zM11 19h2v2h-2zM11 15h2v2h-2zM11 3h2v2h-2zM7 3h2v2H7zM3 3h2v2H3zM3 7h2v2H3zM3 11h2v2H3z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n\n";
package/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="igniteui-angular-extras" />
5
+ export * from './public-api';
@@ -0,0 +1,31 @@
1
+ import { AfterViewInit, EventEmitter, ViewContainerRef, ElementRef } from '@angular/core';
2
+ import { Subject } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ export declare class IgxChartMenuComponent implements AfterViewInit {
5
+ private element;
6
+ chartArea: ViewContainerRef;
7
+ onClose: EventEmitter<any>;
8
+ get width(): any;
9
+ set width(value: any);
10
+ get height(): any;
11
+ set height(value: any);
12
+ chartDialogResizeNotify: Subject<unknown>;
13
+ private contentObserver;
14
+ images: any;
15
+ chartDirective: any;
16
+ currentChartType: any;
17
+ title: any;
18
+ allCharts: any[];
19
+ fullScreen: boolean;
20
+ isConfigAreaExpanded: boolean;
21
+ mainChartTypes: string[];
22
+ private _width;
23
+ private _height;
24
+ constructor(element: ElementRef<any>);
25
+ ngAfterViewInit(): void;
26
+ toggleFullScreen(): void;
27
+ hasAvailableChart(chartType: any): boolean;
28
+ createChart(chartType: any): void;
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartMenuComponent, never>;
30
+ static ɵcmp: i0.ɵɵComponentDeclaration<IgxChartMenuComponent, "igx-chart-menu", never, {}, { "onClose": "onClose"; }, never, never, false, never>;
31
+ }
@@ -0,0 +1,38 @@
1
+ import { AfterViewInit, ElementRef, ViewContainerRef, OnDestroy } from '@angular/core';
2
+ import { IgxOverlayService, IgxToggleDirective, IgxTabsComponent } from '@infragistics/igniteui-angular';
3
+ import { IgxContextMenuDirective } from './igx-context-menu.directive';
4
+ import { CHART_TYPE } from '../directives/chart-integration/chart-types';
5
+ import 'igniteui-trial-watermark';
6
+ import * as i0 from "@angular/core";
7
+ export declare class IgxContextMenuComponent implements AfterViewInit, OnDestroy {
8
+ private overlayService;
9
+ button: ElementRef;
10
+ tabsMenu: IgxToggleDirective;
11
+ chartPreview: ViewContainerRef;
12
+ chartPreviewDialog: IgxToggleDirective;
13
+ tabs: IgxTabsComponent;
14
+ contextDirective: IgxContextMenuDirective;
15
+ chartTypes: any[];
16
+ textFormatters: any[];
17
+ currentChartType: any;
18
+ currentFormatter: any;
19
+ private destroy$;
20
+ private _dialogId;
21
+ private _chartDialogOS;
22
+ private _tabsMenuOverlaySettings;
23
+ private _chartPreviewDialogOverlaySettings;
24
+ chartImages: any;
25
+ conditionImages: any;
26
+ constructor(overlayService: IgxOverlayService);
27
+ ngAfterViewInit(): void;
28
+ ngOnDestroy(): void;
29
+ toggleTabMenu(): void;
30
+ formatCells(condition: any): void;
31
+ clearFormat(): void;
32
+ previewChart(currentChartType: any): void;
33
+ hidePreview(): void;
34
+ openDialog(type?: CHART_TYPE): void;
35
+ closeDialog(): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxContextMenuComponent, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<IgxContextMenuComponent, "igx-context-menu", never, {}, {}, never, never, false, never>;
38
+ }
@@ -0,0 +1,33 @@
1
+ import { AfterViewInit, EventEmitter, OnInit, OnDestroy } from '@angular/core';
2
+ import { IgxGridComponent, IgxOverlayService } from '@infragistics/igniteui-angular';
3
+ import { Subject } from 'rxjs';
4
+ import { IgxChartIntegrationDirective } from '../directives/chart-integration/chart-integration.directive';
5
+ import { IgxConditionalFormattingDirective } from '../directives/conditional-formatting/conditional-formatting.directive';
6
+ import * as i0 from "@angular/core";
7
+ export declare class IgxContextMenuDirective implements OnInit, AfterViewInit, OnDestroy {
8
+ grid: IgxGridComponent;
9
+ textFormatter: IgxConditionalFormattingDirective;
10
+ chartsDirective: IgxChartIntegrationDirective;
11
+ private overlayService;
12
+ onButtonClose: EventEmitter<any>;
13
+ formatters: any[];
14
+ charts: any[];
15
+ gridResizeNotify: Subject<unknown>;
16
+ private contentObserver;
17
+ private _range;
18
+ private _id;
19
+ private _collapsed;
20
+ private destroy$;
21
+ private _analyticsBtnSettings;
22
+ constructor(grid: IgxGridComponent, textFormatter: IgxConditionalFormattingDirective, chartsDirective: IgxChartIntegrationDirective, overlayService: IgxOverlayService);
23
+ ngOnInit(): void;
24
+ ngAfterViewInit(): void;
25
+ ngOnDestroy(): void;
26
+ private setUpGridListeners;
27
+ private renderButton;
28
+ private show;
29
+ private close;
30
+ private isWithInRange;
31
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxContextMenuDirective, [null, { optional: true; }, { optional: true; }, null]>;
32
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IgxContextMenuDirective, "[igxContextMenu]", never, {}, { "onButtonClose": "onButtonClose"; }, never, never, false, never>;
33
+ }
@@ -0,0 +1,52 @@
1
+ import { ComponentFactoryResolver, EventEmitter, ViewContainerRef } from '@angular/core';
2
+ import { CHART_TYPE, OPTIONS_TYPE } from './chart-types';
3
+ import { IOptions } from './initializers';
4
+ import * as i0 from "@angular/core";
5
+ export interface IDeterminedChartTypesArgs {
6
+ chartsAvailabilty: Map<CHART_TYPE, boolean>;
7
+ chartsForCreation: CHART_TYPE[];
8
+ }
9
+ export declare class IgxChartIntegrationDirective {
10
+ private factoryResolver;
11
+ get chartData(): any[];
12
+ set chartData(selectedData: any[]);
13
+ onChartTypesDetermined: EventEmitter<IDeterminedChartTypesArgs>;
14
+ onChartCreationDone: EventEmitter<any>;
15
+ useLegend: boolean;
16
+ defaultLabelMemberPath: string;
17
+ set scatterChartYAxisValueMemberPath(path: string);
18
+ get scatterChartYAxisValueMemberPath(): string;
19
+ set bubbleChartRadiusMemberPath(path: string);
20
+ get bubbleChartRadiusMemberPath(): string;
21
+ private chartTypesAvailability;
22
+ private customChartComponentOptions;
23
+ private dataCharts;
24
+ private _scatterChartYAxisValueMemberPath;
25
+ private _bubbleChartRadiusMemberPath;
26
+ private _valueMemberPaths;
27
+ private _labelMemberPaths;
28
+ private _chartData;
29
+ private _sizeScale;
30
+ private _dataChartTypes;
31
+ private get _labelMemberPath();
32
+ private get pieChartOptions();
33
+ private dataChartSeriesOptionsModel;
34
+ private scatterChartSeriesOptionsModel;
35
+ private bubbleChartSeriesOptionsModel;
36
+ private get dataChartOptions();
37
+ constructor(factoryResolver: ComponentFactoryResolver);
38
+ getAvailableCharts(): any[];
39
+ disableCharts(types: CHART_TYPE[]): void;
40
+ enableCharts(types: CHART_TYPE[]): void;
41
+ chartFactory(type: CHART_TYPE, viewContainerRef: ViewContainerRef): void;
42
+ private getInitializer;
43
+ private getChartOptions;
44
+ private addPieChartDataOptions;
45
+ private addDataChartDataOptions;
46
+ private addScatterChartDataOptions;
47
+ private addIndexMemberPath;
48
+ private setAxisLabelOption;
49
+ setChartComponentOptions(chart: CHART_TYPE, optionsType: OPTIONS_TYPE, options: IOptions): void;
50
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxChartIntegrationDirective, never>;
51
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IgxChartIntegrationDirective, "[igxChartIntegration]", never, { "chartData": "chartData"; "useLegend": "useLegend"; "defaultLabelMemberPath": "defaultLabelMemberPath"; "scatterChartYAxisValueMemberPath": "scatterChartYAxisValueMemberPath"; "bubbleChartRadiusMemberPath": "bubbleChartRadiusMemberPath"; }, { "onChartTypesDetermined": "onChartTypesDetermined"; "onChartCreationDone": "onChartCreationDone"; }, never, never, false, never>;
52
+ }
@@ -0,0 +1,25 @@
1
+ export declare enum CHART_TYPE {
2
+ PIE = "Pie",
3
+ COLUMN_GROUPED = "ColumnGrouped",
4
+ AREA_GROUPED = "AreaGrouped",
5
+ LINE_GROUPED = "LineGrouped",
6
+ BAR_GROUPED = "BarGrouped",
7
+ COLUMN_STACKED = "ColumnStacked",
8
+ AREA_STACKED = "AreaStacked",
9
+ LINE_STACKED = "LineStacked",
10
+ BAR_STACKED = "BarStacked",
11
+ COLUMN_100_STACKED = "Column100Stacked",
12
+ AREA_100_STACKED = "Area100Stacked",
13
+ LINE_100_STACKED = "Line100Stacked",
14
+ BAR_100_STACKED = "Bar100Stacked",
15
+ SCATTER_POINT = "ScatterPoint",
16
+ SCATTER_BUBBLE = "ScatterBubble",
17
+ SCATTER_LINE = "ScatterLine"
18
+ }
19
+ export declare enum OPTIONS_TYPE {
20
+ CHART = "chartOptions",
21
+ SERIES = "seriesModel",
22
+ X_AXIS = "xAxisOptions",
23
+ Y_AXIS = "yAxisOptions",
24
+ STACKED_SERIES = "stackedFragmentOptions"
25
+ }
@@ -0,0 +1,39 @@
1
+ import { Type } from '@angular/core';
2
+ import { IgxDataChartComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
3
+ declare class SeriesFactory {
4
+ create<T>(type: (new () => T)): T;
5
+ }
6
+ export interface IOptions {
7
+ [key: string]: any;
8
+ }
9
+ export interface IChartComponentOptions {
10
+ chartOptions?: IOptions;
11
+ seriesOptions?: IOptions[];
12
+ xAxisOptions?: IOptions;
13
+ seriesModel?: IOptions;
14
+ yAxisOptions?: IOptions;
15
+ stackedFragmentOptions?: IOptions;
16
+ }
17
+ export declare abstract class ChartInitializer {
18
+ protected yAxis: any;
19
+ protected xAxis: any;
20
+ protected seriesFactory: SeriesFactory;
21
+ constructor();
22
+ applyOptions(target: any, options: IOptions): void;
23
+ abstract initChart(chart: any, options?: IChartComponentOptions): any;
24
+ }
25
+ export declare class IgxPieChartInitializer extends ChartInitializer {
26
+ constructor();
27
+ initChart(chart: IgxPieChartComponent, options: IChartComponentOptions): IgxPieChartComponent;
28
+ }
29
+ export declare class IgxDataChartInitializer extends ChartInitializer {
30
+ seriesType: Type<any>;
31
+ constructor(seriesType: Type<any>);
32
+ initChart(chart: IgxDataChartComponent, options: IChartComponentOptions): IgxDataChartComponent;
33
+ }
34
+ export declare class IgxStackedDataChartInitializer extends ChartInitializer {
35
+ seriesType: Type<any>;
36
+ constructor(seriesType: Type<any>);
37
+ initChart(chart: IgxDataChartComponent, options?: IChartComponentOptions): IgxDataChartComponent;
38
+ }
39
+ export {};
@@ -0,0 +1,95 @@
1
+ import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
2
+ import { IgxGridComponent } from '@infragistics/igniteui-angular';
3
+ import * as i0 from "@angular/core";
4
+ export declare enum ConditionalFormattingType {
5
+ dataBars = "Data Bars",
6
+ colorScale = "Color Scale",
7
+ top10 = "Top 10",
8
+ textContains = "Text Contains",
9
+ single = "Duplicate Values",
10
+ unique = "Unique Values",
11
+ empty = "Empty"
12
+ }
13
+ export interface IFormatColors {
14
+ success: string;
15
+ error: string;
16
+ info: string;
17
+ warning: string;
18
+ text: string;
19
+ }
20
+ export declare class IgxConditionalFormattingDirective implements AfterViewInit, OnDestroy {
21
+ grid: IgxGridComponent;
22
+ formatter: string | ConditionalFormattingType;
23
+ set formatColors(val: IFormatColors);
24
+ get formatColors(): IFormatColors;
25
+ onFormattersReady: EventEmitter<string[]>;
26
+ colorScale: {
27
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
28
+ };
29
+ dataBars: {
30
+ backgroundImage: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
31
+ backgroundSize: string;
32
+ backgroundRepeat: string;
33
+ backgroundPositionY: string;
34
+ };
35
+ top10Percent: {
36
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
37
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
38
+ };
39
+ greaterThan: {
40
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
41
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
42
+ };
43
+ empty: {
44
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
45
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
46
+ };
47
+ duplicates: {
48
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
49
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
50
+ };
51
+ textContains: {
52
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
53
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
54
+ };
55
+ uniques: {
56
+ backgroundColor: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
57
+ color: (rowData: any, colname: any, cellValue: any, rowIndex: any) => string;
58
+ };
59
+ private get selectedData();
60
+ private get textData();
61
+ private get numericData();
62
+ private _formatColors;
63
+ private _numericFormatters;
64
+ private _textFormatters;
65
+ private _commonFormattersName;
66
+ private _selectedData;
67
+ private _minValue;
68
+ private _maxValue;
69
+ private _startColumn;
70
+ private _endColumn;
71
+ private _valueForComparison;
72
+ private _formattersData;
73
+ private destroy$;
74
+ private formatedRange;
75
+ constructor(grid: IgxGridComponent);
76
+ ngAfterViewInit(): void;
77
+ ngOnDestroy(): void;
78
+ formatCells(formatterName: any, formatRange?: [], reset?: boolean): void;
79
+ clearFormatting(): void;
80
+ determineFormatters(): void;
81
+ recalcCachedValues(clearAll?: boolean): void;
82
+ isWithInFormattedRange(rowIndex: any, colID: any): boolean;
83
+ private get middleTresholdValue();
84
+ private get lowTresholdValue();
85
+ private get top10PercentTreshold();
86
+ private get avgValue();
87
+ private get threshold();
88
+ private getPositivePercentage;
89
+ private getNegativePercentage;
90
+ private resetRange;
91
+ private addToCache;
92
+ private toArray;
93
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxConditionalFormattingDirective, never>;
94
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IgxConditionalFormattingDirective, "[igxConditionalFormatting]", never, { "formatter": "formatter"; "formatColors": "formatColors"; }, { "onFormattersReady": "onFormattersReady"; }, never, never, false, never>;
95
+ }
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./directives/conditional-formatting/conditional-formatting.directive";
3
+ import * as i2 from "./directives/chart-integration/chart-integration.directive";
4
+ import * as i3 from "./context-menu/igx-context-menu.directive";
5
+ import * as i4 from "./context-menu/context-menu.component";
6
+ import * as i5 from "./context-menu/chart-dialog/chart-dialog.component";
7
+ import * as i6 from "./pipes/svg.pipe";
8
+ import * as i7 from "@infragistics/igniteui-angular";
9
+ import * as i8 from "igniteui-angular-charts";
10
+ export declare class IgxExtrasModule {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<IgxExtrasModule, never>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<IgxExtrasModule, [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective, typeof i4.IgxContextMenuComponent, typeof i5.IgxChartMenuComponent, typeof i6.SvgPipe], [typeof i7.IgxButtonModule, typeof i7.IgxDividerModule, typeof i7.IgxGridModule, typeof i7.IgxTabsModule, typeof i7.IgxToggleModule, typeof i8.IgxDataChartCategoryModule, typeof i8.IgxDataChartCoreModule, typeof i8.IgxLegendModule, typeof i8.IgxDataChartInteractivityModule, typeof i8.IgxNumericXAxisModule, typeof i8.IgxNumericYAxisModule, typeof i8.IgxCategoryXAxisModule, typeof i8.IgxItemLegendModule, typeof i8.IgxPieChartModule, typeof i8.IgxDataChartStackedModule, typeof i7.IgxDividerModule, typeof i8.IgxDataChartScatterModule, typeof i8.IgxBarSeriesModule, typeof i7.IgxIconModule, typeof i8.IgxCategoryChartModule], [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective]>;
13
+ static ɵinj: i0.ɵɵInjectorDeclaration<IgxExtrasModule>;
14
+ }
@@ -0,0 +1,10 @@
1
+ import { PipeTransform } from '@angular/core';
2
+ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
3
+ import * as i0 from "@angular/core";
4
+ export declare class SvgPipe implements PipeTransform {
5
+ private sanitizer;
6
+ constructor(sanitizer: DomSanitizer);
7
+ transform(markup: string): SafeHtml;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<SvgPipe, never>;
9
+ static ɵpipe: i0.ɵɵPipeDeclaration<SvgPipe, "svg", false>;
10
+ }
package/package.json ADDED
@@ -0,0 +1,35 @@
1
+ {
2
+ "name": "igniteui-angular-extras",
3
+ "version": "15.0.11",
4
+ "dependencies": {
5
+ "tslib": "^2.0.0"
6
+ },
7
+ "peerDependencies": {
8
+ "@angular/common": "^15.1.3",
9
+ "@angular/core": "^15.1.3",
10
+ "igniteui-angular": "^15.0.9",
11
+ "igniteui-angular-charts": "15.0.0",
12
+ "igniteui-angular-core": "15.0.0",
13
+ "igniteui-trial-watermark": "^1.0.3"
14
+ },
15
+ "module": "fesm2015/igniteui-angular-extras.mjs",
16
+ "es2020": "fesm2020/igniteui-angular-extras.mjs",
17
+ "esm2020": "esm2020/igniteui-angular-extras.mjs",
18
+ "fesm2020": "fesm2020/igniteui-angular-extras.mjs",
19
+ "fesm2015": "fesm2015/igniteui-angular-extras.mjs",
20
+ "typings": "index.d.ts",
21
+ "exports": {
22
+ "./package.json": {
23
+ "default": "./package.json"
24
+ },
25
+ ".": {
26
+ "types": "./index.d.ts",
27
+ "esm2020": "./esm2020/igniteui-angular-extras.mjs",
28
+ "es2020": "./fesm2020/igniteui-angular-extras.mjs",
29
+ "es2015": "./fesm2015/igniteui-angular-extras.mjs",
30
+ "node": "./fesm2015/igniteui-angular-extras.mjs",
31
+ "default": "./fesm2020/igniteui-angular-extras.mjs"
32
+ }
33
+ },
34
+ "sideEffects": false
35
+ }
@@ -0,0 +1,17 @@
1
+ export * from './lib/igniteui-angular-extras.module';
2
+ /**
3
+ * Directives
4
+ */
5
+ export * from './lib/directives/chart-integration/chart-integration.directive';
6
+ export * from './lib/directives/conditional-formatting/conditional-formatting.directive';
7
+ export * from './lib/context-menu/igx-context-menu.directive';
8
+ /**
9
+ * Components
10
+ */
11
+ export * from './lib/context-menu/context-menu.component';
12
+ export * from './lib/context-menu/chart-dialog/chart-dialog.component';
13
+ /**
14
+ * Exporter classes, interfaces and enums
15
+ */
16
+ export * from './lib/directives/chart-integration/chart-types';
17
+ export * from './lib/directives/chart-integration/initializers';