@aquera/nile-elements 0.1.30-beta-1.3 → 0.1.30-beta-1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.esm.js +11 -13
- package/dist/nile-progress-bar/nile-progress-bar.esm.js +3 -3
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js +9 -11
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.d.ts +0 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.js +1 -6
- package/dist/src/nile-progress-bar/nile-progress-bar.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-progress-bar/nile-progress-bar.css.ts +10 -12
- package/src/nile-progress-bar/nile-progress-bar.ts +2 -6
- package/vscode-html-custom-data.json +1 -13
- package/dist/nile-icon/icons/svg/vector.cjs.js +0 -2
- package/dist/nile-icon/icons/svg/vector.cjs.js.map +0 -1
- package/dist/nile-icon/icons/svg/vector.esm.js +0 -1
- package/dist/src/nile-icon/icons/svg/vector.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/vector.js +0 -5
- package/dist/src/nile-icon/icons/svg/vector.js.map +0 -1
- package/src/nile-icon/icons/svg/vector.ts +0 -5
package/package.json
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
"description": "Webcomponent nile-elements following open-wc recommendations",
|
4
4
|
"license": "MIT",
|
5
5
|
"author": "nile-elements",
|
6
|
-
"version": "0.1.30-beta-1.
|
6
|
+
"version": "0.1.30-beta-1.4",
|
7
7
|
"main": "dist/src/index.js",
|
8
8
|
"type": "module",
|
9
9
|
"module": "dist/src/index.js",
|
@@ -13,24 +13,21 @@ export default css`
|
|
13
13
|
margin: 0 auto;
|
14
14
|
list-style: none;
|
15
15
|
display: flex;
|
16
|
-
height:
|
16
|
+
height: 6px;
|
17
17
|
justify-content: space-between;
|
18
18
|
}
|
19
19
|
|
20
20
|
.nile-progress-bar__progress-bar li {
|
21
21
|
position: relative;
|
22
22
|
width: 100%;
|
23
|
-
height:
|
23
|
+
height: 6px;
|
24
24
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
25
|
-
transition:
|
25
|
+
transition: stroke-dashoffset 0.8s ease-in-out;
|
26
|
+
border-radius: 4px;
|
27
|
+
overflow: hidden;
|
26
28
|
}
|
27
29
|
|
28
|
-
|
29
|
-
.nile-progress-bar__progress-bar.lg li {
|
30
|
-
height: 6px;
|
31
|
-
border-radius: 4px;
|
32
|
-
overflow: hidden;
|
33
|
-
}
|
30
|
+
|
34
31
|
|
35
32
|
.nile-progress-bar__progress-bar li.changeColor::after {
|
36
33
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
@@ -41,11 +38,11 @@ export default css`
|
|
41
38
|
top: 0;
|
42
39
|
left: 0;
|
43
40
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
44
|
-
height: 100%;
|
41
|
+
height: 100%;
|
45
42
|
transition: all 1s linear;
|
43
|
+
border-radius: 4px;
|
46
44
|
}
|
47
45
|
|
48
|
-
|
49
46
|
.nile-progress-bar__progress-bar.lg li span {
|
50
47
|
border-radius: 4px;
|
51
48
|
}
|
@@ -54,5 +51,6 @@ export default css`
|
|
54
51
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
55
52
|
position: absolute;
|
56
53
|
z-index: 1;
|
54
|
+
border-radius: 4px;
|
57
55
|
}
|
58
|
-
`;
|
56
|
+
`;
|
@@ -1,14 +1,12 @@
|
|
1
|
-
import { html, css, CSSResultGroup } from 'lit';
|
1
|
+
import { LitElement, html, css, CSSResultGroup } from 'lit';
|
2
2
|
import styles from './nile-progress-bar.css';
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
4
4
|
import NileElement from '../internal/nile-element';
|
5
|
-
|
6
5
|
@customElement('nile-progress-bar')
|
7
6
|
export class NileProgressBar extends NileElement {
|
8
7
|
static override styles: CSSResultGroup = styles;
|
9
8
|
|
10
9
|
@property({ type: Number }) value = 0;
|
11
|
-
@property({ type: String }) variant: 'sm' | 'lg' = 'sm';
|
12
10
|
|
13
11
|
override updated(changedProperties: Map<string, any>) {
|
14
12
|
if (changedProperties.has('value')) {
|
@@ -24,11 +22,9 @@ export class NileProgressBar extends NileElement {
|
|
24
22
|
}
|
25
23
|
|
26
24
|
override render() {
|
27
|
-
const variantClass = this.variant === 'lg' ? 'lg' : '';
|
28
|
-
|
29
25
|
return html`
|
30
26
|
<div class="nile-progress-bar__container">
|
31
|
-
<ul class="nile-progress-bar__progress-bar
|
27
|
+
<ul class="nile-progress-bar__progress-bar">
|
32
28
|
<li><span style="width: ${this.value}%"></span></li>
|
33
29
|
</ul>
|
34
30
|
</div>
|
@@ -2564,23 +2564,11 @@
|
|
2564
2564
|
},
|
2565
2565
|
{
|
2566
2566
|
"name": "nile-progress-bar",
|
2567
|
-
"description": "Attributes:\n\n * `value` {`number`} - \n\
|
2567
|
+
"description": "Attributes:\n\n * `value` {`number`} - \n\nProperties:\n\n * `styles` - \n\n * `value` {`number`} - \n\n * `override` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
2568
2568
|
"attributes": [
|
2569
2569
|
{
|
2570
2570
|
"name": "value",
|
2571
2571
|
"description": "`value` {`number`} - \n\nProperty: value\n\nDefault: 0"
|
2572
|
-
},
|
2573
|
-
{
|
2574
|
-
"name": "variant",
|
2575
|
-
"description": "`variant` {`\"sm\" | \"lg\"`} - \n\nProperty: variant\n\nDefault: sm",
|
2576
|
-
"values": [
|
2577
|
-
{
|
2578
|
-
"name": "sm"
|
2579
|
-
},
|
2580
|
-
{
|
2581
|
-
"name": "lg"
|
2582
|
-
}
|
2583
|
-
]
|
2584
2572
|
}
|
2585
2573
|
]
|
2586
2574
|
},
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"vector.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Do not edit directly
|
3
|
-
*/
|
4
|
-
declare const _default: "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
|
5
|
-
export default _default;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Do not edit directly
|
3
|
-
*/
|
4
|
-
export default "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
|
5
|
-
//# sourceMappingURL=vector.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"vector.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/vector.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8gDAA8gD,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==\";"]}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Do not edit directly
|
3
|
-
*/
|
4
|
-
|
5
|
-
export default "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
|