Skip to content

Commit bf3f82c

Browse files
bmarkovbmarkov
committed
7.6.0
1 parent 7fbb5bb commit bf3f82c

File tree

2,385 files changed

+455096
-14
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

2,385 files changed

+455096
-14
lines changed

‎EULA.pdf

197 KB
Binary file not shown.

‎README.md

+28-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,28 @@
1-
# smart-webcomponents-angular
2-
Smart Angular UI
1+
# [Smart Angular Modules](https://www.htmlelements.com/docs/angular-cli/)
2+
3+
[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/)
4+
5+
You can view them online here: https://www.htmlelements.com/demos/.
6+
7+
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
8+
9+
10+
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.
11+
12+
![Angular Components](https://www.htmlelements.com/angular/angular-grid-web-component-dark-mode.png)
13+
14+
## About Smart for Angular
15+
16+
Smart UI for Angular is everything you need to build modern web sites and apps with Angular.
17+
18+
Smart UI components will help you to build perfect looking web applications with Material design.
19+
20+
## Material UI and Data Visualization Components for Angular
21+
22+
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.
23+
24+
## Free Trial and Commercial License
25+
26+
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.
27+
To use it commercially, you need to purchase a license from https://www.htmlelements.com/license/.
28+

‎accordion/index.d.ts

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './public_api';

‎accordion/package.json

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"main": "../bundles/smart-webcomponents-angular-accordion.umd.js",
3+
"module": "../fesm5/smart-webcomponents-angular-accordion.js",
4+
"es2015": "../fesm2015/smart-webcomponents-angular-accordion.js",
5+
"esm5": "../esm5/accordion/smart-webcomponents-angular-accordion.js",
6+
"esm2015": "../esm2015/accordion/smart-webcomponents-angular-accordion.js",
7+
"fesm5": "../fesm5/smart-webcomponents-angular-accordion.js",
8+
"fesm2015": "../fesm2015/smart-webcomponents-angular-accordion.js",
9+
"typings": "smart-webcomponents-angular-accordion.d.ts",
10+
"metadata": "smart-webcomponents-angular-accordion.metadata.json",
11+
"sideEffects": false,
12+
"name": "smart-webcomponents-angular/accordion"
13+
}

‎accordion/public_api.d.ts

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export * from './smart.accordion';
2+
export * from './smart.accordion.module';
3+
export * from './smart.accordionitem';

‎accordion/smart-webcomponents-angular-accordion.d.ts

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/**
2+
* Generated bundle index. Do not edit.
3+
*/
4+
export * from './public_api';
5+
export { BaseElement as ɵa } from './smart.element';

‎accordion/smart-webcomponents-angular-accordion.metadata.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
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"}

‎accordion/smart.accordion.d.ts

+119
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
import { Accordion } from './../index';
2+
import { Animation, AccordionExpandMode } from './../index';
3+
import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
4+
import { BaseElement } from './smart.element';
5+
export { Animation, AccordionExpandMode, ElementRenderMode } from './../index';
6+
export { Smart } from './smart.element';
7+
export { Accordion } from './../index';
8+
export declare class AccordionComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
9+
constructor(ref: ElementRef<Accordion>);
10+
private eventHandlers;
11+
nativeElement: Accordion;
12+
/** @description Creates the component on demand.
13+
* @param properties An optional object of properties, which will be added to the template binded ones.
14+
*/
15+
createComponent(properties?: {}): any;
16+
/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
17+
animation: Animation;
18+
/** @description Enables or disables the accordion. Disabled elements can not be interacted with. */
19+
disabled: boolean;
20+
/** @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. */
21+
expandedIndexes: number[];
22+
/** @description Sets or gets the expand mode. Expand mode determines how the items will expand or collapse. */
23+
expandMode: AccordionExpandMode;
24+
/** @description Sets or gets the language. Used in conjunction with the property messages. */
25+
locale: string;
26+
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
27+
localizeFormatFunction: any;
28+
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. */
29+
messages: any;
30+
/** @description Determines if the element is readonly or not. If the element true, users cannot interact with it. */
31+
readonly: boolean;
32+
/** @description Enables or disables accordion reordering. */
33+
reorder: boolean;
34+
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
35+
rightToLeft: boolean;
36+
/** @description Determines the theme. Theme defines the look of the element */
37+
theme: string;
38+
/** @description Determines whether the element can be focused or not. */
39+
unfocusable: boolean;
40+
/** @description This event is triggered when an item is collapsed.
41+
* @param event. The custom event. Custom event was created with: event.detail( content, index, label)
42+
* content - The content of the item.
43+
* index - The index of the item.
44+
* label - The label of the item
45+
*/
46+
onCollapse: EventEmitter<CustomEvent>;
47+
/** @description This event is triggered when an item is going to be collapsed.
48+
* @param event. The custom event. Custom event was created with: event.detail( content, index, label)
49+
* content - The content of the item.
50+
* index - The index of the item.
51+
* label - The label of the item
52+
*/
53+
onCollapsing: EventEmitter<CustomEvent>;
54+
/** @description This event is triggered when a reordering operation is completed.
55+
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label)
56+
* position - The current top and left position of the item that was dragged.
57+
* target - The item that was dragged.
58+
* content - The content of the item.
59+
* index - The index of the item.
60+
* label - The label of the item.
61+
*/
62+
onDragEnd: EventEmitter<CustomEvent>;
63+
/** @description This event is triggered when a reordering operation is started.
64+
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label)
65+
* position - The current top and left position of the item that is about to be dragged.
66+
* target - The item that is about to be dragged.
67+
* content - The content of the item.
68+
* index - The index of the item.
69+
* label - The label of the item.
70+
*/
71+
onDragStart: EventEmitter<CustomEvent>;
72+
/** @description This event is triggered when an item is expanded.
73+
* @param event. The custom event. Custom event was created with: event.detail( position, target, content, index, label)
74+
* position - The current top and left position of the item.
75+
* target - The item that was dragged.
76+
* content - The content of the item.
77+
* index - The index of the item.
78+
* label - The label of the item.
79+
*/
80+
onExpand: EventEmitter<CustomEvent>;
81+
/** @description This event is triggered when an item is going to be expanded.
82+
* @param event. The custom event. Custom event was created with: event.detail( content, index, label)
83+
* content - The content of the item.
84+
* index - The index of the item.
85+
* label - The label of the item
86+
*/
87+
onExpanding: EventEmitter<CustomEvent>;
88+
/** @description Collapses an item at a specified index.
89+
* @param {number} position. The index of the collapsed item.
90+
*/
91+
collapse(position: number): void;
92+
/** @description Expands an item at a specified index.
93+
* @param {number} position. The index of the expanded item.
94+
*/
95+
expand(position: number): void;
96+
/** @description Inserts a new item at a specified index.
97+
* @param {number} index. The index where the item must be inserted.
98+
* @param {any} item. An object containing the values for the properties of the new item to be inserted.
99+
*/
100+
insert(index: number, item: any): void;
101+
/** @description Removes an item at a specified index.
102+
* @param {number} position. The index of the item to be removed.
103+
*/
104+
removeAt(position: number): void;
105+
/** @description Updates an item from the element.
106+
* @param {number} index. The index of the item to be updated.
107+
* @param {any} settings. An object containing the values for the properties of the item that will be updated.
108+
*/
109+
update(index: number, settings: any): void;
110+
readonly isRendered: boolean;
111+
ngOnInit(): void;
112+
ngAfterViewInit(): void;
113+
ngOnDestroy(): void;
114+
ngOnChanges(changes: SimpleChanges): void;
115+
/** @description Add event listeners. */
116+
private listen;
117+
/** @description Remove event listeners. */
118+
private unlisten;
119+
}

‎accordion/smart.accordion.module.d.ts

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
export declare class AccordionModule {
2+
}

0 commit comments

Comments
 (0)