Skip to content

Commit

Permalink
23.1
Browse files Browse the repository at this point in the history
  • Loading branch information
Lidor-Systems committed Mar 7, 2023
1 parent da3005c commit 16b0ad6
Show file tree
Hide file tree
Showing 258 changed files with 17,383 additions and 813 deletions.
18 changes: 18 additions & 0 deletions CHANGE_LOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,21 @@
v23.1
- New components: Loading and SidePanel
- Loading - Use of asynchronous animations during loading progression
- SidePanel - Allows you to add custom content panel that appears by sliding from page side
- Dynamic Drag and Drop with smooth animations that show target drop position for ListBox, ListView and TreeView
- TypeScript definitions files for each component
- SideBar now allows you to create content layouts divided with expandable and sizeable panels during run-time
- Auto hide ability for SideBar that allows you to change whether side bar content pops out on top of the parent container or pushes its content to the side when opening
- Dynamic appearance of scrollbar
- Improved overall appearance of Tooltips
- Option o place tabs in SideBar on each side with customizable alignment
- Expand/Collapse of groups in TreeList no longer changes the scroll position
- Scrolling the ListBar content is now working when using the mouse wheel
- Reaching the end of scrolling in TabStrip shows scroll buttons in grey color
- Mouse wheel now correctly scrolls tabs in TabStrip
- New and improved samples
- Other minor bug fixes

v22.4
- New component: DropDownFilter that allows you to add a dropdown list with different filter operations
- TabStrip can now align tabs to appear on top-left, middle or bottom-right side
Expand Down
Binary file modified License Agreement.pdf
Binary file not shown.
25 changes: 8 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# IntegralUI Web, v22.4
# IntegralUI Web, v23.1

IntegralUI Web includes 45+ native Web Components and services that can help you build modern web applications.
IntegralUI Web includes 50+ native Web Components and services that can help you build modern web applications in JavaScript, Angular, AngularJS, React and Vue.

![IntegralUI Web 22.4 - 45+ UI Components for Angular, React and Vue](https://www.lidorsystems.com/about/newsletter/images/integralui-web-components.png)
![IntegralUI Web 23.1 - 50+ UI Components for Angular, React and Vue](https://www.lidorsystems.com/about/newsletter/images/integralui-web-components.png)

Here is a brief overview of what is included:

Expand Down Expand Up @@ -56,6 +56,8 @@ Here is a brief overview of what is included:

[ListView](https://www.lidorsystems.com/products/web/studio/samples/#/listview) - Displays a collection of items using several different views

[Loading](https://www.lidorsystems.com/products/web/studio/samples/#/loading) - Shows animations during loading progression

[Menu](https://www.lidorsystems.com/products/web/studio/samples/#/menu) - Allows you to create static or dynamic menus

[NumericUpDown](https://www.lidorsystems.com/products/web/studio/samples/#/numeric-updown) - Displays a numeric value and allows changes within a range of defined minimum and maximum values
Expand All @@ -76,6 +78,8 @@ Here is a brief overview of what is included:

[SideBar](https://www.lidorsystems.com/products/web/studio/samples/#/sidebar) - Allows you to add a custom content panel that appears by sliding from page side over main content

[SidePanel](https://www.lidorsystems.com/products/web/studio/samples/#/sidepanel) - Allows you to add custom content panel that appears by sliding from page side

[SlideBar](https://www.lidorsystems.com/products/web/studio/samples/#/slidebar) - Animates slides composed of custom content

[Slider](https://www.lidorsystems.com/products/web/studio/samples/#/slider) - Allows changes to a numeric value within a range of defined minimum and maximum values
Expand Down Expand Up @@ -146,20 +150,7 @@ In general, you need to open your application and add a reference to a component
### Angular

```bash
import 'integralui-web/components/integralui.treeview.js';
```

Depending on current version of TypeScript, you may need to add some settings in tsconfig.json, under "angularCompilerOptions":

```bash"angularCompilerOptions": {
. . .
"suppressImplicitAnyIndexErrors": true, // solves implicit any values
"noImplicitAny": false, // solves angular could not find a declaration file for module implicitly has an 'any' type
"strictNullChecks": false // solves type null is not assignable to type
}
import 'integralui-web/components/integralui.treeview';
```

### React
Expand Down
140 changes: 140 additions & 0 deletions components/integralui.accordion.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
export default IntegralUIAccordion;
declare class IntegralUIAccordion extends IntegralUIBase {
static get properties(): {
allowAnimation: {
type: BooleanConstructor;
attribute: string;
reflect: boolean;
};
allowFocus: {
type: BooleanConstructor;
attribute: string;
reflect: boolean;
};
allowUpdate: {
type: BooleanConstructor;
attribute: string;
reflect: boolean;
};
colorScheme: {
attribute: string;
converter: {
fromAttribute: (value: any) => string;
toAttribute: (value: any) => "None" | "Dark" | "Light";
};
reflect: boolean;
};
customStyle: {
type: ObjectConstructor;
attribute: string;
};
data: {
type: ObjectConstructor;
};
enabled: {
type: BooleanConstructor;
reflect: boolean;
};
name: {
type: StringConstructor;
reflect: boolean;
};
readOnly: {
type: BooleanConstructor;
attribute: string;
reflect: boolean;
};
resourcePath: {
type: StringConstructor;
attribute: string;
reflect: boolean;
};
size: {
type: ObjectConstructor;
};
state: {
type: NumberConstructor;
reflect: boolean;
};
theme: {
converter: {
fromAttribute: (value: any) => string;
toAttribute: (value: any) => "None" | "Office";
};
reflect: boolean;
};
groups: {
type: ArrayConstructor;
};
selectedGroup: {
type: ObjectConstructor;
attribute: string;
};
selectedIndex: {
type: NumberConstructor;
attribute: string;
};
};
_dataService: IntegralUIDataService | undefined;
_dataGroups: any;
_groupList: any[] | undefined;
_numGroups: number | undefined;
_currentSelection: any;
_currentSelectedIndex: any;
_selectedComponent: any;
_prevComponent: any;
_removeIndex: number | undefined;
_toggleTimer: any;
_currentControlStyleSettings: {
cssText: any;
readonly styleSheet: CSSStyleSheet | null;
_styleSheet: CSSStyleSheet | null | undefined;
toString(): any;
} | undefined;
set groups(arg: any);
get groups(): any;
set selectedGroup(arg: any);
get selectedGroup(): any;
set selectedIndex(arg: any);
get selectedIndex(): any;
addGroup(group: any): void;
clearGroups(): void;
insertGroupAt(group: any, index: any): void;
insertGroupBefore(group: any, refGroup: any): void;
insertGroupAfter(group: any, refGroup: any): void;
removeGroup(group: any): void;
removeGroupAt(index: any): void;
_callEventAdd(type: any, group: any, index: any, refGroup: any, flag: any): void;
_callEventRemove(group: any): void;
removeIndex: any;
_updateData(): void;
collapse(group: any): void;
expand(group: any): void;
_closeGroups(cmp: any): void;
_collapseComponent(cmp: any): void;
_toggleGroups(): void;
_endToggle(): void;
_getGroupCurrentIndex(cmp: any): number;
_getGroupDataIndex(cmp: any): number;
_getGroupData(index: any): any;
_getGroupIndex(group: any): any;
_getComponentData(cmp: any): any;
_getComponentFromGroup(group: any): any;
invokeCtrlEvent(key: any, cmp: any, skip: any): boolean;
invokeCtrlMethod(key: any, cmp: any): boolean;
_isIndexInRange(index: any): boolean;
updateLayout(optimal?: any): Promise<any>;
clearSelection(): void;
_clearCmpSelection(cmp: any): void;
_selectComponent(cmp: any): boolean;
_selectComponentByIndex(index: any): void;
selectGroup(group: any): void;
currentSelectedIndex: any;
_groupExpanding(e: any): void;
_groupExpanded(e: any): void;
_refreshGroupParent(): void;
render(): import("../external/lit-element.js").TemplateResult;
_slotChange(e: any): void;
}
import IntegralUIBase from "./integralui.base.js";
import IntegralUIDataService from "../services/integralui.data.service.js";
6 changes: 3 additions & 3 deletions components/integralui.accordion.js

Large diffs are not rendered by default.

36 changes: 36 additions & 0 deletions components/integralui.animation.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
export default IntegralUIAnimation;
declare class IntegralUIAnimation {
constructor(target: any, delay: any, duration: any);
_currentDelay: any;
_currentDuration: any;
_currentTarget: any;
_objStateList: any[];
_animationInterval: any;
_animationTick: number;
_numSteps: number;
destroy(): void;
set delay(arg: any);
get delay(): any;
set duration(arg: any);
get duration(): any;
animate(newValue: any, delay: any, duration: any, callback: any): Promise<any>;
_reverse(currentValue: any, duration: any, callback: any): Promise<any>;
_getCurrentValue(value: any): any;
_removeAnimationInterval(): void;
_updateCurrentValue(props: any, values: any, counter: any): {};
_getStartingValues(): any[];
_updateState(state: any, isReversed: any): void;
_convertToArray(value: any): any;
_createEmptyArray(length: any): any[];
_getNumValue(value: any): any;
_getObjProperties(obj: any): string[];
_isArray(value: any): boolean;
_isElement(elem: any): boolean;
_isFieldAvailable(field: any): boolean;
_isNumber(value: any): boolean;
_isObject(value: any): boolean;
_isString(value: any): boolean;
getTarget(): any;
isActive(): boolean;
isAnimated(target: any): boolean;
}
15 changes: 15 additions & 0 deletions components/integralui.animation.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 16b0ad6

Please sign in to comment.