Skip to content

Commit 0a4d2fe

Browse files
bmarkovbmarkov
committed
8.0.0
1 parent 8cb5b56 commit 0a4d2fe

File tree

416 files changed

+38839
-13728
lines changed

Some content is hidden

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

416 files changed

+38839
-13728
lines changed

‎bootstrap/source/smart.element.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎framework/smart.element.js‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11

2-
/* Smart UI v7.7.0 (2020-July)
2+
/* Smart UI v8.0.0 (2020-Sep)
33
Copyright (c) 2011-2020 jQWidgets.
44
License: https://htmlelements.com/license/ */ //
55

66
(function () {
77

88

9-
const Version = '7.7.0';
9+
const Version = '7.7.1';
1010
const templates = [];
1111

1212
let namespace = 'Smart';
@@ -2175,6 +2175,9 @@ License: https://htmlelements.com/license/ */ //
21752175
if (eventType === 'wheel') {
21762176
that.element.addEventListener('wheel', that.handlers[eventType], that.isPassiveSupported ? { passive: false } : false);
21772177
}
2178+
else if (eventType === 'touchmove' || eventType === 'touchstart' || eventType === 'touchend') {
2179+
that.element.addEventListener(eventType, that.handlers[eventType], that.isPassiveSupported ? { passive: false } : false);
2180+
}
21782181
else {
21792182
that.element.addEventListener(eventType, that.handlers[eventType], false);
21802183
}

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
{"name":"smart-webcomponents","version": "7.7.0",
1+
{"name":"smart-webcomponents","version": "8.0.0",
22
"description":"Web Components & Custom Elements for Professional Web Applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/HTMLElements/smart-elements.git"},"author":"https://htmlelements.com","bugs":{"url":"https://github.com/HTMLElements/smart-elements/issues"},"homepage":"https://github.com/HTMLElements/smart-elements#readme","keywords":["custom","element","bootstrap","chart","treegrid","gantt","gantt chart","query builder","colorpicker","colorpanel","chart web component","chart custom element","tables","table","docking layot","charting","datagridview","bootstrap grid","tabs","combobox","dropdownlist","listbox","input","password","ui components","user interface","components","bootstrap components","smart components","custom elements","grid web component","grid custom element","chart custom element","chart web component","javascript grid","javascript datagrid","javascript datatable","datatable","bootstrap datagrid","material datagrid","bootstrap datatable","bootstrap table","grid","grid web component","datagrid web component","data grid","datagrid bootstrap","bootstrap grid","carousel custom element","html carousel","material web components","webcomponents","material webcomponents", "gantt", "scheduler", "docking", "datagrid", "gridview", "webcomponent", "webcomponents", "web_components", "ui", "user interface", "front end", "bootsrap grid", "custom elements","material customelements"],"license":"ISC"}

‎source/angular/buttongroup/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './public_api';

‎source/angular/buttongroup/public_api.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
2+
export * from './smart.buttongroup';
3+
export * from './smart.buttongroup.module';

‎source/angular/buttongroup/smart.buttongroup.module.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { NgModule } from '@angular/core';
2+
3+
import { ButtonGroupComponent } from './smart.buttongroup';
4+
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
5+
6+
@NgModule({
7+
declarations: [ButtonGroupComponent],
8+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
9+
exports: [ButtonGroupComponent]
10+
})
11+
12+
export class ButtonGroupModule { }

‎source/angular/buttongroup/smart.buttongroup.ts‎

Lines changed: 227 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,227 @@
1+
import { ButtonGroup } from './../index';
2+
import { Animation, ClickMode, ElementRenderMode} from './../index';
3+
import { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';
4+
import { BaseElement, Smart } from './smart.element';
5+
export { Animation, ClickMode, ElementRenderMode} from './../index';
6+
export { Smart } from './smart.element';
7+
export { ButtonGroup } from './../index';
8+
9+
10+
@Directive({
11+
selector: 'smart-button-group, [smart-button-group]'
12+
})
13+
14+
export class ButtonGroupComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
15+
constructor(ref: ElementRef<ButtonGroup>) {
16+
super(ref);
17+
this.nativeElement = ref.nativeElement as ButtonGroup;
18+
}
19+
20+
private eventHandlers: any[] = [];
21+
22+
public nativeElement: ButtonGroup;
23+
/** @description Creates the component on demand.
24+
* @param properties An optional object of properties, which will be added to the template binded ones.
25+
*/
26+
public createComponent(properties = {}): any {
27+
this.nativeElement = <ButtonGroup>document.createElement('smart-button-group');
28+
for (let propertyName in properties) {
29+
this.nativeElement[propertyName] = properties[propertyName];
30+
}
31+
return this.nativeElement;
32+
}
33+
/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
34+
@Input()
35+
get animation(): Animation {
36+
return this.nativeElement ? this.nativeElement.animation : undefined;
37+
}
38+
set animation(value: Animation) {
39+
this.nativeElement ? this.nativeElement.animation = value : undefined;
40+
}
41+
42+
/** @description Determines the buttons configuration. The dataSource can be an array of strings/numbers or objects where the attributes represent the properties of a List Item. For example label, value. It can also be a callback that returns an Array of items as previously described. */
43+
@Input()
44+
get dataSource(): any {
45+
return this.nativeElement ? this.nativeElement.dataSource : undefined;
46+
}
47+
set dataSource(value: any) {
48+
this.nativeElement ? this.nativeElement.dataSource = value : undefined;
49+
}
50+
51+
/** @description Determines the selection mode for the element. */
52+
@Input()
53+
get selectionMode(): ClickMode {
54+
return this.nativeElement ? this.nativeElement.selectionMode : undefined;
55+
}
56+
set selectionMode(value: ClickMode) {
57+
this.nativeElement ? this.nativeElement.selectionMode = value : undefined;
58+
}
59+
60+
/** @description Enables or disables the element. */
61+
@Input()
62+
get disabled(): boolean {
63+
return this.nativeElement ? this.nativeElement.disabled : undefined;
64+
}
65+
set disabled(value: boolean) {
66+
this.nativeElement ? this.nativeElement.disabled = value : undefined;
67+
}
68+
69+
/** @description Sets or gets the language. Used in conjunction with the property messages. */
70+
@Input()
71+
get locale(): string {
72+
return this.nativeElement ? this.nativeElement.locale : undefined;
73+
}
74+
set locale(value: string) {
75+
this.nativeElement ? this.nativeElement.locale = value : undefined;
76+
}
77+
78+
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
79+
@Input()
80+
get localizeFormatFunction(): any {
81+
return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
82+
}
83+
set localizeFormatFunction(value: any) {
84+
this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
85+
}
86+
87+
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. */
88+
@Input()
89+
get messages(): any {
90+
return this.nativeElement ? this.nativeElement.messages : undefined;
91+
}
92+
set messages(value: any) {
93+
this.nativeElement ? this.nativeElement.messages = value : undefined;
94+
}
95+
96+
/** @description Sets or gets the name attribute for the element. Name is used when submiting HTML forms. */
97+
@Input()
98+
get name(): string {
99+
return this.nativeElement ? this.nativeElement.name : undefined;
100+
}
101+
set name(value: string) {
102+
this.nativeElement ? this.nativeElement.name = value : undefined;
103+
}
104+
105+
/** @description If the custom element is readonly, it cannot be interacted with. */
106+
@Input()
107+
get readonly(): boolean {
108+
return this.nativeElement ? this.nativeElement.readonly : undefined;
109+
}
110+
set readonly(value: boolean) {
111+
this.nativeElement ? this.nativeElement.readonly = value : undefined;
112+
}
113+
114+
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
115+
@Input()
116+
get rightToLeft(): boolean {
117+
return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
118+
}
119+
set rightToLeft(value: boolean) {
120+
this.nativeElement ? this.nativeElement.rightToLeft = value : undefined;
121+
}
122+
123+
/** @description Determines the theme. Theme defines the look of the element */
124+
@Input()
125+
get theme(): string {
126+
return this.nativeElement ? this.nativeElement.theme : undefined;
127+
}
128+
set theme(value: string) {
129+
this.nativeElement ? this.nativeElement.theme = value : undefined;
130+
}
131+
132+
/** @description Sets or gets the button group's selected values. Represents an array of strings. */
133+
@Input()
134+
get selectedValues(): string[] {
135+
return this.nativeElement ? this.nativeElement.selectedValues : undefined;
136+
}
137+
set selectedValues(value: string[]) {
138+
this.nativeElement ? this.nativeElement.selectedValues = value : undefined;
139+
}
140+
141+
/** @description Sets or gets the button group's selected indexes. Represents an array of numbers */
142+
@Input()
143+
get selectedIndexes(): number[] {
144+
return this.nativeElement ? this.nativeElement.selectedIndexes : undefined;
145+
}
146+
set selectedIndexes(value: number[]) {
147+
this.nativeElement ? this.nativeElement.selectedIndexes = value : undefined;
148+
}
149+
150+
/** @description If is set to true, the element cannot be focused. */
151+
@Input()
152+
get unfocusable(): boolean {
153+
return this.nativeElement ? this.nativeElement.unfocusable : undefined;
154+
}
155+
set unfocusable(value: boolean) {
156+
this.nativeElement ? this.nativeElement.unfocusable = value : undefined;
157+
}
158+
159+
/** @description Change event is triggered when the selectedValues/selectedIndexes are changed.
160+
* @param event. The custom event. */
161+
@Output() onChange: EventEmitter<CustomEvent> = new EventEmitter();
162+
163+
/** @description Selects/Unselects an item inside the element.
164+
* @param {number | string} value. The index or the value of the item to be selected/unselected.
165+
*/
166+
public select(value: number | string): void {
167+
if (this.nativeElement.isRendered) {
168+
this.nativeElement.select(value);
169+
}
170+
else
171+
{
172+
this.nativeElement.whenRendered(() => {
173+
this.nativeElement.select(value);
174+
});
175+
}
176+
}
177+
178+
179+
get isRendered(): boolean {
180+
return this.nativeElement ? this.nativeElement.isRendered : false;
181+
}
182+
183+
ngOnInit() {
184+
}
185+
186+
ngAfterViewInit() {
187+
const that = this;
188+
189+
that.onCreate.emit(that.nativeElement);
190+
191+
Smart.Render();
192+
193+
this.nativeElement.whenRendered(() => { that.onReady.emit(that.nativeElement); });
194+
this.listen();
195+
}
196+
197+
ngOnDestroy() {
198+
this.unlisten();
199+
}
200+
201+
ngOnChanges(changes: SimpleChanges) {
202+
if (this.nativeElement && this.nativeElement.isRendered) {
203+
for (const propName in changes) {
204+
if (changes.hasOwnProperty(propName)) {
205+
this.nativeElement[propName] = changes[propName].currentValue;
206+
}
207+
}
208+
}
209+
}
210+
211+
/** @description Add event listeners. */
212+
private listen(): void {
213+
const that = this;
214+
that.eventHandlers['changeHandler'] = (event: CustomEvent) => { that.onChange.emit(event); }
215+
that.nativeElement.addEventListener('change', that.eventHandlers['changeHandler']);
216+
217+
}
218+
219+
/** @description Remove event listeners. */
220+
private unlisten(): void {
221+
const that = this;
222+
if (that.eventHandlers['changeHandler']) {
223+
that.nativeElement.removeEventListener('change', that.eventHandlers['changeHandler']);
224+
}
225+
226+
}
227+
}

‎source/angular/buttongroup/smart.element.ts‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
2+
declare global {
3+
interface Window {
4+
Smart: any;
5+
}
6+
}
7+
8+
9+
import { ElementRef, Input, Output, EventEmitter } from '@angular/core';
10+
import { ElementRenderMode } from './../index';
11+
12+
export class BaseElement {
13+
constructor(ref: ElementRef) {
14+
const that = this;
15+
this.nativeElement = ref.nativeElement as any;
16+
17+
that.nativeElement.onAttached = () => {
18+
that.onAttach.emit(that.nativeElement);
19+
}
20+
21+
that.nativeElement.onDetached = () => {
22+
that.onDetach.emit(that.nativeElement);
23+
}
24+
}
25+
26+
@Output() onCreate: EventEmitter<any> = new EventEmitter();
27+
@Output() onReady: EventEmitter<any> = new EventEmitter();
28+
@Output() onAttach: EventEmitter<any> = new EventEmitter();
29+
@Output() onDetach: EventEmitter<any> = new EventEmitter();
30+
31+
public nativeElement: any;
32+
33+
public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {
34+
this.nativeElement.addEventListener(type, listener, options);
35+
}
36+
37+
public removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {
38+
this.nativeElement.removeEventListener(type, listener, options);
39+
}
40+
41+
public dispatchEvent(event: Event): boolean {
42+
return this.nativeElement.dispatchEvent(event);
43+
}
44+
45+
public blur(): void {
46+
this.nativeElement.blur();
47+
}
48+
49+
public click(): void {
50+
this.nativeElement.click();
51+
}
52+
53+
public focus(options?: FocusOptions): void {
54+
this.nativeElement.focus(options);
55+
}
56+
57+
/** @description Sets or gets the language. Used in conjunction with the property messages. */
58+
@Input()
59+
get locale(): string {
60+
return this.nativeElement ? this.nativeElement.locale : undefined;
61+
}
62+
set locale(value: string) {
63+
this.nativeElement ? this.nativeElement.locale = value : undefined;
64+
}
65+
66+
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
67+
@Input()
68+
get localizeFormatFunction(): any {
69+
return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
70+
}
71+
set localizeFormatFunction(value: any) {
72+
this.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;
73+
}
74+
75+
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. */
76+
@Input()
77+
get messages(): any {
78+
return this.nativeElement ? this.nativeElement.messages : undefined;
79+
}
80+
set messages(value: any) {
81+
this.nativeElement ? this.nativeElement.messages = value : undefined;
82+
}
83+
84+
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
85+
@Input()
86+
get rightToLeft(): boolean {
87+
return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
88+
}
89+
set rightToLeft(value: boolean) {
90+
this.nativeElement ? this.nativeElement.rightToLeft = value : undefined;
91+
}
92+
93+
/** @description Determines the theme. Theme defines the look of the element */
94+
@Input()
95+
get theme(): string {
96+
return this.nativeElement ? this.nativeElement.theme : undefined;
97+
}
98+
set theme(value: string) {
99+
this.nativeElement ? this.nativeElement.theme = value : undefined;
100+
}
101+
}
102+
103+
export const Smart: any = window.Smart;
104+

0 commit comments

Comments
 (0)