@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/README.md
CHANGED
|
@@ -79,6 +79,19 @@ To run a local development server that serves the basic demo located in `demo/in
|
|
|
79
79
|
|
|
80
80
|
In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
|
|
81
81
|
|
|
82
|
+
#### Version 0.1.29
|
|
83
|
+
- Nile Icon:
|
|
84
|
+
resource_analysis
|
|
85
|
+
|
|
86
|
+
resource_graph
|
|
87
|
+
|
|
88
|
+
transaction_monitor
|
|
89
|
+
|
|
90
|
+
sort_ascending
|
|
91
|
+
|
|
92
|
+
sort_descending
|
|
93
|
+
|
|
94
|
+
- Dependency nile 0.3.59
|
|
82
95
|
|
|
83
96
|
### Version 0.1.29-beta-1.3
|
|
84
97
|
- Nile Highlighter Removed
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","./nile-progress-bar.css.cjs.js","lit/decorators.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var s,
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","./nile-progress-bar.css.cjs.js","lit/decorators.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,s,r,t,i,l,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_nileProgressBarCssCjsJs){r=_nileProgressBarCssCjsJs.s;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.value=0;return _this;}_inherits(o,_l);return _createClass(o,[{key:"updated",value:function updated(e){e.has("value")&&((this.value<0||this.value>100)&&(console.error("[NileProgressBar]: Invalid value (".concat(this.value,") detected. Value must be between 0 and 100.")),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}));}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar\">\n <li><span style=\"width: ","%\"></span></li>\n </ul>\n </div>\n "])),this.value);}}]);}(l));o.styles=r,e([t({type:Number})],o.prototype,"value",void 0),_export("N",o=e([i("nile-progress-bar")],o));}};});
|
|
2
2
|
//# sourceMappingURL=nile-progress-bar.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('value')) {\n if (this.value < 0 || this.value > 100) {\n console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n this.value = 0; \n }\n\n if (this.value === 100) {\n this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n }\n }\n }\n\n override render() {\n return html`\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar\">\n <li><span style=\"width: ${this.value}%\"></span></li>\n </ul>\n </div>\n `;\n }\n}\n"],"names":["NileProgressBar","o","this","value","_this","_inherits","_l","_createClass","key","updated","changedProperties","has","console","error","emit","message","render","html","_templateObject","_taggedTemplateLiteral","NileElement","styles","__decorate","property","type","Number","prototype","customElement"],"mappings":"2oGAKaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAwBrC,QAAAC,KAAA,EAtBUC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,WAAAL,KAAA,UAAAM,OAAAA,CAAQC,CAAAA,CAAAA,CACXA,CAAkBC,CAAAA,GAAAA,CAAI,YACpBT,IAAKC,CAAAA,KAAAA,CAAQ,CAAKD,EAAAA,IAAAA,CAAKC,KAAQ,CAAA,GAAA,IACjCS,OAAQC,CAAAA,KAAAA,sCAAAA,MAAAA,CAA2CX,IAAAA,CAAKC,KACxDD,gDAAAA,CAAAA,CAAAA,IAAAA,CAAKC,KAAQ,CAAA,CAAA,CAAA,CAGI,MAAfD,IAAKC,CAAAA,KAAAA,EACPD,IAAKY,CAAAA,IAAAA,CAAK,eAAiB,CAAA,CAAEC,OAAS,CAAA,4BAAA,CAAA,CAAA,CAG3C,EAEQ,GAAAP,GAAA,UAAAL,KAAA,UAAAa,MAAAA,CAAAA,CACP,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+MAGqBjB,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MA1BkCiB,CAA9B,GACWpB,EAAMqB,MAAmBA,CAAAA,CAAAA,CAEbC,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAoBzB,CAAA0B,CAAAA,SAAAA,CAAA,YAAA,EAH3B1B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAesB,EAAA,CAD3BK,CAAAA,CAAc,sBACF3B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n .nile-progress-bar__container {\n width: 100%;\n margin: 0 auto;\n }\n\n .nile-progress-bar__progress-bar {\n width: 100%;\n counter-reset: step;\n padding: 0;\n margin: 0 auto;\n list-style: none;\n display: flex;\n height: 6px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 6px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out;\n border-radius: 4px; \n overflow: hidden;\n }\n\n \n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-progress-bar-progress-color-stroke);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-progress-bar-progress-color-stroke);\n height: 100%;\n transition: all 1s linear;\n border-radius: 4px; \n }\n\n .nile-progress-bar__progress-bar.lg li span {\n border-radius: 4px;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-progress-bar-track-color-stroke);\n position: absolute;\n z-index: 1;\n border-radius: 4px; \n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-progress-bar.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n .nile-progress-bar__container {\n width: 100%;\n margin: 0 auto;\n }\n\n .nile-progress-bar__progress-bar {\n width: 100%;\n counter-reset: step;\n padding: 0;\n margin: 0 auto;\n list-style: none;\n display: flex;\n height:
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n .nile-progress-bar__container {\n width: 100%;\n margin: 0 auto;\n }\n\n .nile-progress-bar__progress-bar {\n width: 100%;\n counter-reset: step;\n padding: 0;\n margin: 0 auto;\n list-style: none;\n display: flex;\n height: 6px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 6px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out;\n border-radius: 4px; \n overflow: hidden;\n }\n\n \n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-progress-bar-progress-color-stroke);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-progress-bar-progress-color-stroke);\n height: 100%;\n transition: all 1s linear;\n border-radius: 4px; \n }\n\n .nile-progress-bar__progress-bar.lg li span {\n border-radius: 4px;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-progress-bar-track-color-stroke);\n position: absolute;\n z-index: 1;\n border-radius: 4px; \n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as r}from"lit";var
|
|
1
|
+
import{css as r}from"lit";var o=r`
|
|
2
2
|
.nile-progress-bar__container {
|
|
3
3
|
width: 100%;
|
|
4
4
|
margin: 0 auto;
|
|
@@ -11,24 +11,21 @@ import{css as r}from"lit";var e=r`
|
|
|
11
11
|
margin: 0 auto;
|
|
12
12
|
list-style: none;
|
|
13
13
|
display: flex;
|
|
14
|
-
height:
|
|
14
|
+
height: 6px;
|
|
15
15
|
justify-content: space-between;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.nile-progress-bar__progress-bar li {
|
|
19
19
|
position: relative;
|
|
20
20
|
width: 100%;
|
|
21
|
-
height:
|
|
21
|
+
height: 6px;
|
|
22
22
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
23
|
-
transition:
|
|
23
|
+
transition: stroke-dashoffset 0.8s ease-in-out;
|
|
24
|
+
border-radius: 4px;
|
|
25
|
+
overflow: hidden;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
|
-
|
|
27
|
-
.nile-progress-bar__progress-bar.lg li {
|
|
28
|
-
height: 6px;
|
|
29
|
-
border-radius: 4px;
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
}
|
|
28
|
+
|
|
32
29
|
|
|
33
30
|
.nile-progress-bar__progress-bar li.changeColor::after {
|
|
34
31
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
@@ -39,11 +36,11 @@ import{css as r}from"lit";var e=r`
|
|
|
39
36
|
top: 0;
|
|
40
37
|
left: 0;
|
|
41
38
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
42
|
-
height: 100%;
|
|
39
|
+
height: 100%;
|
|
43
40
|
transition: all 1s linear;
|
|
41
|
+
border-radius: 4px;
|
|
44
42
|
}
|
|
45
43
|
|
|
46
|
-
|
|
47
44
|
.nile-progress-bar__progress-bar.lg li span {
|
|
48
45
|
border-radius: 4px;
|
|
49
46
|
}
|
|
@@ -52,5 +49,6 @@ import{css as r}from"lit";var e=r`
|
|
|
52
49
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
53
50
|
position: absolute;
|
|
54
51
|
z-index: 1;
|
|
52
|
+
border-radius: 4px;
|
|
55
53
|
}
|
|
56
|
-
`;export{
|
|
54
|
+
`;export{o as s};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as e}from"tslib";import{html as s}from"lit";import{s as r}from"./nile-progress-bar.css.esm.js";import{property as t,customElement as i}from"lit/decorators.js";import{N as l}from"../internal/nile-element.esm.js";let o=class extends l{constructor(){super(...arguments),this.value=0}updated(e){e.has("value")&&((this.value<0||this.value>100)&&(console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}))}render(){return s`
|
|
2
2
|
<div class="nile-progress-bar__container">
|
|
3
|
-
<ul class="nile-progress-bar__progress-bar
|
|
3
|
+
<ul class="nile-progress-bar__progress-bar">
|
|
4
4
|
<li><span style="width: ${this.value}%"></span></li>
|
|
5
5
|
</ul>
|
|
6
6
|
</div>
|
|
7
|
-
`}};o.styles=r,
|
|
7
|
+
`}};o.styles=r,e([t({type:Number})],o.prototype,"value",void 0),o=e([i("nile-progress-bar")],o);export{o as N};
|
|
@@ -12,24 +12,21 @@ export default css `
|
|
|
12
12
|
margin: 0 auto;
|
|
13
13
|
list-style: none;
|
|
14
14
|
display: flex;
|
|
15
|
-
height:
|
|
15
|
+
height: 6px;
|
|
16
16
|
justify-content: space-between;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.nile-progress-bar__progress-bar li {
|
|
20
20
|
position: relative;
|
|
21
21
|
width: 100%;
|
|
22
|
-
height:
|
|
22
|
+
height: 6px;
|
|
23
23
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
24
|
-
transition:
|
|
24
|
+
transition: stroke-dashoffset 0.8s ease-in-out;
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
overflow: hidden;
|
|
25
27
|
}
|
|
26
28
|
|
|
27
|
-
|
|
28
|
-
.nile-progress-bar__progress-bar.lg li {
|
|
29
|
-
height: 6px;
|
|
30
|
-
border-radius: 4px;
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
}
|
|
29
|
+
|
|
33
30
|
|
|
34
31
|
.nile-progress-bar__progress-bar li.changeColor::after {
|
|
35
32
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
@@ -40,11 +37,11 @@ export default css `
|
|
|
40
37
|
top: 0;
|
|
41
38
|
left: 0;
|
|
42
39
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
43
|
-
height: 100%;
|
|
40
|
+
height: 100%;
|
|
44
41
|
transition: all 1s linear;
|
|
42
|
+
border-radius: 4px;
|
|
45
43
|
}
|
|
46
44
|
|
|
47
|
-
|
|
48
45
|
.nile-progress-bar__progress-bar.lg li span {
|
|
49
46
|
border-radius: 4px;
|
|
50
47
|
}
|
|
@@ -53,6 +50,7 @@ export default css `
|
|
|
53
50
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
54
51
|
position: absolute;
|
|
55
52
|
z-index: 1;
|
|
53
|
+
border-radius: 4px;
|
|
56
54
|
}
|
|
57
55
|
`;
|
|
58
56
|
//# sourceMappingURL=nile-progress-bar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n .nile-progress-bar__container {\n width: 100%;\n margin: 0 auto;\n }\n\n .nile-progress-bar__progress-bar {\n width: 100%;\n counter-reset: step;\n padding: 0;\n margin: 0 auto;\n list-style: none;\n display: flex;\n height: 6px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 6px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out;\n border-radius: 4px; \n overflow: hidden;\n }\n\n \n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-progress-bar-progress-color-stroke);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-progress-bar-progress-color-stroke);\n height: 100%;\n transition: all 1s linear;\n border-radius: 4px; \n }\n\n .nile-progress-bar__progress-bar.lg li span {\n border-radius: 4px;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-progress-bar-track-color-stroke);\n position: absolute;\n z-index: 1;\n border-radius: 4px; \n }\n`;\n"]}
|
|
@@ -3,7 +3,6 @@ import NileElement from '../internal/nile-element';
|
|
|
3
3
|
export declare class NileProgressBar extends NileElement {
|
|
4
4
|
static styles: CSSResultGroup;
|
|
5
5
|
value: number;
|
|
6
|
-
variant: 'sm' | 'lg';
|
|
7
6
|
updated(changedProperties: Map<string, any>): void;
|
|
8
7
|
render(): import("lit-html").TemplateResult<1>;
|
|
9
8
|
}
|
|
@@ -7,7 +7,6 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
9
|
this.value = 0;
|
|
10
|
-
this.variant = 'sm';
|
|
11
10
|
}
|
|
12
11
|
updated(changedProperties) {
|
|
13
12
|
if (changedProperties.has('value')) {
|
|
@@ -21,10 +20,9 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
22
|
render() {
|
|
24
|
-
const variantClass = this.variant === 'lg' ? 'lg' : '';
|
|
25
23
|
return html `
|
|
26
24
|
<div class="nile-progress-bar__container">
|
|
27
|
-
<ul class="nile-progress-bar__progress-bar
|
|
25
|
+
<ul class="nile-progress-bar__progress-bar">
|
|
28
26
|
<li><span style="width: ${this.value}%"></span></li>
|
|
29
27
|
</ul>
|
|
30
28
|
</div>
|
|
@@ -35,9 +33,6 @@ NileProgressBar.styles = styles;
|
|
|
35
33
|
__decorate([
|
|
36
34
|
property({ type: Number })
|
|
37
35
|
], NileProgressBar.prototype, "value", void 0);
|
|
38
|
-
__decorate([
|
|
39
|
-
property({ type: String })
|
|
40
|
-
], NileProgressBar.prototype, "variant", void 0);
|
|
41
36
|
NileProgressBar = __decorate([
|
|
42
37
|
customElement('nile-progress-bar')
|
|
43
38
|
], NileProgressBar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,IAAI,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAE5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;IAwBxC,CAAC;IAtBU,OAAO,CAAC,iBAAmC;QAClD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,CAAC,qCAAqC,IAAI,CAAC,KAAK,8CAA8C,CAAC,CAAC;gBAC7G,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;oCAGqB,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;;AAzBe,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AAH3B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA2B3B","sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('value')) {\n if (this.value < 0 || this.value > 100) {\n console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n this.value = 0; \n }\n\n if (this.value === 100) {\n this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n }\n }\n }\n\n override render() {\n return html`\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar\">\n <li><span style=\"width: ${this.value}%\"></span></li>\n </ul>\n </div>\n `;\n }\n}\n"]}
|