@aquera/nile-elements 0.1.30-beta-1.1 → 0.1.30-beta-1.2
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/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 +3 -3
- package/dist/nile-progress-bar/nile-progress-bar.esm.js +3 -3
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js +3 -3
- 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 +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.js +2 -2
- 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 +3 -3
- package/src/nile-progress-bar/nile-progress-bar.ts +2 -2
- package/vscode-html-custom-data.json +4 -4
|
@@ -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 e,
|
|
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,e,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){s=_tslib.__decorate;},function(_lit){e=_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,_this.variant="sm";return _this;}_inherits(o,_l);return _createClass(o,[{key:"updated",value:function updated(s){s.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(){var s="lg"===this.variant?"lg":"";return e(_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 "])),s,this.value);}}]);}(l));o.styles=r,s([t({type:Number})],o.prototype,"value",void 0),s([t({type:String})],o.prototype,"variant",void 0),_export("N",o=s([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\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n @property({ type: String }) variant: '
|
|
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\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n @property({ type: String }) variant: 'sm' | 'lg' = 'sm';\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 const variantClass = this.variant === 'lg' ? 'lg' : '';\n\n return html`\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar ${variantClass}\">\n <li><span style=\"width: ${this.value}%\"></span></li>\n </ul>\n </div>\n `;\n }\n}\n"],"names":["NileProgressBar","o","this","value","variant","_this","_inherits","_l","_createClass","key","updated","changedProperties","has","console","error","concat","emit","message","render","variantClass","html","_templateObject","_taggedTemplateLiteral","NileElement","styles","__decorate","property","type","Number","prototype","String","customElement"],"mappings":"2oGAMaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAAA,CACRD,KAAAA,CAAOE,OAAAA,CAAgB,IA0BpD,QAAAC,KAAA,EAxBUC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,WAAAN,KAAA,UAAAO,OAAAA,CAAQC,CACXA,CAAAA,CAAAA,CAAAA,CAAkBC,IAAI,OACpBV,CAAAA,GAAAA,CAAAA,IAAAA,CAAKC,KAAQ,CAAA,CAAA,EAAKD,IAAKC,CAAAA,KAAAA,CAAQ,GACjCU,IAAAA,OAAAA,CAAQC,KAAM,sCAAAC,MAAA,CAAqCb,IAAKC,CAAAA,KAAAA,gDAAAA,CAAAA,CACxDD,IAAKC,CAAAA,KAAAA,CAAQ,CAGI,CAAA,CAAA,GAAA,GAAfD,KAAKC,KACPD,EAAAA,IAAAA,CAAKc,IAAK,CAAA,eAAA,CAAiB,CAAEC,OAAAA,CAAS,4BAG3C,CAAA,CAAA,CAAA,EAEQ,GAAAR,GAAA,UAAAN,KAAA,UAAAe,MAAAA,CAAAA,CACP,CAAA,GAAMC,CAAAA,CAAgC,CAAA,IAAA,GAAjBjB,IAAKE,CAAAA,OAAAA,CAAmB,IAAO,CAAA,EAAA,CAEpD,MAAOgB,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mNAEsCH,CAAAA,CACjBjB,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MA7BkCoB,CAA9B,GACWvB,CAAMwB,CAAAA,MAAAA,CAAmBA,CAEbC,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAoB5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,OAAA,CAAA,IAAA,EACVJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAAsC9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,SAAA,CAAA,IAAA,EAJ7C7B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAeyB,CAAA,CAAA,CAD3BM,CAAc,CAAA,mBAAA,CAAA,CAAA,CACF/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;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",e=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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;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",e=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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.lg li {\n height: 6px; \n border-radius: 4px;\n overflow: hidden; \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 }\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 }\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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.
|
|
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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.lg li {\n height: 6px; \n border-radius: 4px;\n overflow: hidden; \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 }\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 }\n`;"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -24,8 +24,8 @@ import{css as r}from"lit";var e=r`
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
.nile-progress-bar__progress-bar.
|
|
28
|
-
height:
|
|
27
|
+
.nile-progress-bar__progress-bar.lg li {
|
|
28
|
+
height: 6px;
|
|
29
29
|
border-radius: 4px;
|
|
30
30
|
overflow: hidden;
|
|
31
31
|
}
|
|
@@ -44,7 +44,7 @@ import{css as r}from"lit";var e=r`
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
|
|
47
|
-
.nile-progress-bar__progress-bar.
|
|
47
|
+
.nile-progress-bar__progress-bar.lg li span {
|
|
48
48
|
border-radius: 4px;
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as s}from"tslib";import{html as e}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,this.variant="sm"}updated(s){s.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(){const s="lg"===this.variant?"lg":"";return e`
|
|
2
2
|
<div class="nile-progress-bar__container">
|
|
3
|
-
<ul class="nile-progress-bar__progress-bar ${
|
|
3
|
+
<ul class="nile-progress-bar__progress-bar ${s}">
|
|
4
4
|
<li><span style="width: ${this.value}%"></span></li>
|
|
5
5
|
</ul>
|
|
6
6
|
</div>
|
|
7
|
-
`}};
|
|
7
|
+
`}};o.styles=r,s([t({type:Number})],o.prototype,"value",void 0),s([t({type:String})],o.prototype,"variant",void 0),o=s([i("nile-progress-bar")],o);export{o as N};
|
|
@@ -25,8 +25,8 @@ export default css `
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
.nile-progress-bar__progress-bar.
|
|
29
|
-
height:
|
|
28
|
+
.nile-progress-bar__progress-bar.lg li {
|
|
29
|
+
height: 6px;
|
|
30
30
|
border-radius: 4px;
|
|
31
31
|
overflow: hidden;
|
|
32
32
|
}
|
|
@@ -45,7 +45,7 @@ export default css `
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
.nile-progress-bar__progress-bar.
|
|
48
|
+
.nile-progress-bar__progress-bar.lg li span {
|
|
49
49
|
border-radius: 4px;
|
|
50
50
|
}
|
|
51
51
|
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,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: 2px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 2px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out\n }\n\n \n .nile-progress-bar__progress-bar.lg li {\n height: 6px; \n border-radius: 4px;\n overflow: hidden; \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 }\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 }\n`;"]}
|
|
@@ -3,7 +3,7 @@ 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: '
|
|
6
|
+
variant: 'sm' | 'lg';
|
|
7
7
|
updated(changedProperties: Map<string, any>): void;
|
|
8
8
|
render(): import("lit-html").TemplateResult<1>;
|
|
9
9
|
}
|
|
@@ -7,7 +7,7 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
9
|
this.value = 0;
|
|
10
|
-
this.variant = '
|
|
10
|
+
this.variant = 'sm';
|
|
11
11
|
}
|
|
12
12
|
updated(changedProperties) {
|
|
13
13
|
if (changedProperties.has('value')) {
|
|
@@ -21,7 +21,7 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
const variantClass = this.variant === '
|
|
24
|
+
const variantClass = this.variant === 'lg' ? 'lg' : '';
|
|
25
25
|
return html `
|
|
26
26
|
<div class="nile-progress-bar__container">
|
|
27
27
|
<ul class="nile-progress-bar__progress-bar ${variantClass}">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;QACV,YAAO,
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;QACV,YAAO,GAAgB,IAAI,CAAC;IA0B1D,CAAC;IAxBU,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,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvD,OAAO,IAAI,CAAA;;qDAEsC,YAAY;oCAC7B,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;;AA5Be,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA6B;AAJ7C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8B3B","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\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n @property({ type: String }) variant: 'sm' | 'lg' = 'sm';\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 const variantClass = this.variant === 'lg' ? 'lg' : '';\n\n return html`\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar ${variantClass}\">\n <li><span style=\"width: ${this.value}%\"></span></li>\n </ul>\n </div>\n `;\n }\n}\n"]}
|