-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2,385 changed files
with
455,096 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,28 @@ | ||
# smart-webcomponents-angular | ||
Smart Angular UI | ||
# [Smart Angular Modules](https://www.htmlelements.com/docs/angular-cli/) | ||
|
||
[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/) | ||
|
||
You can view them online here: https://www.htmlelements.com/demos/. | ||
|
||
Enterprise-grade UI Components for Angular. Smart UI components will help you to build perfect looking web applications. Use the most feature-complete UI components for Angular and save your time for the business logic. Choose from more than 40 UI components including Grid, Chart, Gantt, Docking Layout, TreeGrid and more. Our product supports native Angular features | ||
|
||
|
||
Smart for Angular is a commercial UI library designed and built for developing business applications with Angular. All Smart UI components in our Angular suite are built from the ground-up. | ||
|
||
![Angular Components](https://www.htmlelements.com/angular/angular-grid-web-component-dark-mode.png) | ||
|
||
## About Smart for Angular | ||
|
||
Smart UI for Angular is everything you need to build modern web sites and apps with Angular. | ||
|
||
Smart UI components will help you to build perfect looking web applications with Material design. | ||
|
||
## Material UI and Data Visualization Components for Angular | ||
|
||
Material Design and Bootstrap Themes are available in the package. Users can choose from more than 10 themes or create custom themes by using our Theme Builder web application. | ||
|
||
## Free Trial and Commercial License | ||
|
||
Smart UI for Angular is a commercial UI library. You are welcome to evaluate it and get technical support from our team during your 30-day trial. | ||
To use it commercially, you need to purchase a license from https://www.htmlelements.com/license/. | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
export * from './public_api'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
{ | ||
"main": "../bundles/smart-webcomponents-angular-accordion.umd.js", | ||
"module": "../fesm5/smart-webcomponents-angular-accordion.js", | ||
"es2015": "../fesm2015/smart-webcomponents-angular-accordion.js", | ||
"esm5": "../esm5/accordion/smart-webcomponents-angular-accordion.js", | ||
"esm2015": "../esm2015/accordion/smart-webcomponents-angular-accordion.js", | ||
"fesm5": "../fesm5/smart-webcomponents-angular-accordion.js", | ||
"fesm2015": "../fesm2015/smart-webcomponents-angular-accordion.js", | ||
"typings": "smart-webcomponents-angular-accordion.d.ts", | ||
"metadata": "smart-webcomponents-angular-accordion.metadata.json", | ||
"sideEffects": false, | ||
"name": "smart-webcomponents-angular/accordion" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
export * from './smart.accordion'; | ||
export * from './smart.accordion.module'; | ||
export * from './smart.accordionitem'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
/** | ||
* Generated bundle index. Do not edit. | ||
*/ | ||
export * from './public_api'; | ||
export { BaseElement as ɵa } from './smart.element'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"Animation","as":"Animation"},{"name":"AccordionExpandMode","as":"AccordionExpandMode"},{"name":"ElementRenderMode","as":"ElementRenderMode"},{"name":"Accordion","as":"Accordion"},{"name":"AccordionItemArrow","as":"AccordionItemArrow"},{"name":"ElementRenderMode","as":"ElementRenderMode"},{"name":"AccordionItem","as":"AccordionItem"}],"from":"../index"}],"metadata":{"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":21}]}],"onCreate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"onReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"onAttach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onDetach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"addEventListener":[{"__symbolic":"method"}],"removeEventListener":[{"__symbolic":"method"}],"dispatchEvent":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"localizeFormatFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}]}},"AccordionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"smart-accordion, [smart-accordion]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"Accordion"}]}]}],"createComponent":[{"__symbolic":"method"}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":2}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":2}}]}],"expandedIndexes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":2}}]}],"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":2}}]}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":2}}]}],"localizeFormatFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":2}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":2}}]}],"reorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":2}}]}],"unfocusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":2}}]}],"onCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":2}}]}],"onCollapsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":157,"character":2}}]}],"onDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":167,"character":2}}]}],"onDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":177,"character":2}}]}],"onExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":187,"character":2}}]}],"onExpanding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":195,"character":2}}]}],"collapse":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"insert":[{"__symbolic":"method"}],"removeAt":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"unlisten":[{"__symbolic":"method"}]}},"Smart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Smart"},"AccordionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"AccordionItemComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":8,"character":11}],"exports":[{"__symbolic":"reference","name":"AccordionComponent"},{"__symbolic":"reference","name":"AccordionItemComponent"}]}]}],"members":{}},"AccordionItemComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"smart-accordion-item, [smart-accordion-item]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"AccordionItem"}]}]}],"createComponent":[{"__symbolic":"method"}],"arrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":2}}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"onCollapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":2}}]}],"onExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"unlisten":[{"__symbolic":"method"}]}}},"origins":{"ɵa":"./smart.element","AccordionComponent":"./smart.accordion","Smart":"./smart.element","AccordionModule":"./smart.accordion.module","AccordionItemComponent":"./smart.accordionitem"},"importAs":"smart-webcomponents-angular/accordion"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,119 @@ | ||
import { Accordion } from './../index'; | ||
import { Animation, AccordionExpandMode } from './../index'; | ||
import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core'; | ||
import { BaseElement } from './smart.element'; | ||
export { Animation, AccordionExpandMode, ElementRenderMode } from './../index'; | ||
export { Smart } from './smart.element'; | ||
export { Accordion } from './../index'; | ||
export declare class AccordionComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges { | ||
constructor(ref: ElementRef<Accordion>); | ||
private eventHandlers; | ||
nativeElement: Accordion; | ||
/** @description Creates the component on demand. | ||
* @param properties An optional object of properties, which will be added to the template binded ones. | ||
*/ | ||
createComponent(properties?: {}): any; | ||
/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */ | ||
animation: Animation; | ||
/** @description Enables or disables the accordion. Disabled elements can not be interacted with. */ | ||
disabled: boolean; | ||
/** @description Sets or gets the expanded item indexes. Using this property items can be expanded by passing in their indexes. The number of expanded items is limited by the expandMode. */ | ||
expandedIndexes: number[]; | ||
/** @description Sets or gets the expand mode. Expand mode determines how the items will expand or collapse. */ | ||
expandMode: AccordionExpandMode; | ||
/** @description Sets or gets the language. Used in conjunction with the property messages. */ | ||
locale: string; | ||
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */ | ||
localizeFormatFunction: any; | ||
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. */ | ||
messages: any; | ||
/** @description Determines if the element is readonly or not. If the element true, users cannot interact with it. */ | ||
readonly: boolean; | ||
/** @description Enables or disables accordion reordering. */ | ||
reorder: boolean; | ||
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */ | ||
rightToLeft: boolean; | ||
/** @description Determines the theme. Theme defines the look of the element */ | ||
theme: string; | ||
/** @description Determines whether the element can be focused or not. */ | ||
unfocusable: boolean; | ||
/** @description This event is triggered when an item is collapsed. | ||
* @param event. The custom event. Custom event was created with: event.detail( content, index, label) | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item | ||
*/ | ||
onCollapse: EventEmitter<CustomEvent>; | ||
/** @description This event is triggered when an item is going to be collapsed. | ||
* @param event. The custom event. Custom event was created with: event.detail( content, index, label) | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item | ||
*/ | ||
onCollapsing: EventEmitter<CustomEvent>; | ||
/** @description This event is triggered when a reordering operation is completed. | ||
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label) | ||
* position - The current top and left position of the item that was dragged. | ||
* target - The item that was dragged. | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item. | ||
*/ | ||
onDragEnd: EventEmitter<CustomEvent>; | ||
/** @description This event is triggered when a reordering operation is started. | ||
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label) | ||
* position - The current top and left position of the item that is about to be dragged. | ||
* target - The item that is about to be dragged. | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item. | ||
*/ | ||
onDragStart: EventEmitter<CustomEvent>; | ||
/** @description This event is triggered when an item is expanded. | ||
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label) | ||
* position - The current top and left position of the item. | ||
* target - The item that was dragged. | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item. | ||
*/ | ||
onExpand: EventEmitter<CustomEvent>; | ||
/** @description This event is triggered when an item is going to be expanded. | ||
* @param event. The custom event. Custom event was created with: event.detail( content, index, label) | ||
* content - The content of the item. | ||
* index - The index of the item. | ||
* label - The label of the item | ||
*/ | ||
onExpanding: EventEmitter<CustomEvent>; | ||
/** @description Collapses an item at a specified index. | ||
* @param {number} position. The index of the collapsed item. | ||
*/ | ||
collapse(position: number): void; | ||
/** @description Expands an item at a specified index. | ||
* @param {number} position. The index of the expanded item. | ||
*/ | ||
expand(position: number): void; | ||
/** @description Inserts a new item at a specified index. | ||
* @param {number} index. The index where the item must be inserted. | ||
* @param {any} item. An object containing the values for the properties of the new item to be inserted. | ||
*/ | ||
insert(index: number, item: any): void; | ||
/** @description Removes an item at a specified index. | ||
* @param {number} position. The index of the item to be removed. | ||
*/ | ||
removeAt(position: number): void; | ||
/** @description Updates an item from the element. | ||
* @param {number} index. The index of the item to be updated. | ||
* @param {any} settings. An object containing the values for the properties of the item that will be updated. | ||
*/ | ||
update(index: number, settings: any): void; | ||
readonly isRendered: boolean; | ||
ngOnInit(): void; | ||
ngAfterViewInit(): void; | ||
ngOnDestroy(): void; | ||
ngOnChanges(changes: SimpleChanges): void; | ||
/** @description Add event listeners. */ | ||
private listen; | ||
/** @description Remove event listeners. */ | ||
private unlisten; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
export declare class AccordionModule { | ||
} |
Oops, something went wrong.