@syncfusion/ej2-navigations 27.2.5 → 28.1.33-686179

package/styles/v-scroll/tailwind3.css

@@ -0,0 +1,218 @@
+
+
+
+
+/*! component's theme wise override definitions and variables */
+/*! vscroll icons */
+.e-vscroll.e-scroll-device .e-nav-up-arrow::before {
+  content: "\e7dd";
+}
+.e-vscroll.e-scroll-device .e-nav-down-arrow::before {
+  content: "\e734";
+}
+.e-vscroll .e-nav-up-arrow::before {
+  content: "\e776";
+  line-height: normal;
+}
+.e-vscroll .e-nav-down-arrow::before {
+  content: "\e729";
+  line-height: normal;
+}
+
+/*! v-scroll layout */
+.e-vscroll {
+  display: block;
+  position: relative;
+  width: inherit;
+}
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
+}
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
+  left: 48px;
+  right: auto;
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
+}
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
+  left: auto;
+  right: 0;
+}
+.e-vscroll:not(.e-scroll-device) {
+  padding: 0 28px;
+}
+.e-vscroll.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
+  width: 48px;
+  z-index: 1001;
+}
+.e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
+  font-size: 14px;
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
+}
+.e-vscroll.e-scroll-device .e-scroll-overlay {
+  opacity: 0.5;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  z-index: 100;
+}
+.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
+  left: auto;
+  right: 48px;
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
+}
+.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
+  left: 0;
+  right: auto;
+}
+.e-vscroll > * {
+  height: inherit;
+}
+.e-vscroll .e-vscroll-content {
+  display: inline-block;
+  height: auto;
+  position: relative;
+  width: 100%;
+}
+.e-vscroll .e-vscroll-content > * {
+  pointer-events: auto;
+}
+.e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
+  left: auto;
+  right: 0;
+}
+.e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
+  left: 0;
+  right: auto;
+}
+.e-vscroll .e-scroll-nav {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 38px;
+  overflow: hidden;
+  position: absolute;
+  width: 100%;
+}
+.e-vscroll .e-scroll-nav.e-scroll-up-nav {
+  top: 0;
+}
+.e-vscroll .e-scroll-nav.e-scroll-down-nav {
+  bottom: 0;
+}
+.e-vscroll .e-scroll-nav.e-ie-align {
+  display: table;
+}
+.e-vscroll .e-nav-arrow {
+  position: relative;
+}
+.e-vscroll .e-nav-arrow.e-icons {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  width: 100%;
+}
+
+/*! v-scroll theme */
+.e-vscroll .e-icons {
+  color: var(--color-sf-icon-color);
+}
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  border-color: var(--color-sf-icon-color);
+  -webkit-box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
+          box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
+}
+.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  background-color: var(--color-sf-content-bg-color-alt2);
+  border-color: var(--color-sf-icon-color);
+  border-width: 1px;
+  -webkit-box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
+          box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
+}
+.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
+  color: var(--color-sf-icon-color);
+}
+.e-vscroll .e-scroll-overlay {
+  background-color: transparent;
+  background-repeat: repeat-x;
+}
+.e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-secondary-bg-color-disabled), 1)), to(rgba(var(--color-sf-secondary-bg-color-disabled), 0)));
+  background-image: linear-gradient(-270deg, rgba(var(--color-sf-secondary-bg-color-disabled), 1) 0%, rgba(var(--color-sf-secondary-bg-color-disabled), 0) 100%);
+}
+.e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-secondary-bg-color-disabled), 0)), to(rgba(var(--color-sf-secondary-bg-color-disabled), 1)));
+  background-image: linear-gradient(-270deg, rgba(var(--color-sf-secondary-bg-color-disabled), 0) 0%, rgba(var(--color-sf-secondary-bg-color-disabled), 1) 100%);
+}
+.e-vscroll.e-rtl .e-scroll-nav {
+  background: var(--color-sf-secondary-bg-color);
+}
+.e-vscroll.e-rtl .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  border-color: transparent;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  border-color: transparent;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
+  background: var(--color-sf-content-bg-color-alt3);
+  border: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll .e-scroll-nav {
+  background: var(--color-sf-secondary-bg-color);
+}
+.e-vscroll .e-scroll-nav.e-scroll-up-nav {
+  border-bottom: 1px solid var(--color-sf-icon-color);
+}
+.e-vscroll .e-scroll-nav.e-scroll-down-nav {
+  border-top: 1px solid var(--color-sf-icon-color);
+}
+.e-vscroll .e-scroll-nav::after {
+  content: "";
+}
+.e-vscroll .e-scroll-nav:active::after {
+  content: "";
+}
+
+.e-bigger .e-vscroll:not(.e-scroll-device),
+.e-vscroll.e-bigger:not(.e-scroll-device) {
+  padding: 48px 0;
+}
+.e-bigger .e-vscroll .e-icons,
+.e-vscroll.e-bigger .e-icons {
+  font-size: 18px;
+}
+.e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
+.e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
+  left: 48px;
+}
+.e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
+.e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
+  right: 48px;
+}
+.e-bigger .e-vscroll .e-scroll-nav,
+.e-vscroll.e-bigger .e-scroll-nav {
+  height: 48px;
+}

package/styles/v-scroll/tailwind3.scss

@@ -0,0 +1,5 @@
+@import 'ej2-base/styles/definition/tailwind3.scss';
+@import 'tailwind3-definition.scss';
+@import 'icons/tailwind3.scss';
+@import 'all.scss';
+@import 'bigger.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
+  }
+}