@syncfusion/ej2-navigations 20.1.47 → 20.1.51-10460

package/styles/v-scroll/_bootstrap5.3-definition.scss

@@ -0,0 +1,49 @@
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: 'bootstrap5' !default;
+$vscroll-nav-nrml-height: 38px !default;
+$vscroll-hover-font: $content-text-color-alt2 !default;
+$vscroll-active-font-color: $content-text-color-alt2 !default;
+$vscroll-border-size: 1px !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: $content-bg-color-alt2 !default;
+$vscroll-nav-nrml-minheight: 38px !default;
+$vscroll-nav-bgr-minheight: 48px !default;
+$vscroll-nav-nrml-width: 28px !default;
+$vscroll-nav-bgr-width: 48px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $content-bg-color-alt2 !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: $shadow !default;
+$vscroll-device-arrow-rtl-box-shadow: $shadow !default;
+$vscroll-device-arrow-bg: $content-bg-color-alt2 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: $icon-color !default;
+$vscroll-device-arrow-color: $icon-color !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 48px !default;
+
+$vscroll-default-icon-color: $icon-color !default;
+$vscroll-hover-bg: $content-bg-color-alt2 !default;
+$vscroll-press-bg: $content-bg-color-alt3 !default;
+$vscroll-default-border: $icon-color !default;
+$vscroll-focus-border: 0 !default;
+$vscroll-active-border: 0 !default;
+$vscroll-hover-border: 0 !default;
+$vscroll-hover-border-color: transparent !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}

package/styles/v-scroll/_fluent2-definition.scss

@@ -0,0 +1,49 @@
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: $skin-name !default;
+$vscroll-nav-nrml-height: 38px !default;
+$vscroll-hover-font: $content-text-color-alt2 !default;
+$vscroll-active-font-color: $content-text-color-alt2 !default;
+$vscroll-border-size: 1px !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: $content-bg-color-alt2 !default;
+$vscroll-nav-nrml-minheight: 38px !default;
+$vscroll-nav-bgr-minheight: 48px !default;
+$vscroll-nav-nrml-width: 28px !default;
+$vscroll-nav-bgr-width: 48px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $content-bg-color-alt2 !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: $shadow !default;
+$vscroll-device-arrow-rtl-box-shadow: $shadow !default;
+$vscroll-device-arrow-bg: $content-bg-color-alt1 !default;
+$vscroll-device-arrow-border-size: 0 !default;
+$vscroll-device-arrow-border-color: $icon-color !default;
+$vscroll-device-arrow-color: $icon-color !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 48px !default;
+
+$vscroll-default-icon-color: $icon-color !default;
+$vscroll-hover-bg: $content-bg-color-alt3 !default;
+$vscroll-press-bg: $content-bg-color-alt3 !default;
+$vscroll-default-border: $icon-color !default;
+$vscroll-focus-border: 0 !default;
+$vscroll-active-border: 0 !default;
+$vscroll-hover-border: 0 !default;
+$vscroll-hover-border-color: transparent !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}

package/styles/v-scroll/_fusionnew-definition.scss

@@ -0,0 +1,49 @@
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: 'bootstrap5' !default;
+$vscroll-nav-nrml-height: 38px !default;
+$vscroll-hover-font: $content-text-color-alt2 !default;
+$vscroll-active-font-color: $content-text-color-alt2 !default;
+$vscroll-border-size: 1px !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: $content-bg-color-alt2 !default;
+$vscroll-nav-nrml-minheight: 38px !default;
+$vscroll-nav-bgr-minheight: 48px !default;
+$vscroll-nav-nrml-width: 28px !default;
+$vscroll-nav-bgr-width: 48px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $content-bg-color-alt2 !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: $shadow !default;
+$vscroll-device-arrow-rtl-box-shadow: $shadow !default;
+$vscroll-device-arrow-bg: $content-bg-color-alt2 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: $icon-color !default;
+$vscroll-device-arrow-color: $icon-color !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 48px !default;
+
+$vscroll-default-icon-color: $icon-color !default;
+$vscroll-hover-bg: $content-bg-color-alt3 !default;
+$vscroll-press-bg: $content-bg-color-alt3 !default;
+$vscroll-default-border: $icon-color !default;
+$vscroll-focus-border: 0 !default;
+$vscroll-active-border: 0 !default;
+$vscroll-hover-border: 0 !default;
+$vscroll-hover-border-color: transparent !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}

package/styles/v-scroll/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/v-scroll/_material3-definition.scss

@@ -0,0 +1,49 @@
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: 'material3' !default;
+$vscroll-nav-nrml-height: 48px !default;
+$vscroll-hover-font: $content-bg-color-hover !default;
+$vscroll-active-font-color: rgba($content-bg-color-selected) !default;
+$vscroll-border-size: 1px !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: linear-gradient(0deg, rgba(103, 80, 164, .08), rgba(103, 80, 164, .08)), $content-bg-color-alt1 !default;
+$vscroll-nav-nrml-minheight: 48px !default;
+$vscroll-nav-bgr-minheight: 56px !default;
+$vscroll-nav-nrml-width: 40px !default;
+$vscroll-nav-bgr-width: 46px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: rgba($content-bg-color) !default;
+$vscroll-overlay-start: ($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: ($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: rgba($shadow) !default;
+$vscroll-device-arrow-rtl-box-shadow: rgba($shadow) !default;
+$vscroll-device-arrow-bg: linear-gradient(0deg, rgba(103, 80, 164, .08), rgba(103, 80, 164, .08)), $content-bg-color-alt1 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: rgba($icon-color) !default;
+$vscroll-device-arrow-color: rgba($icon-color) !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 48px !default;
+
+$vscroll-default-icon-color: rgba($icon-color) !default;
+$vscroll-hover-bg: $content-bg-color-hover !default;
+$vscroll-press-bg: $content-bg-color-pressed !default;
+$vscroll-default-border: rgba($border-light) !default;
+$vscroll-focus-border: 0 !default;
+$vscroll-active-border: 0 !default;
+$vscroll-hover-border: 0 !default;
+$vscroll-hover-border-color: transparent !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}

package/styles/v-scroll/fluent2.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/definition/fluent2.scss';
+@import 'fluent2-definition.scss';
+@import 'icons/fluent2.scss';
+@import 'all.scss';

package/styles/v-scroll/icons/_bds.scss

@@ -0,0 +1,27 @@
+@include export-module('vscroll-bds-icons') {
+
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e7dd';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e734';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e776';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e729';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_bootstrap5.3.scss

@@ -0,0 +1,27 @@
+@include export-module('vscroll-bootstrap5-icons') {
+
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e7dd';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e734';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e776';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e729';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_fluent2.scss

@@ -0,0 +1,27 @@
+@include export-module('vscroll-fluent2-icons') {
+
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e7dd';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e734';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e776';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e729';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_fusionnew.scss

@@ -0,0 +1,27 @@
+@include export-module('vscroll-fusionnew-icons') {
+
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e7dd';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e734';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e776';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e729';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';

package/styles/v-scroll/icons/_material3.scss

@@ -0,0 +1,27 @@
+@include export-module('vscroll-material3-icons') {
+
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e7dd';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e734';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e776';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e729';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/material3-dark.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'material3-dark-definition.scss';
+@import 'icons/material3-dark.scss';
+@import 'all.scss';

package/styles/v-scroll/material3.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'material3-definition.scss';
+@import 'icons/material3.scss';
+@import 'all.scss';

package/tslint.json

@@ -1,111 +1,111 @@
-{
-  "rules": {
-    "chai-vague-errors": true,
-    "use-isnan": true,
-    "missing-jsdoc": true,
-    "missing-optional-annotation": true,
-    "no-backbone-get-set-outside-model": true,
-    "no-banned-terms": true,
-    "no-constant-condition": true,
-    "no-control-regex": true,
-    "no-cookies": true,
-    "no-delete-expression": true,
-    "no-document-write": true,
-    "no-document-domain": true,
-    "no-disable-auto-sanitization": true,
-    "no-duplicate-case": true,
-    "no-duplicate-parameter-names": true,
-    "no-empty-interfaces": true,
-    "no-exec-script": true,
-    "no-function-constructor-with-string-args": true,
-    "no-function-expression": true,
-    "no-invalid-regexp": true,
-    "no-for-in": true,
-    "member-access": true,
-    "no-multiline-string": true,
-    "no-multiple-var-decl": true,
-    "no-unnecessary-bind": true,
-    "no-unnecessary-semicolons": true,
-    "no-octal-literal": true,
-    "no-regex-spaces": true,
-    "no-sparse-arrays": true,
-    "no-string-based-set-immediate": true,
-    "no-string-based-set-interval": true,
-    "no-unused-imports": true,
-    "no-with-statement": true,
-    "prefer-array-literal": true,
-    "promise-must-complete": false,
-    "react-no-dangerous-html": true,
-    "use-named-parameter": true,
-    "valid-typeof": true,
-    "max-func-body-length": [true, 100, {
-      "ignore-parameters-to-function-regex": "describe"
-    }],
-    "class-name": true,
-    "curly": true,
-    "eofline": false,
-    "forin": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "label-position": true,       
-    "max-line-length": [true, 140],
-    "no-arg": true,
-    "no-console": [true,
-      "debug",
-      "info",
-      "log",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-parameter-properties": true,
-    "no-debugger": true,    
-    "no-duplicate-variable": true,
-    "no-empty": true,
-    "no-eval": true,
-    "no-string-literal": true,
-    "no-switch-case-fall-through": true,
-    "trailing-comma": true,
-    "no-trailing-whitespace": true,
-    "no-unused-expression": true,
-    "no-use-before-declare": false,
-    "no-var-requires": true,
-    "one-line": [true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "no-any": true,
-    "no-conditional-assignment": true,
-    "no-angle-bracket-type-assertion": false,
-    "align": [true, "parameters", "arguments", "statements"],
-    "no-empty-line-after-opening-brace": false,
-    "typedef-whitespace": [false],
-    "ban": true,
-    "quotemark": [true, "single"],
-    "semicolon": true,
-    "triple-equals": [true, "allow-null-check"],
-    "typedef": [true,
-      "call-signature",
-      "parameter",
-      "property-declaration",
-      "variable-declaration",
-      "arrow-parameter",
-      "member-variable-declaration"],    
-    "variable-name": true,
-    "whitespace": [true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ],
-    "jsdoc-format": true,
-    "no-var-keyword": true,
-    "radix": true
-  }
-}
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}

package/.github/PULL_REQUEST_TEMPLATE/Bug.md

@@ -1,63 +0,0 @@
-### Bug description
-
-Clearly and concisely describe the problem or feature (this cannot be empty).
-
-### Root cause
-
-Briefly describe the root cause and analysis of the problem.
-If there is an internal discussion on the forum, provide the link.
-
-### Reason for not identifying earlier
-
-Find how it was missed in our earlier testing and development by analysing the below checklist. This will help prevent similar mistakes in the future. 
-
- - [ ] Guidelines/documents are not followed
-
-    - Common guidelines / Core team guideline
-    - Specification document
-    - Requirement document
-
- - [ ] Guidelines/documents are not given
-
-
-    - Common guidelines / Core team guideline
-    - Specification document
-    - Requirement document
-
-
-### Reason:
-Mention any one or more reasons from the above points.
-
-### Action taken:
-
-What action did you take to avoid this in future?
-
-### Related areas:
-
-Is there any other related areas also to be addressed?
-
-
-### Is it a breaking issue?
-
-If it is a breaking issue, provide the commit detail which caused this break.
-
-### Solution description
-
-Describe your code changes in detail for reviewers.
-
-### Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this bug.
-
-### Areas affected and ensured
-
-List the areas affected by your code changes.
-
-### Additional checklist
-
-  - Did you run the automation against your fix?
-  - Is there any API name change?
-  - Is there any existing behavior change of other features due to this code change?
-  - Does your new code introduce new warnings or binding errors?
-  - Does your code pass all FxCop and StyleCop rules?
-  - Did you record this case in the unit test or UI test?