@aquera/nile-elements 0.1.30-beta-1.1 → 0.1.30-beta-1.3

package/dist/nile-accordion/nile-accordion.cjs.js

@@ -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-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var i,t,a,s,e,o,r,n,c,h,d,l,m,p,f,_templateObject,u;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_nileAccordionCssCjsJs){a=_nileAccordionCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAnimateCjsJs){e=_internalAnimateCjsJs.s;o=_internalAnimateCjsJs.a;r=_internalAnimateCjsJs.b;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.query;h=_litDecoratorsJs.property;d=_litDecoratorsJs.customElement;},function(_utilitiesAnimationRegistryCjsJs){l=_utilitiesAnimationRegistryCjsJs.s;m=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){p=_internalEventCjsJs.w;},function(_internalWatchCjsJs){f=_internalWatchCjsJs.w;}],execute:function execute(){_export("N",u=/*#__PURE__*/function(_s){function u(){var _this;_classCallCheck(this,u);_this=_callSuper(this,u,arguments),_this.open=!1,_this.variant="light",_this.expandIconPlacement="right",_this.size="md",_this.disabled=!1;return _this;}_inherits(u,_s);return _createClass(u,[{key:"firstUpdated",value:function firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0";}},{key:"handleSummaryClick",value:function handleSummaryClick(i){var t=i.composedPath(),a=t.indexOf(this.summarySlot);if(-1!==a)for(var _i=0;_i<a;_i++){var _a=t[_i];if(_a instanceof Element&&_a.matches("input, button, select, textarea, a, label"))return;}this.disabled||(this.open?this.hide():this.show(),this.header.focus());}},{key:"handleSummaryKeyDown",value:function handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show());}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _m,_i2,_t,_m2,_i3,_t2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!this.open){_context2.next=13;break;}if(!this.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=3;break;}return _context2.abrupt("return",void(this.open=!1));case 3:_context2.next=5;return e(this.body);case 5:this.body.hidden=!1;_m=m(this,"accordian.show",{dir:"ltr"}),_i2=_m.keyframes,_t=_m.options;_context2.next=9;return o(this.body,r(_i2,this.body.scrollHeight),_t);case 9:this.body.style.height="auto";this.emit("nile-after-show");_context2.next=23;break;case 13:if(!this.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context2.next=15;break;}return _context2.abrupt("return",void(this.open=!0));case 15:_context2.next=17;return e(this.body);case 17:_m2=m(this,"accordian.hide",{dir:"ltr"}),_i3=_m2.keyframes,_t2=_m2.options;_context2.next=20;return o(this.body,r(_i3,this.body.scrollHeight),_t2);case 20:this.body.hidden=!0;this.body.style.height="auto";this.emit("nile-after-hide");case 23:case"end":return _context2.stop();}},_callee,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(!this.open&&!this.disabled)){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,p(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(this.open&&!this.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,p(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div\n      part=\"base\"\n      class=","\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"","\"\n        role=\"button\"\n        aria-expanded=","\n        aria-controls=\"content\"\n        aria-disabled=","\n        tabindex=","\n        @click=","\n        @keydown=","\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">","</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"","\"></slot>\n      </div>\n    </div>\n  "])),n({accordian:!0,"accordian--open":this.open,"accordian--disabled":this.disabled,"accordian--sm":"sm"==this.size,"accordian--md":"md"==this.size,"accordian--lg":"lg"==this.size}),n({accordian__header:!0,"accordian__header--dark":"dark"==this.variant,"accordian__header--arrow-left":"left"==this.expandIconPlacement}),this.open?"true":"false",this.disabled?"true":"false",this.disabled?"-1":"0",this.handleSummaryClick,this.handleSummaryKeyDown,this.summary,n({accordian__content:!0,"accordian__content--arrow-left":"left"==this.expandIconPlacement}));}}]);}(s));u.styles=a,i([c(".accordian")],u.prototype,"accordian",void 0),i([c(".accordian__header")],u.prototype,"header",void 0),i([c(".accordian__body")],u.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],u.prototype,"expandIconSlot",void 0),i([c('slot[name="summary"]')],u.prototype,"summarySlot",void 0),i([h({type:Boolean,reflect:!0})],u.prototype,"open",void 0),i([h({reflect:!0})],u.prototype,"variant",void 0),i([h({reflect:!0})],u.prototype,"expandIconPlacement",void 0),i([h({reflect:!0})],u.prototype,"size",void 0),i([h()],u.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],u.prototype,"handleOpenChange",null),_export("N",u=i([d("nile-accordion")],u)),l("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),l("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});}};});
+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-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var i,t,a,s,e,o,r,n,c,d,h,l,m,p,f,_templateObject,u;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_nileAccordionCssCjsJs){a=_nileAccordionCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAnimateCjsJs){e=_internalAnimateCjsJs.s;o=_internalAnimateCjsJs.a;r=_internalAnimateCjsJs.b;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.query;d=_litDecoratorsJs.property;h=_litDecoratorsJs.customElement;},function(_utilitiesAnimationRegistryCjsJs){l=_utilitiesAnimationRegistryCjsJs.s;m=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){p=_internalEventCjsJs.w;},function(_internalWatchCjsJs){f=_internalWatchCjsJs.w;}],execute:function execute(){_export("N",u=/*#__PURE__*/function(_s){function u(){var _this;_classCallCheck(this,u);_this=_callSuper(this,u,arguments),_this.open=!1,_this.variant="light",_this.expandIconPlacement="right",_this.size="md",_this.disabled=!1;return _this;}_inherits(u,_s);return _createClass(u,[{key:"firstUpdated",value:function firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0";}},{key:"handleSummaryClick",value:function handleSummaryClick(i){var t=i.composedPath(),a=t.indexOf(this.summarySlot);if(-1!==a)for(var _i=0;_i<a;_i++){var _a=t[_i];if(_a instanceof Element&&_a.matches("input, button, select, textarea, a, label"))return;}this.disabled||(this.open?this.hide():this.show(),this.header.focus());}},{key:"handleSummaryKeyDown",value:function handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show());}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _m,_i2,_t,_m2,_i3,_t2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!this.open){_context2.next=13;break;}if(!this.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=3;break;}return _context2.abrupt("return",void(this.open=!1));case 3:_context2.next=5;return e(this.body);case 5:this.body.hidden=!1;_m=m(this,"accordian.show",{dir:"ltr"}),_i2=_m.keyframes,_t=_m.options;_context2.next=9;return o(this.body,r(_i2,this.body.scrollHeight),_t);case 9:this.body.style.height="auto";this.emit("nile-after-show");_context2.next=23;break;case 13:if(!this.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context2.next=15;break;}return _context2.abrupt("return",void(this.open=!0));case 15:_context2.next=17;return e(this.body);case 17:_m2=m(this,"accordian.hide",{dir:"ltr"}),_i3=_m2.keyframes,_t2=_m2.options;_context2.next=20;return o(this.body,r(_i3,this.body.scrollHeight),_t2);case 20:this.body.hidden=!0;this.body.style.height="auto";this.emit("nile-after-hide");case 23:case"end":return _context2.stop();}},_callee,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(!this.open&&!this.disabled)){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,p(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(this.open&&!this.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,p(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div\n      part=\"base\"\n      class=","\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"","\"\n        role=\"button\"\n        aria-expanded=","\n        aria-controls=\"content\"\n        aria-disabled=","\n        tabindex=","\n        @click=","\n        @keydown=","\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">","</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowdown\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowup\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"","\"></slot>\n      </div>\n    </div>\n  "])),n({accordian:!0,"accordian--open":this.open,"accordian--disabled":this.disabled,"accordian--sm":"sm"==this.size,"accordian--md":"md"==this.size,"accordian--lg":"lg"==this.size}),n({accordian__header:!0,"accordian__header--dark":"dark"==this.variant,"accordian__header--arrow-left":"left"==this.expandIconPlacement}),this.open?"true":"false",this.disabled?"true":"false",this.disabled?"-1":"0",this.handleSummaryClick,this.handleSummaryKeyDown,this.summary,n({accordian__content:!0,"accordian__content--arrow-left":"left"==this.expandIconPlacement}));}}]);}(s));u.styles=a,i([c(".accordian")],u.prototype,"accordian",void 0),i([c(".accordian__header")],u.prototype,"header",void 0),i([c(".accordian__body")],u.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],u.prototype,"expandIconSlot",void 0),i([c('slot[name="summary"]')],u.prototype,"summarySlot",void 0),i([d({type:Boolean,reflect:!0})],u.prototype,"open",void 0),i([d({reflect:!0})],u.prototype,"variant",void 0),i([d({reflect:!0})],u.prototype,"expandIconPlacement",void 0),i([d({reflect:!0})],u.prototype,"size",void 0),i([d()],u.prototype,"summary",void 0),i([d({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],u.prototype,"handleOpenChange",null),_export("N",u=i([h("nile-accordion")],u)),l("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),l("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});}};});
 //# sourceMappingURL=nile-accordion.cjs.js.map

package/dist/nile-accordion/nile-accordion.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-accordion.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Accordian show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The accordian' main content.\n * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the accordian opens.\n * @event nile-after-show - Emitted after the accordian opens and all animations are complete.\n * @event nile-hide - Emitted when the accordian closes.\n * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The accordian content.\n *\n * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.\n * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.accordian') accordian: HTMLElement;\n@query('.accordian__header') header: HTMLElement;\n@query('.accordian__body') body: HTMLElement;\n@query('.accordian__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n@query('slot[name=\"summary\"]') summarySlot: HTMLSlotElement;  \n\n/**\n * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/**\n * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\n * Defaults to `'light'`.\n */\n@property({ reflect: true }) variant: 'dark' | 'light' = 'light';\n\n/**\n * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\n * Defaults to `'right'`.\n */\n@property({ reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n/**\n * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\n * Defaults to `'md'`.\n */\n@property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the accordian so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\n  private handleSummaryClick(event: MouseEvent) {\n    const path = event.composedPath();\n    const slotIndex = path.indexOf(this.summarySlot);\n    if (slotIndex !== -1) {\n      for (let i = 0; i < slotIndex; i++) {\n        const el = path[i];\n        if (el instanceof Element && el.matches('input, button, select, textarea, a, label')) {\n          return;  \n        }\n      }\n    }\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'accordian.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'accordian.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the accordian. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the accordian */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = true;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        accordian: true,\n        'accordian--open': this.open,\n        'accordian--disabled': this.disabled,\n        'accordian--sm':this.size=='sm',\n        'accordian--md':this.size=='md',\n        'accordian--lg':this.size=='lg',\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"${classMap({\n          'accordian__header':true,\n          'accordian__header--dark':this.variant=='dark',\n          'accordian__header--arrow-left':'left'==this.expandIconPlacement\n          })}\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.handleSummaryClick}\n        @keydown=${this.handleSummaryKeyDown}\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"${classMap({\n            'accordian__content':true,\n            'accordian__content--arrow-left':this.expandIconPlacement=='left'\n            })}\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('accordian.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('accordian.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileAccordion;\n  }\n}\n"],"names":["NileAccordion","_s","u","this","open","variant","expandIconPlacement","size","disabled","_this","_inherits","_createClass","key","value","firstUpdated","body","hidden","style","height","handleSummaryClick","event","path","composedPath","slotIndex","indexOf","summarySlot","i","el","Element","matches","hide","show","header","focus","handleSummaryKeyDown","preventDefault","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_m","_i2","_t","_m2","_i3","_t2","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","stopAnimations","getAnimation","dir","keyframes","options","animateTo","shimKeyframesHeightAuto","scrollHeight","stop","handleOpenChange","_callee2","_callee2$","_context3","waitForEvent","_callee3","_callee3$","_context4","render","html","_templateObject","_taggedTemplateLiteral","classMap","accordian","accordian__header","summary","accordian__content","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}
+{"version":3,"file":"nile-accordion.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Accordian show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The accordian' main content.\n * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the accordian opens.\n * @event nile-after-show - Emitted after the accordian opens and all animations are complete.\n * @event nile-hide - Emitted when the accordian closes.\n * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The accordian content.\n *\n * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.\n * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.accordian') accordian: HTMLElement;\n@query('.accordian__header') header: HTMLElement;\n@query('.accordian__body') body: HTMLElement;\n@query('.accordian__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n@query('slot[name=\"summary\"]') summarySlot: HTMLSlotElement;  \n\n/**\n * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/**\n * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\n * Defaults to `'light'`.\n */\n@property({ reflect: true }) variant: 'dark' | 'light' = 'light';\n\n/**\n * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\n * Defaults to `'right'`.\n */\n@property({ reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n/**\n * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\n * Defaults to `'md'`.\n */\n@property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the accordian so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\n  private handleSummaryClick(event: MouseEvent) {\n    const path = event.composedPath();\n    const slotIndex = path.indexOf(this.summarySlot);\n    if (slotIndex !== -1) {\n      for (let i = 0; i < slotIndex; i++) {\n        const el = path[i];\n        if (el instanceof Element && el.matches('input, button, select, textarea, a, label')) {\n          return;  \n        }\n      }\n    }\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'accordian.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'accordian.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the accordian. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the accordian */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = true;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        accordian: true,\n        'accordian--open': this.open,\n        'accordian--disabled': this.disabled,\n        'accordian--sm':this.size=='sm',\n        'accordian--md':this.size=='md',\n        'accordian--lg':this.size=='lg',\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"${classMap({\n          'accordian__header':true,\n          'accordian__header--dark':this.variant=='dark',\n          'accordian__header--arrow-left':'left'==this.expandIconPlacement\n          })}\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.handleSummaryClick}\n        @keydown=${this.handleSummaryKeyDown}\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowdown\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowup\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"${classMap({\n            'accordian__content':true,\n            'accordian__content--arrow-left':this.expandIconPlacement=='left'\n            })}\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('accordian.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('accordian.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileAccordion;\n  }\n}\n"],"names":["NileAccordion","_s","u","this","open","variant","expandIconPlacement","size","disabled","_this","_inherits","_createClass","key","value","firstUpdated","body","hidden","style","height","handleSummaryClick","event","path","composedPath","slotIndex","indexOf","summarySlot","i","el","Element","matches","hide","show","header","focus","handleSummaryKeyDown","preventDefault","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_m","_i2","_t","_m2","_i3","_t2","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","stopAnimations","getAnimation","dir","keyframes","options","animateTo","shimKeyframesHeightAuto","scrollHeight","stop","handleOpenChange","_callee2","_callee2$","_context3","waitForEvent","_callee3","_callee3$","_context4","render","html","_templateObject","_taggedTemplateLiteral","classMap","accordian","accordian__header","summary","accordian__content","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}

package/dist/nile-accordion/nile-accordion.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_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){a=_lit.css;}],execute:function execute(){_export("s",o=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_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){a=_lit.css;}],execute:function execute(){_export("s",o=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 0deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-accordion.css.cjs.js.map

package/dist/nile-accordion/nile-accordion.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 0deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\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-accordion/nile-accordion.css.esm.js

@@ -101,7 +101,7 @@ import{css as a}from"lit";const o=a`
   }
 
   .accordian--open .accordian__summary-icon {
-    rotate: 90deg;
+    rotate: 0deg;
   }
 
   .accordian--open slot[name='expand-icon'],

package/dist/nile-accordion/nile-accordion.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{html as t}from"lit";import{s as a}from"./nile-accordion.css.esm.js";import{N as e}from"../internal/nile-element.esm.js";import{s,a as o,b as r}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as c,property as h,customElement as d}from"lit/decorators.js";import{s as l,g as m}from"../utilities/animation-registry.esm.js";import{w as p}from"../internal/event.esm.js";import{w as f}from"../internal/watch.esm.js";let u=class extends e{constructor(){super(...arguments),this.open=!1,this.variant="light",this.expandIconPlacement="right",this.size="md",this.disabled=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(i){const t=i.composedPath(),a=t.indexOf(this.summarySlot);if(-1!==a)for(let i=0;i<a;i++){const a=t[i];if(a instanceof Element&&a.matches("input, button, select, textarea, a, label"))return}this.disabled||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await s(this.body),this.body.hidden=!1;const{keyframes:i,options:t}=m(this,"accordian.show",{dir:"ltr"});await o(this.body,r(i,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("nile-after-show")}else{if(this.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await s(this.body);const{keyframes:i,options:t}=m(this,"accordian.hide",{dir:"ltr"});await o(this.body,r(i,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,p(this,"nile-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,p(this,"nile-after-hide")}render(){return t`
+import{__decorate as i}from"tslib";import{html as t}from"lit";import{s as a}from"./nile-accordion.css.esm.js";import{N as e}from"../internal/nile-element.esm.js";import{s,a as o,b as r}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as c,property as d,customElement as h}from"lit/decorators.js";import{s as l,g as m}from"../utilities/animation-registry.esm.js";import{w as p}from"../internal/event.esm.js";import{w as f}from"../internal/watch.esm.js";let u=class extends e{constructor(){super(...arguments),this.open=!1,this.variant="light",this.expandIconPlacement="right",this.size="md",this.disabled=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(i){const t=i.composedPath(),a=t.indexOf(this.summarySlot);if(-1!==a)for(let i=0;i<a;i++){const a=t[i];if(a instanceof Element&&a.matches("input, button, select, textarea, a, label"))return}this.disabled||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await s(this.body),this.body.hidden=!1;const{keyframes:i,options:t}=m(this,"accordian.show",{dir:"ltr"});await o(this.body,r(i,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("nile-after-show")}else{if(this.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await s(this.body);const{keyframes:i,options:t}=m(this,"accordian.hide",{dir:"ltr"});await o(this.body,r(i,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,p(this,"nile-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,p(this,"nile-after-hide")}render(){return t`
     <div
       part="base"
       class=${n({accordian:!0,"accordian--open":this.open,"accordian--disabled":this.disabled,"accordian--sm":"sm"==this.size,"accordian--md":"md"==this.size,"accordian--lg":"lg"==this.size})}
@@ -19,10 +19,10 @@ import{__decorate as i}from"tslib";import{html as t}from"lit";import{s as a}from
 
         <span part="summary-icon" class="accordian__summary-icon">
           <slot name="expand-icon">
-            <nile-icon name="arrowright"></nile-icon>
+            <nile-icon name="arrowdown"></nile-icon>
           </slot>
           <slot name="collapse-icon">
-            <nile-icon name="arrowright"></nile-icon>
+            <nile-icon name="arrowup"></nile-icon>
           </slot>
         </span>
       </div>
@@ -32,4 +32,4 @@ import{__decorate as i}from"tslib";import{html as t}from"lit";import{s as a}from
           class="${n({accordian__content:!0,"accordian__content--arrow-left":"left"==this.expandIconPlacement})}"></slot>
       </div>
     </div>
-  `}};u.styles=a,i([c(".accordian")],u.prototype,"accordian",void 0),i([c(".accordian__header")],u.prototype,"header",void 0),i([c(".accordian__body")],u.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],u.prototype,"expandIconSlot",void 0),i([c('slot[name="summary"]')],u.prototype,"summarySlot",void 0),i([h({type:Boolean,reflect:!0})],u.prototype,"open",void 0),i([h({reflect:!0})],u.prototype,"variant",void 0),i([h({reflect:!0})],u.prototype,"expandIconPlacement",void 0),i([h({reflect:!0})],u.prototype,"size",void 0),i([h()],u.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],u.prototype,"handleOpenChange",null),u=i([d("nile-accordion")],u),l("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),l("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{u as N};
+  `}};u.styles=a,i([c(".accordian")],u.prototype,"accordian",void 0),i([c(".accordian__header")],u.prototype,"header",void 0),i([c(".accordian__body")],u.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],u.prototype,"expandIconSlot",void 0),i([c('slot[name="summary"]')],u.prototype,"summarySlot",void 0),i([d({type:Boolean,reflect:!0})],u.prototype,"open",void 0),i([d({reflect:!0})],u.prototype,"variant",void 0),i([d({reflect:!0})],u.prototype,"expandIconPlacement",void 0),i([d({reflect:!0})],u.prototype,"size",void 0),i([d()],u.prototype,"summary",void 0),i([d({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],u.prototype,"handleOpenChange",null),u=i([h("nile-accordion")],u),l("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),l("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{u as N};

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

@@ -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","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,s,r,t,i,o,_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){e=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_nileProgressBarCssCjsJs){r=_nileProgressBarCssCjsJs.s;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_o){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.value=0,_this.variant="normal";return _this;}_inherits(l,_o);return _createClass(l,[{key:"updated",value:function updated(e){e.has("value")&&((this.value<0||this.value>100)&&(console.error("[NileProgressBar]: Invalid value (".concat(this.value,") detected. Value must be between 0 and 100.")),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}));}},{key:"render",value:function render(){var e="rounded"===this.variant?"rounded":"";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar ","\">\n          <li><span style=\"width: ","%\"></span></li>\n        </ul>\n      </div>\n    "])),e,this.value);}}]);}(o));l.styles=r,e([t({type:Number})],l.prototype,"value",void 0),e([t({type:String})],l.prototype,"variant",void 0),_export("N",l=e([i("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","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var s,e,r,t,i,l,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_nileProgressBarCssCjsJs){r=_nileProgressBarCssCjsJs.s;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.value=0,_this.variant="sm";return _this;}_inherits(o,_l);return _createClass(o,[{key:"updated",value:function updated(s){s.has("value")&&((this.value<0||this.value>100)&&(console.error("[NileProgressBar]: Invalid value (".concat(this.value,") detected. Value must be between 0 and 100.")),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}));}},{key:"render",value:function render(){var s="lg"===this.variant?"lg":"";return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar ","\">\n          <li><span style=\"width: ","%\"></span></li>\n        </ul>\n      </div>\n    "])),s,this.value);}}]);}(l));o.styles=r,s([t({type:Number})],o.prototype,"value",void 0),s([t({type:String})],o.prototype,"variant",void 0),_export("N",o=s([i("nile-progress-bar")],o));}};});
 //# sourceMappingURL=nile-progress-bar.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n  @property({ type: String }) variant: 'normal' | 'rounded' = 'normal';\n\n  override updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('value')) {\n      if (this.value < 0 || this.value > 100) {\n        console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n        this.value = 0;   \n      }\n\n      if (this.value === 100) {\n        this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n      }\n    }\n  }\n\n  override render() {\n    const variantClass = this.variant === '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","l","this","value","variant","_this","_inherits","_o","_createClass","key","updated","changedProperties","has","console","error","concat","emit","message","render","variantClass","html","_templateObject","_taggedTemplateLiteral","NileElement","styles","__decorate","property","type","Number","prototype","String","customElement"],"mappings":"2oGAMaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAAA,CACRD,KAAAA,CAAOE,OAAAA,CAAyB,QA0B7D,QAAAC,KAAA,EAxBUC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,WAAAN,KAAA,UAAAO,OAAAA,CAAQC,CACXA,CAAAA,CAAAA,CAAAA,CAAkBC,IAAI,OACpBV,CAAAA,GAAAA,CAAAA,IAAAA,CAAKC,KAAQ,CAAA,CAAA,EAAKD,IAAKC,CAAAA,KAAAA,CAAQ,GACjCU,IAAAA,OAAAA,CAAQC,KAAM,sCAAAC,MAAA,CAAqCb,IAAKC,CAAAA,KAAAA,gDAAAA,CAAAA,CACxDD,IAAKC,CAAAA,KAAAA,CAAQ,CAGI,CAAA,CAAA,GAAA,GAAfD,KAAKC,KACPD,EAAAA,IAAAA,CAAKc,IAAK,CAAA,eAAA,CAAiB,CAAEC,OAAAA,CAAS,4BAG3C,CAAA,CAAA,CAAA,EAEQ,GAAAR,GAAA,UAAAN,KAAA,UAAAe,MAAAA,CAAAA,CACP,CAAA,GAAMC,CAAAA,CAAgC,CAAA,SAAA,GAAjBjB,IAAKE,CAAAA,OAAAA,CAAwB,SAAY,CAAA,EAAA,CAE9D,MAAOgB,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mNAEsCH,CAAAA,CACjBjB,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MA7BkCoB,CAA9B,GACWvB,CAAMwB,CAAAA,MAAAA,CAAmBA,CAEbC,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAoB5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,OAAA,CAAA,IAAA,EACVJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAAmD9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,SAAA,CAAA,IAAA,EAJ1D7B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAeyB,CAAA,CAAA,CAD3BM,CAAc,CAAA,mBAAA,CAAA,CAAA,CACF/B"}
+{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n  @property({ type: String }) variant: 'sm' | 'lg' = 'sm';\n\n  override updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('value')) {\n      if (this.value < 0 || this.value > 100) {\n        console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n        this.value = 0;   \n      }\n\n      if (this.value === 100) {\n        this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n      }\n    }\n  }\n\n  override render() {\n    const variantClass = this.variant === 'lg' ? 'lg' : '';\n\n    return html`\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar ${variantClass}\">\n          <li><span style=\"width: ${this.value}%\"></span></li>\n        </ul>\n      </div>\n    `;\n  }\n}\n"],"names":["NileProgressBar","o","this","value","variant","_this","_inherits","_l","_createClass","key","updated","changedProperties","has","console","error","concat","emit","message","render","variantClass","html","_templateObject","_taggedTemplateLiteral","NileElement","styles","__decorate","property","type","Number","prototype","String","customElement"],"mappings":"2oGAMaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAAA,CACRD,KAAAA,CAAOE,OAAAA,CAAgB,IA0BpD,QAAAC,KAAA,EAxBUC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,WAAAN,KAAA,UAAAO,OAAAA,CAAQC,CACXA,CAAAA,CAAAA,CAAAA,CAAkBC,IAAI,OACpBV,CAAAA,GAAAA,CAAAA,IAAAA,CAAKC,KAAQ,CAAA,CAAA,EAAKD,IAAKC,CAAAA,KAAAA,CAAQ,GACjCU,IAAAA,OAAAA,CAAQC,KAAM,sCAAAC,MAAA,CAAqCb,IAAKC,CAAAA,KAAAA,gDAAAA,CAAAA,CACxDD,IAAKC,CAAAA,KAAAA,CAAQ,CAGI,CAAA,CAAA,GAAA,GAAfD,KAAKC,KACPD,EAAAA,IAAAA,CAAKc,IAAK,CAAA,eAAA,CAAiB,CAAEC,OAAAA,CAAS,4BAG3C,CAAA,CAAA,CAAA,EAEQ,GAAAR,GAAA,UAAAN,KAAA,UAAAe,MAAAA,CAAAA,CACP,CAAA,GAAMC,CAAAA,CAAgC,CAAA,IAAA,GAAjBjB,IAAKE,CAAAA,OAAAA,CAAmB,IAAO,CAAA,EAAA,CAEpD,MAAOgB,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mNAEsCH,CAAAA,CACjBjB,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MA7BkCoB,CAA9B,GACWvB,CAAMwB,CAAAA,MAAAA,CAAmBA,CAEbC,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAoB5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,OAAA,CAAA,IAAA,EACVJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,MAAsC9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,SAAA,CAAA,IAAA,EAJ7C7B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAeyB,CAAA,CAAA,CAD3BM,CAAc,CAAA,mBAAA,CAAA,CAAA,CACF/B"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.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-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.rounded li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.lg li {\n    height: 6px;  \n    border-radius: 4px;\n    overflow: hidden; \n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.lg li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-progress-bar.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.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-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.rounded li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n`;"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.lg li {\n    height: 6px;  \n    border-radius: 4px;\n    overflow: hidden; \n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.lg li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n`;"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -24,8 +24,8 @@ import{css as r}from"lit";var e=r`
   }
 
  
-  .nile-progress-bar__progress-bar.rounded li {
-    height: 4px;  
+  .nile-progress-bar__progress-bar.lg li {
+    height: 6px;  
     border-radius: 4px;
     overflow: hidden; 
   }
@@ -44,7 +44,7 @@ import{css as r}from"lit";var e=r`
   }
 
    
-  .nile-progress-bar__progress-bar.rounded li span {
+  .nile-progress-bar__progress-bar.lg li span {
     border-radius: 4px;
   }
 

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

@@ -1,7 +1,7 @@
-import{__decorate as e}from"tslib";import{html as s}from"lit";import{s as r}from"./nile-progress-bar.css.esm.js";import{property as t,customElement as i}from"lit/decorators.js";import{N as o}from"../internal/nile-element.esm.js";let l=class extends o{constructor(){super(...arguments),this.value=0,this.variant="normal"}updated(e){e.has("value")&&((this.value<0||this.value>100)&&(console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}))}render(){const e="rounded"===this.variant?"rounded":"";return s`
+import{__decorate as s}from"tslib";import{html as e}from"lit";import{s as r}from"./nile-progress-bar.css.esm.js";import{property as t,customElement as i}from"lit/decorators.js";import{N as l}from"../internal/nile-element.esm.js";let o=class extends l{constructor(){super(...arguments),this.value=0,this.variant="sm"}updated(s){s.has("value")&&((this.value<0||this.value>100)&&(console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`),this.value=0),100===this.value&&this.emit("nile-complete",{message:"Nile Progress reached 100%"}))}render(){const s="lg"===this.variant?"lg":"";return e`
       <div class="nile-progress-bar__container">
-        <ul class="nile-progress-bar__progress-bar ${e}">
+        <ul class="nile-progress-bar__progress-bar ${s}">
           <li><span style="width: ${this.value}%"></span></li>
         </ul>
       </div>
-    `}};l.styles=r,e([t({type:Number})],l.prototype,"value",void 0),e([t({type:String})],l.prototype,"variant",void 0),l=e([i("nile-progress-bar")],l);export{l as N};
+    `}};o.styles=r,s([t({type:Number})],o.prototype,"value",void 0),s([t({type:String})],o.prototype,"variant",void 0),o=s([i("nile-progress-bar")],o);export{o as N};

package/dist/src/nile-accordion/nile-accordion.css.js

@@ -111,7 +111,7 @@ export const styles = css `
   }
 
   .accordian--open .accordian__summary-icon {
-    rotate: 90deg;
+    rotate: 0deg;
   }
 
   .accordian--open slot[name='expand-icon'],

package/dist/src/nile-accordion/nile-accordion.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-accordion.css.js","sourceRoot":"","sources":["../../../src/nile-accordion/nile-accordion.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-accordion.css.js","sourceRoot":"","sources":["../../../src/nile-accordion/nile-accordion.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500);\n    background-color: var(--nile-colors-white-base);\n    overflow-anchor: none;\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 16px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--sm-tesx, 14px);\n    --accordian-heading-padding: 12px 12px;\n    --accordian-content-padding: 6px 12px 18px;\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--sm-tesx, 12px);\n    --accordian-heading-padding: 6px 12px;\n    --accordian-content-padding: 6px 12px 12px;\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:12px;\n    align-items: center;\n    border-radius: inherit;\n    font-weight:500;\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200);\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 0deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left:28px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-accordion/nile-accordion.js

@@ -194,10 +194,10 @@ let NileAccordion = class NileAccordion extends NileElement {
 
         <span part="summary-icon" class="accordian__summary-icon">
           <slot name="expand-icon">
-            <nile-icon name="arrowright"></nile-icon>
+            <nile-icon name="arrowdown"></nile-icon>
           </slot>
           <slot name="collapse-icon">
-            <nile-icon name="arrowright"></nile-icon>
+            <nile-icon name="arrowup"></nile-icon>
           </slot>
         </span>
       </div>

package/dist/src/nile-accordion/nile-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-accordion.js","sourceRoot":"","sources":["../../../src/nile-accordion/nile-accordion.ts"],"names":[],"mappings":"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","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 {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Accordian show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The accordian' main content.\n * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the accordian opens.\n * @event nile-after-show - Emitted after the accordian opens and all animations are complete.\n * @event nile-hide - Emitted when the accordian closes.\n * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The accordian content.\n *\n * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.\n * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.accordian') accordian: HTMLElement;\n@query('.accordian__header') header: HTMLElement;\n@query('.accordian__body') body: HTMLElement;\n@query('.accordian__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n@query('slot[name=\"summary\"]') summarySlot: HTMLSlotElement;  \n\n/**\n * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/**\n * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\n * Defaults to `'light'`.\n */\n@property({ reflect: true }) variant: 'dark' | 'light' = 'light';\n\n/**\n * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\n * Defaults to `'right'`.\n */\n@property({ reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n/**\n * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\n * Defaults to `'md'`.\n */\n@property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the accordian so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\n  private handleSummaryClick(event: MouseEvent) {\n    const path = event.composedPath();\n    const slotIndex = path.indexOf(this.summarySlot);\n    if (slotIndex !== -1) {\n      for (let i = 0; i < slotIndex; i++) {\n        const el = path[i];\n        if (el instanceof Element && el.matches('input, button, select, textarea, a, label')) {\n          return;  \n        }\n      }\n    }\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'accordian.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'accordian.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the accordian. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the accordian */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = true;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        accordian: true,\n        'accordian--open': this.open,\n        'accordian--disabled': this.disabled,\n        'accordian--sm':this.size=='sm',\n        'accordian--md':this.size=='md',\n        'accordian--lg':this.size=='lg',\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"${classMap({\n          'accordian__header':true,\n          'accordian__header--dark':this.variant=='dark',\n          'accordian__header--arrow-left':'left'==this.expandIconPlacement\n          })}\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.handleSummaryClick}\n        @keydown=${this.handleSummaryKeyDown}\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"${classMap({\n            'accordian__content':true,\n            'accordian__content--arrow-left':this.expandIconPlacement=='left'\n            })}\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('accordian.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('accordian.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileAccordion;\n  }\n}\n"]}
+{"version":3,"file":"nile-accordion.js","sourceRoot":"","sources":["../../../src/nile-accordion/nile-accordion.ts"],"names":[],"mappings":"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","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 {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Accordian show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The accordian' main content.\n * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the accordian opens.\n * @event nile-after-show - Emitted after the accordian opens and all animations are complete.\n * @event nile-hide - Emitted when the accordian closes.\n * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The accordian content.\n *\n * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.\n * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.accordian') accordian: HTMLElement;\n@query('.accordian__header') header: HTMLElement;\n@query('.accordian__body') body: HTMLElement;\n@query('.accordian__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n@query('slot[name=\"summary\"]') summarySlot: HTMLSlotElement;  \n\n/**\n * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/**\n * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\n * Defaults to `'light'`.\n */\n@property({ reflect: true }) variant: 'dark' | 'light' = 'light';\n\n/**\n * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\n * Defaults to `'right'`.\n */\n@property({ reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n/**\n * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\n * Defaults to `'md'`.\n */\n@property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the accordian so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\n  private handleSummaryClick(event: MouseEvent) {\n    const path = event.composedPath();\n    const slotIndex = path.indexOf(this.summarySlot);\n    if (slotIndex !== -1) {\n      for (let i = 0; i < slotIndex; i++) {\n        const el = path[i];\n        if (el instanceof Element && el.matches('input, button, select, textarea, a, label')) {\n          return;  \n        }\n      }\n    }\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'accordian.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'accordian.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the accordian. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the accordian */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = true;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        accordian: true,\n        'accordian--open': this.open,\n        'accordian--disabled': this.disabled,\n        'accordian--sm':this.size=='sm',\n        'accordian--md':this.size=='md',\n        'accordian--lg':this.size=='lg',\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"${classMap({\n          'accordian__header':true,\n          'accordian__header--dark':this.variant=='dark',\n          'accordian__header--arrow-left':'left'==this.expandIconPlacement\n          })}\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.handleSummaryClick}\n        @keydown=${this.handleSummaryKeyDown}\n      >\n        <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowdown\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowup\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" \n          class=\"${classMap({\n            'accordian__content':true,\n            'accordian__content--arrow-left':this.expandIconPlacement=='left'\n            })}\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('accordian.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('accordian.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileAccordion;\n  }\n}\n"]}

package/dist/src/nile-progress-bar/nile-progress-bar.css.js

@@ -25,8 +25,8 @@ export default css `
   }
 
  
-  .nile-progress-bar__progress-bar.rounded li {
-    height: 4px;  
+  .nile-progress-bar__progress-bar.lg li {
+    height: 6px;  
     border-radius: 4px;
     overflow: hidden; 
   }
@@ -45,7 +45,7 @@ export default css `
   }
 
    
-  .nile-progress-bar__progress-bar.rounded li span {
+  .nile-progress-bar__progress-bar.lg li span {
     border-radius: 4px;
   }
 

package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.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-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.rounded li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n`;"]}
+{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    transition:  stroke-dashoffset 0.8s ease-in-out\n  }\n\n \n  .nile-progress-bar__progress-bar.lg li {\n    height: 6px;  \n    border-radius: 4px;\n    overflow: hidden; \n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-progress-bar-progress-color-stroke);\n    height: 100%;  \n    transition: all 1s linear;\n  }\n\n   \n  .nile-progress-bar__progress-bar.lg li span {\n    border-radius: 4px;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-progress-bar-track-color-stroke);\n    position: absolute;\n    z-index: 1;\n  }\n`;"]}

package/dist/src/nile-progress-bar/nile-progress-bar.d.ts

@@ -3,7 +3,7 @@ import NileElement from '../internal/nile-element';
 export declare class NileProgressBar extends NileElement {
     static styles: CSSResultGroup;
     value: number;
-    variant: 'normal' | 'rounded';
+    variant: 'sm' | 'lg';
     updated(changedProperties: Map<string, any>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/nile-progress-bar/nile-progress-bar.js

@@ -7,7 +7,7 @@ let NileProgressBar = class NileProgressBar extends NileElement {
     constructor() {
         super(...arguments);
         this.value = 0;
-        this.variant = 'normal';
+        this.variant = 'sm';
     }
     updated(changedProperties) {
         if (changedProperties.has('value')) {
@@ -21,7 +21,7 @@ let NileProgressBar = class NileProgressBar extends NileElement {
         }
     }
     render() {
-        const variantClass = this.variant === 'rounded' ? 'rounded' : '';
+        const variantClass = this.variant === 'lg' ? 'lg' : '';
         return html `
       <div class="nile-progress-bar__container">
         <ul class="nile-progress-bar__progress-bar ${variantClass}">

package/dist/src/nile-progress-bar/nile-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;QACV,YAAO,GAAyB,QAAQ,CAAC;IA0BvE,CAAC;IAxBU,OAAO,CAAC,iBAAmC;QAClD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,CAAC,qCAAqC,IAAI,CAAC,KAAK,8CAA8C,CAAC,CAAC;gBAC7G,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,OAAO,IAAI,CAAA;;qDAEsC,YAAY;oCAC7B,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;;AA5Be,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA0C;AAJ1D,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8B3B","sourcesContent":["import { html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n  @property({ type: String }) variant: 'normal' | 'rounded' = 'normal';\n\n  override updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('value')) {\n      if (this.value < 0 || this.value > 100) {\n        console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n        this.value = 0;   \n      }\n\n      if (this.value === 100) {\n        this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n      }\n    }\n  }\n\n  override render() {\n    const variantClass = this.variant === '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"]}
+{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;QACV,YAAO,GAAgB,IAAI,CAAC;IA0B1D,CAAC;IAxBU,OAAO,CAAC,iBAAmC;QAClD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,CAAC,qCAAqC,IAAI,CAAC,KAAK,8CAA8C,CAAC,CAAC;gBAC7G,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAEvD,OAAO,IAAI,CAAA;;qDAEsC,YAAY;oCAC7B,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;;AA5Be,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA6B;AAJ7C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8B3B","sourcesContent":["import { html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n  @property({ type: String }) variant: 'sm' | 'lg' = 'sm';\n\n  override updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has('value')) {\n      if (this.value < 0 || this.value > 100) {\n        console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n        this.value = 0;   \n      }\n\n      if (this.value === 100) {\n        this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n      }\n    }\n  }\n\n  override render() {\n    const variantClass = this.variant === 'lg' ? 'lg' : '';\n\n    return html`\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar ${variantClass}\">\n          <li><span style=\"width: ${this.value}%\"></span></li>\n        </ul>\n      </div>\n    `;\n  }\n}\n"]}