@syncfusion/ej2-angular-navigations 32.1.19-ngcc → 32.1.19

package/src/toolbar/toolbar.component.d.ts

@@ -1,35 +1,38 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@angular/core';
-import { IComponentBase } from '@syncfusion/ej2-angular-base';
-import { Toolbar } from '@syncfusion/ej2-navigations';
-import { ItemsDirective } from './items.directive';
-export declare const inputs: string[];
-export declare const outputs: string[];
-export declare const twoWays: string[];
-/**
- * Represents the Angular Toolbar Component.
- * ```html
- * <ejs-toolbar></ejs-toolbar>
- * ```
- */
-export declare class ToolbarComponent extends Toolbar implements IComponentBase {
-    private ngEle;
-    private srenderer;
-    private viewContainerRef;
-    private injector;
-    containerContext: any;
-    tagObjects: any;
-    beforeCreate: any;
-    clicked: any;
-    created: any;
-    destroyed: any;
-    keyDown: any;
-    childItems: QueryList<ItemsDirective>;
-    tags: string[];
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ngAfterContentChecked(): void;
-    registerEvents: (eventList: string[]) => void;
-    addTwoWay: (propList: string[]) => void;
-}
+import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { Toolbar } from '@syncfusion/ej2-navigations';
+import { ItemsDirective } from './items.directive';
+import * as i0 from "@angular/core";
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * Represents the Angular Toolbar Component.
+ * ```html
+ * <ejs-toolbar></ejs-toolbar>
+ * ```
+ */
+export declare class ToolbarComponent extends Toolbar implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    containerContext: any;
+    tagObjects: any;
+    beforeCreate: any;
+    clicked: any;
+    created: any;
+    destroyed: any;
+    keyDown: any;
+    childItems: QueryList<ItemsDirective>;
+    tags: string[];
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ejs-toolbar", never, { "allowKeyboard": "allowKeyboard"; "cssClass": "cssClass"; "enableCollision": "enableCollision"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "height": "height"; "items": "items"; "locale": "locale"; "overflowMode": "overflowMode"; "scrollStep": "scrollStep"; "width": "width"; }, { "beforeCreate": "beforeCreate"; "clicked": "clicked"; "created": "created"; "destroyed": "destroyed"; "keyDown": "keyDown"; }, ["childItems"], ["div"]>;
+}

package/src/toolbar/toolbar.module.d.ts

@@ -1,5 +1,12 @@
-/**
- * NgModule definition for the Toolbar component.
- */
-export declare class ToolbarModule {
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./toolbar.component";
+import * as i2 from "./items.directive";
+import * as i3 from "@angular/common";
+/**
+ * NgModule definition for the Toolbar component.
+ */
+export declare class ToolbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective], [typeof i3.CommonModule], [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
+}

package/src/treeview/treeview-all.module.d.ts

@@ -1,5 +1,11 @@
-/**
- * NgModule definition for the TreeView component with providers.
- */
-export declare class TreeViewAllModule {
-}
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./treeview.module";
+/**
+ * NgModule definition for the TreeView component with providers.
+ */
+export declare class TreeViewAllModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewAllModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewAllModule, never, [typeof i1.CommonModule, typeof i2.TreeViewModule], [typeof i2.TreeViewModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewAllModule>;
+}

package/src/treeview/treeview.component.d.ts

@@ -1,62 +1,65 @@
-import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
-import { IComponentBase } from '@syncfusion/ej2-angular-base';
-import { TreeView } from '@syncfusion/ej2-navigations';
-export declare const inputs: string[];
-export declare const outputs: string[];
-export declare const twoWays: string[];
-/**
- * TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with check-box and more.
- * ```html
- * <ej-treeview allowDragAndDrop='true'></ej-treeview>
- * ```
- */
-export declare class TreeViewComponent extends TreeView implements IComponentBase {
-    private ngEle;
-    private srenderer;
-    private viewContainerRef;
-    private injector;
-    context: any;
-    tagObjects: any;
-    actionFailure: any;
-    created: any;
-    dataBound: any;
-    dataSourceChanged: any;
-    destroyed: any;
-    drawNode: any;
-    keyPress: any;
-    nodeChecked: any;
-    nodeChecking: any;
-    nodeClicked: any;
-    nodeCollapsed: any;
-    nodeCollapsing: any;
-    nodeDragStart: any;
-    nodeDragStop: any;
-    nodeDragging: any;
-    nodeDropped: any;
-    nodeEdited: any;
-    nodeEditing: any;
-    nodeExpanded: any;
-    nodeExpanding: any;
-    nodeSelected: any;
-    nodeSelecting: any;
-    /**
-     * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
-     * is set, the template content overrides the displayed node text. The property accepts template string
-     * [template string](https://ej2.syncfusion.com/documentation/common/template-engine/)
-     * or HTML element ID holding the content. For more information on template concept, refer to
-     * [Template](../../treeview/template/).
-     * @default null
-     * @angulartype string | object
-     * @reacttype string | function | JSX.Element
-     * @vuetype string | function
-     * @asptype string
-     */
-    nodeTemplate: any;
-    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ngAfterContentChecked(): void;
-    registerEvents: (eventList: string[]) => void;
-    addTwoWay: (propList: string[]) => void;
-}
+import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { TreeView } from '@syncfusion/ej2-navigations';
+import * as i0 from "@angular/core";
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with check-box and more.
+ * ```html
+ * <ej-treeview allowDragAndDrop='true'></ej-treeview>
+ * ```
+ */
+export declare class TreeViewComponent extends TreeView implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    context: any;
+    tagObjects: any;
+    actionFailure: any;
+    created: any;
+    dataBound: any;
+    dataSourceChanged: any;
+    destroyed: any;
+    drawNode: any;
+    keyPress: any;
+    nodeChecked: any;
+    nodeChecking: any;
+    nodeClicked: any;
+    nodeCollapsed: any;
+    nodeCollapsing: any;
+    nodeDragStart: any;
+    nodeDragStop: any;
+    nodeDragging: any;
+    nodeDropped: any;
+    nodeEdited: any;
+    nodeEditing: any;
+    nodeExpanded: any;
+    nodeExpanding: any;
+    nodeSelected: any;
+    nodeSelecting: any;
+    /**
+     * Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
+     * is set, the template content overrides the displayed node text. The property accepts template string
+     * [template string](https://ej2.syncfusion.com/documentation/common/template-engine/)
+     * or HTML element ID holding the content. For more information on template concept, refer to
+     * [Template](../../treeview/template/).
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    nodeTemplate: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "ejs-treeview", never, { "allowDragAndDrop": "allowDragAndDrop"; "allowEditing": "allowEditing"; "allowMultiSelection": "allowMultiSelection"; "allowTextWrap": "allowTextWrap"; "animation": "animation"; "autoCheck": "autoCheck"; "checkDisabledChildren": "checkDisabledChildren"; "checkOnClick": "checkOnClick"; "checkedNodes": "checkedNodes"; "cssClass": "cssClass"; "disabled": "disabled"; "dragArea": "dragArea"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "expandOn": "expandOn"; "expandedNodes": "expandedNodes"; "fields": "fields"; "fullRowNavigable": "fullRowNavigable"; "fullRowSelect": "fullRowSelect"; "loadOnDemand": "loadOnDemand"; "locale": "locale"; "nodeTemplate": "nodeTemplate"; "selectedNodes": "selectedNodes"; "showCheckBox": "showCheckBox"; "sortOrder": "sortOrder"; }, { "actionFailure": "actionFailure"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "destroyed": "destroyed"; "drawNode": "drawNode"; "keyPress": "keyPress"; "nodeChecked": "nodeChecked"; "nodeChecking": "nodeChecking"; "nodeClicked": "nodeClicked"; "nodeCollapsed": "nodeCollapsed"; "nodeCollapsing": "nodeCollapsing"; "nodeDragStart": "nodeDragStart"; "nodeDragStop": "nodeDragStop"; "nodeDragging": "nodeDragging"; "nodeDropped": "nodeDropped"; "nodeEdited": "nodeEdited"; "nodeEditing": "nodeEditing"; "nodeExpanded": "nodeExpanded"; "nodeExpanding": "nodeExpanding"; "nodeSelected": "nodeSelected"; "nodeSelecting": "nodeSelecting"; }, ["nodeTemplate"], never>;
+}

package/src/treeview/treeview.module.d.ts

@@ -1,5 +1,11 @@
-/**
- * NgModule definition for the TreeView component.
- */
-export declare class TreeViewModule {
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./treeview.component";
+import * as i2 from "@angular/common";
+/**
+ * NgModule definition for the TreeView component.
+ */
+export declare class TreeViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewModule, [typeof i1.TreeViewComponent], [typeof i2.CommonModule], [typeof i1.TreeViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewModule>;
+}

package/styles/accordion/bds.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bds.scss';
+@use 'ej2-navigations/styles/accordion/bds' as *;

package/styles/accordion/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap-dark.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap-dark' as *;

package/styles/accordion/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap' as *;

package/styles/accordion/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap4.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap4' as *;

package/styles/accordion/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5-dark.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5-dark' as *;

package/styles/accordion/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5.3.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5.3' as *;

package/styles/accordion/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5' as *;

package/styles/accordion/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fabric-dark.scss';
+@use 'ej2-navigations/styles/accordion/fabric-dark' as *;

package/styles/accordion/fabric.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fabric.scss';
+@use 'ej2-navigations/styles/accordion/fabric' as *;

package/styles/accordion/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent-dark.scss';
+@use 'ej2-navigations/styles/accordion/fluent-dark' as *;

package/styles/accordion/fluent.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent.scss';
+@use 'ej2-navigations/styles/accordion/fluent' as *;

package/styles/accordion/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent2.scss';
+@use 'ej2-navigations/styles/accordion/fluent2' as *;

package/styles/accordion/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/highcontrast-light.scss';
+@use 'ej2-navigations/styles/accordion/highcontrast-light' as *;

package/styles/accordion/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/highcontrast.scss';
+@use 'ej2-navigations/styles/accordion/highcontrast' as *;

package/styles/accordion/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/material-dark.scss';
+@use 'ej2-navigations/styles/accordion/material-dark' as *;

package/styles/accordion/material.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/material.scss';
+@use 'ej2-navigations/styles/accordion/material' as *;

package/styles/accordion/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/accordion/material3-dark.scss';
+@use 'ej2-navigations/styles/accordion/material3-dark' as *;

package/styles/accordion/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/accordion/material3.scss';
+@use 'ej2-navigations/styles/accordion/material3' as *;

package/styles/accordion/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind-dark.scss';
+@use 'ej2-navigations/styles/accordion/tailwind-dark' as *;

package/styles/accordion/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind.scss';
+@use 'ej2-navigations/styles/accordion/tailwind' as *;

package/styles/accordion/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind3.scss';
+@use 'ej2-navigations/styles/accordion/tailwind3' as *;

package/styles/appbar/bds.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bds.scss';
+@use 'ej2-navigations/styles/appbar/bds' as *;

package/styles/appbar/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap-dark.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap-dark' as *;

package/styles/appbar/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap' as *;

package/styles/appbar/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap4.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap4' as *;

package/styles/appbar/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5-dark.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5-dark' as *;

package/styles/appbar/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5.3.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5.3' as *;

package/styles/appbar/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5' as *;

package/styles/appbar/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fabric-dark.scss';
+@use 'ej2-navigations/styles/appbar/fabric-dark' as *;

package/styles/appbar/fabric.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fabric.scss';
+@use 'ej2-navigations/styles/appbar/fabric' as *;

package/styles/appbar/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent-dark.scss';
+@use 'ej2-navigations/styles/appbar/fluent-dark' as *;

package/styles/appbar/fluent.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent.scss';
+@use 'ej2-navigations/styles/appbar/fluent' as *;

package/styles/appbar/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent2.scss';
+@use 'ej2-navigations/styles/appbar/fluent2' as *;

package/styles/appbar/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/highcontrast-light.scss';
+@use 'ej2-navigations/styles/appbar/highcontrast-light' as *;

package/styles/appbar/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/highcontrast.scss';
+@use 'ej2-navigations/styles/appbar/highcontrast' as *;

package/styles/appbar/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/material-dark.scss';
+@use 'ej2-navigations/styles/appbar/material-dark' as *;

package/styles/appbar/material.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/material.scss';
+@use 'ej2-navigations/styles/appbar/material' as *;

package/styles/appbar/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/appbar/material3-dark.scss';
+@use 'ej2-navigations/styles/appbar/material3-dark' as *;

package/styles/appbar/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/appbar/material3.scss';
+@use 'ej2-navigations/styles/appbar/material3' as *;

package/styles/appbar/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind-dark.scss';
+@use 'ej2-navigations/styles/appbar/tailwind-dark' as *;

package/styles/appbar/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind.scss';
+@use 'ej2-navigations/styles/appbar/tailwind' as *;

package/styles/appbar/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind3.scss';
+@use 'ej2-navigations/styles/appbar/tailwind3' as *;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bds-lite.scss';
+@use 'ej2-navigations/bds-lite' as *;

package/styles/bds.scss

@@ -1,14 +1,14 @@
-@import 'pager/bds.scss';
-@import 'h-scroll/bds.scss';
-@import 'v-scroll/bds.scss';
-@import 'toolbar/bds.scss';
-@import 'accordion/bds.scss';
-@import 'carousel/bds.scss';
-@import 'context-menu/bds.scss';
-@import 'tab/bds.scss';
-@import 'treeview/bds.scss';
-@import 'sidebar/bds.scss';
-@import 'menu/bds.scss';
-@import 'breadcrumb/bds.scss';
-@import 'appbar/bds.scss';
-@import 'stepper/bds.scss';
+@use 'pager/bds' as *;
+@use 'h-scroll/bds' as *;
+@use 'v-scroll/bds' as *;
+@use 'toolbar/bds' as *;
+@use 'accordion/bds' as *;
+@use 'carousel/bds' as *;
+@use 'context-menu/bds' as *;
+@use 'tab/bds' as *;
+@use 'treeview/bds' as *;
+@use 'sidebar/bds' as *;
+@use 'menu/bds' as *;
+@use 'breadcrumb/bds' as *;
+@use 'appbar/bds' as *;
+@use 'stepper/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap-dark-lite.scss';
+@use 'ej2-navigations/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap-dark.scss';
-@import 'h-scroll/bootstrap-dark.scss';
-@import 'v-scroll/bootstrap-dark.scss';
-@import 'toolbar/bootstrap-dark.scss';
-@import 'accordion/bootstrap-dark.scss';
-@import 'carousel/bootstrap-dark.scss';
-@import 'context-menu/bootstrap-dark.scss';
-@import 'tab/bootstrap-dark.scss';
-@import 'treeview/bootstrap-dark.scss';
-@import 'sidebar/bootstrap-dark.scss';
-@import 'menu/bootstrap-dark.scss';
-@import 'breadcrumb/bootstrap-dark.scss';
-@import 'appbar/bootstrap-dark.scss';
-@import 'stepper/bootstrap-dark.scss';
+@use 'pager/bootstrap-dark' as *;
+@use 'h-scroll/bootstrap-dark' as *;
+@use 'v-scroll/bootstrap-dark' as *;
+@use 'toolbar/bootstrap-dark' as *;
+@use 'accordion/bootstrap-dark' as *;
+@use 'carousel/bootstrap-dark' as *;
+@use 'context-menu/bootstrap-dark' as *;
+@use 'tab/bootstrap-dark' as *;
+@use 'treeview/bootstrap-dark' as *;
+@use 'sidebar/bootstrap-dark' as *;
+@use 'menu/bootstrap-dark' as *;
+@use 'breadcrumb/bootstrap-dark' as *;
+@use 'appbar/bootstrap-dark' as *;
+@use 'stepper/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap-lite.scss';
+@use 'ej2-navigations/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap.scss';
-@import 'h-scroll/bootstrap.scss';
-@import 'v-scroll/bootstrap.scss';
-@import 'toolbar/bootstrap.scss';
-@import 'accordion/bootstrap.scss';
-@import 'carousel/bootstrap.scss';
-@import 'context-menu/bootstrap.scss';
-@import 'tab/bootstrap.scss';
-@import 'treeview/bootstrap.scss';
-@import 'sidebar/bootstrap.scss';
-@import 'menu/bootstrap.scss';
-@import 'breadcrumb/bootstrap.scss';
-@import 'appbar/bootstrap.scss';
-@import 'stepper/bootstrap.scss';
+@use 'pager/bootstrap' as *;
+@use 'h-scroll/bootstrap' as *;
+@use 'v-scroll/bootstrap' as *;
+@use 'toolbar/bootstrap' as *;
+@use 'accordion/bootstrap' as *;
+@use 'carousel/bootstrap' as *;
+@use 'context-menu/bootstrap' as *;
+@use 'tab/bootstrap' as *;
+@use 'treeview/bootstrap' as *;
+@use 'sidebar/bootstrap' as *;
+@use 'menu/bootstrap' as *;
+@use 'breadcrumb/bootstrap' as *;
+@use 'appbar/bootstrap' as *;
+@use 'stepper/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap4-lite.scss';
+@use 'ej2-navigations/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap4.scss';
-@import 'h-scroll/bootstrap4.scss';
-@import 'v-scroll/bootstrap4.scss';
-@import 'toolbar/bootstrap4.scss';
-@import 'accordion/bootstrap4.scss';
-@import 'carousel/bootstrap4.scss';
-@import 'context-menu/bootstrap4.scss';
-@import 'tab/bootstrap4.scss';
-@import 'treeview/bootstrap4.scss';
-@import 'sidebar/bootstrap4.scss';
-@import 'menu/bootstrap4.scss';
-@import 'breadcrumb/bootstrap4.scss';
-@import 'appbar/bootstrap4.scss';
-@import 'stepper/bootstrap4.scss';
+@use 'pager/bootstrap4' as *;
+@use 'h-scroll/bootstrap4' as *;
+@use 'v-scroll/bootstrap4' as *;
+@use 'toolbar/bootstrap4' as *;
+@use 'accordion/bootstrap4' as *;
+@use 'carousel/bootstrap4' as *;
+@use 'context-menu/bootstrap4' as *;
+@use 'tab/bootstrap4' as *;
+@use 'treeview/bootstrap4' as *;
+@use 'sidebar/bootstrap4' as *;
+@use 'menu/bootstrap4' as *;
+@use 'breadcrumb/bootstrap4' as *;
+@use 'appbar/bootstrap4' as *;
+@use 'stepper/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-navigations/bootstrap5-dark-lite' as *;