@aquera/nile-elements 0.0.121 → 0.0.123

package/dist/nile-auto-complete/nile-auto-complete.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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-auto-complete.css.cjs.js","../internal/nile-element.cjs.js","../watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,s,n,l,o,h,r,_templateObject,_templateObject2,_templateObject3,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.state;s=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileAutoCompleteCssCjsJs){l=_nileAutoCompleteCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_watchCjsJs){h=_watchCjsJs.w;},function(_property002CjsJs){r=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_o){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.BUBBLES=!1,_this.isDropdownOpen=!1,_this.openOnFocus=!1,_this.value="",_this.placeholder="Type here ..",_this.noBorder=!1,_this.menuItems=[],_this.allMenuItems=[];return _this;}_inherits(a,_o);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.menuItems=_toConsumableArray(this.allMenuItems);}},{key:"handleAllMenuItemsChange",value:function handleAllMenuItemsChange(){this.menuItems=_toConsumableArray(this.allMenuItems);}},{key:"handleValueChange",value:function(){var _handleValueChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _this2=this;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.updateComplete;case 2:this.menuItems=this.allMenuItems.filter(function(e){var _this2$value;return e.toLowerCase().includes((_this2$value=_this2.value)===null||_this2$value===void 0?void 0:_this2$value.toLowerCase());});case 3:case"end":return _context2.stop();}},_callee,this);}));function handleValueChange(){return _handleValueChange.apply(this,arguments);}return handleValueChange;}()},{key:"handleSelect",value:function handleSelect(e){var _this$dropdownElement;this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,(_this$dropdownElement=this.dropdownElement)===null||_this$dropdownElement===void 0?void 0:_this$dropdownElement.hide();}},{key:"handleSearch",value:function handleSearch(e){var _this$dropdownElement2;var i=e.detail.value.toLowerCase();this.value=i,this.menuItems=this.allMenuItems.filter(function(e){return e===null||e===void 0?void 0:e.toLowerCase().includes(i);}),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&((_this$dropdownElement2=this.dropdownElement)===null||_this$dropdownElement2===void 0?void 0:_this$dropdownElement2.show());}},{key:"handleFocus",value:function handleFocus(){var _this3=this;this.openOnFocus&&setTimeout(function(){var _this3$dropdownElemen;_this3.isDropdownOpen=!0,(_this3$dropdownElemen=_this3.dropdownElement)===null||_this3$dropdownElemen===void 0?void 0:_this3$dropdownElemen.show();},300);}},{key:"handleClick",value:function handleClick(){var _this$dropdownElement3;this.isDropdownOpen=!0,(_this$dropdownElement3=this.dropdownElement)===null||_this$dropdownElement3===void 0?void 0:_this$dropdownElement3.show();}},{key:"render",value:function render(){var _this4=this;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-dropdown \n        class=\"nile-dropdown--input\" \n        ?open="," \n        noOpenOnCLick\n        @nile-show=\"","\"\n        @nile-after-show=\"","\"\n        @nile-hide=\"","\"\n        @nile-after-hide=\"","\"\n      >\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          .value=","\n          @nile-input=","\n          @nile-change=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n        ></nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,function(e){return _this4.emit("nile-show");},function(e){return _this4.emit("nile-after-show");},function(e){return _this4.emit("nile-hide");},function(e){return _this4.emit("nile-after-hide");},this.noBorder,this.value,function(e){_this4.handleSearch(e),_this4.emit("nile-input",e.detail);},function(e){return _this4.emit("nile-change",e.detail);},this.handleFocus,this.handleClick,this.placeholder,this.menuItems.length>0?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-menu @nile-select="," exportparts=\"menu__items-wrapper:options__wrapper\">\n                ","\n              </nile-menu>\n            "])),this.handleSelect,this.menuItems.map(function(e){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                    <nile-menu-item value=",">","</nile-menu-item>\n                  "])),e,e);})):"");}}]);}(o));a.styles=l,e([r({type:Boolean})],a.prototype,"isDropdownOpen",void 0),e([r({type:Boolean})],a.prototype,"openOnFocus",void 0),e([r({type:String})],a.prototype,"value",void 0),e([r({type:String})],a.prototype,"placeholder",void 0),e([r({type:Boolean})],a.prototype,"noBorder",void 0),e([t()],a.prototype,"menuItems",void 0),e([r({type:Array})],a.prototype,"allMenuItems",void 0),e([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),e([h("allMenuItems")],a.prototype,"handleAllMenuItemsChange",null),e([h("value",{waitUntilFirstUpdate:!0}),h("isDropdownOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",null),_export("N",a=e([n("nile-auto-complete")],a));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-auto-complete.css.cjs.js","../internal/nile-element.cjs.js","../watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,t,i,s,n,o,l,h,r,_templateObject,_templateObject2,_templateObject3,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileAutoCompleteCssCjsJs){o=_nileAutoCompleteCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_watchCjsJs){h=_watchCjsJs.w;},function(_property002CjsJs){r=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.isDropdownOpen=!1,_this.openOnFocus=!1,_this.value="",_this.placeholder="Type here ..",_this.noBorder=!1,_this.menuItems=[],_this.allMenuItems=[];return _this;}_inherits(a,_l);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.menuItems=_toConsumableArray(this.allMenuItems);}},{key:"handleAllMenuItemsChange",value:function handleAllMenuItemsChange(){this.menuItems=_toConsumableArray(this.allMenuItems);}},{key:"handleValueChange",value:function(){var _handleValueChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _this2=this;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.updateComplete;case 2:this.menuItems=this.allMenuItems.filter(function(e){var _this2$value;return e.toLowerCase().includes((_this2$value=_this2.value)===null||_this2$value===void 0?void 0:_this2$value.toLowerCase());});case 3:case"end":return _context2.stop();}},_callee,this);}));function handleValueChange(){return _handleValueChange.apply(this,arguments);}return handleValueChange;}()},{key:"handleSelect",value:function handleSelect(e){var _this$dropdownElement;this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,(_this$dropdownElement=this.dropdownElement)===null||_this$dropdownElement===void 0?void 0:_this$dropdownElement.hide();}},{key:"handleSearch",value:function handleSearch(e){var _this$dropdownElement2;var t=e.detail.value.toLowerCase();this.value=t,this.menuItems=this.allMenuItems.filter(function(e){return e===null||e===void 0?void 0:e.toLowerCase().includes(t);}),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&((_this$dropdownElement2=this.dropdownElement)===null||_this$dropdownElement2===void 0?void 0:_this$dropdownElement2.show());}},{key:"handleFocus",value:function handleFocus(){var _this3=this;this.openOnFocus&&setTimeout(function(){var _this3$dropdownElemen;_this3.isDropdownOpen=!0,(_this3$dropdownElemen=_this3.dropdownElement)===null||_this3$dropdownElemen===void 0?void 0:_this3$dropdownElemen.show();},300);}},{key:"handleClick",value:function handleClick(){var _this$dropdownElement3;this.isDropdownOpen=!0,(_this$dropdownElement3=this.dropdownElement)===null||_this$dropdownElement3===void 0?void 0:_this$dropdownElement3.show();}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"nile-dropdown--input\" ?open="," noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          .value=","\n          @nile-input=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n        ></nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,this.noBorder,this.value,this.handleSearch,this.handleFocus,this.handleClick,this.placeholder,this.menuItems.length>0?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-menu @nile-select="," exportparts=\"menu__items-wrapper:options__wrapper\">\n                ","\n              </nile-menu>\n            "])),this.handleSelect,this.menuItems.map(function(e){return t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                    <nile-menu-item value=",">","</nile-menu-item>\n                  "])),e,e);})):"");}}]);}(l));a.styles=o,e([r({type:Boolean})],a.prototype,"isDropdownOpen",void 0),e([r({type:Boolean})],a.prototype,"openOnFocus",void 0),e([r({type:String})],a.prototype,"value",void 0),e([r({type:String})],a.prototype,"placeholder",void 0),e([r({type:Boolean})],a.prototype,"noBorder",void 0),e([i()],a.prototype,"menuItems",void 0),e([r({type:Array})],a.prototype,"allMenuItems",void 0),e([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),e([h("allMenuItems")],a.prototype,"handleAllMenuItemsChange",null),e([h("value",{waitUntilFirstUpdate:!0}),h("isDropdownOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",null),_export("N",a=e([n("nile-auto-complete")],a));}};});
 //# sourceMappingURL=nile-auto-complete.cjs.js.map

package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-auto-complete.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../watch';\nimport type { CSSResultGroup } from 'lit';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n  \n  protected override BUBBLES: boolean=false;\n\n  // Define component properties\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) openOnFocus: boolean = false;\n\n  @property({ type: String }) value: string = '';\n\n  @property({ type: String }) placeholder: string = 'Type here ..';\n\n  @property({ type: Boolean }) noBorder: boolean = false;\n\n  @state() menuItems: any = [];\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @query('nile-dropdown') dropdownElement: any;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'allMenuItems' property\n  @watch('allMenuItems')\n  handleAllMenuItemsChange() {\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'value' and 'isDropdownOpen' properties\n  @watch('value', { waitUntilFirstUpdate: true })\n\n  @watch('isDropdownOpen', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item.toLowerCase().includes(this.value?.toLowerCase())\n    );\n  }\n\n  private handleSelect(event: CustomEvent) {\n    this.value = event.detail.value;\n    this.emit('nile-complete', { value: event.detail.value });\n    this.isDropdownOpen = false;\n    this.dropdownElement?.hide();\n  }\n\n  private handleSearch(event: CustomEvent) {\n    const searchValue = event.detail.value.toLowerCase();\n    this.value = searchValue;\n\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item?.toLowerCase().includes(searchValue)\n    );\n\n    this.isDropdownOpen = this.menuItems.length > 0;\n    if (this.isDropdownOpen) this.dropdownElement?.show();\n  }\n\n  public handleFocus() {\n    if (!this.openOnFocus) {\n      return;\n    }\n\n    // Delay opening the dropdown to allow focus to take effect\n    setTimeout(() => {\n      this.isDropdownOpen = true;\n      this.dropdownElement?.show();\n    }, 300);\n  }\n\n  private handleClick() {\n    this.isDropdownOpen = true;\n    this.dropdownElement?.show();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <nile-dropdown \n        class=\"nile-dropdown--input\" \n        ?open=${this.isDropdownOpen} \n        noOpenOnCLick\n        @nile-show=\"${(e:CustomEvent)=>this.emit('nile-show')}\"\n        @nile-after-show=\"${(e:CustomEvent)=>this.emit('nile-after-show')}\"\n        @nile-hide=\"${(e:CustomEvent)=>this.emit('nile-hide')}\"\n        @nile-after-hide=\"${(e:CustomEvent)=>this.emit('nile-after-hide')}\"\n      >\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=${this.noBorder}\n          .value=${this.value}\n          @nile-input=${(e:CustomEvent)=>{this.handleSearch(e);this.emit('nile-input',e.detail)}}\n          @nile-change=${(e:CustomEvent)=>this.emit('nile-change',e.detail)}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          slot=\"trigger\"\n          placeholder=${this.placeholder}\n        ></nile-input>\n        ${this.menuItems.length > 0\n          ? html`\n              <nile-menu @nile-select=${this.handleSelect} exportparts=\"menu__items-wrapper:options__wrapper\">\n                ${this.menuItems.map(\n                  (item: any)  => html`\n                    <nile-menu-item value=${item}>${item}</nile-menu-item>\n                  `\n                )}\n              </nile-menu>\n            `\n          : ''}\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}\n"],"names":["NileAutoComplete","_o","a","this","BUBBLES","isDropdownOpen","openOnFocus","value","placeholder","noBorder","menuItems","allMenuItems","_this","_inherits","_createClass","key","connectedCallback","super","_toConsumableArray","handleAllMenuItemsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","wrap","_callee$","_context2","prev","next","updateComplete","filter","item","toLowerCase","includes","stop","handleValueChange","apply","arguments","handleSelect","event","detail","emit","dropdownElement","hide","handleSearch","searchValue","length","show","handleFocus","setTimeout","_this3$dropdownElemen","handleClick","_this$dropdownElement3","render","html","_templateObject","_taggedTemplateLiteral","e","_templateObject2","map","_templateObject3","NileElement","styles","__decorate","property","type","Boolean","prototype","String","state","Array","query","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-auto-complete.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../watch';\nimport type { CSSResultGroup } from 'lit';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  // Define component properties\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) openOnFocus: boolean = false;\n\n  @property({ type: String }) value: string = '';\n\n  @property({ type: String }) placeholder: string = 'Type here ..';\n\n  @property({ type: Boolean }) noBorder: boolean = false;\n\n  @state() menuItems: any = [];\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @query('nile-dropdown') dropdownElement: any;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'allMenuItems' property\n  @watch('allMenuItems')\n  handleAllMenuItemsChange() {\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'value' and 'isDropdownOpen' properties\n  @watch('value', { waitUntilFirstUpdate: true })\n\n  @watch('isDropdownOpen', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item.toLowerCase().includes(this.value?.toLowerCase())\n    );\n  }\n\n  private handleSelect(event: CustomEvent) {\n    this.value = event.detail.value;\n    this.emit('nile-complete', { value: event.detail.value });\n    this.isDropdownOpen = false;\n    this.dropdownElement?.hide();\n  }\n\n  private handleSearch(event: CustomEvent) {\n    const searchValue = event.detail.value.toLowerCase();\n    this.value = searchValue;\n\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item?.toLowerCase().includes(searchValue)\n    );\n\n    this.isDropdownOpen = this.menuItems.length > 0;\n    if (this.isDropdownOpen) this.dropdownElement?.show();\n  }\n\n  public handleFocus() {\n    if (!this.openOnFocus) {\n      return;\n    }\n\n    // Delay opening the dropdown to allow focus to take effect\n    setTimeout(() => {\n      this.isDropdownOpen = true;\n      this.dropdownElement?.show();\n    }, 300);\n  }\n\n  private handleClick() {\n    this.isDropdownOpen = true;\n    this.dropdownElement?.show();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <nile-dropdown class=\"nile-dropdown--input\" ?open=${this.isDropdownOpen} noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=${this.noBorder}\n          .value=${this.value}\n          @nile-input=${this.handleSearch}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          slot=\"trigger\"\n          placeholder=${this.placeholder}\n        ></nile-input>\n        ${this.menuItems.length > 0\n          ? html`\n              <nile-menu @nile-select=${this.handleSelect} exportparts=\"menu__items-wrapper:options__wrapper\">\n                ${this.menuItems.map(\n                  (item: any)  => html`\n                    <nile-menu-item value=${item}>${item}</nile-menu-item>\n                  `\n                )}\n              </nile-menu>\n            `\n          : ''}\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}\n"],"names":["NileAutoComplete","_l","a","this","isDropdownOpen","openOnFocus","value","placeholder","noBorder","menuItems","allMenuItems","_this","_inherits","_createClass","key","connectedCallback","super","handleAllMenuItemsChange","_toConsumableArray","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","wrap","_callee$","_context2","prev","next","updateComplete","filter","item","toLowerCase","includes","stop","handleValueChange","apply","arguments","handleSelect","event","detail","emit","_this$dropdownElement","dropdownElement","hide","handleSearch","_this$dropdownElement2","searchValue","length","show","handleFocus","setTimeout","_this3$dropdownElemen","handleClick","_this$dropdownElement3","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","map","_templateObject3","NileElement","styles","__decorate","property","type","Boolean","prototype","String","state","Array","query","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"smbAeaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEAKwBC,KAAAA,CAAcC,cAAAA,CAAAA,CAAY,EAE1BD,KAAAA,CAAWE,WAAAA,CAAAA,CAAY,CAExBF,CAAAA,KAAAA,CAAKG,MAAW,EAEhBH,CAAAA,KAAAA,CAAWI,YAAW,cAErBJ,CAAAA,KAAAA,CAAQK,UAAY,CAExCL,CAAAA,KAAAA,CAASM,SAAQ,CAAA,EAAA,CAECN,KAAAA,CAAYO,YAAQ,CAAA,EA0FhD,QAAAC,KAAA,EAtFCC,SAAA,CAAAV,CAAA,CAAAD,EAAA,SAAAY,YAAA,CAAAX,CAAA,GAAAY,GAAA,qBAAAR,KAAA,UAAAS,kBAAA,EACEC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAb,IAAKM,CAAAA,SAAAA,CAAAA,kBAAAA,CAAgBN,IAAKO,CAAAA,YAAAA,CAC3B,EAID,GAAAI,GAAA,4BAAAR,KAAA,UAAAW,yBAAA,CAAAA,CACEd,KAAKM,SAAY,CAAAS,kBAAA,CAAIf,IAAKO,CAAAA,YAAAA,CAC3B,EAMK,GAAAI,GAAA,qBAAAR,KAAA,gBAAAa,kBAAA,CAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAAC,QAAA,MAAAC,MAAA,aAAAH,mBAAA,GAAAI,IAAA,UAAAC,SAAAC,SAAA,iBAAAA,SAAA,CAAAC,IAAA,CAAAD,SAAA,CAAAE,IAAA,SAAAF,SAAA,CAAAE,IAAA,SACE1B,KAAK2B,CAAAA,cAAAA,QAEX3B,KAAKM,SAAYN,CAAAA,IAAAA,CAAKO,YAAaqB,CAAAA,MAAAA,CAAQC,SAAAA,0BACzCA,CAAAA,CAAKC,CAAAA,WAAAA,CAAAA,CAAAA,CAAcC,uBAAS/B,MAAKG,CAAAA,KAAAA,UAAAA,YAAAA,iBAALH,YAAAA,CAAY8B,iBAE3C,yBAAAN,SAAA,CAAAQ,IAAA,MAAAZ,OAAA,QAEO,YAAAa,kBAAA,SAAAjB,kBAAA,CAAAkB,KAAA,MAAAC,SAAA,UAAAF,iBAAA,OAAAtB,GAAA,gBAAAR,KAAA,UAAAiC,aAAaC,CAAAA,CAAAA,KAAAA,qBAAAA,CACnBrC,KAAKG,KAAQkC,CAAAA,CAAAA,CAAMC,MAAOnC,CAAAA,KAAAA,CAC1BH,KAAKuC,IAAK,CAAA,eAAA,CAAiB,CAAEpC,KAAAA,CAAOkC,EAAMC,MAAOnC,CAAAA,KAAAA,CAAAA,CAAAA,CACjDH,KAAKC,cAAiB,CAAA,CAAA,CAAA,EAAAuC,qBAAA,CACtBxC,KAAKyC,eAAiBC,UAAAA,qBAAAA,iBAAtB1C,qBAAAA,CAAsB0C,IAAAA,CAAAA,CACvB,EAEO,GAAA/B,GAAA,gBAAAR,KAAA,UAAAwC,aAAaN,CACnB,CAAA,KAAAO,sBAAA,CAAA,GAAMC,CAAAA,CAAcR,CAAAA,CAAAA,CAAMC,OAAOnC,KAAM2B,CAAAA,WAAAA,CAAAA,CAAAA,CACvC9B,IAAKG,CAAAA,KAAAA,CAAQ0C,EAGb7C,IAAKM,CAAAA,SAAAA,CAAYN,KAAKO,YAAaqB,CAAAA,MAAAA,CAAQC,SAAAA,SACzCA,CAAAA,CAAMC,SAAND,CAAMC,iBAAND,CAAMC,CAAAA,WAAAA,CAAAA,CAAAA,CAAcC,QAASc,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAG/B7C,KAAKC,cAAiBD,CAAAA,IAAAA,CAAKM,SAAUwC,CAAAA,MAAAA,CAAS,EAC1C9C,IAAKC,CAAAA,cAAAA,IAAAA,sBAAAA,CAAgBD,IAAKyC,CAAAA,eAAAA,UAAAA,sBAAAA,iBAALzC,sBAAAA,CAAsB+C,MAChD,GAEM,GAAApC,GAAA,eAAAR,KAAA,UAAA6C,YAAA,kBACAhD,IAAKE,CAAAA,WAAAA,EAKV+C,WAAW,UACTjD,KAAAA,qBAAAA,CAAAA,MAAAA,CAAKC,cAAiB,CAAA,CAAA,CAAA,EAAAiD,qBAAA,CACtBlD,OAAKyC,eAAiBM,UAAAA,qBAAAA,iBAAtB/C,qBAAAA,CAAsB+C,IAAAA,CAAAA,CAAM,GAC3B,GACJ,CAAA,EAEO,GAAApC,GAAA,eAAAR,KAAA,UAAAgD,YAAA,CACNnD,KAAAA,sBAAAA,CAAAA,IAAAA,CAAKC,cAAiB,CAAA,CAAA,CAAA,EAAAmD,sBAAA,CACtBpD,KAAKyC,eAAiBM,UAAAA,sBAAAA,iBAAtB/C,sBAAAA,CAAsB+C,IAAAA,CAAAA,CACvB,EAEM,GAAApC,GAAA,UAAAR,KAAA,UAAAkD,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,gYAC2CxD,IAAKC,CAAAA,cAAAA,CAExCD,IAAKK,CAAAA,QAAAA,CACTL,IAAKG,CAAAA,KAAAA,CACAH,IAAK2C,CAAAA,YAAAA,CACV3C,IAAKgD,CAAAA,WAAAA,CACLhD,IAAKmD,CAAAA,WAAAA,CAEAnD,IAAKI,CAAAA,WAAAA,CAEnBJ,IAAKM,CAAAA,SAAAA,CAAUwC,MAAS,CAAA,CAAA,CACtBQ,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,wKACwBxD,IAAKoC,CAAAA,YAAAA,CAC3BpC,IAAKM,CAAAA,SAAAA,CAAUoD,GACd7B,CAAAA,SAAAA,CAAAA,QAAeyB,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,gGACM3B,CAAQA,CAAAA,CAAAA,MAKxC,EAAA,EAGT,CAxGMhC,MAF6B+D,CAA/B,GAEE/D,CAAAA,CAAMgE,OAAmBA,CAGHC,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA2CpE,CAAAqE,CAAAA,SAAAA,CAAA,qBAAA,EAEhCJ,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,WAAwCpE,CAAAqE,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAE9BJ,CAAA,CAAA,CAA3BC,EAAS,CAAEC,IAAAA,CAAMG,MAA6BtE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqE,SAAA,CAAA,OAAA,CAAA,IAAA,IAEnBJ,CAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,IAAMG,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA+CtE,EAAAqE,SAAA,CAAA,aAAA,CAAA,IAAA,EAEpCJ,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqCpE,CAAAqE,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAE9CJ,EAAA,CAARM,CAAAA,CAAAA,CAAAA,CAAAA,CAA4BvE,CAAAqE,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAEFJ,EAAA,CAA1BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMK,KAAgCxE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqE,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAE1BJ,CAAA,CAAA,CAAvBQ,CAAM,CAAA,eAAA,CAAA,CAAA,CAAsCzE,EAAAqE,SAAA,CAAA,iBAAA,CAAA,IAAA,EAS7CJ,CAAAA,CAAAA,CAAAA,CAAA,CADCS,CAAAA,CAAM,iBAGN1E,CAAAqE,CAAAA,SAAAA,CAAA,0BAAA,CAAA,IAAA,CAAA,CAMKJ,CAAA,CAAA,CAHLS,EAAM,OAAS,CAAA,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAEvCD,CAAM,CAAA,gBAAA,CAAkB,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAOhD3E,CAAAqE,CAAAA,SAAAA,CAAA,mBAAA,CAAA,IAAA,CAAA,CAAAO,OAAA,KA1CU5E,EAAgBiE,CAAA,CAAA,CAD5BY,CAAc,CAAA,oBAAA,CAAA,CAAA,CACF7E"}

package/dist/nile-auto-complete/nile-auto-complete.esm.js

@@ -1,29 +1,20 @@
-import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{state as t,query as s,customElement as n}from"lit/decorators.js";import{s as l}from"./nile-auto-complete.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{w as h}from"../watch.esm.js";import{n as r}from"../property-09139d3c.esm.js";import"lit";let a=class extends o{constructor(){super(...arguments),this.BUBBLES=!1,this.isDropdownOpen=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.menuItems=[],this.allMenuItems=[]}connectedCallback(){super.connectedCallback(),this.menuItems=[...this.allMenuItems]}handleAllMenuItemsChange(){this.menuItems=[...this.allMenuItems]}async handleValueChange(){await this.updateComplete,this.menuItems=this.allMenuItems.filter((e=>e.toLowerCase().includes(this.value?.toLowerCase())))}handleSelect(e){this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}handleSearch(e){const i=e.detail.value.toLowerCase();this.value=i,this.menuItems=this.allMenuItems.filter((e=>e?.toLowerCase().includes(i))),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&this.dropdownElement?.show()}handleFocus(){this.openOnFocus&&setTimeout((()=>{this.isDropdownOpen=!0,this.dropdownElement?.show()}),300)}handleClick(){this.isDropdownOpen=!0,this.dropdownElement?.show()}render(){return i`
-      <nile-dropdown 
-        class="nile-dropdown--input" 
-        ?open=${this.isDropdownOpen} 
-        noOpenOnCLick
-        @nile-show="${e=>this.emit("nile-show")}"
-        @nile-after-show="${e=>this.emit("nile-after-show")}"
-        @nile-hide="${e=>this.emit("nile-hide")}"
-        @nile-after-hide="${e=>this.emit("nile-after-hide")}"
-      >
+import{__decorate as e}from"tslib";import{x as t}from"../index-0a3007c5.esm.js";import{state as i,query as s,customElement as n}from"lit/decorators.js";import{s as o}from"./nile-auto-complete.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{w as h}from"../watch.esm.js";import{n as r}from"../property-09139d3c.esm.js";import"lit";let a=class extends l{constructor(){super(...arguments),this.isDropdownOpen=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.menuItems=[],this.allMenuItems=[]}connectedCallback(){super.connectedCallback(),this.menuItems=[...this.allMenuItems]}handleAllMenuItemsChange(){this.menuItems=[...this.allMenuItems]}async handleValueChange(){await this.updateComplete,this.menuItems=this.allMenuItems.filter((e=>e.toLowerCase().includes(this.value?.toLowerCase())))}handleSelect(e){this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}handleSearch(e){const t=e.detail.value.toLowerCase();this.value=t,this.menuItems=this.allMenuItems.filter((e=>e?.toLowerCase().includes(t))),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&this.dropdownElement?.show()}handleFocus(){this.openOnFocus&&setTimeout((()=>{this.isDropdownOpen=!0,this.dropdownElement?.show()}),300)}handleClick(){this.isDropdownOpen=!0,this.dropdownElement?.show()}render(){return t`
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           .value=${this.value}
-          @nile-input=${e=>{this.handleSearch(e),this.emit("nile-input",e.detail)}}
-          @nile-change=${e=>this.emit("nile-change",e.detail)}
+          @nile-input=${this.handleSearch}
           @focus=${this.handleFocus}
           @click=${this.handleClick}
           slot="trigger"
           placeholder=${this.placeholder}
         ></nile-input>
-        ${this.menuItems.length>0?i`
+        ${this.menuItems.length>0?t`
               <nile-menu @nile-select=${this.handleSelect} exportparts="menu__items-wrapper:options__wrapper">
-                ${this.menuItems.map((e=>i`
+                ${this.menuItems.map((e=>t`
                     <nile-menu-item value=${e}>${e}</nile-menu-item>
                   `))}
               </nile-menu>
             `:""}
       </nile-dropdown>
-    `}};a.styles=l,e([r({type:Boolean})],a.prototype,"isDropdownOpen",void 0),e([r({type:Boolean})],a.prototype,"openOnFocus",void 0),e([r({type:String})],a.prototype,"value",void 0),e([r({type:String})],a.prototype,"placeholder",void 0),e([r({type:Boolean})],a.prototype,"noBorder",void 0),e([t()],a.prototype,"menuItems",void 0),e([r({type:Array})],a.prototype,"allMenuItems",void 0),e([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),e([h("allMenuItems")],a.prototype,"handleAllMenuItemsChange",null),e([h("value",{waitUntilFirstUpdate:!0}),h("isDropdownOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",null),a=e([n("nile-auto-complete")],a);export{a as N};
+    `}};a.styles=o,e([r({type:Boolean})],a.prototype,"isDropdownOpen",void 0),e([r({type:Boolean})],a.prototype,"openOnFocus",void 0),e([r({type:String})],a.prototype,"value",void 0),e([r({type:String})],a.prototype,"placeholder",void 0),e([r({type:Boolean})],a.prototype,"noBorder",void 0),e([i()],a.prototype,"menuItems",void 0),e([r({type:Array})],a.prototype,"allMenuItems",void 0),e([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),e([h("allMenuItems")],a.prototype,"handleAllMenuItemsChange",null),e([h("value",{waitUntilFirstUpdate:!0}),h("isDropdownOpen",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",null),a=e([n("nile-auto-complete")],a);export{a as N};

package/dist/nile-avatar/nile-avatar.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","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,r,a,e,i,s,l,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){a=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){s=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_l){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.BUBBLES=!1,_this.src="",_this.name="",_this.bgColor="",_this.textColor="#fff",_this.borderColor="rgba(0, 0, 0, 0.08)",_this.size="medium",_this.isRounded=!1,_this.isDefaultAvatar=!0,_this.defaultAvatarContent=r(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));return _this;}_inherits(n,_l);return _createClass(n,[{key:"generateInitials",value:function generateInitials(t){if(!t)return"";var r=t.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return r.length>1?r[0]+r[1]:r[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),a=1==t.length?r:t.charCodeAt(1);return(r*a+r%23+a%23)%5;}},{key:"getDefaultIconSize",value:function getDefaultIconSize(){switch(this.size){case"small":return"10";case"medium":default:return"16";case"large":return"20";case"extralarge":return"24";case"2xl":return"28";}}},{key:"handleImageError",value:function handleImageError(t){var a=this.generateInitials(this.name),e=this.generateVariantCode(a);this.defaultAvatarContent=r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div\n      class=","\n      style=\"background-color: ",";color:",";border: 0.5px solid ",";\n        border-color:","\"\n    >\n      ","\n    </div>"])),i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded,variant__orange:0===e&&!this.bgColor,variant__pink:1===e&&!this.bgColor,variant__blue:2===e&&!this.bgColor,variant__light_blue:3===e&&!this.bgColor,variant__green:4===e&&!this.bgColor}),this.bgColor,this.textColor,this.borderColor,a?"rgba(0, 0, 0, 0.08)":"#C7CED4",a||r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n            name=\"user\"\n            color=\"grey\"\n            part=\"error__icon\"\n            size=\"","\"\n          ></nile-icon>"])),this.getDefaultIconSize())),this.isDefaultAvatar=!1;}},{key:"render",value:function render(){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      ","\n    "])),this.isDefaultAvatar?r(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <img\n            src=\"","\"\n            class=\"avatar\"\n            class=","\n            style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n            @error=\"","\"\n          />"])),this.src,i({avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded}),this.src,this.handleImageError):r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["",""])),this.defaultAvatarContent));}}],[{key:"styles",get:function get(){return[s];}}]);}(l));t([o({type:String,reflect:!0})],n.prototype,"src",void 0),t([o({type:String,reflect:!0})],n.prototype,"name",void 0),t([o({type:String,reflect:!0,attribute:"bg-color"})],n.prototype,"bgColor",void 0),t([o({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([o({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([o({reflect:!0})],n.prototype,"size",void 0),t([o({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([a()],n.prototype,"isDefaultAvatar",void 0),t([a()],n.prototype,"defaultAvatarContent",void 0),_export("N",n=t([e("nile-avatar")],n));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,r,a,e,i,s,l,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.x;},function(_litDecoratorsJs){a=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){s=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_l){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.src="",_this.name="",_this.bgColor="",_this.textColor="#fff",_this.borderColor="rgba(0, 0, 0, 0.08)",_this.size="medium",_this.isRounded=!1,_this.isDefaultAvatar=!0,_this.defaultAvatarContent=r(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));return _this;}_inherits(n,_l);return _createClass(n,[{key:"generateInitials",value:function generateInitials(t){if(!t)return"";var r=t.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return r.length>1?r[0]+r[1]:r[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),a=1==t.length?r:t.charCodeAt(1);return(r*a+r%23+a%23)%5;}},{key:"getDefaultIconSize",value:function getDefaultIconSize(){switch(this.size){case"small":return"10";case"medium":default:return"16";case"large":return"20";case"extralarge":return"24";case"2xl":return"28";}}},{key:"handleImageError",value:function handleImageError(t){var a=this.generateInitials(this.name),e=this.generateVariantCode(a);this.defaultAvatarContent=r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div\n      class=","\n      style=\"background-color: ",";color:",";border: 0.5px solid ",";\n        border-color:","\"\n    >\n      ","\n    </div>"])),i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded,variant__orange:0===e&&!this.bgColor,variant__pink:1===e&&!this.bgColor,variant__blue:2===e&&!this.bgColor,variant__light_blue:3===e&&!this.bgColor,variant__green:4===e&&!this.bgColor}),this.bgColor,this.textColor,this.borderColor,a?"rgba(0, 0, 0, 0.08)":"#C7CED4",a||r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon\n            name=\"user\"\n            color=\"grey\"\n            part=\"error__icon\"\n            size=\"","\"\n          ></nile-icon>"])),this.getDefaultIconSize())),this.isDefaultAvatar=!1;}},{key:"render",value:function render(){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      ","\n    "])),this.isDefaultAvatar?r(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <img\n            src=\"","\"\n            class=\"avatar\"\n            class=","\n            style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n            @error=\"","\"\n          />"])),this.src,i({avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded}),this.src,this.handleImageError):r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["",""])),this.defaultAvatarContent));}}],[{key:"styles",get:function get(){return[s];}}]);}(l));t([o({type:String,reflect:!0})],n.prototype,"src",void 0),t([o({type:String,reflect:!0})],n.prototype,"name",void 0),t([o({type:String,reflect:!0,attribute:"bg-color"})],n.prototype,"bgColor",void 0),t([o({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([o({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([o({reflect:!0})],n.prototype,"size",void 0),t([o({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([a()],n.prototype,"isDefaultAvatar",void 0),t([a()],n.prototype,"defaultAvatarContent",void 0),_export("N",n=t([e("nile-avatar")],n));}};});
 //# sourceMappingURL=nile-avatar.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-avatar.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n  /**\n   * The styles for Avatar\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected override BUBBLES: boolean=false;\n\n  /** Gives the url to the Avatar */\n  @property({ type: String, reflect: true }) src = '';\n\n  /** Gives the default Image Letters to the Avatar */\n  @property({ type: String, reflect: true }) name = '';\n\n  /** Gives the default bg color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'bg-color' }) bgColor =\n    '';\n\n  /** Gives the default text color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'text-color' })\n  textColor = '#fff';\n\n  /** Gives the default border color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'border-color' })\n  borderColor = 'rgba(0, 0, 0, 0.08)';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size:\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extralarge'\n    | '2xl' = 'medium';\n\n  /** Gives a border radius of 50% to the Avatar */\n  @property({ type: Boolean, reflect: true }) isRounded = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  @state() private isDefaultAvatar = true;\n\n  @state() private defaultAvatarContent = html``;\n\n  private generateInitials(name: String): string {\n    if (!name) {\n      return '';\n    }\n    const nameParts = name\n      .split(' ')\n      .filter(part => part.length > 0)\n      .map(part => part.charAt(0).toUpperCase())\n      .slice(0, 2);\n    return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n  }\n\n  private generateVariantCode(initials: string): number {\n    const char1 = initials.charCodeAt(0);\n    const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n    const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n    return multifactor % 5;\n  }\n\n  private getDefaultIconSize() {\n    switch (this.size) {\n      case 'small':\n        return '10';\n      case 'medium':\n        return '16';\n      case 'large':\n        return '20';\n      case 'extralarge':\n        return '24';\n      case '2xl':\n        return '28';\n      default:\n        return '16';\n    }\n  }\n\n  private handleImageError(event: Event): void {\n    const defaultInitials = this.generateInitials(this.name);\n    const variant__code = this.generateVariantCode(defaultInitials);\n\n    this.defaultAvatarContent = html`<div\n      class=${classMap({\n        text__avatar: true,\n        avatar__small: this.size === 'small',\n        avatar__medium: this.size === 'medium',\n        avatar__large: this.size === 'large',\n        avatar__extralarge: this.size === 'extralarge',\n        avatar__2xl: this.size === '2xl',\n        avatar__rounded: this.isRounded,\n        variant__orange: variant__code === 0 && !this.bgColor,\n        variant__pink: variant__code === 1 && !this.bgColor,\n        variant__blue: variant__code === 2 && !this.bgColor,\n        variant__light_blue: variant__code === 3 && !this.bgColor,\n        variant__green: variant__code === 4 && !this.bgColor,\n      })}\n      style=\"background-color: ${this.bgColor};color:${this\n        .textColor};border: 0.5px solid ${this.borderColor};\n        border-color:${defaultInitials ? 'rgba(0, 0, 0, 0.08)' : '#C7CED4'}\"\n    >\n      ${defaultInitials\n        ? defaultInitials\n        : html`<nile-icon\n            name=\"user\"\n            color=\"grey\"\n            part=\"error__icon\"\n            size=\"${this.getDefaultIconSize()}\"\n          ></nile-icon>`}\n    </div>`;\n\n    this.isDefaultAvatar = false;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      ${this.isDefaultAvatar\n        ? html` <img\n            src=\"${this.src}\"\n            class=\"avatar\"\n            class=${classMap({\n              avatar: true,\n              avatar__small: this.size === 'small',\n              avatar__medium: this.size === 'medium',\n              avatar__large: this.size === 'large',\n              avatar__extralarge: this.size === 'extralarge',\n              avatar__2xl: this.size === '2xl',\n              avatar__rounded: this.isRounded,\n            })}\n            style=\"\tbackground-image: url(${this\n              .src}), linear-gradient(lightgray, lightgray);\"\n            @error=\"${this.handleImageError}\"\n          />`\n        : html`${this.defaultAvatarContent}`}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileAvatar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-avatar': NileAvatar;\n  }\n}\n"],"names":["NileAvatar","n","constructor","this","BUBBLES","src","name","bgColor","textColor","borderColor","size","isRounded","isDefaultAvatar","defaultAvatarContent","html","_templateObject","_taggedTemplateLiteral","_this","_inherits","_l","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","getDefaultIconSize","handleImageError","event","defaultInitials","variant__code","_templateObject2","classMap","text__avatar","avatar__small","avatar__medium","avatar__large","avatar__extralarge","avatar__2xl","avatar__rounded","variant__orange","variant__pink","variant__blue","variant__light_blue","variant__green","_templateObject3","render","_templateObject4","_templateObject5","avatar","_templateObject6","__decorate","get","styles","NileElement","property","type","String","reflect","prototype","attribute","Boolean","state","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-avatar.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n  /**\n   * The styles for Avatar\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** Gives the url to the Avatar */\n  @property({ type: String, reflect: true }) src = '';\n\n  /** Gives the default Image Letters to the Avatar */\n  @property({ type: String, reflect: true }) name = '';\n\n  /** Gives the default bg color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'bg-color' }) bgColor =\n    '';\n\n  /** Gives the default text color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'text-color' })\n  textColor = '#fff';\n\n  /** Gives the default border color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'border-color' })\n  borderColor = 'rgba(0, 0, 0, 0.08)';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size:\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extralarge'\n    | '2xl' = 'medium';\n\n  /** Gives a border radius of 50% to the Avatar */\n  @property({ type: Boolean, reflect: true }) isRounded = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  @state() private isDefaultAvatar = true;\n\n  @state() private defaultAvatarContent = html``;\n\n  private generateInitials(name: String): string {\n    if (!name) {\n      return '';\n    }\n    const nameParts = name\n      .split(' ')\n      .filter(part => part.length > 0)\n      .map(part => part.charAt(0).toUpperCase())\n      .slice(0, 2);\n    return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n  }\n\n  private generateVariantCode(initials: string): number {\n    const char1 = initials.charCodeAt(0);\n    const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n    const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n    return multifactor % 5;\n  }\n\n  private getDefaultIconSize() {\n    switch (this.size) {\n      case 'small':\n        return '10';\n      case 'medium':\n        return '16';\n      case 'large':\n        return '20';\n      case 'extralarge':\n        return '24';\n      case '2xl':\n        return '28';\n      default:\n        return '16';\n    }\n  }\n\n  private handleImageError(event: Event): void {\n    const defaultInitials = this.generateInitials(this.name);\n    const variant__code = this.generateVariantCode(defaultInitials);\n\n    this.defaultAvatarContent = html`<div\n      class=${classMap({\n        text__avatar: true,\n        avatar__small: this.size === 'small',\n        avatar__medium: this.size === 'medium',\n        avatar__large: this.size === 'large',\n        avatar__extralarge: this.size === 'extralarge',\n        avatar__2xl: this.size === '2xl',\n        avatar__rounded: this.isRounded,\n        variant__orange: variant__code === 0 && !this.bgColor,\n        variant__pink: variant__code === 1 && !this.bgColor,\n        variant__blue: variant__code === 2 && !this.bgColor,\n        variant__light_blue: variant__code === 3 && !this.bgColor,\n        variant__green: variant__code === 4 && !this.bgColor,\n      })}\n      style=\"background-color: ${this.bgColor};color:${this\n        .textColor};border: 0.5px solid ${this.borderColor};\n        border-color:${defaultInitials ? 'rgba(0, 0, 0, 0.08)' : '#C7CED4'}\"\n    >\n      ${defaultInitials\n        ? defaultInitials\n        : html`<nile-icon\n            name=\"user\"\n            color=\"grey\"\n            part=\"error__icon\"\n            size=\"${this.getDefaultIconSize()}\"\n          ></nile-icon>`}\n    </div>`;\n\n    this.isDefaultAvatar = false;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      ${this.isDefaultAvatar\n        ? html` <img\n            src=\"${this.src}\"\n            class=\"avatar\"\n            class=${classMap({\n              avatar: true,\n              avatar__small: this.size === 'small',\n              avatar__medium: this.size === 'medium',\n              avatar__large: this.size === 'large',\n              avatar__extralarge: this.size === 'extralarge',\n              avatar__2xl: this.size === '2xl',\n              avatar__rounded: this.isRounded,\n            })}\n            style=\"\tbackground-image: url(${this\n              .src}), linear-gradient(lightgray, lightgray);\"\n            @error=\"${this.handleImageError}\"\n          />`\n        : html`${this.defaultAvatarContent}`}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileAvatar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-avatar': NileAvatar;\n  }\n}\n"],"names":["NileAvatar","_l","n","this","src","name","bgColor","textColor","borderColor","size","isRounded","isDefaultAvatar","defaultAvatarContent","html","_templateObject","_taggedTemplateLiteral","_this","_inherits","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","getDefaultIconSize","handleImageError","event","defaultInitials","variant__code","_templateObject2","classMap","text__avatar","avatar__small","avatar__medium","avatar__large","avatar__extralarge","avatar__2xl","avatar__rounded","variant__orange","variant__pink","variant__blue","variant__light_blue","variant__green","_templateObject3","render","_templateObject4","_templateObject5","avatar","_templateObject6","__decorate","get","styles","NileElement","property","type","String","reflect","prototype","attribute","Boolean","state","_export","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as r}from"../index-0a3007c5.esm.js";import{state as e,customElement as a}from"lit/decorators.js";import{classMap as i}from"lit/directives/class-map.js";import{s}from"./nile-avatar.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let n=class extends l{constructor(){super(...arguments),this.BUBBLES=!1,this.src="",this.name="",this.bgColor="",this.textColor="#fff",this.borderColor="rgba(0, 0, 0, 0.08)",this.size="medium",this.isRounded=!1,this.isDefaultAvatar=!0,this.defaultAvatarContent=r``}static get styles(){return[s]}generateInitials(t){if(!t)return"";const r=t.split(" ").filter((t=>t.length>0)).map((t=>t.charAt(0).toUpperCase())).slice(0,2);return r.length>1?r[0]+r[1]:r[0]}generateVariantCode(t){const r=t.charCodeAt(0),e=1==t.length?r:t.charCodeAt(1);return(r*e+r%23+e%23)%5}getDefaultIconSize(){switch(this.size){case"small":return"10";case"medium":default:return"16";case"large":return"20";case"extralarge":return"24";case"2xl":return"28"}}handleImageError(t){const e=this.generateInitials(this.name),a=this.generateVariantCode(e);this.defaultAvatarContent=r`<div
+import{__decorate as t}from"tslib";import{x as r}from"../index-0a3007c5.esm.js";import{state as e,customElement as a}from"lit/decorators.js";import{classMap as i}from"lit/directives/class-map.js";import{s}from"./nile-avatar.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let n=class extends l{constructor(){super(...arguments),this.src="",this.name="",this.bgColor="",this.textColor="#fff",this.borderColor="rgba(0, 0, 0, 0.08)",this.size="medium",this.isRounded=!1,this.isDefaultAvatar=!0,this.defaultAvatarContent=r``}static get styles(){return[s]}generateInitials(t){if(!t)return"";const r=t.split(" ").filter((t=>t.length>0)).map((t=>t.charAt(0).toUpperCase())).slice(0,2);return r.length>1?r[0]+r[1]:r[0]}generateVariantCode(t){const r=t.charCodeAt(0),e=1==t.length?r:t.charCodeAt(1);return(r*e+r%23+e%23)%5}getDefaultIconSize(){switch(this.size){case"small":return"10";case"medium":default:return"16";case"large":return"20";case"extralarge":return"24";case"2xl":return"28"}}handleImageError(t){const e=this.generateInitials(this.name),a=this.generateVariantCode(e);this.defaultAvatarContent=r`<div
       class=${i({text__avatar:!0,avatar__small:"small"===this.size,avatar__medium:"medium"===this.size,avatar__large:"large"===this.size,avatar__extralarge:"extralarge"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded,variant__orange:0===a&&!this.bgColor,variant__pink:1===a&&!this.bgColor,variant__blue:2===a&&!this.bgColor,variant__light_blue:3===a&&!this.bgColor,variant__green:4===a&&!this.bgColor})}
       style="background-color: ${this.bgColor};color:${this.textColor};border: 0.5px solid ${this.borderColor};
         border-color:${e?"rgba(0, 0, 0, 0.08)":"#C7CED4"}"