@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253
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/.eslintrc.json +3 -2
- package/dist/ej2-navigations.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +1311 -1106
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +960 -740
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -12
- package/src/accordion/accordion.d.ts +0 -3
- package/src/accordion/accordion.js +5 -5
- package/src/appbar/appbar.js +1 -1
- package/src/breadcrumb/breadcrumb-model.d.ts +7 -0
- package/src/breadcrumb/breadcrumb.d.ts +6 -0
- package/src/breadcrumb/breadcrumb.js +20 -6
- package/src/carousel/carousel.d.ts +1 -0
- package/src/carousel/carousel.js +12 -9
- package/src/common/menu-base.js +21 -13
- package/src/sidebar/sidebar-model.d.ts +5 -6
- package/src/sidebar/sidebar.d.ts +8 -6
- package/src/sidebar/sidebar.js +2 -3
- package/src/stepper/stepper-model.d.ts +7 -1
- package/src/stepper/stepper.d.ts +7 -3
- package/src/stepper/stepper.js +141 -76
- package/src/stepper-base/stepper-base-model.d.ts +1 -1
- package/src/stepper-base/stepper-base.d.ts +4 -4
- package/src/stepper-base/stepper-base.js +13 -8
- package/src/tab/tab-model.d.ts +1 -1
- package/src/tab/tab.d.ts +0 -3
- package/src/tab/tab.js +2 -2
- package/src/toolbar/toolbar-model.d.ts +1 -1
- package/src/toolbar/toolbar.js +13 -9
- package/src/treeview/treeview-model.d.ts +60 -53
- package/src/treeview/treeview.d.ts +134 -29
- package/src/treeview/treeview.js +572 -392
- package/styles/accordion/_bds-definition.scss +0 -13
- package/styles/accordion/_bootstrap-dark-definition.scss +0 -9
- package/styles/accordion/_bootstrap-definition.scss +0 -14
- package/styles/accordion/_bootstrap4-definition.scss +0 -9
- package/styles/accordion/_bootstrap5-definition.scss +8 -22
- package/styles/accordion/_bootstrap5.3-definition.scss +168 -0
- package/styles/accordion/_fabric-dark-definition.scss +0 -8
- package/styles/accordion/_fabric-definition.scss +0 -13
- package/styles/accordion/_fluent-definition.scss +0 -13
- package/styles/accordion/_fluent2-definition.scss +167 -0
- package/styles/accordion/_fusionnew-definition.scss +1 -15
- package/styles/accordion/_highcontrast-definition.scss +0 -13
- package/styles/accordion/_highcontrast-light-definition.scss +0 -11
- package/styles/accordion/_layout.scss +0 -2
- package/styles/accordion/_material-dark-definition.scss +0 -11
- package/styles/accordion/_material-definition.scss +0 -13
- package/styles/accordion/_material3-definition.scss +3 -17
- package/styles/accordion/_tailwind-definition.scss +0 -13
- package/styles/accordion/_theme.scss +0 -3
- package/styles/accordion/bootstrap-dark.css +11 -9
- package/styles/accordion/bootstrap.css +11 -10
- package/styles/accordion/bootstrap4.css +11 -9
- package/styles/accordion/bootstrap5-dark.css +20 -20
- package/styles/accordion/bootstrap5.css +20 -20
- package/styles/accordion/fabric-dark.css +11 -9
- package/styles/accordion/fabric.css +11 -10
- package/styles/accordion/fluent-dark.css +11 -10
- package/styles/accordion/fluent.css +11 -10
- package/styles/accordion/fluent2.css +1574 -0
- package/styles/accordion/fluent2.scss +4 -0
- package/styles/accordion/highcontrast-light.css +11 -9
- package/styles/accordion/highcontrast.css +11 -10
- package/styles/accordion/icons/_bds.scss +0 -2
- package/styles/accordion/icons/_bootstrap-dark.scss +0 -2
- package/styles/accordion/icons/_bootstrap.scss +0 -2
- package/styles/accordion/icons/_bootstrap4.scss +0 -2
- package/styles/accordion/icons/_bootstrap5.3.scss +15 -0
- package/styles/accordion/icons/_bootstrap5.scss +0 -2
- package/styles/accordion/icons/_fabric-dark.scss +0 -2
- package/styles/accordion/icons/_fabric.scss +0 -2
- package/styles/accordion/icons/_fluent.scss +0 -2
- package/styles/accordion/icons/_fluent2.scss +15 -0
- package/styles/accordion/icons/_fusionnew.scss +0 -2
- package/styles/accordion/icons/_highcontrast-light.scss +0 -2
- package/styles/accordion/icons/_highcontrast.scss +0 -2
- package/styles/accordion/icons/_material-dark.scss +0 -2
- package/styles/accordion/icons/_material.scss +0 -2
- package/styles/accordion/icons/_material3.scss +0 -2
- package/styles/accordion/icons/_tailwind.scss +0 -2
- package/styles/accordion/material-dark.css +11 -9
- package/styles/accordion/material.css +11 -10
- package/styles/accordion/material3-dark.css +12 -12
- package/styles/accordion/material3.css +12 -12
- package/styles/accordion/tailwind-dark.css +11 -10
- package/styles/accordion/tailwind.css +11 -10
- package/styles/appbar/_bds-definition.scss +1 -3
- package/styles/appbar/_bootstrap-dark-definition.scss +0 -2
- package/styles/appbar/_bootstrap-definition.scss +0 -2
- package/styles/appbar/_bootstrap4-definition.scss +0 -2
- package/styles/appbar/_bootstrap5-definition.scss +0 -2
- package/styles/appbar/_bootstrap5.3-definition.scss +6 -0
- package/styles/appbar/_fabric-dark-definition.scss +0 -2
- package/styles/appbar/_fabric-definition.scss +0 -2
- package/styles/appbar/_fluent-definition.scss +0 -2
- package/styles/appbar/_fluent2-definition.scss +24 -0
- package/styles/appbar/_fusionnew-definition.scss +0 -2
- package/styles/appbar/_highcontrast-definition.scss +0 -2
- package/styles/appbar/_highcontrast-light-definition.scss +0 -2
- package/styles/appbar/_layout.scss +3 -2
- package/styles/appbar/_material-dark-definition.scss +0 -2
- package/styles/appbar/_material-definition.scss +0 -2
- package/styles/appbar/_material3-definition.scss +0 -2
- package/styles/appbar/_tailwind-definition.scss +0 -2
- package/styles/appbar/_theme.scss +0 -2
- package/styles/appbar/bootstrap-dark.css +52 -23
- package/styles/appbar/bootstrap.css +52 -23
- package/styles/appbar/bootstrap4.css +52 -23
- package/styles/appbar/bootstrap5-dark.css +52 -23
- package/styles/appbar/bootstrap5.css +52 -23
- package/styles/appbar/fabric-dark.css +52 -23
- package/styles/appbar/fabric.css +52 -23
- package/styles/appbar/fluent-dark.css +52 -23
- package/styles/appbar/fluent.css +52 -23
- package/styles/appbar/fluent2.css +1332 -0
- package/styles/appbar/fluent2.scss +3 -0
- package/styles/appbar/highcontrast-light.css +52 -23
- package/styles/appbar/highcontrast.css +52 -23
- package/styles/appbar/material-dark.css +52 -23
- package/styles/appbar/material.css +52 -23
- package/styles/appbar/material3-dark.css +62 -26
- package/styles/appbar/material3.css +62 -26
- package/styles/appbar/tailwind-dark.css +52 -23
- package/styles/appbar/tailwind.css +52 -23
- package/styles/bootstrap-dark.css +1042 -643
- package/styles/bootstrap-dark.scss +47 -14
- package/styles/bootstrap.css +1050 -656
- package/styles/bootstrap.scss +47 -14
- package/styles/bootstrap4.css +1060 -673
- package/styles/bootstrap4.scss +47 -14
- package/styles/bootstrap5-dark.css +1101 -736
- package/styles/bootstrap5-dark.scss +47 -14
- package/styles/bootstrap5.css +1101 -736
- package/styles/bootstrap5.scss +47 -14
- package/styles/breadcrumb/_all.scss +0 -1
- package/styles/breadcrumb/_bds-definition.scss +1 -1
- package/styles/breadcrumb/_bootstrap5.3-definition.scss +57 -0
- package/styles/breadcrumb/_fluent-definition.scss +2 -1
- package/styles/breadcrumb/_fluent2-definition.scss +61 -0
- package/styles/breadcrumb/_layout.scss +92 -10
- package/styles/breadcrumb/_theme.scss +31 -2
- package/styles/breadcrumb/bootstrap-dark.css +37 -22
- package/styles/breadcrumb/bootstrap.css +37 -22
- package/styles/breadcrumb/bootstrap4.css +37 -22
- package/styles/breadcrumb/bootstrap5-dark.css +37 -22
- package/styles/breadcrumb/bootstrap5.css +37 -22
- package/styles/breadcrumb/fabric-dark.css +37 -22
- package/styles/breadcrumb/fabric.css +37 -22
- package/styles/breadcrumb/fluent-dark.css +39 -24
- package/styles/breadcrumb/fluent.css +39 -24
- package/styles/breadcrumb/fluent2.css +1489 -0
- package/styles/breadcrumb/fluent2.scss +4 -0
- package/styles/breadcrumb/highcontrast-light.css +37 -22
- package/styles/breadcrumb/highcontrast.css +37 -22
- package/styles/breadcrumb/icons/_bds.scss +0 -2
- package/styles/breadcrumb/icons/_bootstrap-dark.scss +0 -2
- package/styles/breadcrumb/icons/_bootstrap.scss +0 -2
- package/styles/breadcrumb/icons/_bootstrap4.scss +0 -2
- package/styles/breadcrumb/icons/_bootstrap5.3.scss +23 -0
- package/styles/breadcrumb/icons/_bootstrap5.scss +0 -2
- package/styles/breadcrumb/icons/_fabric-dark.scss +0 -2
- package/styles/breadcrumb/icons/_fabric.scss +0 -2
- package/styles/breadcrumb/icons/_fluent.scss +0 -2
- package/styles/breadcrumb/icons/_fluent2.scss +23 -0
- package/styles/breadcrumb/icons/_fusionnew.scss +0 -2
- package/styles/breadcrumb/icons/_highcontrast-light.scss +0 -2
- package/styles/breadcrumb/icons/_highcontrast.scss +0 -2
- package/styles/breadcrumb/icons/_material-dark.scss +0 -2
- package/styles/breadcrumb/icons/_material.scss +0 -2
- package/styles/breadcrumb/icons/_material3.scss +0 -2
- package/styles/breadcrumb/icons/_tailwind-dark.scss +0 -2
- package/styles/breadcrumb/icons/_tailwind.scss +0 -2
- package/styles/breadcrumb/material-dark.css +37 -22
- package/styles/breadcrumb/material.css +37 -22
- package/styles/breadcrumb/material3-dark.css +39 -23
- package/styles/breadcrumb/material3.css +39 -23
- package/styles/breadcrumb/tailwind-dark.css +37 -22
- package/styles/breadcrumb/tailwind.css +37 -22
- package/styles/carousel/_bds-definition.scss +0 -7
- package/styles/carousel/_bootstrap-dark-definition.scss +0 -7
- package/styles/carousel/_bootstrap-definition.scss +0 -7
- package/styles/carousel/_bootstrap4-definition.scss +0 -7
- package/styles/carousel/_bootstrap5-definition.scss +0 -7
- package/styles/carousel/_bootstrap5.3-definition.scss +20 -0
- package/styles/carousel/_fabric-dark-definition.scss +0 -7
- package/styles/carousel/_fabric-definition.scss +0 -7
- package/styles/carousel/_fluent-definition.scss +0 -7
- package/styles/carousel/_fluent2-definition.scss +21 -0
- package/styles/carousel/_fusionnew-definition.scss +0 -7
- package/styles/carousel/_highcontrast-definition.scss +0 -7
- package/styles/carousel/_highcontrast-light-definition.scss +0 -7
- package/styles/carousel/_layout.scss +0 -2
- package/styles/carousel/_material-dark-definition.scss +0 -7
- package/styles/carousel/_material-definition.scss +0 -7
- package/styles/carousel/_material3-definition.scss +0 -7
- package/styles/carousel/_tailwind-definition.scss +0 -7
- package/styles/carousel/_theme.scss +8 -2
- package/styles/carousel/bootstrap-dark.css +93 -39
- package/styles/carousel/bootstrap.css +93 -39
- package/styles/carousel/bootstrap4.css +93 -39
- package/styles/carousel/bootstrap5-dark.css +93 -39
- package/styles/carousel/bootstrap5.css +93 -39
- package/styles/carousel/fabric-dark.css +93 -39
- package/styles/carousel/fabric.css +93 -39
- package/styles/carousel/fluent-dark.css +93 -39
- package/styles/carousel/fluent.css +93 -39
- package/styles/carousel/fluent2.css +1405 -0
- package/styles/carousel/fluent2.scss +5 -0
- package/styles/carousel/highcontrast-light.css +93 -39
- package/styles/carousel/highcontrast.css +93 -39
- package/styles/carousel/icons/_bootstrap5.3.scss +30 -0
- package/styles/carousel/icons/_fluent2.scss +30 -0
- package/styles/carousel/material-dark.css +93 -39
- package/styles/carousel/material.css +93 -39
- package/styles/carousel/material3-dark.css +98 -41
- package/styles/carousel/material3.css +98 -41
- package/styles/carousel/tailwind-dark.css +93 -39
- package/styles/carousel/tailwind.css +93 -39
- package/styles/context-menu/_bds-definition.scss +5 -2
- package/styles/context-menu/_bootstrap-dark-definition.scss +0 -3
- package/styles/context-menu/_bootstrap5-definition.scss +0 -1
- package/styles/context-menu/_bootstrap5.3-definition.scss +51 -0
- package/styles/context-menu/_fabric-dark-definition.scss +0 -3
- package/styles/context-menu/_fluent-definition.scss +0 -1
- package/styles/context-menu/_fluent2-definition.scss +52 -0
- package/styles/context-menu/_fusionnew-definition.scss +0 -1
- package/styles/context-menu/_highcontrast-light-definition.scss +0 -3
- package/styles/context-menu/_layout-mixin.scss +24 -0
- package/styles/context-menu/_layout.scss +44 -4
- package/styles/context-menu/_material-dark-definition.scss +0 -3
- package/styles/context-menu/_material3-definition.scss +0 -1
- package/styles/context-menu/_tailwind-definition.scss +0 -1
- package/styles/context-menu/_theme-mixin.scss +13 -0
- package/styles/context-menu/_theme.scss +6 -3
- package/styles/context-menu/bootstrap-dark.css +19 -11
- package/styles/context-menu/bootstrap.css +21 -12
- package/styles/context-menu/bootstrap4.css +21 -12
- package/styles/context-menu/bootstrap5-dark.css +36 -14
- package/styles/context-menu/bootstrap5.css +36 -14
- package/styles/context-menu/fabric-dark.css +19 -11
- package/styles/context-menu/fabric.css +19 -11
- package/styles/context-menu/fluent-dark.css +36 -14
- package/styles/context-menu/fluent.css +36 -14
- package/styles/context-menu/fluent2.css +1497 -0
- package/styles/context-menu/fluent2.scss +7 -0
- package/styles/context-menu/highcontrast-light.css +19 -11
- package/styles/context-menu/highcontrast.css +19 -11
- package/styles/context-menu/icons/_bds.scss +0 -2
- package/styles/context-menu/icons/_bootstrap-dark.scss +0 -2
- package/styles/context-menu/icons/_bootstrap.scss +0 -2
- package/styles/context-menu/icons/_bootstrap4.scss +0 -2
- package/styles/context-menu/icons/_bootstrap5.3.scss +31 -0
- package/styles/context-menu/icons/_bootstrap5.scss +0 -2
- package/styles/context-menu/icons/_fabric-dark.scss +0 -2
- package/styles/context-menu/icons/_fabric.scss +0 -2
- package/styles/context-menu/icons/_fluent.scss +0 -2
- package/styles/context-menu/icons/_fluent2.scss +31 -0
- package/styles/context-menu/icons/_fusionnew.scss +0 -2
- package/styles/context-menu/icons/_highcontrast-light.scss +0 -2
- package/styles/context-menu/icons/_highcontrast.scss +0 -2
- package/styles/context-menu/icons/_material-dark.scss +0 -2
- package/styles/context-menu/icons/_material.scss +0 -2
- package/styles/context-menu/icons/_material3.scss +0 -2
- package/styles/context-menu/icons/_tailwind-dark.scss +0 -2
- package/styles/context-menu/icons/_tailwind.scss +0 -2
- package/styles/context-menu/material-dark.css +49 -15
- package/styles/context-menu/material.css +49 -15
- package/styles/context-menu/material3-dark.css +38 -15
- package/styles/context-menu/material3.css +38 -15
- package/styles/context-menu/tailwind-dark.css +36 -14
- package/styles/context-menu/tailwind.css +36 -14
- package/styles/fabric-dark.css +1040 -641
- package/styles/fabric-dark.scss +47 -14
- package/styles/fabric.css +1042 -652
- package/styles/fabric.scss +47 -14
- package/styles/fluent-dark.css +1074 -698
- package/styles/fluent-dark.scss +47 -14
- package/styles/fluent.css +1074 -698
- package/styles/fluent.scss +47 -14
- package/styles/fluent2.css +13003 -0
- package/styles/fluent2.scss +47 -0
- package/styles/h-scroll/_bootstrap5.3-definition.scss +83 -0
- package/styles/h-scroll/_fluent2-definition.scss +83 -0
- package/styles/h-scroll/bootstrap-dark.css +22 -10
- package/styles/h-scroll/bootstrap.css +22 -10
- package/styles/h-scroll/bootstrap4.css +22 -10
- package/styles/h-scroll/bootstrap5-dark.css +41 -14
- package/styles/h-scroll/bootstrap5.css +41 -14
- package/styles/h-scroll/fabric-dark.css +22 -10
- package/styles/h-scroll/fabric.css +22 -10
- package/styles/h-scroll/fluent-dark.css +41 -14
- package/styles/h-scroll/fluent.css +41 -14
- package/styles/h-scroll/fluent2.css +1341 -0
- package/styles/h-scroll/fluent2.scss +4 -0
- package/styles/h-scroll/highcontrast-light.css +22 -10
- package/styles/h-scroll/highcontrast.css +22 -10
- package/styles/h-scroll/icons/_bootstrap5.3.scss +49 -0
- package/styles/h-scroll/icons/_fluent2.scss +49 -0
- package/styles/h-scroll/material-dark.css +41 -14
- package/styles/h-scroll/material.css +41 -14
- package/styles/h-scroll/material3-dark.css +44 -15
- package/styles/h-scroll/material3.css +44 -15
- package/styles/h-scroll/tailwind-dark.css +41 -14
- package/styles/h-scroll/tailwind.css +41 -14
- package/styles/highcontrast-light.css +1040 -641
- package/styles/highcontrast-light.scss +47 -14
- package/styles/highcontrast.css +1056 -655
- package/styles/highcontrast.scss +47 -14
- package/styles/material-dark.css +1144 -709
- package/styles/material-dark.scss +47 -14
- package/styles/material.css +1157 -726
- package/styles/material.scss +47 -14
- package/styles/material3-dark.css +1148 -731
- package/styles/material3-dark.scss +47 -14
- package/styles/material3.css +1148 -731
- package/styles/material3.scss +47 -14
- package/styles/menu/_bds-definition.scss +0 -1
- package/styles/menu/_bootstrap-dark-definition.scss +0 -3
- package/styles/menu/_bootstrap5-definition.scss +0 -1
- package/styles/menu/_bootstrap5.3-definition.scss +66 -0
- package/styles/menu/_fabric-dark-definition.scss +0 -3
- package/styles/menu/_fluent-definition.scss +0 -1
- package/styles/menu/_fluent2-definition.scss +67 -0
- package/styles/menu/_fusionnew-definition.scss +0 -1
- package/styles/menu/_layout.scss +38 -17
- package/styles/menu/_material-dark-definition.scss +0 -3
- package/styles/menu/_material3-definition.scss +0 -1
- package/styles/menu/_tailwind-definition.scss +0 -1
- package/styles/menu/_theme.scss +46 -14
- package/styles/menu/bootstrap-dark.css +41 -39
- package/styles/menu/bootstrap.css +43 -40
- package/styles/menu/bootstrap4.css +47 -50
- package/styles/menu/bootstrap5-dark.css +58 -42
- package/styles/menu/bootstrap5.css +58 -42
- package/styles/menu/fabric-dark.css +41 -39
- package/styles/menu/fabric.css +41 -39
- package/styles/menu/fluent-dark.css +60 -47
- package/styles/menu/fluent.css +60 -47
- package/styles/menu/fluent2.css +2226 -0
- package/styles/menu/fluent2.scss +8 -0
- package/styles/menu/highcontrast-light.css +41 -39
- package/styles/menu/highcontrast.css +41 -39
- package/styles/menu/icons/_bds.scss +2 -32
- package/styles/menu/icons/_bootstrap-dark.scss +2 -31
- package/styles/menu/icons/_bootstrap.scss +2 -32
- package/styles/menu/icons/_bootstrap4.scss +2 -32
- package/styles/menu/icons/_bootstrap5.3.scss +104 -0
- package/styles/menu/icons/_bootstrap5.scss +2 -32
- package/styles/menu/icons/_fabric-dark.scss +2 -32
- package/styles/menu/icons/_fabric.scss +2 -32
- package/styles/menu/icons/_fluent.scss +2 -32
- package/styles/menu/icons/_fluent2.scss +104 -0
- package/styles/menu/icons/_fusionnew.scss +2 -32
- package/styles/menu/icons/_highcontrast-light.scss +2 -32
- package/styles/menu/icons/_highcontrast.scss +2 -32
- package/styles/menu/icons/_material-dark.scss +2 -32
- package/styles/menu/icons/_material.scss +2 -32
- package/styles/menu/icons/_material3.scss +2 -32
- package/styles/menu/icons/_tailwind-dark.scss +2 -32
- package/styles/menu/icons/_tailwind.scss +2 -32
- package/styles/menu/material-dark.css +71 -43
- package/styles/menu/material.css +71 -43
- package/styles/menu/material3-dark.css +61 -43
- package/styles/menu/material3.css +61 -43
- package/styles/menu/tailwind-dark.css +58 -42
- package/styles/menu/tailwind.css +58 -42
- package/styles/pager/_bds-definition.scss +6 -6
- package/styles/pager/_bootstrap-dark-definition.scss +2 -2
- package/styles/pager/_bootstrap-definition.scss +8 -8
- package/styles/pager/_bootstrap4-definition.scss +10 -10
- package/styles/pager/_bootstrap5-definition.scss +19 -19
- package/styles/pager/_bootstrap5.3-definition.scss +166 -0
- package/styles/pager/_fabric-dark-definition.scss +3 -5
- package/styles/pager/_fabric-definition.scss +3 -3
- package/styles/pager/_fluent-definition.scss +11 -11
- package/styles/pager/_fluent2-definition.scss +152 -0
- package/styles/pager/_fusionnew-definition.scss +19 -19
- package/styles/pager/_highcontrast-definition.scss +2 -2
- package/styles/pager/_highcontrast-light-definition.scss +2 -4
- package/styles/pager/_layout.scss +340 -339
- package/styles/pager/_material-dark-definition.scss +4 -6
- package/styles/pager/_material-definition.scss +4 -4
- package/styles/pager/_material3-definition.scss +22 -22
- package/styles/pager/_tailwind-definition.scss +17 -17
- package/styles/pager/_theme.scss +43 -26
- package/styles/pager/bootstrap-dark.css +88 -76
- package/styles/pager/bootstrap.css +90 -78
- package/styles/pager/bootstrap4.css +90 -78
- package/styles/pager/bootstrap5-dark.css +114 -111
- package/styles/pager/bootstrap5.css +114 -111
- package/styles/pager/fabric-dark.css +86 -74
- package/styles/pager/fabric.css +86 -74
- package/styles/pager/fluent-dark.css +92 -80
- package/styles/pager/fluent.css +92 -80
- package/styles/pager/fluent2.css +1862 -0
- package/styles/pager/fluent2.scss +4 -0
- package/styles/pager/highcontrast-light.css +86 -74
- package/styles/pager/highcontrast.css +86 -74
- package/styles/pager/icons/_bootstrap5.3.scss +50 -0
- package/styles/pager/icons/_fluent2.scss +50 -0
- package/styles/pager/material-dark.css +86 -74
- package/styles/pager/material.css +86 -74
- package/styles/pager/material3-dark.css +107 -106
- package/styles/pager/material3.css +107 -106
- package/styles/pager/tailwind-dark.css +139 -144
- package/styles/pager/tailwind.css +139 -144
- package/styles/sidebar/_bds-definition.scss +8 -0
- package/styles/sidebar/_bootstrap5.3-definition.scss +6 -0
- package/styles/sidebar/_fluent2-definition.scss +8 -0
- package/styles/sidebar/_material3-definition.scss +0 -3
- package/styles/sidebar/_theme.scss +114 -45
- package/styles/sidebar/bootstrap-dark.css +124 -49
- package/styles/sidebar/bootstrap.css +124 -49
- package/styles/sidebar/bootstrap4.css +124 -49
- package/styles/sidebar/bootstrap5-dark.css +122 -47
- package/styles/sidebar/bootstrap5.css +122 -47
- package/styles/sidebar/fabric-dark.css +124 -49
- package/styles/sidebar/fabric.css +124 -49
- package/styles/sidebar/fluent-dark.css +122 -47
- package/styles/sidebar/fluent.css +122 -47
- package/styles/sidebar/fluent2.css +1263 -0
- package/styles/sidebar/fluent2.scss +3 -0
- package/styles/sidebar/highcontrast-light.css +124 -49
- package/styles/sidebar/highcontrast.css +124 -49
- package/styles/sidebar/material-dark.css +124 -49
- package/styles/sidebar/material.css +124 -49
- package/styles/sidebar/material3-dark.css +125 -49
- package/styles/sidebar/material3.css +125 -49
- package/styles/sidebar/tailwind-dark.css +122 -47
- package/styles/sidebar/tailwind.css +122 -47
- package/styles/stepper/_bds-definition.scss +0 -7
- package/styles/stepper/_bootstrap-dark-definition.scss +0 -7
- package/styles/stepper/_bootstrap-definition.scss +0 -7
- package/styles/stepper/_bootstrap4-definition.scss +0 -7
- package/styles/stepper/_bootstrap5-definition.scss +0 -7
- package/styles/stepper/_bootstrap5.3-definition.scss +73 -0
- package/styles/stepper/_fabric-dark-definition.scss +0 -7
- package/styles/stepper/_fabric-definition.scss +0 -7
- package/styles/stepper/_fluent-definition.scss +0 -7
- package/styles/stepper/_fluent2-definition.scss +72 -0
- package/styles/stepper/_fusionnew-definition.scss +0 -7
- package/styles/stepper/_highcontrast-definition.scss +0 -7
- package/styles/stepper/_highcontrast-light-definition.scss +0 -7
- package/styles/stepper/_layout.scss +90 -143
- package/styles/stepper/_material-dark-definition.scss +0 -7
- package/styles/stepper/_material-definition.scss +0 -7
- package/styles/stepper/_material3-definition.scss +0 -7
- package/styles/stepper/_tailwind-definition.scss +0 -7
- package/styles/stepper/_theme.scss +12 -20
- package/styles/stepper/bootstrap-dark.css +162 -118
- package/styles/stepper/bootstrap.css +162 -118
- package/styles/stepper/bootstrap4.css +162 -118
- package/styles/stepper/bootstrap5-dark.css +162 -118
- package/styles/stepper/bootstrap5.css +162 -118
- package/styles/stepper/fabric-dark.css +162 -118
- package/styles/stepper/fabric.css +162 -118
- package/styles/stepper/fluent-dark.css +162 -118
- package/styles/stepper/fluent.css +162 -118
- package/styles/stepper/fluent2.css +1742 -0
- package/styles/stepper/fluent2.scss +5 -0
- package/styles/stepper/highcontrast-light.css +162 -118
- package/styles/stepper/highcontrast.css +162 -118
- package/styles/stepper/icons/_bootstrap5.3.scss +5 -0
- package/styles/stepper/icons/_fluent2.scss +5 -0
- package/styles/stepper/material-dark.css +162 -118
- package/styles/stepper/material.css +162 -118
- package/styles/stepper/material3-dark.css +167 -119
- package/styles/stepper/material3.css +167 -119
- package/styles/stepper/tailwind-dark.css +162 -118
- package/styles/stepper/tailwind.css +162 -118
- package/styles/tab/_bds-definition.scss +5 -45
- package/styles/tab/_bootstrap-dark-definition.scss +0 -26
- package/styles/tab/_bootstrap-definition.scss +0 -35
- package/styles/tab/_bootstrap4-definition.scss +9 -42
- package/styles/tab/_bootstrap5-definition.scss +0 -26
- package/styles/tab/_bootstrap5.3-definition.scss +635 -0
- package/styles/tab/_fabric-dark-definition.scss +0 -22
- package/styles/tab/_fabric-definition.scss +1 -36
- package/styles/tab/_fluent-definition.scss +0 -31
- package/styles/tab/_fluent2-definition.scss +667 -0
- package/styles/tab/_fusionnew-definition.scss +0 -26
- package/styles/tab/_highcontrast-definition.scss +0 -35
- package/styles/tab/_highcontrast-light-definition.scss +0 -24
- package/styles/tab/_icons.scss +0 -2
- package/styles/tab/_layout.scss +29 -31
- package/styles/tab/_material-dark-definition.scss +0 -28
- package/styles/tab/_material-definition.scss +0 -39
- package/styles/tab/_material3-definition.scss +3 -28
- package/styles/tab/_tailwind-definition.scss +0 -39
- package/styles/tab/_theme.scss +21 -2
- package/styles/tab/bootstrap-dark.css +171 -78
- package/styles/tab/bootstrap.css +171 -83
- package/styles/tab/bootstrap4.css +177 -87
- package/styles/tab/bootstrap5-dark.css +171 -84
- package/styles/tab/bootstrap5.css +171 -84
- package/styles/tab/fabric-dark.css +171 -78
- package/styles/tab/fabric.css +173 -85
- package/styles/tab/fluent-dark.css +171 -81
- package/styles/tab/fluent.css +171 -81
- package/styles/tab/fluent2.css +5251 -0
- package/styles/tab/fluent2.scss +5 -0
- package/styles/tab/highcontrast-light.css +171 -78
- package/styles/tab/highcontrast.css +171 -83
- package/styles/tab/icons/_bds.scss +0 -2
- package/styles/tab/icons/_bootstrap-dark.scss +0 -2
- package/styles/tab/icons/_bootstrap.scss +0 -2
- package/styles/tab/icons/_bootstrap4.scss +0 -2
- package/styles/tab/icons/_bootstrap5.3.scss +90 -0
- package/styles/tab/icons/_bootstrap5.scss +0 -2
- package/styles/tab/icons/_fabric-dark.scss +0 -2
- package/styles/tab/icons/_fabric.scss +0 -2
- package/styles/tab/icons/_fluent.scss +0 -2
- package/styles/tab/icons/_fluent2.scss +98 -0
- package/styles/tab/icons/_fusionnew.scss +0 -2
- package/styles/tab/icons/_highcontrast-light.scss +0 -2
- package/styles/tab/icons/_highcontrast.scss +0 -2
- package/styles/tab/icons/_material-dark.scss +0 -2
- package/styles/tab/icons/_material.scss +0 -2
- package/styles/tab/icons/_material3.scss +0 -2
- package/styles/tab/icons/_tailwind.scss +0 -2
- package/styles/tab/material-dark.css +232 -84
- package/styles/tab/material.css +232 -90
- package/styles/tab/material3-dark.css +174 -85
- package/styles/tab/material3.css +174 -85
- package/styles/tab/tailwind-dark.css +217 -87
- package/styles/tab/tailwind.css +217 -87
- package/styles/tailwind-dark.css +1165 -763
- package/styles/tailwind-dark.scss +47 -14
- package/styles/tailwind.css +1165 -763
- package/styles/tailwind.scss +47 -14
- package/styles/toolbar/_bds-definition.scss +0 -18
- package/styles/toolbar/_bootstrap-dark-definition.scss +0 -15
- package/styles/toolbar/_bootstrap-definition.scss +0 -3
- package/styles/toolbar/_bootstrap4-definition.scss +0 -13
- package/styles/toolbar/_bootstrap5-definition.scss +0 -22
- package/styles/toolbar/_bootstrap5.3-definition.scss +198 -0
- package/styles/toolbar/_fabric-dark-definition.scss +0 -15
- package/styles/toolbar/_fabric-definition.scss +0 -13
- package/styles/toolbar/_fluent-definition.scss +0 -13
- package/styles/toolbar/_fluent2-definition.scss +197 -0
- package/styles/toolbar/_fusionnew-definition.scss +0 -22
- package/styles/toolbar/_highcontrast-definition.scss +0 -14
- package/styles/toolbar/_highcontrast-light-definition.scss +0 -15
- package/styles/toolbar/_layout.scss +18 -32
- package/styles/toolbar/_material-dark-definition.scss +0 -16
- package/styles/toolbar/_material-definition.scss +0 -16
- package/styles/toolbar/_material3-definition.scss +0 -21
- package/styles/toolbar/_tailwind-definition.scss +0 -13
- package/styles/toolbar/_theme.scss +66 -5
- package/styles/toolbar/bootstrap-dark.css +94 -61
- package/styles/toolbar/bootstrap.css +96 -62
- package/styles/toolbar/bootstrap4.css +96 -62
- package/styles/toolbar/bootstrap5-dark.css +111 -64
- package/styles/toolbar/bootstrap5.css +111 -64
- package/styles/toolbar/fabric-dark.css +94 -61
- package/styles/toolbar/fabric.css +94 -61
- package/styles/toolbar/fluent-dark.css +111 -64
- package/styles/toolbar/fluent.css +111 -64
- package/styles/toolbar/fluent2.css +2224 -0
- package/styles/toolbar/fluent2.scss +8 -0
- package/styles/toolbar/highcontrast-light.css +94 -61
- package/styles/toolbar/highcontrast.css +94 -61
- package/styles/toolbar/icons/_bds.scss +0 -2
- package/styles/toolbar/icons/_bootstrap-dark.scss +0 -2
- package/styles/toolbar/icons/_bootstrap.scss +0 -2
- package/styles/toolbar/icons/_bootstrap4.scss +0 -2
- package/styles/toolbar/icons/_bootstrap5.3.scss +14 -0
- package/styles/toolbar/icons/_bootstrap5.scss +0 -2
- package/styles/toolbar/icons/_fabric-dark.scss +0 -2
- package/styles/toolbar/icons/_fabric.scss +0 -2
- package/styles/toolbar/icons/_fluent.scss +0 -2
- package/styles/toolbar/icons/_fluent2.scss +14 -0
- package/styles/toolbar/icons/_fusionnew.scss +0 -2
- package/styles/toolbar/icons/_highcontrast-light.scss +0 -2
- package/styles/toolbar/icons/_highcontrast.scss +0 -2
- package/styles/toolbar/icons/_material-dark.scss +0 -2
- package/styles/toolbar/icons/_material.scss +0 -2
- package/styles/toolbar/icons/_material3.scss +0 -2
- package/styles/toolbar/icons/_tailwind.scss +0 -2
- package/styles/toolbar/material-dark.css +143 -69
- package/styles/toolbar/material.css +143 -70
- package/styles/toolbar/material3-dark.css +123 -65
- package/styles/toolbar/material3.css +123 -65
- package/styles/toolbar/tailwind-dark.css +111 -64
- package/styles/toolbar/tailwind.css +111 -64
- package/styles/treeview/_bootstrap5.3-definition.scss +119 -0
- package/styles/treeview/_fluent2-definition.scss +126 -0
- package/styles/treeview/_layout.scss +154 -146
- package/styles/treeview/_material3-definition.scss +1 -12
- package/styles/treeview/_theme.scss +154 -168
- package/styles/treeview/bootstrap-dark.css +106 -98
- package/styles/treeview/bootstrap.css +112 -100
- package/styles/treeview/bootstrap4.css +112 -104
- package/styles/treeview/bootstrap5-dark.css +112 -103
- package/styles/treeview/bootstrap5.css +112 -103
- package/styles/treeview/fabric-dark.css +106 -98
- package/styles/treeview/fabric.css +106 -98
- package/styles/treeview/fluent-dark.css +112 -103
- package/styles/treeview/fluent.css +112 -103
- package/styles/treeview/fluent2.css +2052 -0
- package/styles/treeview/fluent2.scss +6 -0
- package/styles/treeview/highcontrast-light.css +106 -98
- package/styles/treeview/highcontrast.css +122 -103
- package/styles/treeview/icons/_bootstrap5.3.scss +43 -0
- package/styles/treeview/icons/_fluent2.scss +43 -0
- package/styles/treeview/material-dark.css +115 -99
- package/styles/treeview/material.css +129 -101
- package/styles/treeview/material3-dark.css +136 -109
- package/styles/treeview/material3.css +136 -109
- package/styles/treeview/tailwind-dark.css +113 -105
- package/styles/treeview/tailwind.css +113 -105
- package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -0
- package/styles/v-scroll/_fluent2-definition.scss +49 -0
- package/styles/v-scroll/bootstrap-dark.css +22 -10
- package/styles/v-scroll/bootstrap.css +22 -10
- package/styles/v-scroll/bootstrap4.css +22 -10
- package/styles/v-scroll/bootstrap5-dark.css +22 -10
- package/styles/v-scroll/bootstrap5.css +22 -10
- package/styles/v-scroll/fabric-dark.css +22 -10
- package/styles/v-scroll/fabric.css +22 -10
- package/styles/v-scroll/fluent-dark.css +22 -10
- package/styles/v-scroll/fluent.css +22 -10
- package/styles/v-scroll/fluent2.css +1248 -0
- package/styles/v-scroll/fluent2.scss +4 -0
- package/styles/v-scroll/highcontrast-light.css +22 -10
- package/styles/v-scroll/highcontrast.css +22 -10
- package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -0
- package/styles/v-scroll/icons/_fluent2.scss +27 -0
- package/styles/v-scroll/material-dark.css +41 -14
- package/styles/v-scroll/material.css +41 -14
- package/styles/v-scroll/material3-dark.css +25 -11
- package/styles/v-scroll/material3.css +25 -11
- package/styles/v-scroll/tailwind-dark.css +22 -10
- package/styles/v-scroll/tailwind.css +22 -10
- package/CHANGELOG.md +0 -2357
|
@@ -545,6 +545,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
545
545
|
private isInteracted;
|
|
546
546
|
private isRightClick;
|
|
547
547
|
private mouseDownStatus;
|
|
548
|
+
private isDropIn;
|
|
548
549
|
/**
|
|
549
550
|
* Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
|
|
550
551
|
* desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
|
|
@@ -609,6 +610,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
609
610
|
* });
|
|
610
611
|
* treeObj.appendTo('#tree');
|
|
611
612
|
* ```
|
|
613
|
+
*
|
|
612
614
|
* @default []
|
|
613
615
|
*/
|
|
614
616
|
checkedNodes: string[];
|
|
@@ -632,6 +634,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
632
634
|
* padding: 10px 0;
|
|
633
635
|
* }
|
|
634
636
|
* ```
|
|
637
|
+
*
|
|
635
638
|
* @default ''
|
|
636
639
|
*/
|
|
637
640
|
cssClass: string;
|
|
@@ -661,6 +664,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
661
664
|
* margin-left: 100px;
|
|
662
665
|
* }
|
|
663
666
|
* ```
|
|
667
|
+
*
|
|
664
668
|
* @default null
|
|
665
669
|
*/
|
|
666
670
|
dragArea: HTMLElement | string;
|
|
@@ -677,6 +681,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
677
681
|
* });
|
|
678
682
|
* treeObj.appendTo('#tree');
|
|
679
683
|
* ```
|
|
684
|
+
*
|
|
680
685
|
* @default true
|
|
681
686
|
*/
|
|
682
687
|
enableHtmlSanitizer: boolean;
|
|
@@ -704,6 +709,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
704
709
|
* treeObj.appendTo('#tree');
|
|
705
710
|
* </script>
|
|
706
711
|
* ```
|
|
712
|
+
*
|
|
707
713
|
* @default []
|
|
708
714
|
*/
|
|
709
715
|
expandedNodes: string[];
|
|
@@ -725,6 +731,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
725
731
|
* });
|
|
726
732
|
* treeObj.appendTo('#tree');
|
|
727
733
|
* ```
|
|
734
|
+
*
|
|
728
735
|
* @default 'Auto'
|
|
729
736
|
*/
|
|
730
737
|
expandOn: ExpandOnSettings;
|
|
@@ -790,6 +797,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
790
797
|
* });
|
|
791
798
|
* treeObj.appendTo('#tree');
|
|
792
799
|
* ```
|
|
800
|
+
*
|
|
793
801
|
* @default []
|
|
794
802
|
*/
|
|
795
803
|
selectedNodes: string[];
|
|
@@ -826,135 +834,135 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
826
834
|
/**
|
|
827
835
|
* Event callback that is raised while any TreeView action failed to fetch the desired results.
|
|
828
836
|
*
|
|
829
|
-
* @event
|
|
837
|
+
* @event actionFailure
|
|
830
838
|
*/
|
|
831
839
|
actionFailure: EmitType<FailureEventArgs>;
|
|
832
840
|
/**
|
|
833
841
|
* Event callback that is raised when the TreeView component is created successfully.
|
|
834
842
|
*
|
|
835
|
-
* @event
|
|
843
|
+
* @event created
|
|
836
844
|
*/
|
|
837
845
|
created: EmitType<Object>;
|
|
838
846
|
/**
|
|
839
847
|
* Event callback that is raised when data source is populated in the TreeView.
|
|
840
848
|
*
|
|
841
|
-
* @event
|
|
849
|
+
* @event dataBound
|
|
842
850
|
*/
|
|
843
851
|
dataBound: EmitType<DataBoundEventArgs>;
|
|
844
852
|
/**
|
|
845
853
|
* Event callback that is raised when data source is changed in the TreeView. The data source will be changed after performing some operation like
|
|
846
854
|
* drag and drop, node editing, adding and removing node.
|
|
847
855
|
*
|
|
848
|
-
* @event
|
|
856
|
+
* @event dataSourceChanged
|
|
849
857
|
*/
|
|
850
858
|
dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
|
|
851
859
|
/**
|
|
852
860
|
* Event callback that is raised before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
|
|
853
861
|
*
|
|
854
|
-
* @event
|
|
862
|
+
* @event drawNode
|
|
855
863
|
*/
|
|
856
864
|
drawNode: EmitType<DrawNodeEventArgs>;
|
|
857
865
|
/**
|
|
858
866
|
* Event callback that is raised when the TreeView control is destroyed successfully.
|
|
859
867
|
*
|
|
860
|
-
* @event
|
|
868
|
+
* @event destroyed
|
|
861
869
|
*/
|
|
862
870
|
destroyed: EmitType<Object>;
|
|
863
871
|
/**
|
|
864
872
|
* Event callback that is raised when key press is successful. It helps to customize the operations at key press.
|
|
865
873
|
*
|
|
866
|
-
* @event
|
|
874
|
+
* @event keyPress
|
|
867
875
|
*/
|
|
868
876
|
keyPress: EmitType<NodeKeyPressEventArgs>;
|
|
869
877
|
/**
|
|
870
878
|
* Event callback that is raised when the TreeView node is checked/unchecked successfully.
|
|
871
879
|
*
|
|
872
|
-
* @event
|
|
880
|
+
* @event nodeChecked
|
|
873
881
|
*/
|
|
874
882
|
nodeChecked: EmitType<NodeCheckEventArgs>;
|
|
875
883
|
/**
|
|
876
884
|
* Event callback that is raised before the TreeView node is to be checked/unchecked.
|
|
877
885
|
*
|
|
878
|
-
* @event
|
|
886
|
+
* @event nodeChecking
|
|
879
887
|
*/
|
|
880
888
|
nodeChecking: EmitType<NodeCheckEventArgs>;
|
|
881
889
|
/**
|
|
882
890
|
* Event callback that is raised when the TreeView node is clicked successfully.
|
|
883
891
|
*
|
|
884
|
-
* @event
|
|
892
|
+
* @event nodeClicked
|
|
885
893
|
*/
|
|
886
894
|
nodeClicked: EmitType<NodeClickEventArgs>;
|
|
887
895
|
/**
|
|
888
896
|
* Event callback that is raised when the TreeView node collapses successfully.
|
|
889
897
|
*
|
|
890
|
-
* @event
|
|
898
|
+
* @event nodeCollapsed
|
|
891
899
|
*/
|
|
892
900
|
nodeCollapsed: EmitType<NodeExpandEventArgs>;
|
|
893
901
|
/**
|
|
894
902
|
* Event callback that is raised before the TreeView node collapses.
|
|
895
903
|
*
|
|
896
|
-
* @event
|
|
904
|
+
* @event nodeCollapsing
|
|
897
905
|
*/
|
|
898
906
|
nodeCollapsing: EmitType<NodeExpandEventArgs>;
|
|
899
907
|
/**
|
|
900
908
|
* Event callback that is raised when the TreeView node is dragged (moved) continuously.
|
|
901
909
|
*
|
|
902
910
|
|
|
903
|
-
* @event
|
|
911
|
+
* @event nodeDragging
|
|
904
912
|
*/
|
|
905
913
|
nodeDragging: EmitType<DragAndDropEventArgs>;
|
|
906
914
|
/**
|
|
907
915
|
* Event callback that is raised when the TreeView node drag (move) starts.
|
|
908
916
|
*
|
|
909
|
-
* @event
|
|
917
|
+
* @event nodeDragStart
|
|
910
918
|
*/
|
|
911
919
|
nodeDragStart: EmitType<DragAndDropEventArgs>;
|
|
912
920
|
/**
|
|
913
921
|
* Event callback that is raised when the TreeView node drag (move) is stopped.
|
|
914
922
|
*
|
|
915
|
-
* @event
|
|
923
|
+
* @event nodeDragStop
|
|
916
924
|
*/
|
|
917
925
|
nodeDragStop: EmitType<DragAndDropEventArgs>;
|
|
918
926
|
/**
|
|
919
927
|
* Event callback that is raised when the TreeView node is dropped on target element successfully.
|
|
920
928
|
*
|
|
921
|
-
* @event
|
|
929
|
+
* @event nodeDropped
|
|
922
930
|
*/
|
|
923
931
|
nodeDropped: EmitType<DragAndDropEventArgs>;
|
|
924
932
|
/**
|
|
925
933
|
* Event callback that is raised when the TreeView node is renamed successfully.
|
|
926
934
|
*
|
|
927
|
-
* @event
|
|
935
|
+
* @event nodeEdited
|
|
928
936
|
*/
|
|
929
937
|
nodeEdited: EmitType<NodeEditEventArgs>;
|
|
930
938
|
/**
|
|
931
939
|
* Event callback that is raised before the TreeView node is renamed.
|
|
932
940
|
*
|
|
933
|
-
* @event
|
|
941
|
+
* @event nodeEditing
|
|
934
942
|
*/
|
|
935
943
|
nodeEditing: EmitType<NodeEditEventArgs>;
|
|
936
944
|
/**
|
|
937
945
|
* Event callback that is raised when the TreeView node expands successfully.
|
|
938
946
|
*
|
|
939
|
-
* @event
|
|
947
|
+
* @event nodeExpanded
|
|
940
948
|
*/
|
|
941
949
|
nodeExpanded: EmitType<NodeExpandEventArgs>;
|
|
942
950
|
/**
|
|
943
951
|
* Event callback that is raised before the TreeView node is to be expanded.
|
|
944
952
|
*
|
|
945
|
-
* @event
|
|
953
|
+
* @event nodeExpanding
|
|
946
954
|
*/
|
|
947
955
|
nodeExpanding: EmitType<NodeExpandEventArgs>;
|
|
948
956
|
/**
|
|
949
957
|
* Event callback that is raised when the TreeView node is selected/unselected successfully.
|
|
950
958
|
*
|
|
951
|
-
* @event
|
|
959
|
+
* @event nodeSelected
|
|
952
960
|
*/
|
|
953
961
|
nodeSelected: EmitType<NodeSelectEventArgs>;
|
|
954
962
|
/**
|
|
955
963
|
* Event callback that is raised before the TreeView node is selected/unselected.
|
|
956
964
|
*
|
|
957
|
-
* @event
|
|
965
|
+
* @event nodeSelecting
|
|
958
966
|
*/
|
|
959
967
|
nodeSelecting: EmitType<NodeSelectEventArgs>;
|
|
960
968
|
constructor(options?: TreeViewModel, element?: string | HTMLElement);
|
|
@@ -1000,22 +1008,41 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1000
1008
|
private renderItems;
|
|
1001
1009
|
/**
|
|
1002
1010
|
* Update the checkedNodes from datasource at initial rendering
|
|
1011
|
+
*
|
|
1012
|
+
* @returns {void}
|
|
1003
1013
|
*/
|
|
1004
1014
|
private updateCheckedStateFromDS;
|
|
1005
1015
|
/**
|
|
1006
1016
|
* To check whether the list data has sub child and to change the parent check state accordingly
|
|
1017
|
+
*
|
|
1018
|
+
* @param {FieldsSettingsModel} mapper - The mapper object containing field settings.
|
|
1019
|
+
* @param {Object[]} checkNodes - The array of checked nodes.
|
|
1020
|
+
* @returns {void}
|
|
1021
|
+
* @private
|
|
1007
1022
|
*/
|
|
1008
1023
|
private getCheckedNodeDetails;
|
|
1009
1024
|
/**
|
|
1010
1025
|
* Update the checkedNodes and parent state when all the child Nodes are in checkedstate at initial rendering
|
|
1026
|
+
*
|
|
1027
|
+
* @returns {void}
|
|
1028
|
+
* @private
|
|
1011
1029
|
*/
|
|
1012
1030
|
private updateParentCheckState;
|
|
1013
1031
|
/**
|
|
1014
1032
|
* Change the parent to indeterminate state whenever the child is in checked state which is not rendered in DOM
|
|
1033
|
+
*
|
|
1034
|
+
* @param {Object} data - The data object to check for indeterminate state.
|
|
1035
|
+
* @returns {void}
|
|
1036
|
+
* @private
|
|
1015
1037
|
*/
|
|
1016
1038
|
private checkIndeterminateState;
|
|
1017
1039
|
/**
|
|
1018
1040
|
* Update the checkedNodes for child and subchild from datasource (hierarchical datasource) at initial rendering
|
|
1041
|
+
*
|
|
1042
|
+
* @param {Object[]} childItems - The array of child items to update the checked state.
|
|
1043
|
+
* @param {Object} treeData - The tree data object containing field values.
|
|
1044
|
+
* @returns {void}
|
|
1045
|
+
* @private
|
|
1019
1046
|
*/
|
|
1020
1047
|
private updateChildCheckState;
|
|
1021
1048
|
private beforeNodeCreate;
|
|
@@ -1033,14 +1060,32 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1033
1060
|
private updateFieldChecked;
|
|
1034
1061
|
/**
|
|
1035
1062
|
* Changes the parent and child check state while changing the checkedNodes via setmodel
|
|
1063
|
+
*
|
|
1064
|
+
* @param {string} node - The unique identifier of the node.
|
|
1065
|
+
* @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
|
|
1066
|
+
* @returns {void}
|
|
1067
|
+
* @private
|
|
1036
1068
|
*/
|
|
1037
1069
|
private dynamicCheckState;
|
|
1038
1070
|
/**
|
|
1039
1071
|
* updates the parent and child check state while changing the checkedNodes via setmodel for listData
|
|
1072
|
+
*
|
|
1073
|
+
* @param {string} node - The unique identifier of the node.
|
|
1074
|
+
* @param {boolean} doCheck - A boolean value indicating whether to check or uncheck the node.
|
|
1075
|
+
* @returns {void}
|
|
1076
|
+
* @private
|
|
1040
1077
|
*/
|
|
1041
1078
|
private updateIndeterminate;
|
|
1042
1079
|
/**
|
|
1043
1080
|
* updates the parent and child check state while changing the checkedNodes via setmodel for hierarchical data
|
|
1081
|
+
*
|
|
1082
|
+
* @param {Object[]} subChild - Array of child nodes
|
|
1083
|
+
* @param {string} parent - Parent identifier
|
|
1084
|
+
* @param {string} node - Current node identifier
|
|
1085
|
+
* @param {boolean} doCheck - Boolean indicating whether to perform a check
|
|
1086
|
+
* @param {string} [child] - Optional child identifier
|
|
1087
|
+
* @returns {void}
|
|
1088
|
+
* @private
|
|
1044
1089
|
*/
|
|
1045
1090
|
private updateChildIndeterminate;
|
|
1046
1091
|
private changeState;
|
|
@@ -1076,6 +1121,9 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1076
1121
|
private disableTreeNodes;
|
|
1077
1122
|
/**
|
|
1078
1123
|
* Sets the child Item in selectedState while rendering the child node
|
|
1124
|
+
*
|
|
1125
|
+
* @param {Object[]} nodes - Array of nodes
|
|
1126
|
+
* @returns {void}
|
|
1079
1127
|
*/
|
|
1080
1128
|
private setSelectionForChildNodes;
|
|
1081
1129
|
private ensureCheckNode;
|
|
@@ -1111,11 +1159,21 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1111
1159
|
private nodeCheckingAction;
|
|
1112
1160
|
/**
|
|
1113
1161
|
* Update checkedNodes when UI interaction happens before the child node renders in DOM
|
|
1162
|
+
*
|
|
1163
|
+
* @param {Element} li - The list item element
|
|
1164
|
+
* @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
|
|
1165
|
+
* @returns {void}
|
|
1114
1166
|
*/
|
|
1115
1167
|
private ensureStateChange;
|
|
1116
1168
|
private getChildItems;
|
|
1117
1169
|
/**
|
|
1118
1170
|
* Update checkedNodes when UI interaction happens before the child node renders in DOM for hierarchical DS
|
|
1171
|
+
*
|
|
1172
|
+
* @param {Object[]} childItems - Array of child items
|
|
1173
|
+
* @param {string} parent - Parent identifier
|
|
1174
|
+
* @param {Element} childElement - Child DOM element
|
|
1175
|
+
* @param {boolean} [doCheck] - Optional parameter to specify whether to perform a check
|
|
1176
|
+
* @returns {void}
|
|
1119
1177
|
*/
|
|
1120
1178
|
private childStateChange;
|
|
1121
1179
|
private allCheckNode;
|
|
@@ -1222,10 +1280,20 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1222
1280
|
private setCheckedNodes;
|
|
1223
1281
|
/**
|
|
1224
1282
|
* Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel
|
|
1283
|
+
*
|
|
1284
|
+
* @param {string} node - The unique identifier of the node.
|
|
1285
|
+
* @returns {void}
|
|
1286
|
+
* @private
|
|
1225
1287
|
*/
|
|
1226
1288
|
private setValidCheckedNode;
|
|
1227
1289
|
/**
|
|
1228
1290
|
* Checks whether the checkedNodes entered are valid and sets the valid checkedNodes while changing via setmodel(for hierarchical DS)
|
|
1291
|
+
*
|
|
1292
|
+
* @param {Object[]} childItems - The child items to check.
|
|
1293
|
+
* @param {string} node - The node to set the check state for.
|
|
1294
|
+
* @param {Object} [treeData] - The optional tree data.
|
|
1295
|
+
* @returns {void}
|
|
1296
|
+
* @private
|
|
1229
1297
|
*/
|
|
1230
1298
|
private setChildCheckState;
|
|
1231
1299
|
private setIndeterminate;
|
|
@@ -1241,23 +1309,28 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1241
1309
|
private getHierarchicalParentId;
|
|
1242
1310
|
/**
|
|
1243
1311
|
* Called internally if any of the property value changed.
|
|
1244
|
-
*
|
|
1245
|
-
* @param
|
|
1246
|
-
* @
|
|
1312
|
+
*
|
|
1313
|
+
* @param {TreeViewModel} newProp - The new property value.
|
|
1314
|
+
* @param {TreeViewModel} oldProp - The old property value.
|
|
1315
|
+
* @returns {void}
|
|
1247
1316
|
* @private
|
|
1248
1317
|
*/
|
|
1249
1318
|
onPropertyChanged(newProp: TreeViewModel, oldProp: TreeViewModel): void;
|
|
1250
1319
|
/**
|
|
1251
1320
|
* Removes the component from the DOM and detaches all its related event handlers. It also removes the attributes and classes.
|
|
1321
|
+
*
|
|
1322
|
+
* @returns {void}
|
|
1252
1323
|
*/
|
|
1253
1324
|
destroy(): void;
|
|
1254
1325
|
/**
|
|
1255
1326
|
* Adds the collection of TreeView nodes based on target and index position. If target node is not specified,
|
|
1256
1327
|
* then the nodes are added as children of the given parentID or in the root level of TreeView.
|
|
1257
|
-
*
|
|
1328
|
+
*
|
|
1329
|
+
* @param { object } nodes - Specifies the array of JSON data that has to be added.
|
|
1258
1330
|
* @param { string | Element } target - Specifies ID of TreeView node/TreeView node as target element.
|
|
1259
1331
|
* @param { number } index - Specifies the index to place the newly added nodes in the target element.
|
|
1260
1332
|
* @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
|
|
1333
|
+
* @returns {void}
|
|
1261
1334
|
*/
|
|
1262
1335
|
addNodes(nodes: {
|
|
1263
1336
|
[key: string]: Object;
|
|
@@ -1266,61 +1339,81 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1266
1339
|
* Editing can also be enabled by using the `beginEdit` property, instead of clicking on the
|
|
1267
1340
|
* TreeView node. On passing the node ID or element through this property, the edit textBox
|
|
1268
1341
|
* will be created for the particular node thus allowing us to edit it.
|
|
1342
|
+
*
|
|
1269
1343
|
* @param {string | Element} node - Specifies ID of TreeView node/TreeView node.
|
|
1344
|
+
* @returns {void}
|
|
1270
1345
|
*/
|
|
1271
1346
|
beginEdit(node: string | Element): void;
|
|
1272
1347
|
/**
|
|
1273
1348
|
* Checks all the unchecked nodes. You can also check specific nodes by passing array of unchecked nodes
|
|
1274
1349
|
* as argument to this method.
|
|
1350
|
+
*
|
|
1275
1351
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
|
|
1352
|
+
* @returns {void}
|
|
1276
1353
|
*/
|
|
1277
1354
|
checkAll(nodes?: string[] | Element[]): void;
|
|
1278
1355
|
/**
|
|
1279
1356
|
* Collapses all the expanded TreeView nodes. You can collapse specific nodes by passing array of nodes as argument to this method.
|
|
1280
1357
|
* You can also collapse all the nodes excluding the hidden nodes by setting **excludeHiddenNodes** to true. If you want to collapse
|
|
1281
1358
|
* a specific level of nodes, set **level** as argument to collapseAll method.
|
|
1359
|
+
*
|
|
1282
1360
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/ array of TreeView node.
|
|
1283
1361
|
* @param {number} level - TreeView nodes will collapse up to the given level.
|
|
1284
1362
|
* @param {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes of TreeView when collapsing all nodes.
|
|
1363
|
+
* @returns {void}
|
|
1285
1364
|
*/
|
|
1286
1365
|
collapseAll(nodes?: string[] | Element[], level?: number, excludeHiddenNodes?: boolean): void;
|
|
1287
1366
|
/**
|
|
1288
1367
|
* Disables the collection of nodes by passing the ID of nodes or node elements in the array.
|
|
1368
|
+
*
|
|
1289
1369
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
|
|
1370
|
+
* @returns {void}
|
|
1290
1371
|
*/
|
|
1291
1372
|
disableNodes(nodes: string[] | Element[]): void;
|
|
1292
1373
|
/**
|
|
1293
1374
|
* Enables the collection of disabled nodes by passing the ID of nodes or node elements in the array.
|
|
1375
|
+
*
|
|
1294
1376
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
|
|
1377
|
+
* @returns {void}
|
|
1295
1378
|
*/
|
|
1296
1379
|
enableNodes(nodes: string[] | Element[]): void;
|
|
1297
1380
|
/**
|
|
1298
1381
|
* Ensures visibility of the TreeView node by using node ID or node element.
|
|
1299
1382
|
* When many TreeView nodes are present and we need to find a particular node, `ensureVisible` property
|
|
1300
1383
|
* helps bring the node to visibility by expanding the TreeView and scrolling to the specific node.
|
|
1384
|
+
*
|
|
1301
1385
|
* @param {string | Element} node - Specifies ID of TreeView node/TreeView nodes.
|
|
1386
|
+
* @returns {void}
|
|
1302
1387
|
*/
|
|
1303
1388
|
ensureVisible(node: string | Element): void;
|
|
1304
1389
|
/**
|
|
1305
1390
|
* Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes
|
|
1306
1391
|
* as argument to this method. You can also expand all the collapsed nodes by excluding the hidden nodes by setting
|
|
1307
1392
|
* **excludeHiddenNodes** to true to this method. To expand a specific level of nodes, set **level** as argument to expandAll method.
|
|
1393
|
+
*
|
|
1308
1394
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView nodes.
|
|
1309
1395
|
* @param {number} level - TreeView nodes will expand up to the given level.
|
|
1310
1396
|
* @param {boolean} excludeHiddenNodes - Whether or not to exclude hidden nodes when expanding all nodes.
|
|
1397
|
+
* @returns {void}
|
|
1311
1398
|
*/
|
|
1312
1399
|
expandAll(nodes?: string[] | Element[], level?: number, excludeHiddenNodes?: boolean): void;
|
|
1313
1400
|
/**
|
|
1314
1401
|
* Gets all the checked nodes including child, whether it is loaded or not.
|
|
1402
|
+
*
|
|
1403
|
+
* @returns {string[]} - An array of strings representing the unique identifiers of checked nodes.
|
|
1315
1404
|
*/
|
|
1316
1405
|
getAllCheckedNodes(): string[];
|
|
1317
1406
|
/**
|
|
1318
|
-
|
|
1319
|
-
|
|
1407
|
+
* Gets all the disabled nodes including child, whether it is loaded or not.
|
|
1408
|
+
*
|
|
1409
|
+
* @returns {string[]} An array of strings representing the unique identifiers of disabled nodes.
|
|
1410
|
+
*/
|
|
1320
1411
|
getDisabledNodes(): string[];
|
|
1321
1412
|
/**
|
|
1322
1413
|
* Gets the node's data such as id, text, parentID, selected, isChecked, and expanded by passing the node element or it's ID.
|
|
1414
|
+
*
|
|
1323
1415
|
* @param {string | Element} node - Specifies ID of TreeView node/TreeView node.
|
|
1416
|
+
* @returns {Object} - The data associated with the specified node.
|
|
1324
1417
|
*/
|
|
1325
1418
|
getNode(node: string | Element): {
|
|
1326
1419
|
[key: string]: Object;
|
|
@@ -1331,43 +1424,55 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
|
|
|
1331
1424
|
* * If you pass the ID of TreeView node as arguments for this method then it will return the updated data source
|
|
1332
1425
|
* of the corresponding node otherwise it will return the entire updated data source of TreeView.
|
|
1333
1426
|
* * The updated data source also contains custom attributes if you specified in data source.
|
|
1427
|
+
*
|
|
1334
1428
|
* @param {string | Element} node - Specifies ID of TreeView node/TreeView node.
|
|
1335
1429
|
* @isGenericType true
|
|
1430
|
+
* @returns {Object} - The tree data associated with the specified node or element.
|
|
1336
1431
|
*/
|
|
1337
1432
|
getTreeData(node?: string | Element): {
|
|
1338
1433
|
[key: string]: Object;
|
|
1339
1434
|
}[];
|
|
1340
1435
|
/**
|
|
1341
1436
|
* Moves the collection of nodes within the same TreeView based on target or its index position.
|
|
1437
|
+
*
|
|
1342
1438
|
* @param {string[] | Element[]} sourceNodes - Specifies the array of TreeView nodes ID/array of TreeView node.
|
|
1343
1439
|
* @param {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
|
|
1344
1440
|
* @param {number} index - Specifies the index to place the moved nodes in the target element.
|
|
1345
1441
|
* @param { boolean } preventTargetExpand - If set to true, the target parent node will be prevented from auto expanding.
|
|
1442
|
+
* @returns {void}
|
|
1346
1443
|
*/
|
|
1347
1444
|
moveNodes(sourceNodes: string[] | Element[], target: string | Element, index: number, preventTargetExpand?: boolean): void;
|
|
1348
1445
|
/**
|
|
1349
1446
|
* Refreshes a particular node of the TreeView.
|
|
1447
|
+
*
|
|
1350
1448
|
* @param {string | Element} target - Specifies the ID of TreeView node or TreeView node as target element.
|
|
1351
|
-
* @param {
|
|
1449
|
+
* @param {Object[]} newData - Specifies the new data of TreeView node.
|
|
1450
|
+
* @returns {void}
|
|
1352
1451
|
*/
|
|
1353
1452
|
refreshNode(target: string | Element, newData: {
|
|
1354
1453
|
[key: string]: Object;
|
|
1355
1454
|
}[]): void;
|
|
1356
1455
|
/**
|
|
1357
1456
|
* Removes the collection of TreeView nodes by passing the array of node details as argument to this method.
|
|
1457
|
+
*
|
|
1358
1458
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
|
|
1459
|
+
* @returns {void}
|
|
1359
1460
|
*/
|
|
1360
1461
|
removeNodes(nodes: string[] | Element[]): void;
|
|
1361
1462
|
/**
|
|
1362
1463
|
* Replaces the text of the TreeView node with the given text.
|
|
1464
|
+
*
|
|
1363
1465
|
* @param {string | Element} target - Specifies ID of TreeView node/TreeView node as target element.
|
|
1364
1466
|
* @param {string} newText - Specifies the new text of TreeView node.
|
|
1467
|
+
* @returns {void}
|
|
1365
1468
|
*/
|
|
1366
1469
|
updateNode(target: string | Element, newText: string): void;
|
|
1367
1470
|
/**
|
|
1368
1471
|
* Unchecks all the checked nodes. You can also uncheck the specific nodes by passing array of checked nodes
|
|
1369
1472
|
* as argument to this method.
|
|
1473
|
+
*
|
|
1370
1474
|
* @param {string[] | Element[]} nodes - Specifies the array of TreeView nodes ID/array of TreeView node.
|
|
1475
|
+
* @returns {void}
|
|
1371
1476
|
*/
|
|
1372
1477
|
uncheckAll(nodes?: string[] | Element[]): void;
|
|
1373
1478
|
}
|