npm - @aquera/nile-elements - Versions diffs - 0.1.27 → 0.1.28-beta-1.1 - Mend

@aquera/nile-elements 0.1.27 → 0.1.28-beta-1.1

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.

Files changed (77) hide show

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host{\n    \n  }\n  .track {\n    stroke-width: 2px;\n    stroke: var(--nile-colors-yellow-400);\n    opacity: 0.5;\n    fill: none;\n  }\n\n  .progress {\n    stroke-width: 2px;\n    stroke: var(--nile-colors-yellow-500);\n    stroke-linecap: round;\n    fill: none;\n    transform: rotate(270deg);\n    transform-origin: center;\n  }\n\n  .circle__text {\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    font-size: var(--nile-type-scale-1);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-1);\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host{\n    \n  }\n\n  .track {\n    stroke-width: 4px;\n    stroke: var(--nile-colors-neutral-400);\n    opacity: 0.5;\n    fill: none;\n    height: 2px;\n  }\n\n  .progress {\n    stroke-width: 4px;\n    stroke: var(--nile-colors-primary-600);\n    stroke-linecap: round;\n    fill: none;\n    transform: rotate(270deg);\n    transform-origin: center;\n  }\n\n  .circle__text {\n    color: var(--nile-colors-dark-900);\n    text-align: center;\n    font-size: var(--nile-type-scale-1);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-1);\n    letter-spacing: 0.2px;\n     \n  }\n\n  \n  .nile-progress-bar__status {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 4px;  \n  }\n\n  .nile-progress-bar__message {\n    flex-grow: 1;\n  }\n\n  .nile-progress-bar__percentage {\n    white-space: nowrap;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-circular-progressbar.css.cjs.js.map

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-circular-progressbar.css.cjs.js","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Progressbar CSS\n */\nexport const styles = css`\n :host{\n \n }\n .track {\n stroke-width: ~~2px~~;\n stroke: var(--nile-colors-~~yellow~~-400);\n opacity: 0.5;\n fill: none;\n }\n\n .progress {\n stroke-width: ~~2px~~;\n stroke: var(--nile-colors-~~yellow~~-~~500~~);\n stroke-linecap: round;\n fill: none;\n transform: rotate(270deg);\n transform-origin: center;\n }\n\n .circle__text {\n color: var(--nile-colors-dark-900);\n text-align: center;\n font-size: var(--nile-type-scale-1);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-1);\n letter-spacing: 0.2px;\n ~~text~~-~~transform~~: ~~uppercase~~;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-circular-progressbar.css.cjs.js","sources":["../../../src/nile-circular-progressbar/nile-circular-progressbar.css.ts"],"sourcesContent":[" /*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Progressbar CSS\n */\nexport const styles = css`\n :host{\n \n }\n\n .track {\n stroke-width: 4px;\n stroke: var(--nile-colors-neutral-400);\n opacity: 0.5;\n fill: none;\n height: 2px;\n }\n\n .progress {\n stroke-width: 4px;\n stroke: var(--nile-colors-primary-600);\n stroke-linecap: round;\n fill: none;\n transform: rotate(270deg);\n transform-origin: center;\n }\n\n .circle__text {\n color: var(--nile-colors-dark-900);\n text-align: center;\n font-size: var(--nile-type-scale-1);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-1);\n letter-spacing: 0.2px;\n \n }\n\n \n .nile-progress-bar__status {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 4px; \n }\n\n .nile-progress-bar__message {\n flex-grow: 1;\n }\n\n .nile-progress-bar__percentage {\n white-space: nowrap;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-circular-progressbar/nile-circular-progressbar.css.esm.js CHANGED Viewed

@@ -2,16 +2,18 @@ import{css as e}from"lit";const r=e`
   :host{
   }
   .track {
-    stroke-width: 2px;
-    stroke: var(--nile-colors-yellow-400);
+    stroke-width: 4px;
+    stroke: var(--nile-colors-neutral-400);
     opacity: 0.5;
     fill: none;
+    height: 2px;
   }
   .progress {
-    stroke-width: 2px;
-    stroke: var(--nile-colors-yellow-500);
+    stroke-width: 4px;
+    stroke: var(--nile-colors-primary-600);
     stroke-linecap: round;
     fill: none;
     transform: rotate(270deg);
@@ -26,6 +28,22 @@ import{css as e}from"lit";const r=e`
     font-weight: var(--nile-font-weight-regular);
     line-height: var(--nile-type-scale-1);
     letter-spacing: 0.2px;
-    text-transform: uppercase;
+  }
+  .nile-progress-bar__status {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 4px;
+  }
+  .nile-progress-bar__message {
+    flex-grow: 1;
+  }
+  .nile-progress-bar__percentage {
+    white-space: nowrap;
   }
 `;export{r as s};

package/dist/nile-circular-progressbar/nile-circular-progressbar.esm.js CHANGED Viewed

@@ -1,15 +1,22 @@
-import{__decorate as s}from"tslib";import{html as r}from"lit";import{query as e,property as t,customElement as i}from"lit/decorators.js";import{s as c}from"./nile-circular-progressbar.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let o=class extends l{constructor(){super(...arguments),this.progress=50}static get styles(){return[c]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.progress<0&&(this.progress=0),this.progress>100&&(this.progress=100),this.setProgress(this.progress)}))}setProgress(s){let r=2*this.progressCircle.r.baseVal.value*Math.PI;this.progressCircle.style.strokeDasharray=r,this.progressCircle.style.strokeDashoffset=r-s/100*r}render(){return r`
-      <svg width="40" height="40">
-        <circle r="19" cx="20" cy="20" class="track"></circle>
-        <circle r="19" cx="20" cy="20" class="progress"></circle>
-        <text
-          x="50%"
-          y="50%"
-          text-anchor="middle"
-          alignment-baseline="middle"
-          class="circle__text"
-        >
-          ${this.progress} %
-        </text>
-      </svg>
-    `}};s([e(".progress")],o.prototype,"progressCircle",void 0),s([t({type:Number,reflect:!0})],o.prototype,"progress",void 0),o=s([i("nile-circular-progressbar")],o);export{o as N};
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{query as s,property as r,customElement as i}from"lit/decorators.js";import{s as c}from"./nile-circular-progressbar.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";let l=class extends o{constructor(){super(...arguments),this.progress=50,this.size="md"}static get styles(){return[c]}get circleSize(){switch(this.size){case"sm":return{radius:9,viewBox:24,fontSize:"5px"};case"lg":return{radius:28,viewBox:64,fontSize:"10px"};default:return{radius:18,viewBox:40,fontSize:"10px"}}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.progress<0&&(this.progress=0),this.progress>100&&(this.progress=100),this.setProgress(this.progress)}))}setProgress(e){let t=2*this.progressCircle.r.baseVal.value*Math.PI;this.progressCircle.style.strokeDasharray=t,this.progressCircle.style.strokeDashoffset=t-e/100*t}render(){const{radius:e,viewBox:s,fontSize:r}=this.circleSize,i=void 0===this.content?`${Math.round(this.progress)}%`:this.content;return t`
+      <svg width="${s}" height="${s}" viewBox="0 0 ${s} ${s}">
+        <circle r="${e}" cx="${s/2}" cy="${s/2}" class="track"></circle>
+        <circle r="${e}" cx="${s/2}" cy="${s/2}" class="progress"></circle>
+          <text
+            x="50%"
+            y="53%"
+            text-anchor="middle"
+            alignment-baseline="middle"
+            class="circle__text"
+            style="font-size: ${r};"
+          >
+            ${i}
+          </text>
+  </svg>
+    `}};e([s(".progress")],l.prototype,"progressCircle",void 0),e([r({type:Number,reflect:!0})],l.prototype,"progress",void 0),e([r({reflect:!0})],l.prototype,"content",void 0),e([r({type:String,reflect:!0})],l.prototype,"size",void 0),l=e([i("nile-circular-progressbar")],l);export{l as N};

package/dist/nile-progress-bar/nile-progress-bar.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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"],function(_export,_context){"use strict";var r,s,e,i,o,t,_templateObject,l;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){r=_tslib.__decorate;},function(_lit){s=_lit.LitElement;e=_lit.html;},function(_nileProgressBarCssCjsJs){i=_nileProgressBarCssCjsJs.s;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.value=0;return _this;}_inherits(l,_s);return _createClass(l,[{key:"render",value:function render(){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    "])),this.value);}}]);}(s));l.styles=i,r([o({type:Number})],l.prototype,"value",void 0),_export("N",l=r([t("nile-progress-bar")],l));}};});
+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"],function(_export,_context){"use strict";var r,s,e,t,i,o,_templateObject,a;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){r=_tslib.__decorate;},function(_lit){s=_lit.LitElement;e=_lit.html;},function(_nileProgressBarCssCjsJs){t=_nileProgressBarCssCjsJs.s;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.value=0,_this.variant="normal";return _this;}_inherits(a,_s);return _createClass(a,[{key:"render",value:function render(){var r="rounded"===this.variant?"rounded":"";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    "])),r,this.value);}}]);}(s));a.styles=t,r([i({type:Number})],a.prototype,"value",void 0),r([i({type:String})],a.prototype,"variant",void 0),_export("N",a=r([o("nile-progress-bar")],a));}};});
 //# sourceMappingURL=nile-progress-bar.cjs.js.map

package/dist/nile-progress-bar/nile-progress-bar.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
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';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends LitElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\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","_s","l","~~constructor~~","~~this~~","~~value~~","_this","_inherits","_createClass","key","render","html","_templateObject","_taggedTemplateLiteral","LitElement","styles","__decorate","property","type","Number","prototype","customElement"],"mappings":"ujGAKaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,~~CAAAC~~,KAAAA,KAAAA,~~CAAAA~~,~~eAAAA~~,~~MAAAA,~~CAAAA,~~qCAGuBC,~~KAAAA,~~CAAKC~~,~~KAAAA~~,~~CAAG~~,~~CAWrC~~,QAAAC,KAAA,~~EATUC~~,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,~~UAAAJ~~,KAAA,~~UAAAK~~,MAAAA,CAAAA,CACP,CAAA,~~MAAOC~~,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA~~,+MAGqBT~~,IAAKC,CAAAA,KAAAA,EAItC,CAAA,~~MAbkCS~~,~~IACnBd~~,~~EAAMe~~,~~MAAmBA~~,CAAAA,~~CAAAA~~,CAEbC,~~EAAA~~,CAA3BC,CAAAA,CAAS,CAAEC,~~IAAMC~~,CAAAA,~~MAAAA~~,CAAAA,CAAAA,CAAAA,~~CAAoBnB~~,~~CAAAoB~~,CAAAA,~~SAAAA~~,CAAA,~~YAAA~~,~~EAH3BpB~~,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,~~CAAegB~~,~~EAAA~~,~~CAD3BK~~,~~CAAAA~~,CAAc,~~sBACFrB~~"}
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';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends LitElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n @property({ type: String }) variant: 'normal' \| 'rounded' = 'normal';\n\n override render() {\n const variantClass = this.variant === 'rounded' ? 'rounded' : '';\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","_s","a","this","value","variant","_this","_inherits","_createClass","key","render","variantClass","html","_templateObject","_taggedTemplateLiteral","LitElement","styles","__decorate","property","type","Number","prototype","String","customElement"],"mappings":"ujGAKaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEAGuBC,KAAAA,CAAKC,KAAAA,CAAG,CACRD,CAAAA,KAAAA,CAAOE,OAAyB,CAAA,QAa7D,QAAAC,KAAA,EAXUC,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAL,KAAA,UAAAM,MAAAA,CAAAA,CAAAA,CACP,GAAMC,CAAAA,CAAAA,CAAgC,YAAjBR,IAAKE,CAAAA,OAAAA,CAAwB,SAAY,CAAA,EAAA,CAE9D,MAAOO,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mNAEsCH,CAAAA,CACjBR,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MAhBkCW,CAA9B,GACWf,CAAMgB,CAAAA,MAAAA,CAAmBA,CAEbC,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAoBpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,OAAA,CAAA,IAAA,EACVJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAAmDtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,SAAA,CAAA,IAAA,EAJ1DrB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAeiB,CAAA,CAAA,CAD3BM,CAAc,CAAA,mBAAA,CAAA,CAAA,CACFvB"}

package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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: 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-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
+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-colors-neutral-400);\n  }\n\n \n  .nile-progress-bar__progress-bar.rounded li {\n    height: 4px;  \n    border-radius: 4px;\n    overflow: hidden; \n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.rounded li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-progress-bar.css.cjs.js.map

package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map CHANGED Viewed

	@@ -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-colors-neutral-400);\n }\n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-colors-primary-600);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-colors-primary-600);\n height: ~~2px;\~~n transition: all 1s linear;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-colors-neutral-400);\n position: absolute;\n z-index: 1;\n }\n~~`;\n~~"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
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-colors-neutral-400);\n }\n\n \n .nile-progress-bar__progress-bar.rounded li {\n height: 4px; \n border-radius: 4px;\n overflow: hidden; \n }\n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-colors-primary-600);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-colors-primary-600);\n height: 100%; \n transition: all 1s linear;\n }\n\n \n .nile-progress-bar__progress-bar.rounded li span {\n border-radius: 4px;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-colors-neutral-400);\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"}

package/dist/nile-progress-bar/nile-progress-bar.css.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{css as r}from"lit";var o=r`
+import{css as r}from"lit";var e=r`
   .nile-progress-bar__container {
     width: 100%;
     margin: 0 auto;
@@ -22,6 +22,13 @@ import{css as r}from"lit";var o=r`
     background-color: var(--nile-colors-neutral-400);
   }
+  .nile-progress-bar__progress-bar.rounded li {
+    height: 4px;
+    border-radius: 4px;
+    overflow: hidden;
+  }
   .nile-progress-bar__progress-bar li.changeColor::after {
     background-color: var(--nile-colors-primary-600);
   }
@@ -31,13 +38,18 @@ import{css as r}from"lit";var o=r`
     top: 0;
     left: 0;
     background-color: var(--nile-colors-primary-600);
-    height: 2px;
+    height: 100%;
     transition: all 1s linear;
   }
+  .nile-progress-bar__progress-bar.rounded li span {
+    border-radius: 4px;
+  }
   .nile-progress-bar__reset {
     background-color: var(--nile-colors-neutral-400);
     position: absolute;
     z-index: 1;
   }
-`;export{o as s};
+`;export{e as s};

package/dist/nile-progress-bar/nile-progress-bar.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{__decorate as r}from"tslib";import{LitElement as s,html as e}from"lit";import{s as i}from"./nile-progress-bar.css.esm.js";import{property as o,customElement as t}from"lit/decorators.js";let l=class extends s{constructor(){super(...arguments),this.value=0}render(){return e`
+import{__decorate as r}from"tslib";import{LitElement as s,html as e}from"lit";import{s as t}from"./nile-progress-bar.css.esm.js";import{property as i,customElement as o}from"lit/decorators.js";let a=class extends s{constructor(){super(...arguments),this.value=0,this.variant="normal"}render(){const r="rounded"===this.variant?"rounded":"";return e`
       <div class="nile-progress-bar__container">
-        <ul class="nile-progress-bar__progress-bar">
+        <ul class="nile-progress-bar__progress-bar ${r}">
           <li><span style="width: ${this.value}%"></span></li>
         </ul>
       </div>
-    `}};l.styles=i,r([o({type:Number})],l.prototype,"value",void 0),l=r([t("nile-progress-bar")],l);export{l as N};
+    `}};a.styles=t,r([i({type:Number})],a.prototype,"value",void 0),r([i({type:String})],a.prototype,"variant",void 0),a=r([o("nile-progress-bar")],a);export{a as N};

package/dist/nile-stepper/nile-stepper.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,i,s,r,l,n,o,_templateObject,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileStepperCssCjsJs){r=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.isVertical=!1,_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="md",_this.icon="tick";return _this;}_inherits(p,_l);return _createClass(p,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(p,"connectedCallback",this,3)([]),this.updateComplete.then(function(){_this2.updateItems();});}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this3=this;var t=_toConsumableArray(this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item"));if(!t.length)return;var e=t.length<3,i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(l,n){n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=_this3.icon,l.size=_this3.size,l.value=n+1,l.contentBelow=_this3.contentBelow,0!=n&&n!=t.length-1||(l.haveFlex=e);});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=",">\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=","\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t"])),o({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical}),this.updateItems);}}],[{key:"styles",get:function get(){return[r];}}]);}(l));t([i({type:Boolean,attribute:"vertical"})],p.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:"content-below",reflect:!0})],p.prototype,"contentBelow",void 0),t([i({type:Number,attribute:"currentStep",reflect:!0})],p.prototype,"currentStep",void 0),t([i({type:Number,attribute:"completedStep",reflect:!0})],p.prototype,"completedStep",void 0),t([i({type:String,attribute:"size",reflect:!0})],p.prototype,"size",void 0),t([i()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),_export("N",p=t([s("nile-stepper")],p));}};});
+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","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,i,s,r,l,n,p,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileStepperCssCjsJs){r=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_litDirectivesClassMapJs){p=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.isVertical=!1,_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="md",_this.icon="tick";return _this;}_inherits(o,_l);return _createClass(o,[{key:"update",value:function update(t){_superPropGet(o,"update",this,3)([t]),(t.has("currentStep")||t.has("completedStep"))&&this.updateItems();}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this2=this;var t=_toConsumableArray(this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item"));if(!t.length)return;var e=t.length<3,i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(l,n){n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=_this2.icon,l.size=_this2.size,l.value=n+1,l.contentBelow=_this2.contentBelow,0!=n&&n!=t.length-1||(l.haveFlex=e);});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=",">\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=","\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t"])),p({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical}),this.updateItems);}}],[{key:"styles",get:function get(){return[r];}}]);}(l));t([i({type:Boolean,attribute:"vertical"})],o.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"size",void 0),t([i()],o.prototype,"icon",void 0),t([n("currentStep")],o.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],o.prototype,"handleCompletedStepChanges",null),_export("N",o=t([s("nile-stepper")],o));}};});
 //# sourceMappingURL=nile-stepper.cjs.js.map

package/dist/nile-stepper/nile-stepper.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/\n Nile stepper component.\n \n @tag nile-stepper\n \n /\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;\n\t@property({ type: Boolean, attribute: ~~'content-below'~~, reflect:true }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: ~~'currentStep'~~, reflect:true }) currentStep: number = 0;\n\t@property({ type: Number, attribute: ~~'completedStep'~~, reflect:true }) completedStep: number = 0;\n\t@property({ type: String, attribute: ~~'size'~~, reflect:true }) size: 'sm' \| 'md' \| 'lg' = 'md';\n\t@property() icon: string = 'tick';\n\n\~~tconnectedCallback~~() {\n~~\t\tsuper~~.~~connectedCallback~~();\n\t\~~tthis~~.~~updateComplete.then~~(() => {\n\t\t\tthis.updateItems();\n\t\t}~~);\~~n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll(this.isVertical?'nile-vertical-stepper-item':'nile-stepper-item')];\n\t\tif (!items.length) return;\n\t\tconst haveFlex = items.length < 3;\n\n\t\tconst current = (this.currentStep == 0 \|\| this.currentStep > items.length) ? 1 : this.currentStep;\n\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\titems.forEach((el: any, index: number) => {\n\t\t\t// set item is complete and is current values\n\t\t\tif (index + 1 < current) {\n\t\t\t\tel.isComplete = true;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\t\t\telse if (index + 1 == current) {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = true;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\n\t\t\t// Set isLast and isFirst\n\t\t\tif (index == 0) el.isFirst = true;\n\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t// setting default values\n\t\t\tel.currentStepValue = current;\n\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\tel.completedStepValue = completed;\n\n\t\t\tel.icon = this.icon;\n\t\t\tel.size = this.size;\n\t\t\tel.value = index + 1;\n\t\t\tel.contentBelow = this.contentBelow\n\t\t\tif (index == 0 \|\| index == items.length - 1) {\n\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t}\n\t\t})\n\t}\n\n\t/*\n\t The styles for nile-stepper\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=${classMap({\n\t\t\t\t'nile-stepper':true,\n\t\t\t\t'nile-stepper--horizontal':!this.isVertical,\n\t\t\t\t'nile-stepper--vertical':this.isVertical\n\t\t\t})}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}\n"],"names":["NileStepper","p","this","isVertical","contentBelow","currentStep","completedStep","size","icon","_this","_inherits","~~_l","~~_createClass","key","value","~~connectedCallback~~","~~super~~","~~updateComplete~~","~~then~~","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","~~_this3~~","~~items~~","querySelectorAll","length","haveFlex","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","render","html","_templateObject","_taggedTemplateLiteral","classMap","__decorate","get","styles","NileElement","property","type","Boolean","attribute","prototype","reflect","Number","String","watch","_export","customElement"],"mappings":"gyJAsBaA,~~CAAAA~~,~~uBAAAA~~,~~EAAAA~~,~~EAAN~~,SAAAC,EAAA,~~qEAE8CC~~,~~EAAAA,~~KAAAA,CAAUC,~~UAAY~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CACHD~~,KAAAA,CAAYE,~~YAAY~~,~~CAAA~~,~~CAAA~~,~~CAAA,CAC3BF,~~KAAAA,CAAWG,~~WAAAA~~,~~CAAW~~,~~CACnBH~~,~~CAAAA~~,KAAAA,CAAaI,~~cAAW~~,~~CACjCJ~~,~~CAAAA~~,KAAAA,CAAIK,~~IAAuB~~,~~CAAA~~,~~IAAA~~,~~CAC7EL~~,KAAAA,CAAIM,~~IAAAA~~,~~CAAW~~,MAiG3B,QAAAC,KAAA,EA/~~FAC~~,SAAA,CAAAT,CAAA,~~CAAAU~~,EAAA,~~SAAAC~~,YAAA,~~CAAAX~~,CAAA,~~GAAAY~~,GAAA,~~qBAAAC~~,KAAA,UAAAC,~~iBAAAA~~,~~CAAAA~~,~~CACCC~~,~~KAAAA~~,~~MAAAA~~,~~MAAAA,~~aAAAA,CAAAA,CAAAA,~~iCACAd~~,~~IAAAA~~,~~CAAKe~~,~~eAAeC~~,~~IAAK~~,CAAA,~~UAAA~~,~~CACxBhB~~,~~MAAKiB~~,CAAAA,~~WAAAA~~,CAAAA,~~CAAa~~,~~EAEnB~~,~~CAAA~~,EAGD,GAAAN,GAAA,4BAAAC,KAAA,UAAAM,wBAAAA,CAAAA,~~CACClB~~,CAAAA,IAAAA,~~CAAKiB~~,~~cACLjB~~,~~IAAKmB~~,CAAAA,IAAAA,~~CAAK~~,~~sBAAuB~~,~~CAAEP~~,~~KAAAA~~,~~CAAOZ~~,~~IAAKG~~,CAAAA,~~WAAAA~~,~~CAAAA~~,~~CAC~~/C,EAGD,~~GAAAQ~~,GAAA,8BAAAC,KAAA,UAAAQ,0BAAAA,CAAAA,~~EACCpB~~,~~IAAKiB,~~CAAAA,~~WAAAA~~,CAAAA,CAAAA,~~CACLjB,IAAKmB,~~CAAAA,IAAAA,~~CAAK~~,~~uBAAyB~~,CAAA,CAAEP,~~MAAOZ~~,~~IAAKI,~~CAAAA,~~aAAAA~~,~~CAAAA~~,~~CACjD~~,EAEO,~~GAAAO~~,GAAA,eAAAC,KAAA,UAAAK,WAAAA,CAAAA,~~CACP~~,~~KAAAI~~,~~MAAA~~,~~MAAA~~,~~GAAMC~~,CAAAA,~~qBAAiBtB~~,~~IAAAA~~,~~CAAKuB~~,~~gBAAiBvB~~,CAAAA,~~IAAAA~~,~~CAAKC~~,~~UAAW~~,CAAA,~~4BAAA~~,~~CAA6B~~,~~sBAC1F~~,~~GAAKqB~~,~~CAAAA~~,CAAAA,~~CAAME~~,~~MAAQ~~,~~CAAA,~~OACnB,GAAMC,CAAAA,CAAAA,~~CAAWH~~,~~EAAME~~,~~MAAS~~,~~CAAA~~,~~CAAA~~,~~CAE1BE,~~CAA+B,~~CAAA~~,~~CAAA~~,~~EAApB1B~~,IAAKG,CAAAA,WAAAA,~~EAAoBH~~,~~KAAKG~~,~~WAAcmB,~~CAAAA,~~CAAAA~~,~~CAAME~~,~~MAAU~~,~~CAAA~~,~~CAAA~~,~~CAAIxB~~,~~IAAKG~~,CAAAA,~~WAAAA~~,~~CAChFwB~~,~~EAAsB3B~~,~~IAAKI~~,CAAAA,~~aAAAA~~,~~CAAgBkB~~,~~EAAME,MAAmBxB,~~EAAAA,IAAAA,CAAKI,~~cAAgBsB~~,CAA/BA,CAAAA,CAAAA,~~CAAmD1B~~,IAAKI,CAAAA,aAAAA,~~CAClHwB~~,~~CAAY5B~~,CAAAA,IAAAA,CAAKI,~~cAAgBkB~~,~~CAAME~~,CAAAA,MAAAA,CAAS,~~CAAIxB~~,CAAAA,IAAAA,CAAKI,aAE/~~DkB~~,CAAAA,CAAAA,~~CAAMO~~,QAAQ,SAACC,CAAAA,CAASC,CAEnBA,CAAAA,CAAAA,CAAAA,CAAQ,CAAIL,CAAAA,CAAAA,EACfI,EAAGE,UAAa,CAAA,CAAA,CAAA,CAChBF,CAAGG,CAAAA,SAAAA,CAAAA,CAAY,CAEPF,EAAAA,CAAAA,CAAQ,GAAKL,CACiBI,EAAAA,CAAAA,CAAGE,UAArCD,CAAAA,CAAAA,CAAQ,CAAKJ,EAAAA,CAAAA,CAEjBG,EAAGG,SAAY,CAAA,CAAA,CAAA,GAGuBH,CAAGE,CAAAA,UAAAA,CAArCD,CAAQ,CAAA,CAAA,EAAKJ,EAEjBG,CAAGG,CAAAA,SAAAA,CAAAA,CAAY,CAIH,CAAA,CAAA,CAAA,EAATF,CAAYD,GAAAA,CAAAA,CAAGI,SAAU,CACzBH,CAAAA,CAAAA,CAAAA,~~EAAST~~,~~CAAME~~,CAAAA,MAAAA,CAAS,CAAGM,GAAAA,CAAAA,CAAGK,QAAS,CAG3CL,CAAAA,CAAAA,CAAAA,CAAGM,gBAAmBV,CAAAA,CAAAA,CACtBI,CAAGO,CAAAA,4BAAAA,CAA+BV,EAClCG,CAAGQ,CAAAA,kBAAAA,CAAqBV,CAExBE,CAAAA,CAAAA,~~CAAGxB~~,IAAON,CAAAA,MAAAA,CAAKM,~~KACfwB~~,~~CAAGzB~~,CAAAA,IAAAA,CAAOL,MAAKK,CAAAA,IAAAA,~~CACfyB~~,CAAGlB,CAAAA,KAAAA,CAAQmB,EAAQ,CACnBD,CAAAA,CAAAA,~~CAAG5B~~,YAAeF,CAAAA,MAAAA,CAAKE,YACV,CAAA,CAAA,~~EAAT6B~~,GAAcA,~~CAAST~~,EAAAA,CAAAA,~~CAAME~~,MAAS,CAAA,CAAA,GACzCM,CAAGL,CAAAA,QAAAA,CAAWA,EACd,EAEF,CAAA,EAMM,GAAAd,GAAA,UAAAC,KAAA,CAYA,SAAA2B,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,iHACGC,CAAAA,CAAS,CACrB,cAAe,CAAA,CAAA,CAAA,CACf,~~4BAA4B3C~~,IAAKC,CAAAA,UAAAA,CACjC,yBAAyBD,IAAKC,CAAAA,UAAAA,CAAAA,CAAAA,CAGfD,~~IAAKiB~~,CAAAA,WAAAA,EAItB,CAnGmD2B,KAAAA,GAAAA,UAAAA,GAAAA,CA2E7C,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,EACR,EAUM,MAzFyBC,~~CAAAA~~,~~GAEoBH~~,CAAAA,CAAA,CAAnDI,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,SAAAA,CAAW,cAA0CrD,CAAAsD,CAAAA,SAAAA,CAAA,iBAAA,~~EACTR~~,CAAAA,CAAAA,CAAAA,CAAA,~~CAAtEI~~,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,SAAAA,CAAW,~~eAAiBE~~,CAAAA,OAAAA,CAAAA,CAAQ,CAAsCvD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsD,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,~~CACjCR~~,EAAA,~~CAAnEI~~,CAAAA,CAAS,CAAEC,IAAMK,CAAAA,MAAAA,CAAQH,~~UAAW~~,~~aAAeE~~,CAAAA,OAAAA,CAAAA,CAAQ,KAAgCvD,CAAAsD,CAAAA,SAAAA,CAAA,kBAAA,~~EACrBR~~,CAAAA,CAAAA,CAAAA,CAAA,~~CAAtEI~~,CAAS,CAAA,CAAEC,IAAMK,CAAAA,MAAAA,CAAQH,SAAW,CAAA,~~eAAA~~,~~CAAiBE~~,SAAQ,CAAmCvD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsD,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,~~CACnCR~~,EAAA,~~CAA7DI~~,CAAAA,CAAS,CAAEC,IAAMM,CAAAA,MAAAA,CAAQJ,~~UAAW~~,~~MAAQE~~,CAAAA,OAAAA,CAAAA,CAAQ,KAAyCvD,CAAAsD,CAAAA,SAAAA,CAAA,WAAA,~~EAClFR~~,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAiClD,CAAAsD,CAAAA,SAAAA,CAAA,WAAA,EAUlCR,CAAAA,CAAAA,CAAAA,CAAA,CADCY,CAAM,CAAA,aAAA,CAAA,CAAA,CAIN1D,EAAAsD,SAAA,CAAA,0BAAA,CAAA,MAGDR,CAAA,CAAA,CADCY,EAAM,eAIN1D,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsD,UAAA,4BAAA,CAAA,IAAA,CAAA,CAAAK,OAAA,KA1BW3D,EAAW8C,CAAA,CAAA,CADvBc,CAAc,CAAA,cAAA,CAAA,CAAA,CACF5D"}
1	+ {"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult, PropertyValueMap } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/\n Nile stepper component.\n \n @tag nile-stepper\n \n /\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;\n\t@property({ type: Boolean, attribute: true, reflect:true }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: true, reflect:true }) currentStep: number = 0;\n\t@property({ type: Number, attribute: true, reflect:true }) completedStep: number = 0;\n\t@property({ type: String, attribute: true, reflect:true }) size: 'sm' \| 'md' \| 'lg' = 'md';\n\t@property() icon: string = 'tick';\n\n\tprotected update(changedProperties: PropertyValueMap<any> \| Map<PropertyKey, unknown>): void{\n super.update(changedProperties);\n\t\tif(changedProperties.has('currentStep') \|\| changedProperties.has('completedStep')){\n\t\t\tthis.updateItems();\n\t\t}\n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\t\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll(this.isVertical ? 'nile-vertical-stepper-item' : 'nile-stepper-item')];\n\t\tif (!items.length) return;\n\t\tconst haveFlex = items.length < 3;\n\n\t\tconst current = (this.currentStep == 0 \|\| this.currentStep > items.length) ? 1 : this.currentStep;\n\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\titems.forEach((el: any, index: number) => {\n\t\t\t// set item is complete and is current values\n\t\t\tif (index + 1 < current) {\n\t\t\t\tel.isComplete = true;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\t\t\telse if (index + 1 == current) {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = true;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\n\t\t\t// Set isLast and isFirst\n\t\t\tif (index == 0) el.isFirst = true;\n\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t// setting default values\n\t\t\tel.currentStepValue = current;\n\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\tel.completedStepValue = completed;\n\n\t\t\tel.icon = this.icon;\n\t\t\tel.size = this.size;\n\t\t\tel.value = index + 1;\n\t\t\tel.contentBelow = this.contentBelow\n\t\t\tif (index == 0 \|\| index == items.length - 1) {\n\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t}\n\t\t})\n\t}\n\n\t/*\n\t The styles for nile-stepper\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=${classMap({\n\t\t\t\t'nile-stepper':true,\n\t\t\t\t'nile-stepper--horizontal':!this.isVertical,\n\t\t\t\t'nile-stepper--vertical':this.isVertical\n\t\t\t})}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}\n"],"names":["NileStepper","_l","o","this","isVertical","contentBelow","currentStep","completedStep","size","icon","_this","_inherits","_createClass","key","value","update","changedProperties","super","has","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","items","_toConsumableArray","querySelectorAll","length","haveFlex","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","render","html","_templateObject","_taggedTemplateLiteral","classMap","__decorate","get","styles","NileElement","property","type","Boolean","attribute","prototype","reflect","Number","String","watch","_export","customElement"],"mappings":"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"}

package/dist/nile-stepper/nile-stepper.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay:block;\n\t\theight:100%;\n\t}\n\t.nile-stepper--horizontal{\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\t.nile-stepper--vertical{\n\t\theight:100%;\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_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){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t*{\n\t\tbox-sizing:border-box;\n\t}\n\t:host {\n\t\tdisplay:block;\n\t\theight:100%;\n\t}\n\t.nile-stepper--horizontal{\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\tpadding: var(--nile-spacing-spacing-3xl) 0;\n\t}\n\n\t.nile-stepper--vertical{\n\t\theight:100%;\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tpadding: var(--nile-spacing-spacing-3xl) var(--nile-spacing-spacing-3xl) 0;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-stepper.css.cjs.js.map

package/dist/nile-stepper/nile-stepper.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-stepper.css.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n Stepper CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:block;\n\t\theight:100%;\n\t}\n\t.nile-stepper--horizontal{\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\t.nile-stepper--vertical{\n\t\theight:100%;\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-stepper.css.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit';\n\n/\n Stepper CSS\n /\nexport const styles = css`\n\t{\n\t\tbox-sizing:border-box;\n\t}\n\t:host {\n\t\tdisplay:block;\n\t\theight:100%;\n\t}\n\t.nile-stepper--horizontal{\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\tpadding: var(--nile-spacing-spacing-3xl) 0;\n\t}\n\n\t.nile-stepper--vertical{\n\t\theight:100%;\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tpadding: var(--nile-spacing-spacing-3xl) var(--nile-spacing-spacing-3xl) 0;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-stepper/nile-stepper.css.esm.js CHANGED Viewed

@@ -1,4 +1,7 @@
-import{css as e}from"lit";const i=e`
+import{css as i}from"lit";const e=i`
+	*{
+		box-sizing:border-box;
+	}
 	:host {
 		display:block;
 		height:100%;
@@ -6,10 +9,13 @@ import{css as e}from"lit";const i=e`
 	.nile-stepper--horizontal{
 		display:flex;
 		align-items:center;
+		padding: var(--nile-spacing-spacing-3xl) 0;
 	}
 	.nile-stepper--vertical{
 		height:100%;
 		display:flex;
 		flex-direction:column;
+		padding: var(--nile-spacing-spacing-3xl) var(--nile-spacing-spacing-3xl) 0;
 	}
-`;export{i as s};
+`;export{e as s};

package/dist/nile-stepper/nile-stepper.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as r}from"./nile-stepper.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{classMap as o}from"lit/directives/class-map.js";let p=class extends l{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="md",this.icon="tick"}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateItems()}))}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!t.length)return;const e=t.length<3,i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((l,n)=>{n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=this.icon,l.size=this.size,l.value=n+1,l.contentBelow=this.contentBelow,0!=n&&n!=t.length-1||(l.haveFlex=e)}))}static get styles(){return[r]}render(){return e`
-			<div class=${o({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical})}>
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as r}from"./nile-stepper.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{classMap as p}from"lit/directives/class-map.js";let o=class extends l{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="md",this.icon="tick"}update(t){super.update(t),(t.has("currentStep")||t.has("completedStep"))&&this.updateItems()}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!t.length)return;const e=t.length<3,i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((l,n)=>{n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=this.icon,l.size=this.size,l.value=n+1,l.contentBelow=this.contentBelow,0!=n&&n!=t.length-1||(l.haveFlex=e)}))}static get styles(){return[r]}render(){return e`
+			<div class=${p({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical})}>
 				<slot
 					@slotchange=${this.updateItems}
 				></slot>
 			</div>
-			`}};t([i({type:Boolean,attribute:"vertical"})],p.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:"content-below",reflect:!0})],p.prototype,"contentBelow",void 0),t([i({type:Number,attribute:"currentStep",reflect:!0})],p.prototype,"currentStep",void 0),t([i({type:Number,attribute:"completedStep",reflect:!0})],p.prototype,"completedStep",void 0),t([i({type:String,attribute:"size",reflect:!0})],p.prototype,"size",void 0),t([i()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),p=t([s("nile-stepper")],p);export{p as N};
+			`}};t([i({type:Boolean,attribute:"vertical"})],o.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"size",void 0),t([i()],o.prototype,"icon",void 0),t([n("currentStep")],o.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],o.prototype,"handleCompletedStepChanges",null),o=t([s("nile-stepper")],o);export{o as N};

package/dist/nile-stepper-item/nile-stepper-item.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,_,p,r,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,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){t=_tslib.__decorate;},function(_lit){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.state;_=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){p=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){r=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_n){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(o,_n);return _createClass(o,[{key:"render",value:function render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var _=!1;s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!1));var r="sm"==this.size?20:"md"==this.size?24:28;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t","\n\t\t\t</div>\n\t\t"])),p({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),this.isFirst?i:e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\"/>\n\t\t\t\t\t\t"])),p({stepper__line:!0,"stepper__line--active":s||t})),l?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\">\n\t\t\t\t\t\t\t\t\t<svg width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>"])),r,r):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),p({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),p({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow}),this.contentBelow||!this.title?i:e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tclass=\"","\">\n\t\t\t\t\t\t\t","\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t"])),p({"stepper__content__title stepper__content__title--inline":!0,"stepper__content__title--active":t}),this.title),this.isLast?i:e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t"])),p({stepper__line:!0,"stepper__line--active":_})),this.contentBelow?e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t\t","\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t</div>\n\t\t\t\t"])),p({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,p({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle):i);}}],[{key:"styles",get:function get(){return[r];}}]);}(n));t([s()],o.prototype,"title",void 0),t([s()],o.prototype,"subtitle",void 0),t([l()],o.prototype,"contentBelow",void 0),t([l()],o.prototype,"size",void 0),t([l()],o.prototype,"icon",void 0),t([l()],o.prototype,"isFirst",void 0),t([l()],o.prototype,"isLast",void 0),t([l()],o.prototype,"isComplete",void 0),t([l()],o.prototype,"isCurrent",void 0),t([l()],o.prototype,"currentStepValue",void 0),t([l()],o.prototype,"completedStepValue",void 0),t([l()],o.prototype,"calculatedCompletedStepValue",void 0),t([l()],o.prototype,"value",void 0),t([l()],o.prototype,"haveFlex",void 0),_export("N",o=t([_("nile-stepper-item")],o));}};});
+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","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,_,l,p,r,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,d;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){t=_tslib.__decorate;},function(_lit){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;_=_litDecoratorsJs.property;l=_litDecoratorsJs.state;p=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){n=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(d,_o);return _createClass(d,[{key:"updated",value:function updated(t){if(t.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){var _this$absoluteSubtitl,_this$absoluteSubtitl2;var _t=(_this$absoluteSubtitl=(_this$absoluteSubtitl2=this.absoluteSubtitle)===null||_this$absoluteSubtitl2===void 0?void 0:_this$absoluteSubtitl2.scrollWidth)!==null&&_this$absoluteSubtitl!==void 0?_this$absoluteSubtitl:"0";this.absoluteTitle.style.minWidth=_t+"px";}}},{key:"render",value:function render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var _=!1;(s&&!t||this.completedStepValue==this.value)&&(_=!0);var l=!1;return s&&(l=!0,this.calculatedCompletedStepValue==this.value&&(l=!1)),e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=",">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t","\n\t\t\t</div>\n\t\t"])),r({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),this.isFirst?i:e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\"/>\n\t\t\t\t\t\t"])),r({stepper__line:!0,"stepper__line--active":s||t})),r({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow}),_?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\">","</div>"])),this.getSvg()):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"","\"></div>"])),r({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),r({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow}),this.contentBelow||!this.title?i:e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\n\t\t\t\t\t\t\t<div class=\"stepper__item__content--above\">\n\t\t\t\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t\t\t\t","\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle),this.isLast?i:e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t"])),r({stepper__line:!0,"stepper__line--active":l})),this.contentBelow?e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t\t","\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t</div>\n\t\t\t\t"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle):i);}},{key:"getSvg",value:function getSvg(){var t="sm"==this.size?20:"md"==this.size?24:28;return e(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n\t\t<svg width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t"])),t,t);}}],[{key:"styles",get:function get(){return[n];}}]);}(o));t([s(".stepper__item__content--above .stepper__content__title")],d.prototype,"absoluteTitle",void 0),t([s(".stepper__item__content--above .stepper__content__subtitle")],d.prototype,"absoluteSubtitle",void 0),t([_()],d.prototype,"title",void 0),t([_()],d.prototype,"subtitle",void 0),t([l()],d.prototype,"contentBelow",void 0),t([l()],d.prototype,"size",void 0),t([l()],d.prototype,"icon",void 0),t([l()],d.prototype,"isFirst",void 0),t([l()],d.prototype,"isLast",void 0),t([l()],d.prototype,"isComplete",void 0),t([l()],d.prototype,"isCurrent",void 0),t([l()],d.prototype,"currentStepValue",void 0),t([l()],d.prototype,"completedStepValue",void 0),t([l()],d.prototype,"calculatedCompletedStepValue",void 0),t([l()],d.prototype,"value",void 0),t([l()],d.prototype,"haveFlex",void 0),_export("N",d=t([p("nile-stepper-item")],d));}};});
 //# sourceMappingURL=nile-stepper-item.cjs.js.map

package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, nothing, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile stepper-item component.\n \n @tag nile-stepper-item\n \n /\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\t/* Properties passed directly /\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\n\t/ Properties passed to parent component: NileStepper /\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' \| 'md' \| 'lg' = 'md';\n\t@state() private icon = 'tick';\n\n\n\t/ Properties Computed at parent level component NileStepper /\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\n\t/\n\t The styles for nile-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\n\t\tif (!this.haveFlex) this.style.setProperty('--stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon = false;\n\t\tif (isComplete && !isCurrent \|\| this.completedStepValue == this.value) showCompletedIcon = true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'md' ? 24 : 28;\n\t\treturn html`\n\t\t\t<div class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete \|\| isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div class=\"stepper__bulletin--icon\">\n\t\t\t\t\t\t\t\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t\t: html`<div class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow \|\| !this.title ? nothing:html`\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tclass=\"${classMap({ 'stepper__content__title stepper__content__title--inline':true, 'stepper__content__title--active':isCurrent, })}\">\n\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${!this.contentBelow?nothing:html`\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}"],"names":["NileStepperItem","_n","o","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","iconSize","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","_templateObject3","_templateObject4","stepper__line__container","_templateObject5","_templateObject6","_templateObject7","stepper__content__title","stepper__content__subtitle","__decorate","get","styles","NileElement","property","prototype","state","_export","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, nothing, html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile stepper-item component.\n \n @tag nile-stepper-item\n \n /\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\n\t@query('.stepper__item__content--above .stepper__content__title') absoluteTitle:HTMLDivElement;\n\t@query('.stepper__item__content--above .stepper__content__subtitle') absoluteSubtitle:HTMLDivElement;\n\n\t/* Properties passed directly /\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\t/ Properties passed to parent component: NileStepper /\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' \| 'md' \| 'lg' = 'md';\n\t@state() private icon = 'tick';\n\n\n\t/ Properties Computed at parent level component NileStepper /\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/\n\t The styles for nile-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\tprotected updated(_changedProperties: PropertyValues): void {\n\t\tif(_changedProperties.has('subtitle') && this.isLast && !this.contentBelow && this.subtitle){\n\t\t\tconst subtitleWidth=this.absoluteSubtitle?.scrollWidth as number ?? '0';\n\t\t\tthis.absoluteTitle.style.minWidth=subtitleWidth+\"px\"\n\t\t}\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\n\t\tif (!this.haveFlex) this.style.setProperty('--stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon = false;\n\t\tif (isComplete && !isCurrent \|\| this.completedStepValue == this.value) showCompletedIcon = true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg'\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete \|\| isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=${classMap({ 'stepper__item__bulletin':true, 'stepper__item__bulletin--inline': !this.contentBelow })}>\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div class=\"stepper__bulletin--icon\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow \|\| !this.title ? nothing:html`\n\n\t\t\t\t\t\t\t<div class=\"stepper__item__content--above\">\n\t\t\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${this.contentBelow?\n\t\t\t\t\thtml`\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`:nothing}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'md' ? 24 : 28;\n\t\treturn html`\n\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}"],"names":["NileStepperItem","_o","d","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_createClass","key","value","updated","_changedProperties","has","_this$absoluteSubtitl","_this$absoluteSubtitl2","subtitleWidth","absoluteSubtitle","scrollWidth","absoluteTitle","style","minWidth","render","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","stepper__item__bulletin","_templateObject3","getSvg","_templateObject4","stepper__line__container","_templateObject5","stepper__content__title","stepper__content__subtitle","_templateObject6","_templateObject7","iconSize","_templateObject8","__decorate","get","styles","NileElement","query","prototype","property","state","customElement"],"mappings":"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"}

package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--inline{\n\t\tpadding: 0 8px;\n\t\tcolor:var(--nile-colors-gray-light-mode-500);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-400);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay: inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content--above{\n\t\tposition:relative;\n\t\tpadding: 0 var(--nile-spacing-spacing-md);\n\t}\n\n\t.stepper__item__content--above .stepper__content__subtitle{\n\t\tposition: absolute;\n    top: 100%;\n    white-space: nowrap;\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__item__bulletin{\n\t\tmargin-left: 6px;\n\t\tmargin-right: 6px;\n\t}\n\n\t.stepper__item__bulletin--inline{\n\t\tmargin-right: 0px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--inline{\n\t\tpadding: 0 8px;\n\t\tcolor:var(--nile-colors-dark-900);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-500);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-stepper-item.css.cjs.js.map

package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-stepper-item.css.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport { css } from 'lit';\n\n/\n StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-~~lg,12px~~);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-~~xl, 16px~~);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:~~16px~~;\n\t\t--stepper-item-text-line-~~heightt~~:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-~~xl, 16px~~);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:~~16px~~;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-~~gray~~-~~light-mode-200~~);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-~~gray~~-~~light-mode-700~~);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: ~~600~~;\n\t}\n\n\t.stepper__content__title--inline{\n\t\tpadding: 0 8px;\n\t\tcolor:var(--nile-colors-~~gray~~-~~light-mode-500~~);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-~~700~~);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-~~gray~~-~~light-mode-600~~);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-~~gray~~-~~light-mode-300~~) var(--bulletin--dot--seperation), var(--nile-colors-~~gray~~-~~neutral-50~~) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-~~gray~~-~~light-mode-200~~);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-~~400~~);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n`;\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-stepper-item.css.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport { css } from 'lit';\n\n/\n StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay: inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-md);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content--above{\n\t\tposition:relative;\n\t\tpadding: 0 var(--nile-spacing-spacing-md);\n\t}\n\n\t.stepper__item__content--above .stepper__content__subtitle{\n\t\tposition: absolute;\n top: 100%;\n white-space: nowrap;\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__item__bulletin{\n\t\tmargin-left: 6px;\n\t\tmargin-right: 6px;\n\t}\n\n\t.stepper__item__bulletin--inline{\n\t\tmargin-right: 0px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-dark-900);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__title--inline{\n\t\tpadding: 0 8px;\n\t\tcolor:var(--nile-colors-dark-900);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-dark-500);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-neutral-500) var(--bulletin--dot--seperation), var(--nile-colors-dark-200) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-neutral-500);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-500);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n`;\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}