Skip to content

Commit 2bb24ef

Browse files
bmarkovbmarkov
committed
7.6.0
1 parent eda63ab commit 2bb24ef

File tree

747 files changed

+147124
-34510
lines changed

Some content is hidden

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

747 files changed

+147124
-34510
lines changed

‎README.md‎

Lines changed: 10 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,26 @@
1-
# smart-elements
2-
Web Components & Custom Elements for Professional Web Applications
1+
# Smart UI
2+
Web Components, Anguiar UI Components and React UI Components for Professional Web Applications
33

44
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/collection/HTMLElements/smarthtmlelements-core)
55

66

77
Build responsive, mobile-first projects on the Web with the most advanced front-end component library
88
-----------------------------------------------------------------------------------------------------
99

10-
What is Smart HTML Elements?
10+
What is Smart UI?
1111
----------------------------
1212

13-
Smart HTML Elements is a Framework for building Web Components and Custom Elements. Smart is similar to Polymer and LitElement. It supports two-way data-binding, templates, property change notifications, Typescript-like type-checking and validation.
14-
Smart does not have third-party dependencies. It is pure Javascript code. More than 30 Web Components are built with Smart including Grid, Tabs, Accordion, Gauge, DateTimePicker and others. Some of the Web Components built with the library are commercial. Others are open-source.
13+
Smart UI is a Framework for building Web Components and Custom Elements. Smart is similar to Stencil and LitElement. It supports two-way data-binding, templates, property change notifications, Typescript-like type-checking and validation.
14+
Smart does not have third-party dependencies. It is pure Javascript code.
15+
60+ UI Components are built with Smart including Grid, Chart, Kanban, Gantt, Table, Tabs, Accordion, Gauge, DateTimePicker and others. Some of the UI Components built with the library are commercial. Others are open-source.
16+
Smart UI components are available in Javascript, Angular and React. Typescript definitions are included.
1517

1618
Works across devices and browsers
1719
---------------------------------
18-
1920

21+
Supported Browsers: Chrome, Firefox, Safari, Edge, Opera
2022

21-
Web Components
22-
--------------
23-
24-
A suite of polyfills supporting the Web Components specs is included in our examples. These polyfills ensure that Custom Elements are supported in all browsers.
25-
26-
Custom Elements
23+
UI Components
2724
---
2825

2926
| Component | Status | Issues
@@ -47,6 +44,7 @@ Custom Elements
4744
| [`<smart-gauge>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+gauge)
4845
| [`<smart-grid>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+grid)
4946
| [`<smart-input>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+input)
47+
| [`<smart-kanban>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+kanban)
5048
| [`<smart-list-box>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+list+box)
5149
| [`<smart-list-menu>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+list+menu)
5250
| [`<smart-masked-text-box>`](https://github.com/HTMLElements/smart-elements) | [![Published on npm](https://img.shields.io/npm/v/smart-webcomponents.svg)](https://www.npmjs.com/package/smart-webcomponents) | [*Issues*](https://github.com/HTMLElements/smart-elements/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+masked+text+box)
@@ -82,18 +80,6 @@ Download and Installation
8280

8381
[Download Smart HTML Elements](https://www.htmlelements.com/download/)
8482

85-
* ### The SDK files are located in the jqwidgets directory
86-
87-
In general you need to use files from this directory only.
88-
89-
#### Files list & description:
90-
91-
##### Files required in all projects using the SDK
92-
93-
* smart.element.js: Core Smart HTML Elements framework
94-
* smart.elements.js: All Smart HTML Elements
95-
* smart.default.css: Stylesheet for all Web Components.
96-
9783

9884
[Live Demo ↗](https://htmlelements.com/demos//)
9985
|

‎ReadMe.txt‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎bootstrap/button/index.htm‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -101,8 +101,8 @@ <h2>Material Bootstrap Checkbox</h2><br />
101101
Checkboxes like the other toggle buttons can be pre-checked.
102102
</p>
103103
<div class="group">
104-
<bootstrap-check type="button" checked>Checked</bootstrap-check>
105-
<bootstrap-check type="button">Unchecked</bootstrap-check>
104+
<bootstrap-check-box type="button" checked>Checked</bootstrap-check-box>
105+
<bootstrap-check-box type="button">Unchecked</bootstrap-check-box>
106106
</div>
107107

108108
<p>
@@ -111,8 +111,8 @@ <h2>Material Bootstrap Checkbox</h2><br />
111111

112112
<h2>Material Bootstrap Toggle Button</h2>
113113
<div class="group">
114-
<bootstrap-toggle type="button" checked> Checked</bootstrap-toggle>
115-
<bootstrap-toggle type="button">Unchecked</bootstrap-toggle>
114+
<bootstrap-toggle-button type="button" checked> Checked</bootstrap-toggle-button>
115+
<bootstrap-toggle-button type="button">Unchecked</bootstrap-toggle-button>
116116
</div>
117117

118118

@@ -123,9 +123,9 @@ <h2>Material Bootstrap Toggle Button</h2>
123123

124124
<h2>Material Bootstrap Radio Button</h2>
125125
<div class="group">
126-
<bootstrap-radio type="button" checked> Active</bootstrap-radio>
127-
<bootstrap-radio type="button">Radio</bootstrap-radio>
128-
<bootstrap-radio type="button">Radio</bootstrap-radio>
126+
<bootstrap-radio-button type="button" checked> Active</bootstrap-radio-button>
127+
<bootstrap-radio-button type="button">Radio</bootstrap-radio-button>
128+
<bootstrap-radio-button type="button">Radio</bootstrap-radio-button>
129129
</div>
130130

131131

@@ -164,14 +164,14 @@ <h3>Outlined Material Buttons</h3>
164164
</div>
165165
<h3>Outlined Material Checkbox Buttons</h3>
166166
<div class="group">
167-
<bootstrap-check type="button" checked>Checked</bootstrap-check>
168-
<bootstrap-check type="button">Unchecked</bootstrap-check>
167+
<bootstrap-check-box type="button" checked>Checked</bootstrap-check-box>
168+
<bootstrap-check-box type="button">Unchecked</bootstrap-check-box>
169169
</div>
170170
<h3>Outlined Material Radio Buttons</h3>
171171
<div class="group">
172-
<bootstrap-radio type="button" checked> Active</bootstrap-radio>
173-
<bootstrap-radio type="button">Radio</bootstrap-radio>
174-
<bootstrap-radio type="button">Radio</bootstrap-radio>
172+
<bootstrap-radio-button type="button" checked> Active</bootstrap-radio-button>
173+
<bootstrap-radio-button type="button">Radio</bootstrap-radio-button>
174+
<bootstrap-radio-button type="button">Radio</bootstrap-radio-button>
175175
</div>
176176
</div>
177177
<h2>Button Group</h2>

‎bootstrap/forms/index.htm‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -764,16 +764,16 @@ <h2>File browser</h2>
764764
spacing for surrounding content.
765765
</p>
766766
<h3>Progress</h3>
767-
The "bootstrap-progress" is the custom element which displays a Progress bar.
767+
The "bootstrap-progress-bar" is the custom element which displays a Progress bar.
768768
<div>
769-
<bootstrap-progress value=25 max=100 min=0></bootstrap-progress><br/>
770-
<bootstrap-progress style-mode="info" value=50 max=100 min=0></bootstrap-progress><br/>
771-
<bootstrap-progress style-mode="success" value=75 max=100 min=0></bootstrap-progress><br/>
772-
<bootstrap-progress style-mode="warning" value=100 max=100 min=0></bootstrap-progress><br/>
769+
<bootstrap-progress-bar value=25 max=100 min=0></bootstrap-progress-bar><br/>
770+
<bootstrap-progress-bar style-mode="info" value=50 max=100 min=0></bootstrap-progress-bar><br/>
771+
<bootstrap-progress-bar style-mode="success" value=75 max=100 min=0></bootstrap-progress-bar><br/>
772+
<bootstrap-progress-bar style-mode="warning" value=100 max=100 min=0></bootstrap-progress-bar><br/>
773773
</div>
774774
By adding the 'striped' attribute adds stripes to the progress.
775775
<div>
776-
<bootstrap-progress striped style-mode="danger" value=50 max=100 min=0></bootstrap-progress>
776+
<bootstrap-progress-bar striped style-mode="danger" value=50 max=100 min=0></bootstrap-progress-bar>
777777
</div>
778778
<br/>
779779
<br/>
@@ -802,19 +802,19 @@ <h3>Progress</h3>
802802
Linear progress bar
803803
<br/><br/>
804804
<div class="smart material">
805-
<bootstrap-progress value=25 max=100 min=0></bootstrap-progress><br/>
806-
<bootstrap-progress style-mode="info" value=50 max=100 min=0></bootstrap-progress><br/>
807-
<bootstrap-progress style-mode="success" value=75 max=100 min=0></bootstrap-progress><br/>
808-
<bootstrap-progress style-mode="warning" value=100 max=100 min=0></bootstrap-progress><br/>
805+
<bootstrap-progress-bar value=25 max=100 min=0></bootstrap-progress-bar><br/>
806+
<bootstrap-progress-bar style-mode="info" value=50 max=100 min=0></bootstrap-progress-bar><br/>
807+
<bootstrap-progress-bar style-mode="success" value=75 max=100 min=0></bootstrap-progress-bar><br/>
808+
<bootstrap-progress-bar style-mode="warning" value=100 max=100 min=0></bootstrap-progress-bar><br/>
809809
</div>
810810
<br/>
811811
Circular progress bar
812812
<br/>
813813
<div class="smart material">
814-
<bootstrap-progress type="circular" value=25 max=100 min=0></bootstrap-progress><br/>
815-
<bootstrap-progress type="circular" style-mode="info" value=50 max=100 min=0></bootstrap-progress><br/>
816-
<bootstrap-progress type="circular" style-mode="success" value=75 max=100 min=0></bootstrap-progress><br/>
817-
<bootstrap-progress type="circular" style-mode="warning" value=100 max=100 min=0></bootstrap-progress><br/>
814+
<bootstrap-progress-bar type="circular" value=25 max=100 min=0></bootstrap-progress-bar><br/>
815+
<bootstrap-progress-bar type="circular" style-mode="info" value=50 max=100 min=0></bootstrap-progress-bar><br/>
816+
<bootstrap-progress-bar type="circular" style-mode="success" value=75 max=100 min=0></bootstrap-progress-bar><br/>
817+
<bootstrap-progress-bar type="circular" style-mode="warning" value=100 max=100 min=0></bootstrap-progress-bar><br/>
818818
</div>
819819
<br/>
820820
Text Fields

0 commit comments

Comments
 (0)