@syncfusion/ej2-angular-treemap 22.1.34 → 22.1.36

package/schematics/generators/treemap-selection/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-selection",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "treemap-selection"
+}

package/schematics/generators/treemap-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/treemap-tooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/treemap-tooltip/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/treemap-tooltip/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'treemap';
+exports.sampleName = 'tooltip';
+exports.diModules = 'TreeMapTooltip';
+exports.packageName = '@syncfusion/ej2-angular-treemap';
+exports.libModules = 'TreeMapModule';

package/schematics/generators/treemap-tooltip/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -0,0 +1,3 @@
+.control-section {
+    min-height: 450px;
+}

package/schematics/generators/treemap-tooltip/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,10 @@
+<div class="control-section">
+        <div align='center'>
+            <ejs-treemap id='container' #treemap style="display:block;" [dataSource]='dataSource' [weightValuePath]='weightValuePath' [leafItemSettings]='leafItemSettings' [tooltipSettings]='tooltipSettings' [titleSettings]='titleSettings' [equalColorValuePath]='equalColorValuePath'
+                [legendSettings]='legendSettings' (load)='load($event)'>
+    
+            </ejs-treemap>
+    </div>
+    </div>
+    
+

package/schematics/generators/treemap-tooltip/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/treemap-tooltip/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/treemap-tooltip/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "treemap-tooltip",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "treemap-tooltip"
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { OptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+export default function (options: OptionsSchema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lib_details_1 = require("./../utils/lib-details");
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+function default_1(options) {
+    const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
+    return schematics_1.install(options, libOptions);
+}
+exports.default = default_1;

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,13 @@
+export interface OptionsSchema {
+    skipPackageJson: boolean;
+    modules: string;
+    modulePath: string;
+    theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+    project?: string;
+}
+export interface LibOptionsSchema {
+    pkgName: string;
+    pkgVer: string;
+    moduleName: string;
+    themeVer: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/ng-add/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/tsconfig.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-treemap";
+export declare const pkgVer = "^21.1.36";
+export declare const moduleName = "TreeMapModule";
+export declare const themeVer = "~21.1.36";

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-treemap';
+exports.pkgVer = '^22.1.36';
+exports.moduleName = 'TreeMapModule';
+exports.themeVer = '~22.1.36';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-treemap';
-export const pkgVer = '^20.1.55';
+export const pkgVer = '^22.1.36';
 export const moduleName = 'TreeMapModule';
-export const themeVer = '~20.1.55';
+export const themeVer = '~22.1.36';

package/src/treemap/colormapping.directive.d.ts

@@ -15,22 +15,22 @@ export declare class ColorMappingDirective extends ComplexBase<ColorMappingDirec
      */
     from: any;
     /**
-     * Sets and gets the label text for the legend based on color mapping.
+     * Sets and gets the label text for the legend when it is rendered based on color mapping.
      * @default null
      */
     label: any;
     /**
-     * Sets and gets the maximum opacity for the color-mapping in the treemap component.
+     * Sets and gets the maximum opacity for the color-mapping in the treemap.
      * @default null
      */
     maxOpacity: any;
     /**
-     * Sets and gets the minimum opacity for the color-mapping in the treemap component.
+     * Sets and gets the minimum opacity for the color-mapping in the treemap.
      * @default null
      */
     minOpacity: any;
     /**
-     * Enables or disables the visibility of the legend for color mapping in the treemap component.
+     * Enables or disables the visibility of the legend for color mapping in the treemap.
      * @default true
      */
     showLegend: any;

package/src/treemap/levels.directive.d.ts

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * Level Directive
+ * Represents the directive to configure and render level leaf items in the treemap.
  * ```html
  * <e-levels>
  * <e-level></e-level>
@@ -15,76 +15,77 @@ export declare class LevelDirective extends ComplexBase<LevelDirective> {
     childColorMapping: any;
     tags: string[];
     /**
-     * Enables or disables the automatic filling of the colors in the items in the treemap component.
+     * Enables or disables the automatic filling of the colors from the palette in the items of the treemap.
      * @default false
      */
     autoFill: any;
     /**
      * Sets and gets the options for customizing the color and width of the border of
-     * the levels of the treemap component.
+     * the level leaf items of the treemap.
      */
     border: any;
     /**
-     * Sets and gets the options for customizing the color-mapping in the treemap component.
+     * Sets and gets the options for customizing the color-mapping of the level leaf items in the treemap.
      */
     colorMapping: any;
     /**
-     * Sets and gets the fill color of the level in the treemap component.
+     * Sets and gets the fill color of the level leaf item in the treemap.
      * @default null
      */
     fill: any;
     /**
-     * Sets and gets the gap between the levels in the treemap component.
+     * Sets and gets the gap between the level leaf items in the treemap.
      * @default 0
      */
     groupGap: any;
     /**
-     * Sets and gets the padding of levels in the treemap component.
+     * Sets and gets the padding of level leaf items in the treemap.
      * @default 10
      */
     groupPadding: any;
     /**
-     * Sets and gets the value path from the data source in the treemap component to render the item.
+     * Sets and gets the value path from the data source in the treemap to render the item.
      * @default null
      */
     groupPath: any;
     /**
-     * Sets and gets the alignment of the header of the treemap component.
+     * Sets and gets the alignment of the header of the treemap.
      * @default 'Near'
      */
     headerAlignment: any;
     /**
-     * Sets and gets the format of header of the levels in the treemap component.
+     * Sets and gets the string to format the header label of the level leaf items in the treemap.
      * @default null
      */
     headerFormat: any;
     /**
-     * Sets and gets the height of header in the treemap component.
+     * Sets and gets the height of header in the treemap.
      * @default 20
      */
     headerHeight: any;
     /**
-     * Sets and gets the options for customizing the style of header of the treemap component.
+     * Sets and gets the options for customizing the text style of header label of the level leaf item.
      */
     headerStyle: any;
     /**
-     * Sets and gets the opacity in the treemap component.
+     * Sets and gets the opacity in the level leaf item of the treemap.
      * @default 1
      */
     opacity: any;
     /**
-     * Shows or hides the header in level of the treemap component.
+     * Shows or hides the header in level leaf item of the treemap.
      * @default true
      */
     showHeader: any;
     /**
-     * Sets and gets the options for customizing the template position of the treemap component.
+     * Sets and gets the options for customizing the template position of the treemap.
      * @default 'TopLeft'
      */
     templatePosition: any;
     /**
-     * Sets and gets the template for header in the treemap component.
+     * Sets and gets the template for header in the treemap.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);

package/src/treemap/treemap.component.d.ts

@@ -7,7 +7,7 @@ export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
 /**
- * TreeMap Component
+ * Represents the Angular TreeMap component. It is used to visualize both hierarchical and flat data.
  * ```html
  * <ej-treemap></ej-treemap>
  * ```