@syncfusion/ej2-angular-navigations 16.4.45 → 16.4.52-46585

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

@@ -0,0 +1,71 @@
+<ejs-tab heightAdjustMode='Content'>
+    <e-tabitems>
+        <e-tabitem content='#usa'>
+            <ng-template #headerText>
+                USA
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem content='#australia'>
+            <ng-template #headerText>
+                Australia
+            </ng-template>
+        </e-tabitem>
+    </e-tabitems>
+</ejs-tab>
+
+<div id="usa" style="display: none">
+    <ejs-tab heightAdjustMode='Auto'>
+        <e-tabitems>
+            <e-tabitem>
+                <ng-template #headerText>
+                    New York
+                </ng-template>
+                <ng-template #content>
+                    <div>
+                        New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean.
+                    </div>
+                </ng-template>
+            </e-tabitem>
+            <e-tabitem>
+                <ng-template #headerText>
+                    Los Angeles
+                </ng-template>
+                <ng-template #content>
+                    <div>
+                        Los Angeles is a sprawling Southern California city and the center of the nation’s film and
+                        television
+                        industry.
+                    </div>
+                </ng-template>
+            </e-tabitem>
+        </e-tabitems>
+    </ejs-tab>
+</div>
+
+<div id="australia" style="display: none">
+    <ejs-tab heightAdjustMode='Auto'>
+        <e-tabitems>
+            <e-tabitem>
+                <ng-template #headerText>
+                    Sydney
+                </ng-template>
+                <ng-template #content>
+                    <div>
+                        Sydney, capital of New South Wales and one of Australia's largest cities, is best known for its
+                        harbourfront Sydney Opera House, with a distinctive sail-like design.
+                    </div>
+                </ng-template>
+            </e-tabitem>
+            <e-tabitem>
+                <ng-template #headerText>
+                    Melbourne
+                </ng-template>
+                <ng-template #content>
+                    <div>
+                        Melbourne is the coastal capital of the southeastern Australian state of Victoria.
+                    </div>
+                </ng-template>
+            </e-tabitem>
+        </e-tabitems>
+    </ejs-tab>
+</div>

package/schematics/generators/tab-nested/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+/**
+ * Nested Tab
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component { }

package/schematics/generators/tab-nested/schema.d.ts

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

package/schematics/generators/tab-nested/schema.js

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

package/schematics/generators/tab-nested/schema.json

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

package/schematics/generators/tab-nested/schema.ts

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

package/schematics/generators/tab-popup/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/tab-popup/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/tab-popup/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

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

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

package/schematics/generators/tab-popup/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'tab';
+export const sampleName: string = 'popup';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-navigations';
+export const libModules: string = 'TabModule';

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

@@ -0,0 +1,9 @@
+.e-tab {
+    max-width: 500px;
+    margin: auto;
+}
+
+.e-tab .e-content {
+    padding: 10px;
+    text-align: justify;
+}

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

@@ -0,0 +1,118 @@
+<ejs-tab heightAdjustMode='Auto' overflowMode="Popup">
+    <e-tabitems>
+        <e-tabitem>
+            <ng-template #headerText>
+                HTML
+            </ng-template>
+            <ng-template #content>
+                HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create
+                web pages. Along
+                with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually
+                engaging web
+                pages, user interfaces for web applications, and user interfaces for many mobile applications. Web
+                browsers can read
+                HTML files and render them into visible or audible web pages. HTML describes the structure of a website
+                semantically
+                along with cues for presentation, making it a markup language, rather than a programming language.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                C Sharp(C#)
+            </ng-template>
+            <ng-template #content>
+                C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its
+                development team is led
+                by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                Java
+            </ng-template>
+            <ng-template #content>
+                Java is a set of computer software and specifications developed by Sun Microsystems, later acquired by
+                Oracle Corporation,
+                that provides a system for developing application software and deploying it in a cross-platform
+                computing environment.
+                Java is used in a wide variety of computing platforms from embedded devices and mobile phones to
+                enterprise servers
+                and supercomputers. While less common, Java applets run in secure, sandboxed environments to provide
+                many features
+                of native applications and can be embedded in HTML pages.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                VB.Net
+            </ng-template>
+            <ng-template #content>
+                The command-line compiler, VBC.EXE, is installed as part of the freeware .NET Framework SDK. Mono also
+                includes a command-line
+                VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                Xamarin
+            </ng-template>
+            <ng-template #content>
+                Xamarin is a San Francisco, California based software company created in May 2011[3] by the engineers
+                that created Mono,[4]
+                Mono for Android and MonoTouch that are cross-platform implementations of the Common Language
+                Infrastructure (CLI)
+                and Common Language Specifications (often called Microsoft .NET). With a C#-shared codebase, developers
+                can use Xamarin
+                tools to write native Android, iOS, and Windows apps with native user interfaces and share code across
+                multiple platforms.[5]
+                Xamarin has over 1 million developers in more than 120 countries around the World as of May 2015.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                ASP.NET
+            </ng-template>
+            <ng-template #content>
+                ASP.NET is an open-source server-side web application framework designed for web development to produce
+                dynamic web pages.
+                It was developed by Microsoft to allow programmers to build dynamic web sites, web applications and web
+                services.
+                It was first released in January 2002 with version 1.0 of the .NET Framework, and is the successor to
+                Microsoft\'\s
+                Active Server Pages (ASP) technology. ASP.NET is built on the Common Language Runtime (CLR), allowing
+                programmers
+                to write ASP.NET code using any supported .NET language. The ASP.NET SOAP extension framework allows
+                ASP.NET components
+                to process SOAP messages.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                ASP.NET MVC
+            </ng-template>
+            <ng-template #content>
+                The ASP.NET MVC is a web application framework developed by Microsoft, which implements the
+                model–view–controller (MVC) pattern.
+                It is open-source software, apart from the ASP.NET Web Forms component which is proprietary. In the
+                later versions
+                of ASP.NET, ASP.NET MVC, ASP.NET Web API, and ASP.NET Web Pages (a platform using only Razor pages)
+                will merge into
+                a unified MVC 6.The project is called ASP.NET vNext.
+            </ng-template>
+        </e-tabitem>
+        <e-tabitem>
+            <ng-template #headerText>
+                JavaScript
+            </ng-template>
+            <ng-template #content>
+                JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part
+                of web browsers so
+                that client-side scripts could interact with the user, control the browser, communicate asynchronously,
+                and alter
+                the document content that was displayed.[5] More recently, however, it has become common in both game
+                development
+                and the creation of desktop applications.
+            </ng-template>
+        </e-tabitem>
+    </e-tabitems>
+</ejs-tab>

package/schematics/generators/tab-popup/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+/**
+ * Popup Tab
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css']
+})
+
+export class <%= classify(name) %>Component { }

package/schematics/generators/tab-popup/schema.d.ts

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

package/schematics/generators/tab-popup/schema.js

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

package/schematics/generators/tab-popup/schema.json

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

package/schematics/generators/tab-popup/schema.ts

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

package/schematics/generators/tab-scrollable/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/tab-scrollable/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/tab-scrollable/index.ts

@@ -0,0 +1,8 @@
+import { Rule } from '@angular-devkit/schematics';
+import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
+import { Schema } from './schema';
+import * as sampleDetails from './sample-details';
+
+export default function (options: Schema): Rule {
+  return componentBuilder(options, sampleDetails);
+}

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

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

package/schematics/generators/tab-scrollable/sample-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'tab';
+export const sampleName: string = 'scrollable';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-navigations';
+export const libModules: string = 'TabModule';

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

@@ -0,0 +1,9 @@
+.e-tab {
+    max-width: 500px;
+    margin: auto;
+}
+
+.e-tab .e-content {
+    padding: 10px;
+    text-align: justify;
+}