Skip to content

Commit 10f1494

Browse files
bmarkovbmarkov
committed
8.0.0
1 parent 778deb8 commit 10f1494

File tree

1,057 files changed

+34062
-119118
lines changed

Some content is hidden

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

1,057 files changed

+34062
-119118
lines changed

‎ReadMe.txt‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
1. Steps to run a demo:
2+
3+
Web:
4+
5+
- npm install http-server -g. Package Usage Information: https://www.npmjs.com/package/http-server
6+
- Run http-server -p 9000
7+
- Open 127.0.0.1:9000 in your browser
8+
- Navigate to a demo and open it
9+
10+
Angular:
11+
12+
- Navigate to /angular
13+
- npm install
14+
- npm run start
15+
- Open your web browser and navigate to the demo
16+
17+
(To build a different demo, edit index.js)
18+
19+
Example to build the input's overview demo:
20+
21+
const tempDemos = [
22+
'input/overview'
23+
];
24+
25+
26+
React:
27+
28+
- Navigate to /react
29+
- npm install
30+
- npm run start
31+
- Open your web browser and navigate to the demo
32+
33+
(To build a different demo, edit index.js)
34+
35+
Example to build the input's overview demo:
36+
37+
const tempDemos = [
38+
'input/overview'
39+
];
40+
41+
Vue:
42+
43+
- Navigate to /vue
44+
- npm install
45+
- npm run start
46+
- Open your web browser and navigate to the demo
47+
48+
(To build a different demo, edit index.js)
49+
50+
Example to build the input's overview demo:
51+
52+
const tempDemos = [
53+
'input/overview'
54+
];
55+
56+
57+
2. Docs: https://www.htmlelements.com/docs/
58+
3. Pricing: https://www.htmlelements.com/license/
59+
4. Community Forums: https://www.htmlelements.com/forums/
60+
5. Support: [email protected] (Mon-Fri)
61+
6. Sales: [email protected] and +359 88-2223800

‎bootstrap/source/smart.element.js‎

Lines changed: 8899 additions & 2 deletions
Large diffs are not rendered by default.

‎demos/framework/advanced/index.htm‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<title>Grid Layout Overview Demo</title>
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
8+
<link rel="stylesheet" type="text/css" href="../../../source/styles/smart.default.css" />
9+
<link rel="stylesheet" type="text/css" href="../../../styles/demos.css" />
10+
11+
<link rel="stylesheet" type="text/css" href="styles.css" />
12+
<script src="index.js"></script>
13+
</head>
14+
<body class="viewport">
15+
<div class="smart-grid-layout">
16+
<div class="row">
17+
<div class="col">Header</div>
18+
</div>
19+
<div class="row">
20+
<div class="col-sm-4">Side Bar</div>
21+
<div class="col-sm-8">Content. Grid system with 3 rows. The Header and Footer are with 100px height. The Content and Side Bar fill the rest of the remaining space. The Side Bar and Content sre stacked on small device screen.</div>
22+
</div>
23+
<div class="row">
24+
<div class="col">Footer</div>
25+
</div>
26+
</body>
27+
</html>

‎demos/framework/advanced/index.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/// <reference path="../../../source/typescript/smart.elements.d.ts" />

‎demos/framework/advanced/index.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/// <reference path="../../../source/typescript/smart.elements.d.ts" />
2+
3+
import {Framework} from "../../../source/typescript/smart.elements"
4+

‎demos/framework/advanced/styles.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
.smart-grid-layout .row div {
2+
background-color: #444;
3+
color: #fff;
4+
}
5+
.smart-grid-layout {
6+
--smart-grid-layout-rows: 100px 1fr 100px;
7+
height:100%;
8+
}
9+
.smart-grid-layout .row {
10+
padding: 0px;
11+
}
12+
body,
13+
html {
14+
padding: 0px;
15+
margin: 0px;
16+
overflow:hidden;
17+
height: 100%;
18+
}

‎demos/framework/custom-element/index.htm‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<title>Create Custom Element</title>
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
8+
<link rel="stylesheet" type="text/css" href="../../../source/styles/smart.default.css" />
9+
<link rel="stylesheet" type="text/css" href="styles.css" />
10+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.0/webcomponents-lite.js"></script>
11+
<script src="../../../source/smart.element.js"></script>
12+
<script src="index.js"></script>
13+
</head>
14+
<body class="viewport">
15+
<smart-greeting></smart-greeting>
16+
</body>
17+
</html>

‎demos/framework/custom-element/index.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/// <reference path="../../../source/typescript/smart.elements.d.ts" />
2+
Smart('smart-greeting', class SmartGreeting extends smartBaseElement {
3+
// Declare properties
4+
static get properties() {
5+
return {
6+
'name': {
7+
value: 'World!',
8+
type: 'string'
9+
}
10+
};
11+
}
12+
// Define a template
13+
template() {
14+
return '<p>Hello, <span>{{name}}</span></p>';
15+
}
16+
});

‎demos/framework/custom-element/index.ts‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/// <reference path="../../../source/typescript/smart.elements.d.ts" />
2+
3+
import {Framework} from "../../../source/typescript/smart.elements"
4+
5+
Smart('smart-greeting', class SmartGreeting extends smartBaseElement {
6+
// Declare properties
7+
static get properties() {
8+
return {
9+
'name':
10+
{
11+
value: 'World!',
12+
type: 'string'
13+
}
14+
};
15+
}
16+
17+
// Define a template
18+
template() {
19+
return '<p>Hello, <span>{{name}}</span></p>';
20+
}
21+
});

‎demos/framework/custom-element/styles.css‎

Whitespace-only changes.

0 commit comments

Comments
 (0)