@syncfusion/ej2-angular-layouts 20.2.46 → 20.3.47-ngcc

package/schematics/generators/dashboardlayout-resizing/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "dashboardlayout-resizing",
+  "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": "dashboardlayout-resizing"
+}

package/schematics/generators/splitter-horizontalsplitter/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/splitter-horizontalsplitter/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/splitter-horizontalsplitter/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/splitter-horizontalsplitter/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'splitter';
+exports.sampleName = 'horizontalsplitter';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-layouts';
+exports.libModules = 'SplitterModule';

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

@@ -0,0 +1,20 @@
+#pane-heading {
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+.pane1 {
+  margin: 20px auto;
+  max-width: 440px;
+}
+.control-section {
+  min-height: 370px;
+  margin-bottom: 15px;
+  margin-top: 10px;
+}
+.horizontal-splitter .content {
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  display: grid;
+  height: 100%;
+}

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

@@ -0,0 +1,30 @@
+<div id="target" class="control-section horizontal-splitter">
+    <div class="pane1">
+        <div id="pane-heading">Horizontal Splitter</div>
+        <ejs-splitter #horizontal height='200px' width='100%' >
+            <e-panes>
+                <e-pane size='25%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <div>Left pane</div>
+                        </div>
+                    </ng-template>
+                </e-pane>
+                <e-pane size='50%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <span>Middle pane</span>
+                        </div>
+                    </ng-template>
+                </e-pane>
+                <e-pane size='25%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <span>Right pane</span>
+                        </div>
+                    </ng-template>
+                </e-pane>
+            </e-panes>
+        </ejs-splitter>
+    </div>
+</div>

package/schematics/generators/splitter-horizontalsplitter/schema.d.ts

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

package/schematics/generators/splitter-horizontalsplitter/schema.js

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

package/schematics/generators/splitter-horizontalsplitter/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "splitter-horizontalsplitter",
+  "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": "splitter-horizontalsplitter"
+}

package/schematics/generators/splitter-nestedsplitter/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/splitter-nestedsplitter/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/splitter-nestedsplitter/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/splitter-nestedsplitter/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'splitter';
+exports.sampleName = 'nestedsplitter';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-layouts';
+exports.libModules = 'SplitterModule';

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

@@ -0,0 +1,29 @@
+.code-editor #code-text {
+  margin-left: 5px;
+}
+.code-editor .code-preview {
+  margin-top: 15px;
+  font-size: 12px;
+}
+.code-editor#target {
+  margin: 20px auto;
+  max-width: 740px;
+}
+.code-editor.control-section{            
+  min-height: 370px;
+  margin-bottom: 15px;
+  margin-top: 10px;    
+}
+.code-editor .h3 {
+  font-size: 14px;
+  margin: 4px;
+}
+.code-editor .content {
+  padding: 12px;
+}
+.code-editor .splitter-image {
+  margin: 0 auto;
+  display: flex;
+  height: 115px;
+  margin-top: 10px;
+}

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

@@ -0,0 +1,17 @@
+<div id="target" class="control-section code-editor">
+    <ejs-splitter #splitterInstance  id="outerSplitter" (created)='onCreated()' orientation='Vertical' height='450px' width='100%'>
+        <e-panes>
+            <e-pane size='53%' min='30%'></e-pane>
+            <e-pane>
+                <ng-template #content>
+                    <div class="content">
+                        <h3 class="h3">Preview of sample</h3>
+                        <div class="splitter-image">
+                            <img class="img1" src= "https://ej2.syncfusion.com/angular/demos/src/listview/images/albert.png" style="width: 20%;margin: 0 auto;">
+                        </div>
+                    </div>
+                </ng-template>
+            </e-pane>
+        </e-panes>
+    </ejs-splitter>
+</div>

package/schematics/generators/splitter-nestedsplitter/schema.d.ts

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

package/schematics/generators/splitter-nestedsplitter/schema.js

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

package/schematics/generators/splitter-nestedsplitter/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "splitter-nestedsplitter",
+  "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": "splitter-nestedsplitter"
+}

package/schematics/generators/splitter-verticalsplitter/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/splitter-verticalsplitter/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/splitter-verticalsplitter/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/splitter-verticalsplitter/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'splitter';
+exports.sampleName = 'verticalsplitter';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-layouts';
+exports.libModules = 'SplitterModule';

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

@@ -0,0 +1,20 @@
+#pane-heading {
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+.pane1 {
+  margin: 20px auto;
+  max-width: 440px;
+}
+.control-section {
+  min-height: 370px;
+  margin-bottom: 15px;
+  margin-top: 10px;
+}
+.vertical-splitter .content {
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  display: grid;
+  height: 100%;
+}

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

@@ -0,0 +1,31 @@
+<div id="target" class="control-section vertical-splitter">
+    <div class="pane1">
+        <div id="pane-heading">Vertical Splitter</div>
+        <ejs-splitter #vertical height='250px' orientation='Vertical' width='100%' >
+            <e-panes>
+                <e-pane size='25%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <div>Top pane</div>
+                        </div>
+                    </ng-template>
+                </e-pane>
+                <e-pane size='50%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <span>Middle pane</span>
+                        </div>
+                    </ng-template>
+                </e-pane>
+                <e-pane size='25%' min='60px'>
+                    <ng-template #content>
+                        <div class="content">
+                            <span>Bottom pane</span>
+                        </div>
+                    </ng-template>
+                </e-pane>
+
+            </e-panes>
+        </ejs-splitter>
+    </div>
+</div>

package/schematics/generators/splitter-verticalsplitter/schema.d.ts

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

package/schematics/generators/splitter-verticalsplitter/schema.js

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