/*!
*
* Wijmo Library 5.20251.40
* https://developer.mescius.com/wijmo
*
* Copyright(c) MESCIUS inc. All rights reserved.
*
* Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
* us.sales@mescius.com
* https://developer.mescius.com/wijmo/licensing
*
*/
/**
* {@module wijmo.angular.nav}
* AngularJS directives for wijmo.nav module
*/
/**
*
*/
export declare var ___keepComment: any;
import { WjDirective, WjLink } from 'wijmo/wijmo.angular.base';
import * as wjcNav from 'wijmo/wijmo.nav';
/**
* Angular module name, which can be used in the angular.module(moduleName)
* function to obtain a reference to the module .
*/
export declare const ngModuleName = "wj.nav";
/**
* AngularJS directive for the {@link TreeView} control.
*
* Use the wj-tree-view directive to add TreeView to your AngularJS applications.
* Note that directive and parameter names must be formatted as lower-case with dashes
* instead of camel-case. For example:
*
* <wj-tree-view items-source="items"
* display-member-path="ctx.displayMemberPath"
* child-items-path="ctx.childItemsPath"
* is-animated="ctx.isAnimated">
* </wj-tree-view>
*
* The wj-tree-view directive supports the following attributes:
*
*
* - items-source
=An array that contains the {@link TreeView} items. - child-items-path
@ A value indicating the name of the property (or properties)
* that contains the child items for each node.- control
= A reference to the {@link TreeView}
* control created by this directive. - display-member-path
@ A value indicating the name of the property (or properties)
* to use as the visual representation of the nodes. - image-member-path
@ A value indicating the name of the property (or properties) to
* use as a source of images for the nodes. - is-content-html
@ A value indicating whether whether items
* are bound to plain text or HTML. - initialized
& This event occurs after the binding has finished
* initializing the control with attribute values.- is-initialized
= A value indicating whether the binding has finished
* initializing the control with attribute values. - show-checkboxes
@ A value determines whether the {@link TreeView} should
* add checkboxes to nodes and manage their state.- auto-collapse
@ A value determines if sibling nodes should be collapsed
* when a node is expanded.- is-animated
@ A value indicating whether to use animations when expanding
* or collapsing nodes.- is-readOnly
@ A value determines whether users can edit the text in the
* nodes.- allow-dragging
@ A value determines whether users can drag and drop nodes
* within the {@link TreeView}.- expand-on-click
@ A value determines whether to expand collapsed nodes when
* the user clicks the node header.- selected-item
@ A value indicating the data item that is currently
* selected.- selected-node
@ A value indicating {@link TreeNode} that is currently
* selected.- checked-items
@ An array containing the items that are currently
* checked.- lazy-load-function
= A function that loads child nodes on demand.- items-source-changed
& The {@link TreeView.itemsSourceChanged} event handler.- loading-items
& The {@link TreeView.loadingItems} event handler.- loaded-items
& The {@link TreeView.loadedItems} event handler.- item-clicked
& The {@link TreeView.itemClicked} event handler.- selected-item-changed
& The {@link TreeView.selectedItemChanged} event handler.- checked-items-Changed
& The {@link TreeView.checkedItemsChanged} event handler.- is-collapsed-changing
& The {@link TreeView.isCollapsedChanging} event handler.- is-collapsed-changed
& The {@link TreeView.isCollapsedChanged} event handler.- is-checked-changing
& The {@link TreeView.isCheckedChanging} event handler.- is-checked-changed
& The {@link TreeView.isCheckedChanged} event handler.- format-item
& The {@link TreeView.formatItem} event handler.- drag-start
& The {@link TreeView.dragStart} event handler.- drag-over
& The {@link TreeView.dragOver} event handler.- drop
& The {@link TreeView.drop} event handler.- drag-end
& The {@link TreeView.dragEnd} event handler.- node-edit-starting
& The {@link TreeView.nodeEditStarting} event handler.- node-edit-started
& The {@link TreeView.nodeEditStarted} event handler.- node-edit-ending
& The {@link TreeView.nodeEditEnding} event handler.- node-edit-ended
& The {@link TreeView.nodeEditEnded} event handler.
*/
export declare class WjTreeView extends WjDirective {
constructor();
readonly _controlConstructor: typeof wjcNav.TreeView;
}
/**
* AngularJS directive for the {@link TabPanel} control.
*
* Use the wj-tab-panel directive to add TabPanel to your AngularJS applications.
* Note that directive and parameter names must be formatted as lower-case with dashes
* instead of camel-case. For example:
*
* <wj-tab-panel>
* <wj-tab>
* <a>Tab1 Header</a>
* <div>
* Tab1 content
* </div>
* </wj-tab>
* <wj-tab is-disabled="true">
* <a>Tab2 Header</a>
* <div>
* Tab2 content
* </div>
* </wj-tab>
* </wj-tab-panel>
*
* The wj-tab-panel directive supports the following attributes:
*
*
* - is-animated
@A value that determines whether tab changes should be animated
* with a fade-in effect. - auto-switch
@ A value that determines whether the control should switch
* tabs automatically when the user selects a tab using the arrow keys.- control
= A reference to the {@link TabPanel}
* control created by this directive. - selected-index
= The index of the currently selected (active) tab. - selected-tab
= The {@link Tab} object that is currently selected. - initialized
& This event occurs after the binding has finished
* initializing the control with attribute values.- is-initialized
= A value indicating whether the binding has finished
* initializing the control with attribute values. - selected-index-changed
& The {@link TabPanel.selectedIndexChanged} event handler.
*
* The wj-tab-panel directive may contain one or more {@link wijmo.angular.nav.WjTab} directives.
*
*/
export declare class WjTabPanel extends WjDirective {
constructor();
readonly _controlConstructor: typeof wjcNav.TabPanel;
_initControl(element: any): any;
_createLink(): WjLink;
}
/**
* AngularJS directive for the {@link Tab} object.
*
* The wj-tab directive must be contained in a {@link TabPanel} directive.
* It adds the Tab object to the 'tabs' array property of the parent directive.
*
* For example:
* <wj-tab-panel>
* <wj-tab>
* <a>Tab1 Header</a>
* <div>
* Tab1 content
* </div>
* </wj-tab>
* <wj-tab is-disabled="true">
* <a>Tab2 Header</a>
* <div>
* Tab2 content
* </div>
* </wj-tab>
* </wj-tab-panel>
*
* The wj-tab directive supports the following attributes:
*
*
* - is-disabled
@ A value that determines whether this {@link Tab} is disabled.- is-visible
@ A value that determines whether this {@link Tab} is visible.
*/
export declare class WjTab extends WjDirective {
constructor();
readonly _controlConstructor: typeof wjcNav.Tab;
_initControl(element: any): any;
}