@syncfusion/ej2-angular-navigations 21.2.9 → 22.1.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +133 -217
- package/esm2020/src/carousel/carousel.component.mjs +3 -3
- package/esm2020/src/index.mjs +1 -4
- package/esm2020/src/tab/items.directive.mjs +3 -3
- package/esm2020/src/toolbar/items.directive.mjs +3 -3
- package/fesm2015/syncfusion-ej2-angular-navigations.mjs +88 -181
- package/fesm2015/syncfusion-ej2-angular-navigations.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-navigations.mjs +88 -181
- package/fesm2020/syncfusion-ej2-angular-navigations.mjs.map +1 -1
- package/license +10 -0
- package/package.json +110 -11
- package/schematics/utils/lib-details.ts +3 -3
- package/src/carousel/carousel.component.d.ts +1 -1
- package/src/index.d.ts +0 -3
- package/src/tab/items.directive.d.ts +1 -8
- package/src/toolbar/items.directive.d.ts +16 -23
- package/styles/accordion/_bootstrap-dark-definition.scss +3 -1
- package/styles/accordion/_bootstrap-definition.scss +3 -1
- package/styles/accordion/_bootstrap4-definition.scss +2 -0
- package/styles/accordion/_bootstrap5-definition.scss +3 -1
- package/styles/accordion/_fabric-dark-definition.scss +2 -0
- package/styles/accordion/_fabric-definition.scss +2 -0
- package/styles/accordion/_fluent-definition.scss +2 -0
- package/styles/accordion/_fusionnew-definition.scss +2 -0
- package/styles/accordion/_highcontrast-definition.scss +2 -0
- package/styles/accordion/_highcontrast-light-definition.scss +2 -0
- package/styles/accordion/_layout.scss +9 -0
- package/styles/accordion/_material-dark-definition.scss +2 -0
- package/styles/accordion/_material-definition.scss +2 -0
- package/styles/accordion/_material3-dark-definition.scss +1 -0
- package/styles/accordion/_material3-definition.scss +182 -0
- package/styles/accordion/_tailwind-definition.scss +2 -0
- package/styles/accordion/_theme.scss +9 -0
- package/styles/accordion/bootstrap-dark.css +11 -1
- package/styles/accordion/bootstrap.css +11 -1
- package/styles/accordion/bootstrap4.css +10 -0
- package/styles/accordion/bootstrap5-dark.css +11 -1
- package/styles/accordion/bootstrap5.css +11 -1
- package/styles/accordion/fabric-dark.css +10 -0
- package/styles/accordion/fabric.css +10 -0
- package/styles/accordion/fluent-dark.css +10 -0
- package/styles/accordion/fluent.css +10 -0
- package/styles/accordion/highcontrast-light.css +10 -0
- package/styles/accordion/highcontrast.css +10 -0
- package/styles/accordion/icons/_material3-dark.scss +1 -0
- package/styles/accordion/material-dark.css +10 -0
- package/styles/accordion/material.css +10 -0
- package/styles/accordion/material3-dark.css +596 -0
- package/styles/accordion/material3-dark.scss +5 -0
- package/styles/accordion/material3.css +652 -0
- package/styles/accordion/material3.scss +5 -0
- package/styles/accordion/tailwind-dark.css +10 -0
- package/styles/accordion/tailwind.css +10 -0
- package/styles/appbar/_layout.scss +6 -1
- package/styles/appbar/_material3-dark-definition.scss +1 -0
- package/styles/appbar/_material3-definition.scss +8 -0
- package/styles/appbar/_theme.scss +12 -2
- package/styles/appbar/bootstrap-dark.css +7 -3
- package/styles/appbar/bootstrap.css +7 -3
- package/styles/appbar/bootstrap4.css +7 -3
- package/styles/appbar/bootstrap5-dark.css +7 -3
- package/styles/appbar/bootstrap5.css +7 -3
- package/styles/appbar/fabric-dark.css +7 -3
- package/styles/appbar/fabric.css +7 -3
- package/styles/appbar/fluent-dark.css +7 -3
- package/styles/appbar/fluent.css +7 -3
- package/styles/appbar/highcontrast-light.css +7 -3
- package/styles/appbar/highcontrast.css +7 -3
- package/styles/appbar/material-dark.css +7 -3
- package/styles/appbar/material.css +7 -3
- package/styles/appbar/material3-dark.css +307 -0
- package/styles/appbar/material3-dark.scss +4 -0
- package/styles/appbar/material3.css +363 -0
- package/styles/appbar/material3.scss +4 -0
- package/styles/appbar/tailwind-dark.css +7 -3
- package/styles/appbar/tailwind.css +7 -3
- package/styles/bootstrap-dark.css +185 -126
- package/styles/bootstrap.css +185 -126
- package/styles/bootstrap4.css +183 -124
- package/styles/bootstrap5-dark.css +179 -120
- package/styles/bootstrap5.css +179 -120
- package/styles/breadcrumb/_material3-dark-definition.scss +1 -0
- package/styles/breadcrumb/_material3-definition.scss +60 -0
- package/styles/breadcrumb/_theme.scss +13 -11
- package/styles/breadcrumb/bootstrap-dark.css +9 -9
- package/styles/breadcrumb/bootstrap.css +9 -9
- package/styles/breadcrumb/bootstrap4.css +9 -9
- package/styles/breadcrumb/bootstrap5-dark.css +8 -8
- package/styles/breadcrumb/bootstrap5.css +8 -8
- package/styles/breadcrumb/fabric-dark.css +7 -7
- package/styles/breadcrumb/fabric.css +7 -7
- package/styles/breadcrumb/fluent-dark.css +5 -5
- package/styles/breadcrumb/fluent.css +5 -5
- package/styles/breadcrumb/highcontrast-light.css +7 -7
- package/styles/breadcrumb/highcontrast.css +7 -7
- package/styles/breadcrumb/icons/_material3-dark.scss +1 -0
- package/styles/breadcrumb/icons/_material3.scss +0 -11
- package/styles/breadcrumb/material-dark.css +9 -9
- package/styles/breadcrumb/material.css +9 -9
- package/styles/breadcrumb/material3-dark.css +424 -0
- package/styles/breadcrumb/material3-dark.scss +5 -0
- package/styles/breadcrumb/material3.css +480 -0
- package/styles/breadcrumb/material3.scss +5 -0
- package/styles/breadcrumb/tailwind-dark.css +8 -8
- package/styles/breadcrumb/tailwind.css +8 -8
- package/styles/carousel/_bootstrap-dark-definition.scss +5 -0
- package/styles/carousel/_bootstrap-definition.scss +5 -0
- package/styles/carousel/_bootstrap4-definition.scss +5 -0
- package/styles/carousel/_bootstrap5-definition.scss +5 -0
- package/styles/carousel/_fabric-dark-definition.scss +5 -0
- package/styles/carousel/_fabric-definition.scss +5 -0
- package/styles/carousel/_fluent-definition.scss +5 -0
- package/styles/carousel/_fusionnew-definition.scss +5 -0
- package/styles/carousel/_highcontrast-definition.scss +5 -0
- package/styles/carousel/_highcontrast-light-definition.scss +5 -0
- package/styles/carousel/_layout.scss +96 -67
- package/styles/carousel/_material-dark-definition.scss +5 -0
- package/styles/carousel/_material-definition.scss +5 -0
- package/styles/carousel/_material3-dark-definition.scss +1 -0
- package/styles/carousel/_material3-definition.scss +28 -0
- package/styles/carousel/_tailwind-definition.scss +5 -0
- package/styles/carousel/_theme.scss +49 -20
- package/styles/carousel/bootstrap-dark.css +101 -62
- package/styles/carousel/bootstrap.css +101 -62
- package/styles/carousel/bootstrap4.css +101 -62
- package/styles/carousel/bootstrap5-dark.css +101 -62
- package/styles/carousel/bootstrap5.css +101 -62
- package/styles/carousel/fabric-dark.css +101 -62
- package/styles/carousel/fabric.css +101 -62
- package/styles/carousel/fluent-dark.css +101 -62
- package/styles/carousel/fluent.css +101 -62
- package/styles/carousel/highcontrast-light.css +101 -62
- package/styles/carousel/highcontrast.css +101 -62
- package/styles/carousel/icons/_material3-dark.scss +1 -0
- package/styles/carousel/material-dark.css +101 -62
- package/styles/carousel/material.css +101 -62
- package/styles/carousel/material3-dark.css +359 -0
- package/styles/carousel/material3-dark.scss +6 -0
- package/styles/carousel/material3.css +415 -0
- package/styles/carousel/material3.scss +6 -0
- package/styles/carousel/tailwind-dark.css +101 -62
- package/styles/carousel/tailwind.css +101 -62
- package/styles/context-menu/_layout.scss +2 -2
- package/styles/context-menu/_material3-dark-definition.scss +1 -0
- package/styles/context-menu/_material3-definition.scss +52 -0
- package/styles/context-menu/_theme.scss +6 -1
- package/styles/context-menu/icons/_material3-dark.scss +1 -0
- package/styles/context-menu/material3-dark.css +435 -0
- package/styles/context-menu/material3-dark.scss +8 -0
- package/styles/context-menu/material3.css +491 -0
- package/styles/context-menu/material3.scss +8 -0
- package/styles/fabric-dark.css +186 -127
- package/styles/fabric.css +185 -126
- package/styles/fluent-dark.css +179 -120
- package/styles/fluent.css +179 -120
- package/styles/h-scroll/_material3-dark-definition.scss +1 -0
- package/styles/h-scroll/_material3-definition.scss +83 -0
- package/styles/h-scroll/icons/_material3-dark.scss +1 -0
- package/styles/h-scroll/material3-dark.css +336 -0
- package/styles/h-scroll/material3-dark.scss +5 -0
- package/styles/h-scroll/material3.css +392 -0
- package/styles/h-scroll/material3.scss +5 -0
- package/styles/highcontrast-light.css +178 -119
- package/styles/highcontrast.css +182 -123
- package/styles/material-dark.css +189 -130
- package/styles/material.css +188 -129
- package/styles/material3-dark.css +10343 -0
- package/styles/material3-dark.scss +15 -0
- package/styles/material3.css +10399 -0
- package/styles/material3.scss +15 -0
- package/styles/menu/_layout.scss +7 -0
- package/styles/menu/_material3-dark-definition.scss +1 -0
- package/styles/menu/_material3-definition.scss +67 -0
- package/styles/menu/_theme.scss +5 -2
- package/styles/menu/bootstrap-dark.css +4 -0
- package/styles/menu/bootstrap.css +4 -0
- package/styles/menu/bootstrap4.css +4 -0
- package/styles/menu/bootstrap5-dark.css +4 -0
- package/styles/menu/bootstrap5.css +4 -0
- package/styles/menu/fabric-dark.css +4 -0
- package/styles/menu/fabric.css +4 -0
- package/styles/menu/fluent-dark.css +4 -0
- package/styles/menu/fluent.css +4 -0
- package/styles/menu/highcontrast-light.css +4 -0
- package/styles/menu/highcontrast.css +4 -0
- package/styles/menu/icons/_material3-dark.scss +1 -0
- package/styles/menu/material-dark.css +4 -0
- package/styles/menu/material.css +4 -0
- package/styles/menu/material3-dark.css +1162 -0
- package/styles/menu/material3-dark.scss +9 -0
- package/styles/menu/material3.css +1218 -0
- package/styles/menu/material3.scss +9 -0
- package/styles/menu/tailwind-dark.css +4 -0
- package/styles/menu/tailwind.css +4 -0
- package/styles/pager/_bootstrap-dark-definition.scss +9 -5
- package/styles/pager/_bootstrap-definition.scss +9 -5
- package/styles/pager/_bootstrap4-definition.scss +8 -4
- package/styles/pager/_bootstrap5-definition.scss +4 -0
- package/styles/pager/_fabric-dark-definition.scss +10 -6
- package/styles/pager/_fabric-definition.scss +10 -6
- package/styles/pager/_fluent-definition.scss +8 -4
- package/styles/pager/_fusionnew-definition.scss +4 -0
- package/styles/pager/_highcontrast-definition.scss +8 -4
- package/styles/pager/_highcontrast-light-definition.scss +4 -0
- package/styles/pager/_layout.scss +63 -48
- package/styles/pager/_material-dark-definition.scss +12 -8
- package/styles/pager/_material-definition.scss +11 -7
- package/styles/pager/_material3-dark-definition.scss +1 -0
- package/styles/pager/_material3-definition.scss +150 -0
- package/styles/pager/_tailwind-definition.scss +9 -5
- package/styles/pager/_theme.scss +12 -5
- package/styles/pager/bootstrap-dark.css +15 -43
- package/styles/pager/bootstrap.css +15 -43
- package/styles/pager/bootstrap4.css +14 -42
- package/styles/pager/bootstrap5-dark.css +10 -38
- package/styles/pager/bootstrap5.css +10 -38
- package/styles/pager/fabric-dark.css +17 -45
- package/styles/pager/fabric.css +16 -44
- package/styles/pager/fluent-dark.css +14 -42
- package/styles/pager/fluent.css +14 -42
- package/styles/pager/highcontrast-light.css +10 -38
- package/styles/pager/highcontrast.css +14 -42
- package/styles/pager/icons/_material3-dark.scss +1 -0
- package/styles/pager/icons/_material3.scss +4 -4
- package/styles/pager/material-dark.css +18 -46
- package/styles/pager/material.css +17 -45
- package/styles/pager/material3-dark.css +765 -0
- package/styles/pager/material3-dark.scss +5 -0
- package/styles/pager/material3.css +821 -0
- package/styles/pager/material3.scss +5 -0
- package/styles/pager/tailwind-dark.css +15 -43
- package/styles/pager/tailwind.css +15 -43
- package/styles/sidebar/_material3-dark-definition.scss +1 -0
- package/styles/sidebar/_material3-definition.scss +7 -0
- package/styles/sidebar/material3-dark.css +204 -0
- package/styles/sidebar/material3-dark.scss +4 -0
- package/styles/sidebar/material3.css +260 -0
- package/styles/sidebar/material3.scss +4 -0
- package/styles/tab/_bootstrap-dark-definition.scss +4 -0
- package/styles/tab/_bootstrap-definition.scss +4 -0
- package/styles/tab/_bootstrap4-definition.scss +4 -0
- package/styles/tab/_bootstrap5-definition.scss +4 -0
- package/styles/tab/_fabric-dark-definition.scss +4 -0
- package/styles/tab/_fabric-definition.scss +4 -0
- package/styles/tab/_fluent-definition.scss +4 -0
- package/styles/tab/_fusionnew-definition.scss +4 -0
- package/styles/tab/_highcontrast-definition.scss +4 -0
- package/styles/tab/_highcontrast-light-definition.scss +4 -0
- package/styles/tab/_layout.scss +37 -13
- package/styles/tab/_material-dark-definition.scss +4 -0
- package/styles/tab/_material-definition.scss +4 -0
- package/styles/tab/_material3-dark-definition.scss +1 -0
- package/styles/tab/_material3-definition.scss +661 -0
- package/styles/tab/_tailwind-definition.scss +4 -0
- package/styles/tab/_theme.scss +44 -1
- package/styles/tab/bootstrap-dark.css +30 -7
- package/styles/tab/bootstrap.css +30 -7
- package/styles/tab/bootstrap4.css +30 -7
- package/styles/tab/bootstrap5-dark.css +30 -7
- package/styles/tab/bootstrap5.css +30 -7
- package/styles/tab/fabric-dark.css +30 -7
- package/styles/tab/fabric.css +30 -7
- package/styles/tab/fluent-dark.css +30 -7
- package/styles/tab/fluent.css +30 -7
- package/styles/tab/highcontrast-light.css +30 -7
- package/styles/tab/highcontrast.css +30 -7
- package/styles/tab/icons/_material3-dark.scss +1 -0
- package/styles/tab/material-dark.css +30 -7
- package/styles/tab/material.css +30 -7
- package/styles/tab/material3-dark.css +4109 -0
- package/styles/tab/material3-dark.scss +6 -0
- package/styles/tab/material3.css +4165 -0
- package/styles/tab/material3.scss +6 -0
- package/styles/tab/tailwind-dark.css +29 -6
- package/styles/tab/tailwind.css +29 -6
- package/styles/tailwind-dark.css +185 -126
- package/styles/tailwind.css +185 -126
- package/styles/toolbar/_fabric-dark-definition.scss +3 -3
- package/styles/toolbar/_fabric-definition.scss +3 -3
- package/styles/toolbar/_highcontrast-definition.scss +1 -1
- package/styles/toolbar/_highcontrast-light-definition.scss +1 -1
- package/styles/toolbar/_layout.scss +8 -0
- package/styles/toolbar/_material-dark-definition.scss +3 -3
- package/styles/toolbar/_material-definition.scss +3 -3
- package/styles/toolbar/_material3-dark-definition.scss +1 -0
- package/styles/toolbar/_material3-definition.scss +220 -0
- package/styles/toolbar/_tailwind-definition.scss +3 -3
- package/styles/toolbar/_theme.scss +2 -1
- package/styles/toolbar/bootstrap-dark.css +8 -1
- package/styles/toolbar/bootstrap.css +8 -1
- package/styles/toolbar/bootstrap4.css +8 -1
- package/styles/toolbar/bootstrap5-dark.css +8 -1
- package/styles/toolbar/bootstrap5.css +8 -1
- package/styles/toolbar/fabric-dark.css +10 -3
- package/styles/toolbar/fabric.css +10 -3
- package/styles/toolbar/fluent-dark.css +8 -1
- package/styles/toolbar/fluent.css +8 -1
- package/styles/toolbar/highcontrast-light.css +9 -2
- package/styles/toolbar/highcontrast.css +9 -2
- package/styles/toolbar/icons/_material3-dark.scss +1 -0
- package/styles/toolbar/material-dark.css +10 -3
- package/styles/toolbar/material.css +10 -3
- package/styles/toolbar/material3-dark.css +1145 -0
- package/styles/toolbar/material3-dark.scss +9 -0
- package/styles/toolbar/material3.css +1201 -0
- package/styles/toolbar/material3.scss +9 -0
- package/styles/toolbar/tailwind-dark.css +11 -4
- package/styles/toolbar/tailwind.css +11 -4
- package/styles/treeview/_layout.scss +15 -2
- package/styles/treeview/_material3-dark-definition.scss +1 -0
- package/styles/treeview/_material3-definition.scss +121 -0
- package/styles/treeview/icons/_material3-dark.scss +1 -0
- package/styles/treeview/icons/_material3.scss +1 -1
- package/styles/treeview/material3-dark.css +903 -0
- package/styles/treeview/material3-dark.scss +7 -0
- package/styles/treeview/material3.css +959 -0
- package/styles/treeview/material3.scss +7 -0
- package/styles/v-scroll/_material3-dark-definition.scss +1 -0
- package/styles/v-scroll/_material3-definition.scss +49 -0
- package/styles/v-scroll/icons/_material3-dark.scss +1 -0
- package/styles/v-scroll/material3-dark.css +258 -0
- package/styles/v-scroll/material3-dark.scss +5 -0
- package/styles/v-scroll/material3.css +314 -0
- package/styles/v-scroll/material3.scss +5 -0
- package/esm2020/src/appbar/appbar-all.module.mjs +0 -23
- package/esm2020/src/appbar/appbar.component.mjs +0 -59
- package/esm2020/src/appbar/appbar.module.mjs +0 -25
- package/schematics/collection.json +0 -155
- package/schematics/generators/accordion-default/index.d.ts +0 -3
- package/schematics/generators/accordion-default/index.js +0 -8
- package/schematics/generators/accordion-default/sample-details.d.ts +0 -5
- package/schematics/generators/accordion-default/sample-details.js +0 -7
- package/schematics/generators/accordion-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/accordion-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -49
- package/schematics/generators/accordion-default/schema.d.ts +0 -3
- package/schematics/generators/accordion-default/schema.js +0 -2
- package/schematics/generators/accordion-default/schema.json +0 -125
- package/schematics/generators/accordion-html-template/index.d.ts +0 -3
- package/schematics/generators/accordion-html-template/index.js +0 -8
- package/schematics/generators/accordion-html-template/sample-details.d.ts +0 -5
- package/schematics/generators/accordion-html-template/sample-details.js +0 -7
- package/schematics/generators/accordion-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -57
- package/schematics/generators/accordion-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -50
- package/schematics/generators/accordion-html-template/schema.d.ts +0 -3
- package/schematics/generators/accordion-html-template/schema.js +0 -2
- package/schematics/generators/accordion-html-template/schema.json +0 -125
- package/schematics/generators/accordion-multiple-expand/index.d.ts +0 -3
- package/schematics/generators/accordion-multiple-expand/index.js +0 -8
- package/schematics/generators/accordion-multiple-expand/sample-details.d.ts +0 -5
- package/schematics/generators/accordion-multiple-expand/sample-details.js +0 -7
- package/schematics/generators/accordion-multiple-expand/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/accordion-multiple-expand/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -49
- package/schematics/generators/accordion-multiple-expand/schema.d.ts +0 -3
- package/schematics/generators/accordion-multiple-expand/schema.js +0 -2
- package/schematics/generators/accordion-multiple-expand/schema.json +0 -125
- package/schematics/generators/accordion-nested/index.d.ts +0 -3
- package/schematics/generators/accordion-nested/index.js +0 -8
- package/schematics/generators/accordion-nested/sample-details.d.ts +0 -5
- package/schematics/generators/accordion-nested/sample-details.js +0 -7
- package/schematics/generators/accordion-nested/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/accordion-nested/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -104
- package/schematics/generators/accordion-nested/schema.d.ts +0 -3
- package/schematics/generators/accordion-nested/schema.js +0 -2
- package/schematics/generators/accordion-nested/schema.json +0 -125
- package/schematics/generators/contextmenu-default/index.d.ts +0 -3
- package/schematics/generators/contextmenu-default/index.js +0 -8
- package/schematics/generators/contextmenu-default/sample-details.d.ts +0 -5
- package/schematics/generators/contextmenu-default/sample-details.js +0 -7
- package/schematics/generators/contextmenu-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -65
- package/schematics/generators/contextmenu-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -6
- package/schematics/generators/contextmenu-default/schema.d.ts +0 -3
- package/schematics/generators/contextmenu-default/schema.js +0 -2
- package/schematics/generators/contextmenu-default/schema.json +0 -125
- package/schematics/generators/menu-default/index.d.ts +0 -3
- package/schematics/generators/menu-default/index.js +0 -8
- package/schematics/generators/menu-default/sample-details.d.ts +0 -5
- package/schematics/generators/menu-default/sample-details.js +0 -7
- package/schematics/generators/menu-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -52
- package/schematics/generators/menu-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/menu-default/schema.d.ts +0 -3
- package/schematics/generators/menu-default/schema.js +0 -2
- package/schematics/generators/menu-default/schema.json +0 -125
- package/schematics/generators/sidebar-backdrop/index.d.ts +0 -3
- package/schematics/generators/sidebar-backdrop/index.js +0 -8
- package/schematics/generators/sidebar-backdrop/sample-details.d.ts +0 -5
- package/schematics/generators/sidebar-backdrop/sample-details.js +0 -7
- package/schematics/generators/sidebar-backdrop/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -74
- package/schematics/generators/sidebar-backdrop/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -17
- package/schematics/generators/sidebar-backdrop/schema.d.ts +0 -3
- package/schematics/generators/sidebar-backdrop/schema.js +0 -2
- package/schematics/generators/sidebar-backdrop/schema.json +0 -125
- package/schematics/generators/sidebar-dock/index.d.ts +0 -3
- package/schematics/generators/sidebar-dock/index.js +0 -8
- package/schematics/generators/sidebar-dock/sample-details.d.ts +0 -5
- package/schematics/generators/sidebar-dock/sample-details.js +0 -7
- package/schematics/generators/sidebar-dock/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -170
- package/schematics/generators/sidebar-dock/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -41
- package/schematics/generators/sidebar-dock/schema.d.ts +0 -3
- package/schematics/generators/sidebar-dock/schema.js +0 -2
- package/schematics/generators/sidebar-dock/schema.json +0 -125
- package/schematics/generators/sidebar-target/index.d.ts +0 -3
- package/schematics/generators/sidebar-target/index.js +0 -8
- package/schematics/generators/sidebar-target/sample-details.d.ts +0 -5
- package/schematics/generators/sidebar-target/sample-details.js +0 -7
- package/schematics/generators/sidebar-target/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -91
- package/schematics/generators/sidebar-target/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -20
- package/schematics/generators/sidebar-target/schema.d.ts +0 -3
- package/schematics/generators/sidebar-target/schema.js +0 -2
- package/schematics/generators/sidebar-target/schema.json +0 -125
- package/schematics/generators/sidebar-types/index.d.ts +0 -3
- package/schematics/generators/sidebar-types/index.js +0 -8
- package/schematics/generators/sidebar-types/sample-details.d.ts +0 -5
- package/schematics/generators/sidebar-types/sample-details.js +0 -7
- package/schematics/generators/sidebar-types/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -134
- package/schematics/generators/sidebar-types/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -37
- package/schematics/generators/sidebar-types/schema.d.ts +0 -3
- package/schematics/generators/sidebar-types/schema.js +0 -2
- package/schematics/generators/sidebar-types/schema.json +0 -125
- package/schematics/generators/tab-html-template/index.d.ts +0 -3
- package/schematics/generators/tab-html-template/index.js +0 -8
- package/schematics/generators/tab-html-template/sample-details.d.ts +0 -5
- package/schematics/generators/tab-html-template/sample-details.js +0 -7
- package/schematics/generators/tab-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
- package/schematics/generators/tab-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -42
- package/schematics/generators/tab-html-template/schema.d.ts +0 -3
- package/schematics/generators/tab-html-template/schema.js +0 -2
- package/schematics/generators/tab-html-template/schema.json +0 -125
- package/schematics/generators/tab-icon/index.d.ts +0 -3
- package/schematics/generators/tab-icon/index.js +0 -8
- package/schematics/generators/tab-icon/sample-details.d.ts +0 -5
- package/schematics/generators/tab-icon/sample-details.js +0 -7
- package/schematics/generators/tab-icon/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -37
- package/schematics/generators/tab-icon/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -45
- package/schematics/generators/tab-icon/schema.d.ts +0 -3
- package/schematics/generators/tab-icon/schema.js +0 -2
- package/schematics/generators/tab-icon/schema.json +0 -125
- package/schematics/generators/tab-nested/index.d.ts +0 -3
- package/schematics/generators/tab-nested/index.js +0 -8
- package/schematics/generators/tab-nested/sample-details.d.ts +0 -5
- package/schematics/generators/tab-nested/sample-details.js +0 -7
- package/schematics/generators/tab-nested/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
- package/schematics/generators/tab-nested/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -71
- package/schematics/generators/tab-nested/schema.d.ts +0 -3
- package/schematics/generators/tab-nested/schema.js +0 -2
- package/schematics/generators/tab-nested/schema.json +0 -125
- package/schematics/generators/tab-popup/index.d.ts +0 -3
- package/schematics/generators/tab-popup/index.js +0 -8
- package/schematics/generators/tab-popup/sample-details.d.ts +0 -5
- package/schematics/generators/tab-popup/sample-details.js +0 -7
- package/schematics/generators/tab-popup/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
- package/schematics/generators/tab-popup/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -118
- package/schematics/generators/tab-popup/schema.d.ts +0 -3
- package/schematics/generators/tab-popup/schema.js +0 -2
- package/schematics/generators/tab-popup/schema.json +0 -125
- package/schematics/generators/tab-scrollable/index.d.ts +0 -3
- package/schematics/generators/tab-scrollable/index.js +0 -8
- package/schematics/generators/tab-scrollable/sample-details.d.ts +0 -5
- package/schematics/generators/tab-scrollable/sample-details.js +0 -7
- package/schematics/generators/tab-scrollable/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
- package/schematics/generators/tab-scrollable/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -118
- package/schematics/generators/tab-scrollable/schema.d.ts +0 -3
- package/schematics/generators/tab-scrollable/schema.js +0 -2
- package/schematics/generators/tab-scrollable/schema.json +0 -125
- package/schematics/generators/tab-vertical/index.d.ts +0 -3
- package/schematics/generators/tab-vertical/index.js +0 -8
- package/schematics/generators/tab-vertical/sample-details.d.ts +0 -5
- package/schematics/generators/tab-vertical/sample-details.js +0 -7
- package/schematics/generators/tab-vertical/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -9
- package/schematics/generators/tab-vertical/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -118
- package/schematics/generators/tab-vertical/schema.d.ts +0 -3
- package/schematics/generators/tab-vertical/schema.js +0 -2
- package/schematics/generators/tab-vertical/schema.json +0 -125
- package/schematics/generators/toolbar-alignment/index.d.ts +0 -3
- package/schematics/generators/toolbar-alignment/index.js +0 -8
- package/schematics/generators/toolbar-alignment/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-alignment/sample-details.js +0 -7
- package/schematics/generators/toolbar-alignment/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -97
- package/schematics/generators/toolbar-alignment/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -48
- package/schematics/generators/toolbar-alignment/schema.d.ts +0 -3
- package/schematics/generators/toolbar-alignment/schema.js +0 -2
- package/schematics/generators/toolbar-alignment/schema.json +0 -125
- package/schematics/generators/toolbar-extended/index.d.ts +0 -3
- package/schematics/generators/toolbar-extended/index.js +0 -8
- package/schematics/generators/toolbar-extended/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-extended/sample-details.js +0 -7
- package/schematics/generators/toolbar-extended/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -125
- package/schematics/generators/toolbar-extended/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -33
- package/schematics/generators/toolbar-extended/schema.d.ts +0 -3
- package/schematics/generators/toolbar-extended/schema.js +0 -2
- package/schematics/generators/toolbar-extended/schema.json +0 -125
- package/schematics/generators/toolbar-html-template/index.d.ts +0 -3
- package/schematics/generators/toolbar-html-template/index.js +0 -8
- package/schematics/generators/toolbar-html-template/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-html-template/sample-details.js +0 -7
- package/schematics/generators/toolbar-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/toolbar-html-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -16
- package/schematics/generators/toolbar-html-template/schema.d.ts +0 -3
- package/schematics/generators/toolbar-html-template/schema.js +0 -2
- package/schematics/generators/toolbar-html-template/schema.json +0 -125
- package/schematics/generators/toolbar-multi-row/index.d.ts +0 -3
- package/schematics/generators/toolbar-multi-row/index.js +0 -8
- package/schematics/generators/toolbar-multi-row/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-multi-row/sample-details.js +0 -7
- package/schematics/generators/toolbar-multi-row/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -125
- package/schematics/generators/toolbar-multi-row/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -33
- package/schematics/generators/toolbar-multi-row/schema.d.ts +0 -3
- package/schematics/generators/toolbar-multi-row/schema.js +0 -2
- package/schematics/generators/toolbar-multi-row/schema.json +0 -125
- package/schematics/generators/toolbar-popup/index.d.ts +0 -3
- package/schematics/generators/toolbar-popup/index.js +0 -8
- package/schematics/generators/toolbar-popup/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-popup/sample-details.js +0 -7
- package/schematics/generators/toolbar-popup/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -125
- package/schematics/generators/toolbar-popup/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -33
- package/schematics/generators/toolbar-popup/schema.d.ts +0 -3
- package/schematics/generators/toolbar-popup/schema.js +0 -2
- package/schematics/generators/toolbar-popup/schema.json +0 -125
- package/schematics/generators/toolbar-scrollable/index.d.ts +0 -3
- package/schematics/generators/toolbar-scrollable/index.js +0 -8
- package/schematics/generators/toolbar-scrollable/sample-details.d.ts +0 -5
- package/schematics/generators/toolbar-scrollable/sample-details.js +0 -7
- package/schematics/generators/toolbar-scrollable/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -125
- package/schematics/generators/toolbar-scrollable/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -33
- package/schematics/generators/toolbar-scrollable/schema.d.ts +0 -3
- package/schematics/generators/toolbar-scrollable/schema.js +0 -2
- package/schematics/generators/toolbar-scrollable/schema.json +0 -125
- package/schematics/generators/treeview-checkbox/index.d.ts +0 -3
- package/schematics/generators/treeview-checkbox/index.js +0 -8
- package/schematics/generators/treeview-checkbox/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-checkbox/sample-details.js +0 -7
- package/schematics/generators/treeview-checkbox/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
- package/schematics/generators/treeview-checkbox/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/treeview-checkbox/schema.d.ts +0 -3
- package/schematics/generators/treeview-checkbox/schema.js +0 -2
- package/schematics/generators/treeview-checkbox/schema.json +0 -125
- package/schematics/generators/treeview-default/index.d.ts +0 -3
- package/schematics/generators/treeview-default/index.js +0 -8
- package/schematics/generators/treeview-default/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-default/sample-details.js +0 -7
- package/schematics/generators/treeview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
- package/schematics/generators/treeview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/treeview-default/schema.d.ts +0 -3
- package/schematics/generators/treeview-default/schema.js +0 -2
- package/schematics/generators/treeview-default/schema.json +0 -125
- package/schematics/generators/treeview-draganddrop/index.d.ts +0 -3
- package/schematics/generators/treeview-draganddrop/index.js +0 -8
- package/schematics/generators/treeview-draganddrop/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-draganddrop/sample-details.js +0 -7
- package/schematics/generators/treeview-draganddrop/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
- package/schematics/generators/treeview-draganddrop/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/treeview-draganddrop/schema.d.ts +0 -3
- package/schematics/generators/treeview-draganddrop/schema.js +0 -2
- package/schematics/generators/treeview-draganddrop/schema.json +0 -125
- package/schematics/generators/treeview-multiselection/index.d.ts +0 -3
- package/schematics/generators/treeview-multiselection/index.js +0 -8
- package/schematics/generators/treeview-multiselection/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-multiselection/sample-details.js +0 -7
- package/schematics/generators/treeview-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
- package/schematics/generators/treeview-multiselection/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/treeview-multiselection/schema.d.ts +0 -3
- package/schematics/generators/treeview-multiselection/schema.js +0 -2
- package/schematics/generators/treeview-multiselection/schema.json +0 -125
- package/schematics/generators/treeview-nodeediting/index.d.ts +0 -3
- package/schematics/generators/treeview-nodeediting/index.js +0 -8
- package/schematics/generators/treeview-nodeediting/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-nodeediting/sample-details.js +0 -7
- package/schematics/generators/treeview-nodeediting/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -6
- package/schematics/generators/treeview-nodeediting/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/treeview-nodeediting/schema.d.ts +0 -3
- package/schematics/generators/treeview-nodeediting/schema.js +0 -2
- package/schematics/generators/treeview-nodeediting/schema.json +0 -125
- package/schematics/generators/treeview-remotedata/index.d.ts +0 -3
- package/schematics/generators/treeview-remotedata/index.js +0 -8
- package/schematics/generators/treeview-remotedata/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-remotedata/sample-details.js +0 -7
- package/schematics/generators/treeview-remotedata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -12
- package/schematics/generators/treeview-remotedata/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/treeview-remotedata/schema.d.ts +0 -3
- package/schematics/generators/treeview-remotedata/schema.js +0 -2
- package/schematics/generators/treeview-remotedata/schema.json +0 -125
- package/schematics/generators/treeview-treetemplate/index.d.ts +0 -3
- package/schematics/generators/treeview-treetemplate/index.js +0 -8
- package/schematics/generators/treeview-treetemplate/sample-details.d.ts +0 -5
- package/schematics/generators/treeview-treetemplate/sample-details.js +0 -7
- package/schematics/generators/treeview-treetemplate/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -16
- package/schematics/generators/treeview-treetemplate/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -21
- package/schematics/generators/treeview-treetemplate/schema.d.ts +0 -3
- package/schematics/generators/treeview-treetemplate/schema.js +0 -2
- package/schematics/generators/treeview-treetemplate/schema.json +0 -125
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/ng-add/schema.json +0 -34
- package/schematics/tsconfig.json +0 -25
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
- package/src/appbar/appbar-all.module.d.ts +0 -11
- package/src/appbar/appbar.component.d.ts +0 -32
- package/src/appbar/appbar.module.d.ts +0 -11
package/README.md
CHANGED
|
@@ -1,278 +1,194 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ej2-angular-navigations
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+

|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
> A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<p align="center">
|
|
12
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/accordion/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
13
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default">Online demos</a> .
|
|
14
|
-
<a href="https://www.syncfusion.com/angular-components/angular-accordion?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
15
|
-
</p>
|
|
16
|
-
|
|
17
|
-
<p align="center">
|
|
18
|
-
<img alt="Angular Accordion Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-accordion.png">
|
|
19
|
-
</p>
|
|
20
|
-
|
|
21
|
-
#### Key features
|
|
22
|
-
|
|
23
|
-
* [Rendering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default) - Can be rendered based on the items collection and HTML elements.
|
|
24
|
-
* [Expand mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default) - Supports to define single or multiple expand mode for Accordion panels.
|
|
25
|
-
* RTL Support - Supports right-to-left alignment.
|
|
26
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/accordion/accessibility) - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
|
|
27
|
-
|
|
28
|
-
### Angular AppBar
|
|
29
|
-
|
|
30
|
-
The [Angular AppBar](https://www.syncfusion.com/angular-components/angular-appbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
|
|
31
|
-
|
|
32
|
-
<p align="center">
|
|
33
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/appbar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
34
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/appbar/default">Online demos</a> .
|
|
35
|
-
<a href="https://www.syncfusion.com/angular-components/angular-appbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
36
|
-
</p>
|
|
37
|
-
|
|
38
|
-
<p align="center">
|
|
39
|
-
<img alt="Angular AppBar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-appbar.PNG">
|
|
40
|
-
</p>
|
|
41
|
-
|
|
42
|
-
#### Key features
|
|
43
|
-
|
|
44
|
-
* [Modes](https://ej2.syncfusion.com/angular/documentation/appbar/size-and-color) - Regular, Prominent, and Dense modes that define the AppBar height.
|
|
45
|
-
* [Content arrangement](https://ej2.syncfusion.com/angular/documentation/appbar/design) - Spacer and separator options can be used to align the content based on the UI requirement with minimal effort.
|
|
46
|
-
* [Color](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/appbar/color) - Primary, Light, Dark, and Inherit options to customize the AppBar color.
|
|
47
|
-
* [Position](https://ej2.syncfusion.com/angular/documentation/appbar/position) - AppBars can be placed at the top or bottom of the screen. It can also be sticky.
|
|
48
|
-
|
|
49
|
-
### Angular Breadcrumb
|
|
50
|
-
|
|
51
|
-
The [Angular Breadcrumb](https://www.syncfusion.com/angular-components/angular-breadcrumb?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a graphical user interface that serves as a navigation header for your web application or site. It helps to identify or highlight the current location within the hierarchical structure of a website. It has several built-in features such as templates, icons, binding to location, overflow mode, and UI customizations.
|
|
52
|
-
|
|
53
|
-
<p align="center">
|
|
54
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
55
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/breadcrumb/default">Online demos</a> .
|
|
56
|
-
<a href="https://www.syncfusion.com/angular-components/angular-breadcrumb?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
57
|
-
</p>
|
|
58
|
-
|
|
59
|
-
<p align="center">
|
|
60
|
-
<img alt="Angular Breadcrumb Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-breadcrumb.png">
|
|
61
|
-
</p>
|
|
62
|
-
|
|
63
|
-
#### Key features
|
|
64
|
-
|
|
65
|
-
* [Icons](https://ej2.syncfusion.com/angular/documentation/breadcrumb/icons) - Icons can be specified in Breadcrumb items.
|
|
66
|
-
* [Template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/template-and-customization) - Supports template for item and separator.
|
|
67
|
-
* [Bind to location](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/bind-to-location) - Supports items to be rendered based on the URL or current location.
|
|
68
|
-
* [Overflow mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/overflow-modes) - Used to limit the number of breadcrumb items to be displayed.
|
|
69
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/breadcrumb/accessibility) - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
|
|
70
|
-
|
|
71
|
-
### Angular Carousel
|
|
72
|
-
|
|
73
|
-
The [Angular Carousel](https://www.syncfusion.com/angular-components/angular-carousel?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
|
|
74
|
-
|
|
75
|
-
<p align="center">
|
|
76
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/carousel/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
77
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/carousel/default">Online demos</a> .
|
|
78
|
-
<a href="https://www.syncfusion.com/angular-components/angular-carousel?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
79
|
-
</p>
|
|
80
|
-
|
|
81
|
-
<p align="center">
|
|
82
|
-
<img alt="Angular Carousel Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-carousel.PNG">
|
|
83
|
-
</p>
|
|
9
|
+
## Setup
|
|
84
10
|
|
|
85
|
-
|
|
11
|
+
To install `Navigations` and its dependent packages, use the following command.
|
|
86
12
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
* [Keyboard support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/carousel/keyboard-navigation) - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
|
|
91
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/carousel/accessibility) - The Carousel provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
|
|
13
|
+
```sh
|
|
14
|
+
npm install @syncfusion/ej2-angular-navigations
|
|
15
|
+
```
|
|
92
16
|
|
|
93
|
-
|
|
17
|
+
## Components included
|
|
94
18
|
|
|
95
|
-
|
|
19
|
+
Following list of components are available in the package
|
|
96
20
|
|
|
97
|
-
|
|
98
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/context-menu/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
99
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/context-menu/default">Online demos</a> .
|
|
100
|
-
<a href="https://www.syncfusion.com/angular-components/angular-context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
101
|
-
</p>
|
|
21
|
+
* Accordion - Vertically collapsible content panel that displays one or more panels at a time within the available space.
|
|
102
22
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
23
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/accordion/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=accordion)
|
|
24
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/accordion/api-accordion.html?utm_source=npm&utm_campaign=accordion)
|
|
25
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html)
|
|
26
|
+
* [Product Page](https://www.syncfusion.com/products/angular/accordion)
|
|
106
27
|
|
|
107
|
-
|
|
28
|
+
* Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
|
|
108
29
|
|
|
109
|
-
* [
|
|
110
|
-
* [
|
|
111
|
-
* [
|
|
112
|
-
* [
|
|
30
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
|
|
31
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/api/breadcrumb?utm_source=npm&utm_campaign=breadcrumb)
|
|
32
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default)
|
|
33
|
+
* [Product Page](https://www.syncfusion.com/angular-ui-components/angular-breadcrumb)
|
|
113
34
|
|
|
114
|
-
|
|
35
|
+
* Carousel - The Carousel component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
|
|
115
36
|
|
|
116
|
-
|
|
37
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/carousel/getting-started?lang=typescript&utm_source=npm&utm_campaign=carousel)
|
|
38
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/api/carousel?utm_source=npm&utm_campaign=carousel)
|
|
39
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=carousel#/material/carousel/default)
|
|
40
|
+
* [Product Page](https://www.syncfusion.com/angular-ui-components/angular-carousel)
|
|
117
41
|
|
|
118
|
-
|
|
119
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/sidebar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
120
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/sidebar/default">Online demos</a> .
|
|
121
|
-
<a href="https://www.syncfusion.com/angular-components/angular-sidebar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
122
|
-
</p>
|
|
42
|
+
* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
|
|
123
43
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
44
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu)
|
|
45
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/api/context-menu?utm_source=npm&utm_campaign=context-menu)
|
|
46
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=contextmenu#/material/context-menu/default)
|
|
47
|
+
* [Product Page](https://www.syncfusion.com/angular-ui-components/context-menu)
|
|
127
48
|
|
|
128
|
-
|
|
49
|
+
* Sidebar - Expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.
|
|
129
50
|
|
|
130
|
-
* [
|
|
131
|
-
* [
|
|
132
|
-
* [
|
|
133
|
-
* [
|
|
134
|
-
* [Auto close](https://ej2.syncfusion.com/angular/documentation/sidebar/auto-close) - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution.
|
|
51
|
+
* [Getting started](https://ej2.syncfusion.com/angular/documentation/sidebar/getting-started?lang=typescript&utm_source=npm&utm_campaign=sidebar#getting-started)
|
|
52
|
+
* [API references](https://ej2.syncfusion.com/angular/documentation/api/sidebar?utm_source=npm&utm_campaign=sidebar)
|
|
53
|
+
* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=tab#/material/sidebar/default)
|
|
54
|
+
* [Product page](https://www.syncfusion.com/products/angular-ui-components/sidebar)
|
|
135
55
|
|
|
136
|
-
|
|
56
|
+
* Tab - Content panel to show multiple contents in a specific space, one at a time.
|
|
137
57
|
|
|
138
|
-
|
|
58
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/tab/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=tab)
|
|
59
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/tab/api-tab.html?utm_source=npm&utm_campaign=tab)
|
|
60
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=tab#/material/tab/default.html)
|
|
61
|
+
* [Product Page](https://www.syncfusion.com/products/angular/tab)
|
|
139
62
|
|
|
140
|
-
|
|
141
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/tab/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
142
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/tab/default">Online demos</a> .
|
|
143
|
-
<a href="https://www.syncfusion.com/angular-components/angular-tabs?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
144
|
-
</p>
|
|
63
|
+
* Toolbar - Displays a group of command buttons arranged horizontally.
|
|
145
64
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
65
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/toolbar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=toolbar)
|
|
66
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/toolbar/api-toolbar.html?utm_source=npm&utm_campaign=toolbar)
|
|
67
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=toolbar#/material/toolbar/default.html)
|
|
68
|
+
* [Product Page](https://www.syncfusion.com/products/angular/toolbar)
|
|
149
69
|
|
|
150
|
-
|
|
70
|
+
* TreeView - Represent hierarchical data in a tree like structure with advanced functions to edit, drag and drop, select with CheckBox and more.
|
|
151
71
|
|
|
152
|
-
* [
|
|
153
|
-
* [
|
|
154
|
-
* [
|
|
155
|
-
* [
|
|
156
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/tab/accessibility) - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts.
|
|
72
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/treeview/getting-started.html?utm_source=npm&utm_campaign=treeview)
|
|
73
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/api/treeview?utm_source=npm&utm_campaign=treeview)
|
|
74
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=treeview#/material/treeview/default)
|
|
75
|
+
* [Product Page](https://www.syncfusion.com/angular-ui-components/treeview)
|
|
157
76
|
|
|
158
|
-
|
|
77
|
+
* Menu - Graphical user interface that serves as navigation header for your application or site. It has the support to provide nested level menu items that can be populated from a data source such as an array of JavaScript objects.
|
|
159
78
|
|
|
160
|
-
|
|
79
|
+
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=menu)
|
|
80
|
+
* [API References](https://ej2.syncfusion.com/angular/documentation/api/menu?utm_source=npm&utm_campaign=menu)
|
|
81
|
+
* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=menu#/material/menu/default)
|
|
82
|
+
* [Product Page](https://www.syncfusion.com/angular-ui-components/menu)
|
|
161
83
|
|
|
162
|
-
|
|
163
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/toolbar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
164
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/default">Online demos</a> .
|
|
165
|
-
<a href="https://www.syncfusion.com/angular-components/angular-toolbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
166
|
-
</p>
|
|
84
|
+
## Supported Frameworks
|
|
167
85
|
|
|
168
|
-
|
|
169
|
-
<img alt="Angular Toolbar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-toolbar.png">
|
|
170
|
-
</p>
|
|
86
|
+
`Navigation` component is also offered in following list of frameworks.
|
|
171
87
|
|
|
172
|
-
|
|
88
|
+
1. [JavaScript](https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/navigations?utm_source=npm&utm_campaign=navigation)
|
|
89
|
+
2. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation)
|
|
90
|
+
3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation)
|
|
91
|
+
4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/accordion)
|
|
92
|
+
5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/accordion)
|
|
93
|
+
6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/accordion)
|
|
173
94
|
|
|
174
|
-
|
|
175
|
-
* [Popup](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/popup) - Popup display mode displays commands in the popup when the commands overflow available space.
|
|
176
|
-
* [Template support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/template) - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering.
|
|
177
|
-
* [Keyboard support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/keyboard-interaction) - By default, the Toolbar allows interaction with commands by using keyboard shortcuts.
|
|
178
|
-
* RTL Support - The Toolbar supports right-to-left alignment.
|
|
179
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/toolbar/accessibility) - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
|
|
95
|
+
## Use-case samples / Showcase samples
|
|
180
96
|
|
|
181
|
-
|
|
97
|
+
Sidebar component is used in the following samples.
|
|
182
98
|
|
|
183
|
-
|
|
99
|
+
* Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/?utm_source=npm&utm_campaign=sidebar#/dashboard))
|
|
100
|
+
* Web mail ([Source](https://github.com/syncfusion/ej2-showcase-angular-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/angular/webmail/?utm_source=npm&utm_campaign=sidebar))
|
|
184
101
|
|
|
185
|
-
|
|
186
|
-
<a href="https://ej2.syncfusion.com/angular/documentation/treeview/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
|
|
187
|
-
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/default">Online demos</a> .
|
|
188
|
-
<a href="https://www.syncfusion.com/angular-components/angular-treeview?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
|
|
189
|
-
</p>
|
|
102
|
+
## Key Features
|
|
190
103
|
|
|
191
|
-
|
|
192
|
-
<img alt="Angular TreeView Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-treeview.png">
|
|
193
|
-
</p>
|
|
104
|
+
### Accordion
|
|
194
105
|
|
|
195
|
-
|
|
106
|
+
1. **Rendering** - Can be rendered based on the items collection and HTML elements.
|
|
107
|
+
2. **Expand Mode** - Supports to define single or multiple expand mode for Accordion panels.
|
|
108
|
+
3. **RTL Support** - Supports right-to-left alignment.
|
|
109
|
+
4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
|
|
196
110
|
|
|
197
|
-
|
|
198
|
-
* [CheckBox](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/treeview-checkbox) - Allows you to select more than one node in TreeView without affecting the UI appearance.
|
|
199
|
-
* [Drag and drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/drag-and-drop) - Allows you to drag and drop any node in TreeView.
|
|
200
|
-
* [Multi selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/multiple-selection) - Allows you to select more than one node in TreeView.
|
|
201
|
-
* [Node editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/node-editing) - Allows you to change the text of a node in TreeView.
|
|
202
|
-
* [Sorting](https://ej2.syncfusion.com/angular/documentation/treeview/how-to/sorting-treeview-level-wise) - Allows display of the TreeView nodes in an ascending or a descending order.
|
|
203
|
-
* [Template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/template) - Allows you to customize the nodes in TreeView.
|
|
204
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/treeview/accessibility) - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices.
|
|
111
|
+
### Breadcrumb
|
|
205
112
|
|
|
206
|
-
|
|
113
|
+
1. **Icons** - Icons can be specified in Breadcrumb items.
|
|
114
|
+
2. **Template** - Supports template for item and separator.
|
|
115
|
+
3. **Bind To Location** - Supports items to be rendered based on the URL or current location.
|
|
116
|
+
4. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
|
|
117
|
+
5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
|
|
207
118
|
|
|
208
|
-
|
|
119
|
+
### Carousel
|
|
209
120
|
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
121
|
+
1. **Rendering** - The Carousel component can be rendered based on the items collection and data binding.
|
|
122
|
+
2. **Animation** - Supports animation effects for moving previous/next item of Carousel.
|
|
123
|
+
3. **Template Support** - The Carousel component items and buttons can also be rendered with custom templates.
|
|
124
|
+
4. **Keyboard Support** - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
|
|
125
|
+
5. **Accessibility** - The Carousel provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
|
|
215
126
|
|
|
216
|
-
|
|
217
|
-
<img alt="Angular Menu Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-menu-bar.png">
|
|
218
|
-
</p>
|
|
127
|
+
### ContextMenu
|
|
219
128
|
|
|
220
|
-
|
|
129
|
+
1. **Separator** - Supports menu items grouping by using the Separator.
|
|
130
|
+
2. **Icons and Navigations** - Supports items to have Icons and Navigation URL's.
|
|
131
|
+
3. **Template and Multilevel Nesting** - Supports template and multilevel nesting in ContextMenu.
|
|
132
|
+
4. **Accessibility** - Provided with built-in accessibility support that helps to access all the ContextMenu component features through the keyboard, screen readers, or other assistive technology devices.
|
|
221
133
|
|
|
222
|
-
|
|
223
|
-
* [Separator](https://ej2.syncfusion.com/angular/documentation/menu/getting-started#group-menu-items-with-separator) - Supports menu items grouping by using the Separator.
|
|
224
|
-
* [Icons and Navigations](https://ej2.syncfusion.com/angular/documentation/menu/icons-and-sub-menu-items) - Supports items to have Icons and Navigation URL's.
|
|
225
|
-
* [Template and Multilevel nesting](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/menu/template) - Supports template and multilevel nesting in Menu.
|
|
226
|
-
* [Hamburger Menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/menu/hamburger-mode) - Supports Hamburger Menu that provides an adaptive view.
|
|
227
|
-
* [Accessibility](https://ej2.syncfusion.com/angular/documentation/menu/accessibility) - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, screen readers, or other assistive technology devices.
|
|
134
|
+
### Toolbar
|
|
228
135
|
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
136
|
+
1. **Scrollable** - Scrollable display mode displays Toolbar commands in a single line with horizontal scrolling enabled when the commands overflow available space.
|
|
137
|
+
2. **Popup** - Popup display mode displays commands in the popup when the commands overflow available space.
|
|
138
|
+
3. **Template Support** - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering.
|
|
139
|
+
4. **Keyboard Support** - By default, the Toolbar allows interaction with commands by using keyboard shortcuts.
|
|
140
|
+
5. **RTL Support** - The Toolbar supports right-to-left alignment.
|
|
141
|
+
6. **Accessibility** - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
|
|
235
142
|
|
|
236
|
-
|
|
143
|
+
### Tab
|
|
237
144
|
|
|
238
|
-
|
|
145
|
+
1. **Rendering** - Can be rendered based on the items collection and HTML elements.
|
|
146
|
+
2. **Adaptive** - Supports responsive rendering with scrollable Tabs and popup menu.
|
|
147
|
+
3. **Customization** - Provides customization support for header with icons and orientation.
|
|
148
|
+
4. **Animation** - Supports animation effects for moving previous/next contents of Tab.
|
|
149
|
+
5. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts.
|
|
239
150
|
|
|
240
|
-
|
|
241
|
-
npm install @syncfusion/ej2-angular-navigations
|
|
242
|
-
```
|
|
151
|
+
### Sidebar
|
|
243
152
|
|
|
244
|
-
|
|
153
|
+
1. **Target** - The sidebar can be initialized in any HTML element other than the body element.
|
|
154
|
+
2. **Types** - Provides complete control over the appearance of the sidebar component. The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it.
|
|
155
|
+
3. **Left or right positions** - The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebars in a page, at the left and right, to show primary content and secondary content, simultaneously.
|
|
156
|
+
4. **Docking** - Docking lets the sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options.
|
|
157
|
+
5. **Auto close** - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution.
|
|
245
158
|
|
|
246
|
-
|
|
159
|
+
### TreeView
|
|
247
160
|
|
|
248
|
-
|
|
249
|
-
|
|
161
|
+
1. **Data Binding** - Binds the TreeView component with an array of JavaScript objects or DataManager.
|
|
162
|
+
2. **CheckBox** - Allows you to select more than one node in TreeView without affecting the UI appearance.
|
|
163
|
+
3. **Drag and Drop** - Allows you to drag and drop any node in TreeView.
|
|
164
|
+
4. **Multi Selection** - Allows you to select more than one node in TreeView.
|
|
165
|
+
5. **Node Editing** - Allows you to change the text of a node in TreeView.
|
|
166
|
+
6. **Sorting** - Allows display of the TreeView nodes in an ascending or a descending order.
|
|
167
|
+
7. **Template** - Allows you to customize the nodes in TreeView.
|
|
168
|
+
8. **Accessibility** - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices.
|
|
250
169
|
|
|
251
|
-
|
|
170
|
+
### Menu
|
|
252
171
|
|
|
253
|
-
|
|
254
|
-
|
|
172
|
+
1. **Rendering** - Supports to render based on the items collection (array of JavaScript objects) and HTML elements.
|
|
173
|
+
2. **Separator** - Supports menu items grouping by using the Separator.
|
|
174
|
+
3. **Icons and Navigations** - Supports items to have Icons and Navigation URL's.
|
|
175
|
+
4. **Template and Multilevel Nesting** - Supports template and multilevel nesting in Menu.
|
|
176
|
+
5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, screen readers, or other assistive technology devices.
|
|
255
177
|
|
|
256
178
|
## Support
|
|
257
179
|
|
|
258
|
-
Product support is available through following mediums.
|
|
180
|
+
Product support is available for through following mediums.
|
|
259
181
|
|
|
260
|
-
* [
|
|
261
|
-
* [
|
|
262
|
-
* [
|
|
263
|
-
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm)
|
|
264
|
-
* Live chat
|
|
182
|
+
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=navigation) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=navigation).
|
|
183
|
+
* New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new).
|
|
184
|
+
* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=navigation) with tag `syncfusion` and `ej2`.
|
|
265
185
|
|
|
266
|
-
##
|
|
267
|
-
|
|
268
|
-
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
186
|
+
## License
|
|
269
187
|
|
|
270
|
-
|
|
188
|
+
Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=navigation).
|
|
271
189
|
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
190
|
+
## Changelog
|
|
275
191
|
|
|
276
|
-
|
|
192
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation)
|
|
277
193
|
|
|
278
194
|
© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
|
@@ -5,7 +5,7 @@ import { Carousel } from '@syncfusion/ej2-navigations';
|
|
|
5
5
|
import { Template } from '@syncfusion/ej2-angular-base';
|
|
6
6
|
import { CarouselItemsDirective } from './items.directive';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export const inputs = ['
|
|
8
|
+
export const inputs = ['animation', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width'];
|
|
9
9
|
export const outputs = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
|
|
10
10
|
export const twoWays = ['selectedIndex'];
|
|
11
11
|
/**
|
|
@@ -44,7 +44,7 @@ let CarouselComponent = class CarouselComponent extends Carousel {
|
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CarouselComponent, selector: "ejs-carousel", inputs: {
|
|
47
|
+
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CarouselComponent, selector: "ejs-carousel", inputs: { animation: "animation", autoPlay: "autoPlay", buttonsVisibility: "buttonsVisibility", cssClass: "cssClass", dataSource: "dataSource", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableTouchSwipe: "enableTouchSwipe", height: "height", htmlAttributes: "htmlAttributes", indicatorsTemplate: "indicatorsTemplate", interval: "interval", itemTemplate: "itemTemplate", items: "items", locale: "locale", loop: "loop", nextButtonTemplate: "nextButtonTemplate", playButtonTemplate: "playButtonTemplate", previousButtonTemplate: "previousButtonTemplate", selectedIndex: "selectedIndex", showIndicators: "showIndicators", showPlayButton: "showPlayButton", width: "width" }, outputs: { slideChanged: "slideChanged", slideChanging: "slideChanging", selectedIndexChange: "selectedIndexChange" }, queries: [{ propertyName: "indicatorsTemplate", first: true, predicate: ["indicatorsTemplate"], descendants: true }, { propertyName: "nextButtonTemplate", first: true, predicate: ["nextButtonTemplate"], descendants: true }, { propertyName: "previousButtonTemplate", first: true, predicate: ["previousButtonTemplate"], descendants: true }, { propertyName: "playButtonTemplate", first: true, predicate: ["playButtonTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "childItems", first: true, predicate: CarouselItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
48
|
__decorate([
|
|
49
49
|
Template()
|
|
50
50
|
], CarouselComponent.prototype, "indicatorsTemplate", void 0);
|
|
@@ -92,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
92
92
|
type: ContentChild,
|
|
93
93
|
args: ['itemTemplate']
|
|
94
94
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0MsdUJBQXVCLEVBQWlELFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SixPQUFPLEVBQUUsYUFBYSxFQUErQixlQUFlLEVBQTBCLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBRTNELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBYSxDQUFDLFdBQVcsRUFBQyxVQUFVLEVBQUMsbUJBQW1CLEVBQUMsVUFBVSxFQUFDLFlBQVksRUFBQyxtQkFBbUIsRUFBQyxXQUFXLEVBQUMsa0JBQWtCLEVBQUMsUUFBUSxFQUFDLGdCQUFnQixFQUFDLG9CQUFvQixFQUFDLFVBQVUsRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLEVBQUMsb0JBQW9CLEVBQUMsb0JBQW9CLEVBQUMsd0JBQXdCLEVBQUMsZUFBZSxFQUFDLGdCQUFnQixFQUFDLGdCQUFnQixFQUFDLE9BQU8sQ0FBQyxDQUFDO0FBQ3RYLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLGNBQWMsRUFBQyxlQUFlLEVBQUMscUJBQXFCLENBQUMsQ0FBQztBQUN4RixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUVuRDs7Ozs7R0FLRztJQVlVLGlCQUFpQixTQUFqQixpQkFBa0IsU0FBUSxRQUFRO0lBNEMzQyxZQUFvQixLQUFpQixFQUFVLFNBQW9CLEVBQVUsZ0JBQWlDLEVBQVUsUUFBa0I7UUFDdEksS0FBSyxFQUFFLENBQUM7UUFEUSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBckNuSSxTQUFJLEdBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQXVDOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLE9BQU8sR0FBSSxJQUFJLGFBQWEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0scUJBQXFCO1FBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDOUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDO0NBSUosQ0FBQTs4R0ExRVksaUJBQWlCO2tHQUFqQixpQkFBaUIsMDVDQUpPLHNCQUFzQix1RUFIN0MsRUFBRTtBQXFCWjtJQURDLFFBQVEsRUFBRTs2REFDb0I7QUFPL0I7SUFEQyxRQUFRLEVBQUU7NkRBQ29CO0FBTy9CO0lBREMsUUFBUSxFQUFFO2lFQUN3QjtBQU9uQztJQURDLFFBQVEsRUFBRTs2REFDb0I7QUFPL0I7SUFEQyxRQUFRLEVBQUU7dURBQ2M7QUExQ2hCLGlCQUFpQjtJQUQ3QixlQUFlLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztHQUNwQixpQkFBaUIsQ0EwRTdCO1NBMUVZLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQVg3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixNQUFNLEVBQUUsTUFBTTtvQkFDZCxPQUFPLEVBQUUsT0FBTztvQkFDaEIsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRTt3QkFDTCxVQUFVLEVBQUUsSUFBSSxZQUFZLENBQUMsc0JBQXNCLENBQUM7cUJBQ3ZEO2lCQUNKOytLQWdCVSxrQkFBa0I7c0JBRnhCLFlBQVk7dUJBQUMsb0JBQW9CO2dCQVMzQixrQkFBa0I7c0JBRnhCLFlBQVk7dUJBQUMsb0JBQW9CO2dCQVMzQixzQkFBc0I7c0JBRjVCLFlBQVk7dUJBQUMsd0JBQXdCO2dCQVMvQixrQkFBa0I7c0JBRnhCLFlBQVk7dUJBQUMsb0JBQW9CO2dCQVMzQixZQUFZO3NCQUZsQixZQUFZO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDb250YWluZXJSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBRdWVyeUxpc3QsIFJlbmRlcmVyMiwgSW5qZWN0b3IsIFZhbHVlUHJvdmlkZXIsIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50QmFzZSwgSUNvbXBvbmVudEJhc2UsIGFwcGx5TWl4aW5zLCBDb21wb25lbnRNaXhpbnMsIFByb3BlcnR5Q29sbGVjdGlvbkluZm8sIHNldFZhbHVlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5pbXBvcnQgeyBDYXJvdXNlbCB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1uYXZpZ2F0aW9ucyc7XG5pbXBvcnQgeyBUZW1wbGF0ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuaW1wb3J0IHsgQ2Fyb3VzZWxJdGVtc0RpcmVjdGl2ZSB9IGZyb20gJy4vaXRlbXMuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNvbnN0IGlucHV0czogc3RyaW5nW10gPSBbJ2FuaW1hdGlvbicsJ2F1dG9QbGF5JywnYnV0dG9uc1Zpc2liaWxpdHknLCdjc3NDbGFzcycsJ2RhdGFTb3VyY2UnLCdlbmFibGVQZXJzaXN0ZW5jZScsJ2VuYWJsZVJ0bCcsJ2VuYWJsZVRvdWNoU3dpcGUnLCdoZWlnaHQnLCdodG1sQXR0cmlidXRlcycsJ2luZGljYXRvcnNUZW1wbGF0ZScsJ2ludGVydmFsJywnaXRlbVRlbXBsYXRlJywnaXRlbXMnLCdsb2NhbGUnLCdsb29wJywnbmV4dEJ1dHRvblRlbXBsYXRlJywncGxheUJ1dHRvblRlbXBsYXRlJywncHJldmlvdXNCdXR0b25UZW1wbGF0ZScsJ3NlbGVjdGVkSW5kZXgnLCdzaG93SW5kaWNhdG9ycycsJ3Nob3dQbGF5QnV0dG9uJywnd2lkdGgnXTtcbmV4cG9ydCBjb25zdCBvdXRwdXRzOiBzdHJpbmdbXSA9IFsnc2xpZGVDaGFuZ2VkJywnc2xpZGVDaGFuZ2luZycsJ3NlbGVjdGVkSW5kZXhDaGFuZ2UnXTtcbmV4cG9ydCBjb25zdCB0d29XYXlzOiBzdHJpbmdbXSA9IFsnc2VsZWN0ZWRJbmRleCddO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIEVKMiBBbmd1bGFyIENhcm91c2VsIENvbXBvbmVudC5cbiAqIGBgYGh0bWxcbiAqIDxlanMtY2Fyb3VzZWwgW2l0ZW1zXT0nY2Fyb3VzZWxJdGVtcyc+PC9lanMtY2Fyb3VzZWw+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlanMtY2Fyb3VzZWwnLFxuICAgIGlucHV0czogaW5wdXRzLFxuICAgIG91dHB1dHM6IG91dHB1dHMsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHF1ZXJpZXM6IHtcbiAgICAgICAgY2hpbGRJdGVtczogbmV3IENvbnRlbnRDaGlsZChDYXJvdXNlbEl0ZW1zRGlyZWN0aXZlKVxuICAgIH1cbn0pXG5AQ29tcG9uZW50TWl4aW5zKFtDb21wb25lbnRCYXNlXSlcbmV4cG9ydCBjbGFzcyBDYXJvdXNlbENvbXBvbmVudCBleHRlbmRzIENhcm91c2VsIGltcGxlbWVudHMgSUNvbXBvbmVudEJhc2Uge1xuICAgIHB1YmxpYyBjb250ZXh0IDogYW55O1xuICAgIHB1YmxpYyB0YWdPYmplY3RzOiBhbnk7XG5cdHNsaWRlQ2hhbmdlZDogYW55O1xuXHRzbGlkZUNoYW5naW5nOiBhbnk7XG5cdHB1YmxpYyBzZWxlY3RlZEluZGV4Q2hhbmdlOiBhbnk7XG4gICAgcHVibGljIGNoaWxkSXRlbXM6IFF1ZXJ5TGlzdDxDYXJvdXNlbEl0ZW1zRGlyZWN0aXZlPjtcbiAgICBwdWJsaWMgdGFnczogc3RyaW5nW10gPSBbJ2l0ZW1zJ107XG4gICAgLyoqIFxuICAgICAqIEFjY2VwdHMgdGhlIHRlbXBsYXRlIGZvciBpbmRpY2F0b3IgYnV0dG9ucy5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZCgnaW5kaWNhdG9yc1RlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBpbmRpY2F0b3JzVGVtcGxhdGU6IGFueTtcbiAgICAvKiogXG4gICAgICogQWNjZXB0cyB0aGUgdGVtcGxhdGUgZm9yIG5leHQgbmF2aWdhdGlvbiBidXR0b24uXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ25leHRCdXR0b25UZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgbmV4dEJ1dHRvblRlbXBsYXRlOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIEFjY2VwdHMgdGhlIHRlbXBsYXRlIGZvciBwcmV2aW91cyBuYXZpZ2F0aW9uIGJ1dHRvbi5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZCgncHJldmlvdXNCdXR0b25UZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgcHJldmlvdXNCdXR0b25UZW1wbGF0ZTogYW55O1xuICAgIC8qKiBcbiAgICAgKiBBY2NlcHRzIHRoZSB0ZW1wbGF0ZSBmb3IgcGxheS9wYXVzZSBidXR0b24uXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ3BsYXlCdXR0b25UZW1wbGF0ZScpXG4gICAgQFRlbXBsYXRlKClcbiAgICBwdWJsaWMgcGxheUJ1dHRvblRlbXBsYXRlOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIFNwZWNpZmllcyB0aGUgdGVtcGxhdGUgb3B0aW9uIGZvciBjYXJvdXNlbCBpdGVtcy5cbiAgICAgKiBAZGVmYXVsdCBudWxsXG4gICAgICovXG4gICAgQENvbnRlbnRDaGlsZCgnaXRlbVRlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBpdGVtVGVtcGxhdGU6IGFueTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgbmdFbGU6IEVsZW1lbnRSZWYsIHByaXZhdGUgc3JlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjpWaWV3Q29udGFpbmVyUmVmLCBwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLmVsZW1lbnQgPSB0aGlzLm5nRWxlLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIHRoaXMuaW5qZWN0ZWRNb2R1bGVzID0gdGhpcy5pbmplY3RlZE1vZHVsZXMgfHwgW107XG5cbiAgICAgICAgdGhpcy5yZWdpc3RlckV2ZW50cyhvdXRwdXRzKTtcbiAgICAgICAgdGhpcy5hZGRUd29XYXkuY2FsbCh0aGlzLCB0d29XYXlzKTtcbiAgICAgICAgc2V0VmFsdWUoJ2N1cnJlbnRJbnN0YW5jZScsIHRoaXMsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgICAgIHRoaXMuY29udGV4dCAgPSBuZXcgQ29tcG9uZW50QmFzZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0Lm5nT25Jbml0KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGV4dC5uZ0FmdGVyVmlld0luaXQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRleHQubmdPbkRlc3Ryb3kodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50YWdPYmplY3RzWzBdLmluc3RhbmNlID0gdGhpcy5jaGlsZEl0ZW1zO1xuICAgICAgICB0aGlzLmNvbnRleHQubmdBZnRlckNvbnRlbnRDaGVja2VkKHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3RlckV2ZW50czogKGV2ZW50TGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG4gICAgcHVibGljIGFkZFR3b1dheTogKHByb3BMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbn1cblxuIl19
|
package/esm2020/src/index.mjs
CHANGED
|
@@ -31,8 +31,5 @@ export { MenuItemDirective, MenuItemsDirective } from './menu/items.directive';
|
|
|
31
31
|
export { MenuComponent } from './menu/menu.component';
|
|
32
32
|
export { MenuModule } from './menu/menu.module';
|
|
33
33
|
export { MenuAllModule } from './menu/menu-all.module';
|
|
34
|
-
export { AppBarComponent } from './appbar/appbar.component';
|
|
35
|
-
export { AppBarModule } from './appbar/appbar.module';
|
|
36
|
-
export { AppBarAllModule } from './appbar/appbar-all.module';
|
|
37
34
|
export * from '@syncfusion/ej2-navigations';
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHNCQUFzQixFQUFDLHVCQUF1QixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDM0YsT0FBTyxFQUFFLGtCQUFrQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxhQUFhLEVBQUMsY0FBYyxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBQyxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyx3QkFBd0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQzlGLE9BQU8sRUFBRSxtQkFBbUIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge0FjY29yZGlvbkl0ZW1EaXJlY3RpdmUsQWNjb3JkaW9uSXRlbXNEaXJlY3RpdmV9IGZyb20gJy4vYWNjb3JkaW9uL2l0ZW1zLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBBY2NvcmRpb25Db21wb25lbnR9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQWNjb3JkaW9uTW9kdWxlIH0gZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLm1vZHVsZSc7XG5leHBvcnQgeyBBY2NvcmRpb25BbGxNb2R1bGUgfSBmcm9tICcuL2FjY29yZGlvbi9hY2NvcmRpb24tYWxsLm1vZHVsZSc7XG5leHBvcnQge0l0ZW1EaXJlY3RpdmUsSXRlbXNEaXJlY3RpdmV9IGZyb20gJy4vdG9vbGJhci9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgVG9vbGJhckNvbXBvbmVudH0gZnJvbSAnLi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFRvb2xiYXJNb2R1bGUgfSBmcm9tICcuL3Rvb2xiYXIvdG9vbGJhci5tb2R1bGUnO1xuZXhwb3J0IHsgVG9vbGJhckFsbE1vZHVsZSB9IGZyb20gJy4vdG9vbGJhci90b29sYmFyLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgQ29udGV4dE1lbnVDb21wb25lbnR9IGZyb20gJy4vY29udGV4dC1tZW51L2NvbnRleHRtZW51LmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb250ZXh0TWVudU1vZHVsZSB9IGZyb20gJy4vY29udGV4dC1tZW51L2NvbnRleHRtZW51Lm1vZHVsZSc7XG5leHBvcnQgeyBDb250ZXh0TWVudUFsbE1vZHVsZSB9IGZyb20gJy4vY29udGV4dC1tZW51L2NvbnRleHRtZW51LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHtCcmVhZGNydW1iSXRlbURpcmVjdGl2ZSxCcmVhZGNydW1iSXRlbXNEaXJlY3RpdmV9IGZyb20gJy4vYnJlYWRjcnVtYi9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50JztcbmV4cG9ydCB7IEJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5tb2R1bGUnO1xuZXhwb3J0IHsgQnJlYWRjcnVtYkFsbE1vZHVsZSB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHtDYXJvdXNlbEl0ZW1EaXJlY3RpdmUsQ2Fyb3VzZWxJdGVtc0RpcmVjdGl2ZX0gZnJvbSAnLi9jYXJvdXNlbC9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgQ2Fyb3VzZWxDb21wb25lbnR9IGZyb20gJy4vY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50JztcbmV4cG9ydCB7IENhcm91c2VsTW9kdWxlIH0gZnJvbSAnLi9jYXJvdXNlbC9jYXJvdXNlbC5tb2R1bGUnO1xuZXhwb3J0IHsgQ2Fyb3VzZWxBbGxNb2R1bGUgfSBmcm9tICcuL2Nhcm91c2VsL2Nhcm91c2VsLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHtUYWJJdGVtRGlyZWN0aXZlLFRhYkl0ZW1zRGlyZWN0aXZlfSBmcm9tICcuL3RhYi9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgVGFiQ29tcG9uZW50fSBmcm9tICcuL3RhYi90YWIuY29tcG9uZW50JztcbmV4cG9ydCB7IFRhYk1vZHVsZSB9IGZyb20gJy4vdGFiL3RhYi5tb2R1bGUnO1xuZXhwb3J0IHsgVGFiQWxsTW9kdWxlIH0gZnJvbSAnLi90YWIvdGFiLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgVHJlZVZpZXdDb21wb25lbnR9IGZyb20gJy4vdHJlZXZpZXcvdHJlZXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCB7IFRyZWVWaWV3TW9kdWxlIH0gZnJvbSAnLi90cmVldmlldy90cmVldmlldy5tb2R1bGUnO1xuZXhwb3J0IHsgVHJlZVZpZXdBbGxNb2R1bGUgfSBmcm9tICcuL3RyZWV2aWV3L3RyZWV2aWV3LWFsbC5tb2R1bGUnO1xuZXhwb3J0IHsgU2lkZWJhckNvbXBvbmVudH0gZnJvbSAnLi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNpZGViYXJNb2R1bGUgfSBmcm9tICcuL3NpZGViYXIvc2lkZWJhci5tb2R1bGUnO1xuZXhwb3J0IHsgU2lkZWJhckFsbE1vZHVsZSB9IGZyb20gJy4vc2lkZWJhci9zaWRlYmFyLWFsbC5tb2R1bGUnO1xuZXhwb3J0IHtNZW51SXRlbURpcmVjdGl2ZSxNZW51SXRlbXNEaXJlY3RpdmV9IGZyb20gJy4vbWVudS9pdGVtcy5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgTWVudUNvbXBvbmVudH0gZnJvbSAnLi9tZW51L21lbnUuY29tcG9uZW50JztcbmV4cG9ydCB7IE1lbnVNb2R1bGUgfSBmcm9tICcuL21lbnUvbWVudS5tb2R1bGUnO1xuZXhwb3J0IHsgTWVudUFsbE1vZHVsZSB9IGZyb20gJy4vbWVudS9tZW51LWFsbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnQHN5bmNmdXNpb24vZWoyLW5hdmlnYXRpb25zJzsiXX0=
|