@aquera/nile-elements 1.0.1-beta-1.9 → 1.1.0-beta-1.0

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 r,b as o}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 v=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(){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 r(this.body,o(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 r(this.body,o(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 a}from"lit";import{s as t}from"./nile-accordion.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{s as e,a as r,b as o}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 y=class extends s{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(){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 e(this.body),this.body.hidden=!1;const{keyframes:i,options:a}=m(this,"accordian.show",{dir:"ltr"});await r(this.body,o(i,this.body.scrollHeight),a),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 e(this.body);const{keyframes:i,options:a}=m(this,"accordian.hide",{dir:"ltr"});await r(this.body,o(i,this.body.scrollHeight),a),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 a`
     <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="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" library="system"></nile-icon>
+            <nile-icon name="arrowright"></nile-icon>
           </slot>
           <slot name="collapse-icon">
-            <nile-icon name="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" library="system"></nile-icon>
+            <nile-icon name="arrowright"></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>
-  `}};v.styles=a,i([c(".accordian")],v.prototype,"accordian",void 0),i([c(".accordian__header")],v.prototype,"header",void 0),i([c(".accordian__body")],v.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],v.prototype,"expandIconSlot",void 0),i([h({type:Boolean,reflect:!0})],v.prototype,"open",void 0),i([h({reflect:!0})],v.prototype,"variant",void 0),i([h({reflect:!0})],v.prototype,"expandIconPlacement",void 0),i([h({reflect:!0})],v.prototype,"size",void 0),i([h()],v.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],v.prototype,"handleOpenChange",null),v=i([d("nile-accordion")],v),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{v as N};
+  `}};y.styles=t,i([c(".accordian")],y.prototype,"accordian",void 0),i([c(".accordian__header")],y.prototype,"header",void 0),i([c(".accordian__body")],y.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],y.prototype,"expandIconSlot",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([h({reflect:!0})],y.prototype,"variant",void 0),i([h({reflect:!0})],y.prototype,"expandIconPlacement",void 0),i([h({reflect:!0})],y.prototype,"size",void 0),i([h()],y.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),y=i([d("nile-accordion")],y),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{y as N};

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

@@ -1,2 +1,2 @@
-System.register(["tslib","lit","lit/decorators.js","./nile-auto-complete.css.cjs.js","../internal/nile-element.cjs.js","../virtualize-b6a2fbe0.cjs.js","lit/directive.js","lit/async-directive.js","lit/directives/repeat.js"],function(_export,_context){"use strict";var t,i,e,s,n,o,r,l,h,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,p;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;e=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;n=_litDecoratorsJs.property;o=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileAutoCompleteCssCjsJs){l=_nileAutoCompleteCssCjsJs.s;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_virtualize001CjsJs){a=_virtualize001CjsJs.v;},function(_litDirectiveJs){},function(_litAsyncDirectiveJs){},function(_litDirectivesRepeatJs){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_h){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.disabled=!1,_this.isDropdownOpen=!1,_this.enableVirtualScroll=!1,_this.openOnFocus=!1,_this.value="",_this.placeholder="Type here ..",_this.noBorder=!1,_this.noOutline=!1,_this.noPadding=!1,_this.loading=!1,_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;},_this.allMenuItems=[],_this.menuItems=[];return _this;}_inherits(p,_h);return _createClass(p,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(p,"connectedCallback",this,3)([]),this.renderItemFunction=function(t){return t;};}},{key:"updated",value:function updated(t){_superPropGet(p,"updated",this,3)([t]),t.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),t.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),t.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction));}},{key:"render",value:function render(){var t=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"nile-dropdown--input\" ?open="," noOpenOnCLick exportparts=\"input\">\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          ?no-outline=","\n          ?no-padding=","\n          .disabled=","\n          .value=","\n          @nile-input=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n          exportparts=\"input\"\n        >\n          ","\n        </nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,this.noBorder,this.noOutline,this.noPadding,this.disabled,this.value,this.handleSearch,this.handleFocus,this.handleClick,this.placeholder,this.loading?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"var(--nile-icon-button-loading-blue-animated, var(--ng-icon-button-loading-blue-animated))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>"]))):e,this.menuItems.length>0&&!this.loading?t:e);}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this2=this;return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-menu class=\"virtualized__menu\" @nile-select="," id=\"content-menu\" exportparts=\"menu__items-wrapper:options__wrapper\">\n        ","\n      </nile-menu>\n    "])),this.handleSelect,a({items:this.menuItems,renderItem:function renderItem(t){return _this2.getItemRenderFunction(t);},scroller:!0}));}},{key:"getContent",value:function getContent(){var _this3=this;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-menu id=\"content-menu\" @nile-select="," exportparts=\"menu__items-wrapper:options__wrapper\">\n        ","\n      </nile-menu>"])),this.handleSelect,this.menuItems.map(function(t){return _this3.getItemRenderFunction(t);}));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(t){var e=this.renderItemFunction(t);return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <nile-menu-item value=",">\n        ","\n      </nile-menu-item>\n    "])),e,e);}},{key:"handleSelect",value:function handleSelect(t){var _this$dropdownElement;this.value=t.detail.value,this.emit("nile-complete",{value:t.detail.value}),this.isDropdownOpen=!1,(_this$dropdownElement=this.dropdownElement)===null||_this$dropdownElement===void 0?void 0:_this$dropdownElement.hide();}},{key:"setVirtualMenuWidth",value:function setVirtualMenuWidth(){var _this4=this;var t=this.menuItems.reduce(function(t,i){var e=_this4.renderItemFunction(i).length;return t>e?t:e;},0),i=9.5*t<110?110:9.5*t;this.style.setProperty("--virtual-scroll-container-width",i+"px");}},{key:"handleSearch",value:function handleSearch(t){var _this$dropdownElement2;this.value=t.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),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 _this5=this;this.openOnFocus&&setTimeout(function(){var _this5$dropdownElemen;_this5.isDropdownOpen=!0,(_this5$dropdownElemen=_this5.dropdownElement)===null||_this5$dropdownElemen===void 0?void 0:_this5$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:"applyFilter",value:function applyFilter(t,i){var _this6=this;if("object"!=_typeof(t))return[];var e=[];return t.forEach(function(t){return i(t,_this6.value)&&e.push(t);}),e;}}]);}(h));p.styles=l,t([s("nile-dropdown")],p.prototype,"dropdownElement",void 0),t([n({type:Boolean})],p.prototype,"disabled",void 0),t([n({type:Boolean})],p.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],p.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],p.prototype,"openOnFocus",void 0),t([n({type:String})],p.prototype,"value",void 0),t([n({type:String})],p.prototype,"placeholder",void 0),t([n({type:Boolean})],p.prototype,"noBorder",void 0),t([n({type:Boolean})],p.prototype,"noOutline",void 0),t([n({type:Boolean})],p.prototype,"noPadding",void 0),t([n({type:Boolean})],p.prototype,"loading",void 0),t([n({attribute:!1})],p.prototype,"filterFunction",void 0),t([n({attribute:!1})],p.prototype,"renderItemFunction",void 0),t([n({type:Array})],p.prototype,"allMenuItems",void 0),t([o()],p.prototype,"menuItems",void 0),_export("N",p=t([r("nile-auto-complete")],p));}};});
+System.register(["tslib","lit","lit/decorators.js","./nile-auto-complete.css.cjs.js","../internal/nile-element.cjs.js","../virtualize-b6a2fbe0.cjs.js","lit/directive.js","lit/async-directive.js","lit/directives/repeat.js"],function(_export,_context){"use strict";var t,i,e,s,n,o,r,l,h,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,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);}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;e=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;n=_litDecoratorsJs.property;o=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileAutoCompleteCssCjsJs){l=_nileAutoCompleteCssCjsJs.s;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_virtualize001CjsJs){p=_virtualize001CjsJs.v;},function(_litDirectiveJs){},function(_litAsyncDirectiveJs){},function(_litDirectivesRepeatJs){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_h){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.disabled=!1,_this.isDropdownOpen=!1,_this.enableVirtualScroll=!1,_this.openOnFocus=!1,_this.value="",_this.placeholder="Type here ..",_this.noBorder=!1,_this.loading=!1,_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;},_this.allMenuItems=[],_this.menuItems=[];return _this;}_inherits(a,_h);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),this.renderItemFunction=function(t){return t;};}},{key:"updated",value:function updated(t){_superPropGet(a,"updated",this,3)([t]),t.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),t.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),t.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction));}},{key:"render",value:function render(){var t=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"nile-dropdown--input\" ?open="," noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          .disabled=","\n          .value=","\n          @nile-input=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n        >\n          ","\n        </nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,this.noBorder,this.disabled,this.value,this.handleSearch,this.handleFocus,this.handleClick,this.placeholder,this.loading?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"button-loading-blue-animated\"></nile-icon>"]))):e,this.menuItems.length>0&&!this.loading?t:e);}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this2=this;return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-menu class=\"virtualized__menu\" @nile-select="," id=\"content-menu\" exportparts=\"menu__items-wrapper:options__wrapper\">\n        ","\n      </nile-menu>\n    "])),this.handleSelect,p({items:this.menuItems,renderItem:function renderItem(t){return _this2.getItemRenderFunction(t);},scroller:!0}));}},{key:"getContent",value:function getContent(){var _this3=this;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-menu id=\"content-menu\" @nile-select="," exportparts=\"menu__items-wrapper:options__wrapper\">\n        ","\n      </nile-menu>"])),this.handleSelect,this.menuItems.map(function(t){return _this3.getItemRenderFunction(t);}));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(t){var e=this.renderItemFunction(t);return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <nile-menu-item value=",">\n        ","\n      </nile-menu-item>\n    "])),e,e);}},{key:"handleSelect",value:function handleSelect(t){var _this$dropdownElement;this.value=t.detail.value,this.emit("nile-complete",{value:t.detail.value}),this.isDropdownOpen=!1,(_this$dropdownElement=this.dropdownElement)===null||_this$dropdownElement===void 0?void 0:_this$dropdownElement.hide();}},{key:"setVirtualMenuWidth",value:function setVirtualMenuWidth(){var _this4=this;var t=this.menuItems.reduce(function(t,i){var e=_this4.renderItemFunction(i).length;return t>e?t:e;},0),i=9.5*t<110?110:9.5*t;this.style.setProperty("--virtual-scroll-container-width",i+"px");}},{key:"handleSearch",value:function handleSearch(t){var _this$dropdownElement2;this.value=t.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),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 _this5=this;this.openOnFocus&&setTimeout(function(){var _this5$dropdownElemen;_this5.isDropdownOpen=!0,(_this5$dropdownElemen=_this5.dropdownElement)===null||_this5$dropdownElemen===void 0?void 0:_this5$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:"applyFilter",value:function applyFilter(t,i){var _this6=this;if("object"!=_typeof(t))return[];var e=[];return t.forEach(function(t){return i(t,_this6.value)&&e.push(t);}),e;}}]);}(h));a.styles=l,t([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),t([n({type:Boolean})],a.prototype,"disabled",void 0),t([n({type:Boolean})],a.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],a.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],a.prototype,"openOnFocus",void 0),t([n({type:String})],a.prototype,"value",void 0),t([n({type:String})],a.prototype,"placeholder",void 0),t([n({type:Boolean})],a.prototype,"noBorder",void 0),t([n({type:Boolean})],a.prototype,"loading",void 0),t([n({attribute:!1})],a.prototype,"filterFunction",void 0),t([n({attribute:!1})],a.prototype,"renderItemFunction",void 0),t([n({type:Array})],a.prototype,"allMenuItems",void 0),t([o()],a.prototype,"menuItems",void 0),_export("N",a=t([r("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  CSSResultArray,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport { NileDropdown } from '../nile-dropdown';\n\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\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  @query('nile-dropdown') dropdownElement: NileDropdown;\n\n  // Define component properties\n\n  @property({ type: Boolean }) disabled: boolean = false;\n\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) enableVirtualScroll: 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  @property({ type: Boolean }) noOutline: boolean = false;\n\n  @property({ type: Boolean }) noPadding: boolean = false;\n\n  @property({ type: Boolean }) loading: boolean = false;\n\n  @property({ attribute:false}) filterFunction: (item:string,searchedValue:string)=>boolean=(item:string,searchedValue:string)=>item.toLowerCase().includes(searchedValue.toLowerCase());\n\n  @property({ attribute:false}) renderItemFunction: (item:any)=>string = (item:any)=>item;\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @state() menuItems: any = [];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.renderItemFunction=(item:any)=>item;\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('allMenuItems')){\n      this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n      this.setVirtualMenuWidth();\n    }\n    if (changedProperties.has('isDropdownOpen')) this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n    if (changedProperties.has('value')){\n      this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n    }\n  }\n\n  public render(): TemplateResult {\n    const content=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();\n    return html`\n      <nile-dropdown class=\"nile-dropdown--input\" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts=\"input\">\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=${this.noBorder}\n          ?no-outline=${this.noOutline}\n          ?no-padding=${this.noPadding}\n          .disabled=${this.disabled}\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          exportparts=\"input\"\n        >\n          ${this.loading?html`<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"var(--nile-icon-button-loading-blue-animated, var(--ng-icon-button-loading-blue-animated))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>`:nothing}\n        </nile-input>\n        ${this.menuItems.length > 0 && !this.loading\n          ? content\n          : nothing}\n      </nile-dropdown>\n    `;\n  }  \n  \n  getVirtualizedContent():TemplateResult{\n    return html`\n      <nile-menu class=\"virtualized__menu\" @nile-select=${this.handleSelect} id=\"content-menu\" exportparts=\"menu__items-wrapper:options__wrapper\">\n        ${virtualize({\n          items: this.menuItems,\n          renderItem: (item:any):TemplateResult=>this.getItemRenderFunction(item),\n\t\t\t\t\tscroller:true\n        })}\n      </nile-menu>\n    `\n  }\n\n  getContent():TemplateResult{\n    return html`\n      <nile-menu id=\"content-menu\" @nile-select=${this.handleSelect} exportparts=\"menu__items-wrapper:options__wrapper\">\n        ${this.menuItems.map((item: any)  => this.getItemRenderFunction(item))}\n      </nile-menu>`\n  }\n\n  getItemRenderFunction(item:any):TemplateResult{\n    const value=this.renderItemFunction(item)\n    return html`\n      <nile-menu-item value=${value}>\n        ${value}\n      </nile-menu-item>\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 setVirtualMenuWidth() {\n    const maxLengthOption = this.menuItems\n      .reduce((acc: number, curr: any) => {\n        const currLength = this.renderItemFunction(curr).length\n        return acc > currLength ? acc : currLength\n      }, 0)\n    const defaultWith = 110;\n    const pixelMultiplier = 9.5;\n    const menuWidth = maxLengthOption * pixelMultiplier < defaultWith ? defaultWith : maxLengthOption * pixelMultiplier;\n    this.style.setProperty(\"--virtual-scroll-container-width\", menuWidth + \"px\");\n  }\n\n  private handleSearch(event: CustomEvent) {\n    this.value = event.detail.value.toLowerCase();\n\n    // Filter menu items based on the search value\n    this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\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  applyFilter<T>(list: T[], filterFn: (item: T,searchValue?:string) => boolean): T[] {\n    if(typeof(list)!=='object') return []\n    const res:T[]=[]\n    list.forEach( el=> filterFn(el,this.value) && res.push(el) )\n    return res\n  }\n\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}\n"],"names":["NileAutoComplete","_h","p","constructor","this","disabled","isDropdownOpen","enableVirtualScroll","openOnFocus","value","placeholder","noBorder","noOutline","noPadding","loading","filterFunction","item","searchedValue","toLowerCase","includes","renderItemFunction","allMenuItems","menuItems","_this","_inherits","_createClass","key","connectedCallback","super","updated","changedProperties","has","applyFilter","setVirtualMenuWidth","render","content","getVirtualizedContent","getContent","html","_templateObject","_taggedTemplateLiteral","handleSearch","handleFocus","handleClick","_templateObject2","nothing","length","_this2","_templateObject3","handleSelect","virtualize","items","renderItem","getItemRenderFunction","scroller","_this3","_templateObject4","map","_templateObject5","event","detail","emit","dropdownElement","hide","maxLengthOption","reduce","acc","curr","currLength","menuWidth","style","setProperty","show","setTimeout","_this$dropdownElement3","list","filterFn","_this6","_typeof","t","res","forEach","el","push","NileElement","styles","__decorate","query","prototype","property","type","Boolean","String","attribute","Array","state","customElement"],"mappings":"uiIAiBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAQwBC,KAAAA,CAAQC,QAAAA,CAAAA,CAAY,CAEpBD,CAAAA,KAAAA,CAAcE,gBAAY,CAE1BF,CAAAA,KAAAA,CAAmBG,mBAAY,CAAA,CAAA,CAAA,CAE/BH,KAAAA,CAAWI,WAAAA,CAAAA,CAAY,CAExBJ,CAAAA,KAAAA,CAAKK,MAAW,EAEhBL,CAAAA,KAAAA,CAAWM,WAAW,CAAA,cAAA,CAErBN,KAAAA,CAAQO,QAAAA,CAAAA,CAAY,CAEpBP,CAAAA,KAAAA,CAASQ,WAAY,CAErBR,CAAAA,KAAAA,CAASS,SAAY,CAAA,CAAA,CAAA,CAErBT,KAAAA,CAAOU,OAAAA,CAAAA,CAAY,CAElBV,CAAAA,KAAAA,CAAcW,eAA8C,SAACC,CAAAA,CAAYC,CAAuBD,QAAAA,CAAAA,CAAAA,CAAKE,WAAcC,CAAAA,CAAAA,CAAAA,QAAAA,CAASF,CAAcC,CAAAA,WAAAA,CAAAA,CAAAA,CAAAA,GAE1Id,KAAAA,CAAAgB,kBAA0CJ,CAAAA,SAAAA,CAAAA,QAAWA,CAAAA,CAExDZ,GAAAA,KAAAA,CAAYiB,YAAQ,CAAA,EAAA,CAEtCjB,KAAAA,CAASkB,SAAAA,CAAQ,EA8H3B,QAAAC,KAAA,EA5HCC,SAAA,CAAAtB,CAAA,CAAAD,EAAA,SAAAwB,YAAA,CAAAvB,CAAA,GAAAwB,GAAA,qBAAAjB,KAAA,UAAAkB,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAxB,IAAAA,CAAKgB,kBAAoBJ,CAAAA,SAAAA,CAAAA,QAAWA,CAAAA,CACrC,IAES,GAAAU,GAAA,WAAAjB,KAAA,UAAAoB,OAAAA,CAAQC,CAAAA,CAAAA,CAChBF,aAAAA,CAAAA,CAAAA,oBAAcE,CACVA,GAAAA,CAAAA,CAAkBC,IAAI,cACxB3B,CAAAA,GAAAA,IAAAA,CAAKkB,SAAYlB,CAAAA,IAAAA,CAAK4B,WAAY5B,CAAAA,IAAAA,CAAKiB,YAAajB,CAAAA,IAAAA,CAAKW,gBACzDX,IAAK6B,CAAAA,mBAAAA,CAAAA,CAAAA,CAAAA,CAEHH,CAAkBC,CAAAA,GAAAA,CAAI,gBAAmB3B,CAAAA,GAAAA,IAAAA,CAAKkB,SAAYlB,CAAAA,IAAAA,CAAK4B,YAAY5B,IAAKiB,CAAAA,YAAAA,CAAajB,IAAKW,CAAAA,cAAAA,CAAAA,CAAAA,CAClGe,CAAkBC,CAAAA,GAAAA,CAAI,OACxB3B,CAAAA,GAAAA,IAAAA,CAAKkB,UAAYlB,IAAK4B,CAAAA,WAAAA,CAAY5B,IAAKiB,CAAAA,YAAAA,CAAajB,IAAKW,CAAAA,cAAAA,CAAAA,CAE5D,EAEM,GAAAW,GAAA,UAAAjB,KAAA,UAAAyB,MAAAA,CAAAA,EACL,GAAMC,CAAAA,CAAAA,CAAQ/B,IAAKG,CAAAA,mBAAAA,CAAoBH,IAAKgC,CAAAA,qBAAAA,CAAAA,CAAAA,CAAwBhC,IAAKiC,CAAAA,UAAAA,CAAAA,CAAAA,CACzE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+hBAC2CpC,IAAKE,CAAAA,cAAAA,CAExCF,IAAKO,CAAAA,QAAAA,CACJP,IAAKQ,CAAAA,SAAAA,CACLR,IAAKS,CAAAA,SAAAA,CACPT,IAAKC,CAAAA,QAAAA,CACRD,IAAKK,CAAAA,KAAAA,CACAL,IAAKqC,CAAAA,YAAAA,CACVrC,IAAKsC,CAAAA,WAAAA,CACLtC,IAAKuC,CAAAA,WAAAA,CAEAvC,IAAKM,CAAAA,WAAAA,CAGjBN,IAAKU,CAAAA,OAAAA,CAAQwB,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,oRAAoQK,CAAAA,CAEvRzC,IAAAA,CAAKkB,SAAUwB,CAAAA,MAAAA,CAAS,CAAM1C,EAAAA,CAAAA,IAAAA,CAAKU,QACjCqB,CACAU,CAAAA,CAAAA,EAGT,CAED,GAAAnB,GAAA,yBAAAjB,KAAA,UAAA2B,qBAAAA,CAAAA,CACE,KAAAW,MAAA,MAAA,MAAOT,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,wLAC2CpC,IAAK6C,CAAAA,YAAAA,CACrDC,CAAW,CAAA,CACXC,MAAO/C,IAAKkB,CAAAA,SAAAA,CACZ8B,WAAapC,QAAboC,CAAAA,WAAapC,CAA0BZ,QAAAA,CAAAA,MAAAA,CAAKiD,qBAAsBrC,CAAAA,CAAAA,CAAAA,GACvEsC,QAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAIX,CAED,GAAA5B,GAAA,cAAAjB,KAAA,UAAA4B,UAAAA,CAAAA,CACE,KAAAkB,MAAA,MAAA,MAAOjB,CAAAA,CAAI,CAAAkB,gBAAA,GAAAA,gBAAA,CAAAhB,sBAAA,sJACmCpC,IAAK6C,CAAAA,YAAAA,CAC7C7C,IAAAA,CAAKkB,SAAUmC,CAAAA,GAAAA,CAAKzC,SAAAA,CAAeZ,QAAAA,CAAAA,MAAAA,CAAKiD,qBAAsBrC,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,EAErE,CAED,GAAAU,GAAA,yBAAAjB,KAAA,UAAA4C,qBAAAA,CAAsBrC,CACpB,CAAA,CAAA,GAAMP,CAAAA,EAAML,IAAKgB,CAAAA,kBAAAA,CAAmBJ,CACpC,CAAA,CAAA,MAAOsB,CAAAA,CAAI,CAAAoB,gBAAA,GAAAA,gBAAA,CAAAlB,sBAAA,sFACe/B,CAAAA,CACpBA,CAAAA,EAGP,CAEO,GAAAiB,GAAA,gBAAAjB,KAAA,UAAAwC,YAAAA,CAAaU,CACnBvD,CAAAA,KAAAA,qBAAAA,CAAAA,IAAAA,CAAKK,MAAQkD,CAAMC,CAAAA,MAAAA,CAAOnD,KAC1BL,CAAAA,IAAAA,CAAKyD,IAAK,CAAA,eAAA,CAAiB,CAAEpD,KAAAA,CAAOkD,EAAMC,MAAOnD,CAAAA,KAAAA,CAAAA,CAAAA,CACjDL,IAAKE,CAAAA,cAAAA,CAAAA,CAAiB,CACtBF,EAAAA,qBAAAA,CAAAA,IAAAA,CAAK0D,eAAiBC,UAAAA,qBAAAA,iBAAtB3D,qBAAAA,CAAsB2D,IAAAA,CAAAA,CACvB,EAEO,GAAArC,GAAA,uBAAAjB,KAAA,UAAAwB,mBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACN,GAAM+B,CAAAA,CAAAA,CAAkB5D,IAAKkB,CAAAA,SAAAA,CAC1B2C,MAAO,CAAA,SAACC,EAAaC,CACpB,CAAA,CAAA,GAAMC,CAAAA,CAAahE,CAAAA,MAAAA,CAAKgB,kBAAmB+C,CAAAA,CAAAA,CAAAA,CAAMrB,MACjD,CAAA,MAAOoB,CAAAA,EAAME,CAAaF,CAAAA,CAAAA,CAAME,CAAU,EAAA,CACzC,CAGCC,CAAAA,CAAAA,CAAAA,CADkB,GACNL,CAAAA,CAAAA,CAFE,QACI,GAC0DA,CAAAA,CAAAA,CAClF5D,IAAKkE,CAAAA,KAAAA,CAAMC,WAAY,CAAA,kCAAA,CAAoCF,CAAY,CAAA,IAAA,CACxE,EAEO,GAAA3C,GAAA,gBAAAjB,KAAA,UAAAgC,YAAAA,CAAakB,CACnBvD,CAAAA,KAAAA,sBAAAA,CAAAA,IAAAA,CAAKK,MAAQkD,CAAMC,CAAAA,MAAAA,CAAOnD,KAAMS,CAAAA,WAAAA,CAAAA,CAAAA,CAGhCd,KAAKkB,SAAYlB,CAAAA,IAAAA,CAAK4B,WAAY5B,CAAAA,IAAAA,CAAKiB,YAAajB,CAAAA,IAAAA,CAAKW,cAEzDX,CAAAA,CAAAA,IAAAA,CAAKE,eAAiBF,IAAKkB,CAAAA,SAAAA,CAAUwB,MAAS,CAAA,CAAA,CAC1C1C,IAAKE,CAAAA,cAAAA,IAAAA,sBAAAA,CAAgBF,IAAK0D,CAAAA,eAAAA,UAAAA,sBAAAA,iBAAL1D,sBAAAA,CAAsBoE,MAChD,GAEM,GAAA9C,GAAA,eAAAjB,KAAA,UAAAiC,WAAAA,CAAAA,CACAtC,KAAAA,MAAAA,MAAAA,IAAAA,CAAKI,WAKViE,EAAAA,UAAAA,CAAW,UACTrE,KAAAA,qBAAAA,CAAAA,MAAAA,CAAKE,gBAAiB,CACtBF,EAAAA,qBAAAA,CAAAA,MAAAA,CAAK0D,eAAiBU,UAAAA,qBAAAA,iBAAtBpE,qBAAAA,CAAsBoE,IAAAA,CAAAA,CAAM,GAC3B,GACJ,CAAA,EAEO,GAAA9C,GAAA,eAAAjB,KAAA,UAAAkC,WAAAA,CAAAA,CAAAA,KAAAA,sBAAAA,CACNvC,KAAKE,cAAiB,CAAA,CAAA,CAAA,EAAAoE,sBAAA,CACtBtE,IAAK0D,CAAAA,eAAAA,UAAAA,sBAAAA,iBAAL1D,sBAAAA,CAAsBoE,IACvB,CAAA,CAAA,EAED,GAAA9C,GAAA,eAAAjB,KAAA,UAAAuB,WAAAA,CAAe2C,EAAWC,CACxB,CAAA,KAAAC,MAAA,MAAA,GAAkB,QAAf,EAAAC,OAAA,CAAAC,CAAA,EAAyB,MAAO,EAAA,CACnC,GAAMC,CAAAA,CAAAA,CAAQ,GAEd,MADAL,CAAAA,CAAAA,CAAKM,OAASC,CAAAA,SAAAA,CAAAA,QAAKN,CAAAA,CAASM,CAAAA,CAAAA,CAAG9E,MAAKK,CAAAA,KAAAA,CAAAA,EAAUuE,EAAIG,IAAKD,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAChDF,CACR,EAAA,MA9JmCI,IAE7BpF,EAAMqF,MAAmBA,CAAAA,CAAAA,CAERC,CAAA,CAAA,CAAvBC,EAAM,eAA+CvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,iBAAA,CAAA,IAAA,EAIzBF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC3F,CAAAwF,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAE1BF,CAAA,CAAA,CAA5BG,EAAS,CAAEC,IAAAA,CAAMC,OAA2C3F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,gBAAA,CAAA,IAAA,EAEhCF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAgD3F,CAAAwF,CAAAA,SAAAA,CAAA,qBAAA,CAAA,IAAA,EAAA,CAAA,CAErCF,EAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAwC3F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,aAAA,CAAA,IAAA,IAE9BF,CAAA,CAAA,CAA3BG,CAAS,CAAA,CAAEC,IAAME,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA6B5F,CAAAwF,CAAAA,SAAAA,CAAA,YAAA,EAEnBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3BG,CAAAA,CAAS,CAAEC,IAAAA,CAAME,MAA+C5F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAEpCF,CAAA,CAAA,CAA5BG,EAAS,CAAEC,IAAAA,CAAMC,OAAqC3F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAE1BF,CAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAsC3F,EAAAwF,SAAA,CAAA,WAAA,CAAA,IAAA,EAE3BF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,WAAsC3F,CAAAwF,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAE3BF,CAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,KAAMC,OAAoC3F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,SAAA,CAAA,IAAA,IAExBF,CAAA,CAAA,CAA7BG,CAAS,CAAA,CAAEI,WAAU,CAAiK7F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,gBAAA,CAAA,IAAA,EAEzJF,CAAAA,CAAAA,CAAAA,CAAA,CAA7BG,CAAAA,CAAS,CAAEI,SAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkE7F,CAAAwF,CAAAA,SAAAA,CAAA,oBAAA,CAAA,IAAA,EAAA,CAAA,CAE7DF,CAAA,CAAA,CAA1BG,EAAS,CAAEC,IAAAA,CAAMI,KAAgC9F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,cAAA,CAAA,IAAA,EAEzCF,CAAAA,CAAAA,CAAAA,CAAA,CAARS,CAA4B/F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwF,SAAA,CAAA,WAAA,CAAA,IAAA,gBAlClBxF,CAAgBsF,CAAAA,CAAAA,CAAA,CAD5BU,CAAAA,CAAc,uBACFhG"}
+{"version":3,"file":"nile-auto-complete.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport { NileDropdown } from '../nile-dropdown';\n\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\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  @query('nile-dropdown') dropdownElement: NileDropdown;\n\n  // Define component properties\n\n  @property({ type: Boolean }) disabled: boolean = false;\n\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) enableVirtualScroll: 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  @property({ type: Boolean }) loading: boolean = false;\n\n  @property({ attribute:false}) filterFunction: (item:string,searchedValue:string)=>boolean=(item:string,searchedValue:string)=>item.toLowerCase().includes(searchedValue.toLowerCase());\n\n  @property({ attribute:false}) renderItemFunction: (item:any)=>string = (item:any)=>item;\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @state() menuItems: any = [];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.renderItemFunction=(item:any)=>item;\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('allMenuItems')){\n      this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n      this.setVirtualMenuWidth();\n    }\n    if (changedProperties.has('isDropdownOpen')) this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n    if (changedProperties.has('value')){\n      this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\n    }\n  }\n\n  public render(): TemplateResult {\n    const content=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();\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          .disabled=${this.disabled}\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        >\n          ${this.loading?html`<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"button-loading-blue-animated\"></nile-icon>`:nothing}\n        </nile-input>\n        ${this.menuItems.length > 0 && !this.loading\n          ? content\n          : nothing}\n      </nile-dropdown>\n    `;\n  }  \n  \n  getVirtualizedContent():TemplateResult{\n    return html`\n      <nile-menu class=\"virtualized__menu\" @nile-select=${this.handleSelect} id=\"content-menu\" exportparts=\"menu__items-wrapper:options__wrapper\">\n        ${virtualize({\n          items: this.menuItems,\n          renderItem: (item:any):TemplateResult=>this.getItemRenderFunction(item),\n\t\t\t\t\tscroller:true\n        })}\n      </nile-menu>\n    `\n  }\n\n  getContent():TemplateResult{\n    return html`\n      <nile-menu id=\"content-menu\" @nile-select=${this.handleSelect} exportparts=\"menu__items-wrapper:options__wrapper\">\n        ${this.menuItems.map((item: any)  => this.getItemRenderFunction(item))}\n      </nile-menu>`\n  }\n\n  getItemRenderFunction(item:any):TemplateResult{\n    const value=this.renderItemFunction(item)\n    return html`\n      <nile-menu-item value=${value}>\n        ${value}\n      </nile-menu-item>\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 setVirtualMenuWidth() {\n    const maxLengthOption = this.menuItems\n      .reduce((acc: number, curr: any) => {\n        const currLength = this.renderItemFunction(curr).length\n        return acc > currLength ? acc : currLength\n      }, 0)\n    const defaultWith = 110;\n    const pixelMultiplier = 9.5;\n    const menuWidth = maxLengthOption * pixelMultiplier < defaultWith ? defaultWith : maxLengthOption * pixelMultiplier;\n    this.style.setProperty(\"--virtual-scroll-container-width\", menuWidth + \"px\");\n  }\n\n  private handleSearch(event: CustomEvent) {\n    this.value = event.detail.value.toLowerCase();\n\n    // Filter menu items based on the search value\n    this.menuItems = this.applyFilter(this.allMenuItems,this.filterFunction);\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  applyFilter<T>(list: T[], filterFn: (item: T,searchValue?:string) => boolean): T[] {\n    if(typeof(list)!=='object') return []\n    const res:T[]=[]\n    list.forEach( el=> filterFn(el,this.value) && res.push(el) )\n    return res\n  }\n\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}"],"names":["NileAutoComplete","_h","a","this","disabled","isDropdownOpen","enableVirtualScroll","openOnFocus","value","placeholder","noBorder","loading","filterFunction","item","searchedValue","toLowerCase","includes","renderItemFunction","allMenuItems","menuItems","_this","_inherits","_createClass","key","connectedCallback","super","updated","changedProperties","has","applyFilter","setVirtualMenuWidth","render","content","getVirtualizedContent","getContent","html","_templateObject","_taggedTemplateLiteral","handleSearch","handleFocus","handleClick","_templateObject2","nothing","length","_this2","_templateObject3","handleSelect","virtualize","items","renderItem","getItemRenderFunction","scroller","_this3","_templateObject4","map","_templateObject5","event","detail","emit","_this$dropdownElement","dropdownElement","hide","maxLengthOption","reduce","acc","curr","currLength","menuWidth","style","setProperty","show","setTimeout","_this5$dropdownElemen","_this$dropdownElement3","list","filterFn","_this6","_typeof","t","res","forEach","el","push","NileElement","styles","__decorate","query","prototype","property","type","Boolean","String","attribute","Array","state","_export","customElement"],"mappings":"uiIAiBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEAQwBC,EAAAA,KAAAA,CAAQC,QAAY,CAAA,CAAA,CAAA,CAEpBD,KAAAA,CAAcE,cAAY,CAAA,CAAA,CAAA,CAE1BF,KAAAA,CAAmBG,mBAAAA,CAAAA,CAAY,CAE/BH,CAAAA,KAAAA,CAAWI,WAAY,CAAA,CAAA,CAAA,CAExBJ,KAAAA,CAAKK,KAAAA,CAAW,EAEhBL,CAAAA,KAAAA,CAAWM,WAAW,CAAA,cAAA,CAErBN,KAAAA,CAAQO,QAAAA,CAAAA,CAAY,EAEpBP,KAAAA,CAAOQ,OAAAA,CAAAA,CAAY,CAElBR,CAAAA,KAAAA,CAAcS,cAA8C,CAAA,SAACC,CAAYC,CAAAA,CAAAA,QAAuBD,CAAAA,CAAKE,CAAAA,WAAAA,CAAAA,CAAAA,CAAcC,QAASF,CAAAA,CAAAA,CAAcC,WAE1IZ,CAAAA,CAAAA,CAAAA,GAAAA,KAAAA,CAAAc,kBAA0CJ,CAAAA,SAAAA,CAAAA,QAAWA,CAAAA,IAExDV,KAAAA,CAAYe,YAAAA,CAAQ,EAEtCf,CAAAA,KAAAA,CAASgB,SAAQ,CAAA,EA2H3B,QAAAC,KAAA,EAzHCC,SAAA,CAAAnB,CAAA,CAAAD,EAAA,SAAAqB,YAAA,CAAApB,CAAA,GAAAqB,GAAA,qBAAAf,KAAA,UAAAgB,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAtB,IAAAA,CAAKc,kBAAoBJ,CAAAA,SAAAA,CAAAA,QAAWA,CAAAA,CACrC,IAES,GAAAU,GAAA,WAAAf,KAAA,UAAAkB,OAAAA,CAAQC,CAAAA,CAAAA,CAChBF,aAAAA,CAAAA,CAAAA,oBAAcE,CACVA,GAAAA,CAAAA,CAAkBC,GAAI,CAAA,cAAA,CAAA,GACxBzB,IAAKgB,CAAAA,SAAAA,CAAYhB,IAAK0B,CAAAA,WAAAA,CAAY1B,IAAKe,CAAAA,YAAAA,CAAaf,IAAKS,CAAAA,cAAAA,CAAAA,CACzDT,KAAK2B,mBAEHH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAkBC,GAAI,CAAA,gBAAA,CAAA,GAAmBzB,IAAKgB,CAAAA,SAAAA,CAAYhB,IAAK0B,CAAAA,WAAAA,CAAY1B,IAAKe,CAAAA,YAAAA,CAAaf,IAAKS,CAAAA,cAAAA,CAAAA,CAAAA,CAClGe,CAAkBC,CAAAA,GAAAA,CAAI,OACxBzB,CAAAA,GAAAA,IAAAA,CAAKgB,UAAYhB,IAAK0B,CAAAA,WAAAA,CAAY1B,IAAKe,CAAAA,YAAAA,CAAaf,IAAKS,CAAAA,cAAAA,CAAAA,CAE5D,EAEM,GAAAW,GAAA,UAAAf,KAAA,UAAAuB,MAAAA,CAAAA,EACL,GAAMC,CAAAA,CAAAA,CAAQ7B,IAAKG,CAAAA,mBAAAA,CAAoBH,IAAK8B,CAAAA,qBAAAA,CAAAA,CAAAA,CAAwB9B,IAAK+B,CAAAA,UAAAA,CAAAA,CAAAA,CACzE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kbAC2ClC,IAAKE,CAAAA,cAAAA,CAExCF,IAAKO,CAAAA,QAAAA,CACNP,IAAKC,CAAAA,QAAAA,CACRD,IAAKK,CAAAA,KAAAA,CACAL,IAAKmC,CAAAA,YAAAA,CACVnC,IAAKoC,CAAAA,WAAAA,CACLpC,IAAKqC,CAAAA,WAAAA,CAEArC,IAAKM,CAAAA,WAAAA,CAEjBN,IAAKQ,CAAAA,OAAAA,CAAQwB,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,+HAAmHK,CAAAA,CAEtIvC,IAAAA,CAAKgB,SAAUwB,CAAAA,MAAAA,CAAS,CAAMxC,EAAAA,CAAAA,IAAAA,CAAKQ,QACjCqB,CACAU,CAAAA,CAAAA,EAGT,CAED,GAAAnB,GAAA,yBAAAf,KAAA,UAAAyB,qBAAAA,CAAAA,CACE,KAAAW,MAAA,MAAA,MAAOT,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,wLAC2ClC,IAAK2C,CAAAA,YAAAA,CACrDC,CAAW,CAAA,CACXC,MAAO7C,IAAKgB,CAAAA,SAAAA,CACZ8B,WAAapC,QAAboC,CAAAA,WAAapC,CAA0BV,QAAAA,CAAAA,MAAAA,CAAK+C,qBAAsBrC,CAAAA,CAAAA,CAAAA,GACvEsC,QAAS,CAAA,CAAA,CAAA,CAAA,CAAA,EAIX,CAED,GAAA5B,GAAA,cAAAf,KAAA,UAAA0B,UAAAA,CAAAA,CACE,KAAAkB,MAAA,MAAA,MAAOjB,CAAAA,CAAI,CAAAkB,gBAAA,GAAAA,gBAAA,CAAAhB,sBAAA,sJACmClC,IAAK2C,CAAAA,YAAAA,CAC7C3C,IAAAA,CAAKgB,SAAUmC,CAAAA,GAAAA,CAAKzC,SAAAA,CAAeV,QAAAA,CAAAA,MAAAA,CAAK+C,qBAAsBrC,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,EAErE,CAED,GAAAU,GAAA,yBAAAf,KAAA,UAAA0C,qBAAAA,CAAsBrC,CACpB,CAAA,CAAA,GAAML,CAAAA,EAAML,IAAKc,CAAAA,kBAAAA,CAAmBJ,CACpC,CAAA,CAAA,MAAOsB,CAAAA,CAAI,CAAAoB,gBAAA,GAAAA,gBAAA,CAAAlB,sBAAA,sFACe7B,CAAAA,CACpBA,CAAAA,EAGP,CAEO,GAAAe,GAAA,gBAAAf,KAAA,UAAAsC,YAAAA,CAAaU,CACnBrD,CAAAA,KAAAA,qBAAAA,CAAAA,IAAAA,CAAKK,KAAQgD,CAAAA,CAAAA,CAAMC,MAAOjD,CAAAA,KAAAA,CAC1BL,IAAKuD,CAAAA,IAAAA,CAAK,eAAiB,CAAA,CAAElD,MAAOgD,CAAMC,CAAAA,MAAAA,CAAOjD,KACjDL,CAAAA,CAAAA,CAAAA,IAAAA,CAAKE,cAAiB,CAAA,CAAA,CAAA,EAAAsD,qBAAA,CACtBxD,IAAKyD,CAAAA,eAAAA,UAAAA,qBAAAA,iBAALzD,qBAAAA,CAAsB0D,IACvB,CAAA,CAAA,EAEO,GAAAtC,GAAA,uBAAAf,KAAA,UAAAsB,mBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACN,GAAMgC,CAAAA,CAAAA,CAAkB3D,IAAKgB,CAAAA,SAAAA,CAC1B4C,OAAO,SAACC,CAAAA,CAAaC,CACpB,CAAA,CAAA,GAAMC,CAAAA,CAAa/D,CAAAA,MAAAA,CAAKc,kBAAmBgD,CAAAA,CAAAA,CAAAA,CAAMtB,MACjD,CAAA,MAAOqB,CAAAA,CAAME,CAAAA,CAAAA,CAAaF,CAAME,CAAAA,CAAU,EACzC,CAAA,CAAA,CAAA,CAGCC,EADkB,GACNL,CAAAA,CAAAA,CAFE,GACI,CAAA,GAAA,CAAA,GAAA,CAC0DA,CAClF3D,CAAAA,IAAAA,CAAKiE,KAAMC,CAAAA,WAAAA,CAAY,kCAAoCF,CAAAA,CAAAA,CAAY,IACxE,CAAA,EAEO,GAAA5C,GAAA,gBAAAf,KAAA,UAAA8B,YAAAA,CAAakB,CACnBrD,CAAAA,KAAAA,sBAAAA,CAAAA,IAAAA,CAAKK,MAAQgD,CAAMC,CAAAA,MAAAA,CAAOjD,KAAMO,CAAAA,WAAAA,CAAAA,CAAAA,CAGhCZ,IAAKgB,CAAAA,SAAAA,CAAYhB,IAAK0B,CAAAA,WAAAA,CAAY1B,IAAKe,CAAAA,YAAAA,CAAaf,IAAKS,CAAAA,cAAAA,CAAAA,CAEzDT,IAAKE,CAAAA,cAAAA,CAAiBF,IAAKgB,CAAAA,SAAAA,CAAUwB,OAAS,CAC1CxC,CAAAA,IAAAA,CAAKE,cAAgBF,IAAAA,sBAAAA,CAAAA,IAAAA,CAAKyD,eAAiBU,UAAAA,sBAAAA,iBAAtBnE,sBAAAA,CAAsBmE,IAAAA,CAAAA,CAChD,GAEM,GAAA/C,GAAA,eAAAf,KAAA,UAAA+B,WAAAA,CAAAA,CACApC,KAAAA,MAAAA,MAAAA,IAAAA,CAAKI,WAKVgE,EAAAA,UAAAA,CAAW,UACTpE,KAAAA,qBAAAA,CAAAA,MAAAA,CAAKE,cAAiB,CAAA,CAAA,CAAA,EAAAmE,qBAAA,CACtBrE,OAAKyD,eAAiBU,UAAAA,qBAAAA,iBAAtBnE,qBAAAA,CAAsBmE,IAAAA,CAAAA,CAAM,EAC3B,CAAA,GAAA,CACJ,EAEO,GAAA/C,GAAA,eAAAf,KAAA,UAAAgC,WAAAA,CAAAA,CACNrC,KAAAA,sBAAAA,CAAAA,IAAAA,CAAKE,cAAiB,CAAA,CAAA,CAAA,EAAAoE,sBAAA,CACtBtE,IAAKyD,CAAAA,eAAAA,UAAAA,sBAAAA,iBAALzD,sBAAAA,CAAsBmE,IACvB,CAAA,CAAA,EAED,GAAA/C,GAAA,eAAAf,KAAA,UAAAqB,WAAAA,CAAe6C,EAAWC,CACxB,CAAA,KAAAC,MAAA,MAAA,GAAkB,QAAf,EAAAC,OAAA,CAAAC,CAAA,EAAyB,MAAO,EAAA,CACnC,GAAMC,CAAAA,CAAAA,CAAQ,GAEd,MADAL,CAAAA,CAAAA,CAAKM,OAASC,CAAAA,SAAAA,CAAAA,QAAKN,CAAAA,CAASM,CAAAA,CAAAA,CAAG9E,MAAKK,CAAAA,KAAAA,CAAAA,EAAUuE,EAAIG,IAAKD,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAChDF,CACR,EAAA,MAvJmCI,CAA/B,GAEEnF,CAAMoF,CAAAA,MAAAA,CAAmBA,CAERC,CAAAA,CAAAA,CAAA,CAAvBC,CAAAA,CAAM,eAA+CtF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuF,SAAA,CAAA,iBAAA,CAAA,IAAA,EAIzBF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC1F,CAAAuF,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAE1BF,CAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA2C1F,CAAAuF,CAAAA,SAAAA,CAAA,qBAAA,EAEhCF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAgD1F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuF,SAAA,CAAA,qBAAA,CAAA,IAAA,EAErCF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,WAAwC1F,CAAAuF,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAE9BF,CAAA,CAAA,CAA3BG,CAAS,CAAA,CAAEC,IAAME,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA6B3F,CAAAuF,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAEnBF,CAAA,CAAA,CAA3BG,EAAS,CAAEC,IAAAA,CAAME,MAA+C3F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuF,SAAA,CAAA,aAAA,CAAA,IAAA,EAEpCF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAqC1F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuF,SAAA,CAAA,UAAA,CAAA,IAAA,IAE1BF,CAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAoC1F,CAAAuF,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAExBF,CAAA,CAAA,CAA7BG,CAAS,CAAA,CAAEI,SAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiK5F,EAAAuF,SAAA,CAAA,gBAAA,CAAA,IAAA,EAEzJF,CAAAA,CAAAA,CAAAA,CAAA,CAA7BG,CAAAA,CAAS,CAAEI,SAAAA,CAAAA,CAAU,CAAkE5F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuF,SAAA,CAAA,oBAAA,CAAA,IAAA,EAE7DF,CAAAA,CAAAA,CAAAA,CAAA,CAA1BG,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAgC7F,CAAAuF,CAAAA,SAAAA,CAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAEzCF,CAAA,CAAA,CAARS,KAA4B9F,CAAAuF,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAAAQ,OAAA,KA9BlB/F,CAAgBqF,CAAAA,CAAAA,CAAA,CAD5BW,CAAAA,CAAc,uBACFhG"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",i=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --virtual-scroll-container-width:110px;\n    --virtual-scroll-container-height:200px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-dropdown--input {\n    width: 100%;\n  }\n\n  .virtualized__menu{\n    min-width: var(--virtual-scroll-container-width);\n    min-height: var(--virtual-scroll-container-height) !important;\n  }\n\n  .virtualized__menu nile-menu-item{\n    width:100%;\n  }\n\n  .nile-auto-complete--input {\n    width: 100%;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",t=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --virtual-scroll-container-width:110px;\n    --virtual-scroll-container-height:200px;\n  }\n\n  .nile-dropdown--input {\n    width: 100%;\n  }\n\n  .virtualized__menu{\n    min-width: var(--virtual-scroll-container-width);\n    min-height: var(--virtual-scroll-container-height) !important;\n  }\n\n  .virtualized__menu nile-menu-item{\n    width:100%;\n  }\n\n  .nile-auto-complete--input {\n    width: 100%;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-auto-complete.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-auto-complete.css.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.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 * AutoComplete CSS\n */\nexport const styles = css`\n  :host {\n    --virtual-scroll-container-width:110px;\n    --virtual-scroll-container-height:200px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-dropdown--input {\n    width: 100%;\n  }\n\n  .virtualized__menu{\n    min-width: var(--virtual-scroll-container-width);\n    min-height: var(--virtual-scroll-container-height) !important;\n  }\n\n  .virtualized__menu nile-menu-item{\n    width:100%;\n  }\n\n  .nile-auto-complete--input {\n    width: 100%;\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-auto-complete.css.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.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 * AutoComplete CSS\n */\nexport const styles = css`\n  :host {\n    --virtual-scroll-container-width:110px;\n    --virtual-scroll-container-height:200px;\n  }\n\n  .nile-dropdown--input {\n    width: 100%;\n  }\n\n  .virtualized__menu{\n    min-width: var(--virtual-scroll-container-width);\n    min-height: var(--virtual-scroll-container-height) !important;\n  }\n\n  .virtualized__menu nile-menu-item{\n    width:100%;\n  }\n\n  .nile-auto-complete--input {\n    width: 100%;\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-auto-complete/nile-auto-complete.css.esm.js

@@ -1,10 +1,7 @@
-import{css as t}from"lit";const i=t`
+import{css as i}from"lit";const t=i`
   :host {
     --virtual-scroll-container-width:110px;
     --virtual-scroll-container-height:200px;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .nile-dropdown--input {
@@ -23,4 +20,4 @@ import{css as t}from"lit";const i=t`
   .nile-auto-complete--input {
     width: 100%;
   }
-`;export{i as s};
+`;export{t as s};

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

@@ -1,9 +1,7 @@
-import{__decorate as t}from"tslib";import{html as i,nothing as e}from"lit";import{query as s,property as n,state as o,customElement as r}from"lit/decorators.js";import{s as l}from"./nile-auto-complete.css.esm.js";import{N as h}from"../internal/nile-element.esm.js";import{v as a}from"../virtualize-a4a40d96.esm.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";let p=class extends h{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.noOutline=!1,this.noPadding=!1,this.loading=!1,this.filterFunction=(t,i)=>t.toLowerCase().includes(i.toLowerCase()),this.renderItemFunction=t=>t,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=t=>t}updated(t){super.updated(t),t.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),t.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),t.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const t=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return i`
-      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts="input">
+import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as n,state as o,customElement as r}from"lit/decorators.js";import{s as l}from"./nile-auto-complete.css.esm.js";import{N as h}from"../internal/nile-element.esm.js";import{v as p}from"../virtualize-a4a40d96.esm.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";let a=class extends h{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.loading=!1,this.filterFunction=(t,e)=>t.toLowerCase().includes(e.toLowerCase()),this.renderItemFunction=t=>t,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=t=>t}updated(t){super.updated(t),t.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),t.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),t.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const t=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return e`
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
-          ?no-outline=${this.noOutline}
-          ?no-padding=${this.noPadding}
           .disabled=${this.disabled}
           .value=${this.value}
           @nile-input=${this.handleSearch}
@@ -11,21 +9,20 @@ import{__decorate as t}from"tslib";import{html as i,nothing as e}from"lit";impor
           @click=${this.handleClick}
           slot="trigger"
           placeholder=${this.placeholder}
-          exportparts="input"
         >
-          ${this.loading?i`<nile-icon slot="suffix" color="var(--nile-colors-primary-600)" name="var(--nile-icon-button-loading-blue-animated, var(--ng-icon-button-loading-blue-animated))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" library="system"></nile-icon>`:e}
+          ${this.loading?e`<nile-icon slot="suffix" color="var(--nile-colors-primary-600)" name="button-loading-blue-animated"></nile-icon>`:i}
         </nile-input>
-        ${this.menuItems.length>0&&!this.loading?t:e}
+        ${this.menuItems.length>0&&!this.loading?t:i}
       </nile-dropdown>
-    `}getVirtualizedContent(){return i`
+    `}getVirtualizedContent(){return e`
       <nile-menu class="virtualized__menu" @nile-select=${this.handleSelect} id="content-menu" exportparts="menu__items-wrapper:options__wrapper">
-        ${a({items:this.menuItems,renderItem:t=>this.getItemRenderFunction(t),scroller:!0})}
+        ${p({items:this.menuItems,renderItem:t=>this.getItemRenderFunction(t),scroller:!0})}
       </nile-menu>
-    `}getContent(){return i`
+    `}getContent(){return e`
       <nile-menu id="content-menu" @nile-select=${this.handleSelect} exportparts="menu__items-wrapper:options__wrapper">
         ${this.menuItems.map((t=>this.getItemRenderFunction(t)))}
-      </nile-menu>`}getItemRenderFunction(t){const e=this.renderItemFunction(t);return i`
-      <nile-menu-item value=${e}>
-        ${e}
+      </nile-menu>`}getItemRenderFunction(t){const i=this.renderItemFunction(t);return e`
+      <nile-menu-item value=${i}>
+        ${i}
       </nile-menu-item>
-    `}handleSelect(t){this.value=t.detail.value,this.emit("nile-complete",{value:t.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}setVirtualMenuWidth(){const t=this.menuItems.reduce(((t,i)=>{const e=this.renderItemFunction(i).length;return t>e?t:e}),0),i=9.5*t<110?110:9.5*t;this.style.setProperty("--virtual-scroll-container-width",i+"px")}handleSearch(t){this.value=t.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),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()}applyFilter(t,i){if("object"!=typeof t)return[];const e=[];return t.forEach((t=>i(t,this.value)&&e.push(t))),e}};p.styles=l,t([s("nile-dropdown")],p.prototype,"dropdownElement",void 0),t([n({type:Boolean})],p.prototype,"disabled",void 0),t([n({type:Boolean})],p.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],p.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],p.prototype,"openOnFocus",void 0),t([n({type:String})],p.prototype,"value",void 0),t([n({type:String})],p.prototype,"placeholder",void 0),t([n({type:Boolean})],p.prototype,"noBorder",void 0),t([n({type:Boolean})],p.prototype,"noOutline",void 0),t([n({type:Boolean})],p.prototype,"noPadding",void 0),t([n({type:Boolean})],p.prototype,"loading",void 0),t([n({attribute:!1})],p.prototype,"filterFunction",void 0),t([n({attribute:!1})],p.prototype,"renderItemFunction",void 0),t([n({type:Array})],p.prototype,"allMenuItems",void 0),t([o()],p.prototype,"menuItems",void 0),p=t([r("nile-auto-complete")],p);export{p as N};
+    `}handleSelect(t){this.value=t.detail.value,this.emit("nile-complete",{value:t.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}setVirtualMenuWidth(){const t=this.menuItems.reduce(((t,e)=>{const i=this.renderItemFunction(e).length;return t>i?t:i}),0),e=9.5*t<110?110:9.5*t;this.style.setProperty("--virtual-scroll-container-width",e+"px")}handleSearch(t){this.value=t.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),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()}applyFilter(t,e){if("object"!=typeof t)return[];const i=[];return t.forEach((t=>e(t,this.value)&&i.push(t))),i}};a.styles=l,t([s("nile-dropdown")],a.prototype,"dropdownElement",void 0),t([n({type:Boolean})],a.prototype,"disabled",void 0),t([n({type:Boolean})],a.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],a.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],a.prototype,"openOnFocus",void 0),t([n({type:String})],a.prototype,"value",void 0),t([n({type:String})],a.prototype,"placeholder",void 0),t([n({type:Boolean})],a.prototype,"noBorder",void 0),t([n({type:Boolean})],a.prototype,"loading",void 0),t([n({attribute:!1})],a.prototype,"filterFunction",void 0),t([n({attribute:!1})],a.prototype,"renderItemFunction",void 0),t([n({type:Array})],a.prototype,"allMenuItems",void 0),t([o()],a.prototype,"menuItems",void 0),a=t([r("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","lit","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,r,e,a,i,s,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,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){t=_tslib.__decorate;},function(_lit){r=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;a=_litDecoratorsJs.state;i=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){o=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_n){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.src="",_this.variant="text",_this.icon="var(--nile-icon-user, var(--ng-icon-user-01))",_this.name="",_this.bgColor="",_this.textColor="",_this.borderColor="",_this.size="md",_this.isRounded=!0,_this.imageError=!1;return _this;}_inherits(l,_n);return _createClass(l,[{key:"generateInitials",value:function generateInitials(){if(!this.name)return"";var t=this.name.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return t.length>1?t[0]+t[1]:t[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),e=1==t.length?r:t.charCodeAt(1);return(r*e+r%23+e%23)%5;}},{key:"getDefaultIconSize",value:function getDefaultIconSize(){switch(this.size){case"xs":return"6";case"sm":return"10";case"md":default:return"16";case"lg":return"20";case"xl":return"24";case"2xl":return"28";}}},{key:"render",value:function render(){if("image"!=this.variant||this.imageError){var _t=this.generateInitials();return"text"==this.variant&&_t?this.getContentWrapped(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["",""])),_t),_t):this.getContentWrapped(this.getIconContent(),_t);}return this.getImageContent();}},{key:"getContentWrapped",value:function getContentWrapped(t,e){var a=this.generateVariantCode(e);return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div\n      class=","\n      part=\"avatar__content\"\n      style=\"\n        background-color: ",";\n        color:",";\n        border: 1px solid ",";\n        border-color:","\"\n    >\n      ","\n    </div>"])),s({text__avatar:!0,avatar__xs:"xs"===this.size,avatar__small:"sm"===this.size,avatar__medium:"md"===this.size,avatar__large:"lg"===this.size,avatar__extralarge:"xl"===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}),this.bgColor,this.textColor?this.textColor:"var(--nile-colors-white-base, var(--ng-colors-text-quaternary-500))",this.borderColor?this.borderColor:"var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))",e?"".concat(this.borderColor?this.borderColor:"var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))"):"var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))",t);}},{key:"getIconContent",value:function getIconContent(){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <nile-icon\n      name=\"","\"\n      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n      color=\"","\"\n      size=\"","\"\n    ></nile-icon>"])),this.icon,this.textColor?this.textColor:"var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500))",this.getDefaultIconSize());}},{key:"getImageContent",value:function getImageContent(){var _this2=this;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" \n    <img\n      src=\"","\"\n      class=\"avatar\"\n      class=","\n      part=\"avatar__image\"\n      style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n      @error=\"","\"\n      @load=\"","\"\n    />"])),this.src,s({avatar:!0,avatar__xs:"xs"===this.size,avatar__small:"sm"===this.size,avatar__medium:"md"===this.size,avatar__large:"lg"===this.size,avatar__extralarge:"xl"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded}),this.src,function(){return _this2.imageError=!0;},function(){return _this2.imageError=!1;});}}],[{key:"styles",get:function get(){return[o];}}]);}(n));t([e({type:String,reflect:!0})],l.prototype,"src",void 0),t([e({type:String,reflect:!0})],l.prototype,"variant",void 0),t([e({type:String,reflect:!0})],l.prototype,"icon",void 0),t([e({type:String,reflect:!0})],l.prototype,"name",void 0),t([e({type:String,reflect:!0,attribute:"bg-color"})],l.prototype,"bgColor",void 0),t([e({type:String,reflect:!0,attribute:"text-color"})],l.prototype,"textColor",void 0),t([e({type:String,reflect:!0,attribute:"border-color"})],l.prototype,"borderColor",void 0),t([e({reflect:!0})],l.prototype,"size",void 0),t([e({type:Boolean,reflect:!0})],l.prototype,"isRounded",void 0),t([a()],l.prototype,"imageError",void 0),_export("N",l=t([i("nile-avatar")],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","lit/decorators.js","lit/directives/class-map.js","./nile-avatar.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,r,e,i,a,s,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){r=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;i=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_nileAvatarCssCjsJs){o=_nileAvatarCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_l){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.src="",_this.variant="text",_this.icon="user",_this.name="",_this.bgColor="",_this.textColor="#fff",_this.borderColor="",_this.size="md",_this.isRounded=!0,_this.imageError=!1;return _this;}_inherits(n,_l);return _createClass(n,[{key:"generateInitials",value:function generateInitials(){if(!this.name)return"";var t=this.name.split(" ").filter(function(t){return t.length>0;}).map(function(t){return t.charAt(0).toUpperCase();}).slice(0,2);return t.length>1?t[0]+t[1]:t[0];}},{key:"generateVariantCode",value:function generateVariantCode(t){var r=t.charCodeAt(0),e=1==t.length?r:t.charCodeAt(1);return(r*e+r%23+e%23)%5;}},{key:"getDefaultIconSize",value:function getDefaultIconSize(){switch(this.size){case"sm":return"10";case"md":default:return"16";case"lg":return"20";case"xl":return"24";case"2xl":return"28";}}},{key:"render",value:function render(){if("image"!=this.variant||this.imageError){var _t=this.generateInitials();return"text"==this.variant&&_t?this.getContentWrapped(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["",""])),_t),_t):this.getContentWrapped(this.getIconContent(),_t);}return this.getImageContent();}},{key:"getContentWrapped",value:function getContentWrapped(t,e){var i=this.generateVariantCode(e);return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div\n      class=","\n      part=\"avatar__content\"\n      style=\"\n        background-color: ",";\n        color:",";\n        border: 1px solid ",";\n        border-color:","\"\n    >\n      ","\n    </div>"])),s({text__avatar:!0,avatar__small:"sm"===this.size,avatar__medium:"md"===this.size,avatar__large:"lg"===this.size,avatar__extralarge:"xl"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded,variant__orange:0===i&&!this.bgColor,variant__pink:1===i&&!this.bgColor,variant__blue:2===i&&!this.bgColor,variant__light_blue:3===i&&!this.bgColor,variant__green:4===i&&!this.bgColor}),this.bgColor,this.textColor,this.borderColor,e?"".concat(this.borderColor):"var(--nile-colors-neutral-500)",t);}},{key:"getIconContent",value:function getIconContent(){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <nile-icon\n      name=\"","\"\n      color=\"","\"\n      size=\"","\"\n    ></nile-icon>"])),this.icon,this.textColor&&"#fff"!==this.textColor?this.textColor:"var(--nile-colors-dark-500)",this.getDefaultIconSize());}},{key:"getImageContent",value:function getImageContent(){var _this2=this;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" \n    <img\n      src=\"","\"\n      class=\"avatar\"\n      class=","\n      part=\"avatar__image\"\n      style=\"\tbackground-image: url(","), linear-gradient(lightgray, lightgray);\"\n      @error=\"","\"\n      @load=\"","\"\n    />"])),this.src,s({avatar:!0,avatar__small:"sm"===this.size,avatar__medium:"md"===this.size,avatar__large:"lg"===this.size,avatar__extralarge:"xl"===this.size,avatar__2xl:"2xl"===this.size,avatar__rounded:this.isRounded}),this.src,function(){return _this2.imageError=!0;},function(){return _this2.imageError=!1;});}}],[{key:"styles",get:function get(){return[o];}}]);}(l));t([e({type:String,reflect:!0})],n.prototype,"src",void 0),t([e({type:String,reflect:!0})],n.prototype,"variant",void 0),t([e({type:String,reflect:!0})],n.prototype,"icon",void 0),t([e({type:String,reflect:!0})],n.prototype,"name",void 0),t([e({type:String,reflect:!0,attribute:"bg-color"})],n.prototype,"bgColor",void 0),t([e({type:String,reflect:!0,attribute:"text-color"})],n.prototype,"textColor",void 0),t([e({type:String,reflect:!0,attribute:"border-color"})],n.prototype,"borderColor",void 0),t([e({reflect:!0})],n.prototype,"size",void 0),t([e({type:Boolean,reflect:!0})],n.prototype,"isRounded",void 0),t([i()],n.prototype,"imageError",void 0),_export("N",n=t([a("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  CSSResultArray,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, state, property } 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';\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 icon to the Avatar */\n  @property({ type: String, reflect: true }) variant:'icon' | 'image' | 'text' = 'text';\n\n  /** Gives the icon to the Avatar */\n  @property({ type: String, reflect: true }) icon = 'var(--nile-icon-user, var(--ng-icon-user-01))';\n\n  /** Gives the default Image Letters to the Avatar */\n  @property({ type: String, reflect: true }) name: String = '';\n\n  /** Gives the default bg color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'bg-color' }) bgColor = '';\n\n  /** Gives the default text color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'text-color' }) textColor = '';\n\n  /** Gives the default border color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'border-color' }) borderColor = '';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'md';\n\n  /** Gives a border radius of 50% to the Avatar */\n  @property({ type: Boolean, reflect: true }) isRounded = true;\n\n  @state() private imageError = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private generateInitials(): string {\n    if (!this.name) {\n      return '';\n    }\n    const nameParts = this.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 'xs':\n        return '6';\n      case 'sm':\n        return '10';\n      case 'md':\n        return '16';\n      case 'lg':\n        return '20';\n      case 'xl':\n        return '24';\n      case '2xl':\n        return '28';\n      default:\n        return '16';\n    }\n  }\n\n  public render(): TemplateResult {\n    if('image'==this.variant && !this.imageError){\n      return this.getImageContent()\n    }\n    else{\n      const defaultInitials = this.generateInitials();\n      if('text'==this.variant && defaultInitials){\n        return this.getContentWrapped(html`${defaultInitials}`,defaultInitials);\n      }\n      else{\n        return this.getContentWrapped(this.getIconContent(),defaultInitials)\n      }\n    }\n  }\n\n  getContentWrapped(content:TemplateResult,defaultInitials:string){\n    const variant__code = this.generateVariantCode(defaultInitials);\n    return html`\n    <div\n      class=${classMap({\n        text__avatar: true,\n        avatar__xs: this.size === 'xs',\n        avatar__small: this.size === 'sm',\n        avatar__medium: this.size === 'md',\n        avatar__large: this.size === 'lg',\n        avatar__extralarge: this.size === 'xl',\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      part=\"avatar__content\"\n      style=\"\n        background-color: ${this.bgColor};\n        color:${this.textColor?this.textColor:\"var(--nile-colors-white-base, var(--ng-colors-text-quaternary-500))\"};\n        border: 1px solid ${this.borderColor ? this.borderColor : 'var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))'};\n        border-color:${defaultInitials ? `${this.borderColor ? this.borderColor : 'var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))'}` : 'var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary))'}\"\n    >\n      ${content}\n    </div>`\n  }\n\n  getIconContent(){\n    return html`\n    <nile-icon\n      name=\"${this.icon}\"\n      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n      color=\"${this.textColor?this.textColor:'var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500))'}\"\n      size=\"${this.getDefaultIconSize()}\"\n    ></nile-icon>`\n  }\n\n  getImageContent(){\n    return html` \n    <img\n      src=\"${this.src}\"\n      class=\"avatar\"\n      class=${classMap({\n        avatar: true,\n        avatar__xs: this.size === 'xs',\n        avatar__small: this.size === 'sm',\n        avatar__medium: this.size === 'md',\n        avatar__large: this.size === 'lg',\n        avatar__extralarge: this.size === 'xl',\n        avatar__2xl: this.size === '2xl',\n        avatar__rounded: this.isRounded,\n      })}\n      part=\"avatar__image\"\n      style=\"\tbackground-image: url(${this.src}), linear-gradient(lightgray, lightgray);\"\n      @error=\"${()=>this.imageError=true}\"\n      @load=\"${()=>this.imageError=false}\"\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","l","constructor","this","src","variant","icon","name","bgColor","textColor","borderColor","size","isRounded","imageError","_this","_inherits","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","getDefaultIconSize","render","defaultInitials","getContentWrapped","html","_templateObject","_taggedTemplateLiteral","getIconContent","getImageContent","content","variant__code","_templateObject2","classMap","text__avatar","avatar__xs","avatar__small","avatar__medium","avatar__large","avatar__extralarge","avatar__2xl","avatar__rounded","variant__orange","variant__pink","variant__blue","variant__light_blue","variant__green","_templateObject3","_this2","_templateObject4","avatar","get","styles","NileElement","__decorate","property","type","String","reflect","prototype","attribute","Boolean","state","customElement"],"mappings":"kzGA2BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAUsCC,KAAAA,CAAGC,GAAAA,CAAG,GAGND,KAAAA,CAAOE,OAAAA,CAA6B,OAGpCF,KAAAA,CAAIG,IAAAA,CAAG,gDAGPH,KAAAA,CAAII,IAAAA,CAAW,GAGQJ,KAAAA,CAAOK,OAAAA,CAAG,GAGRL,KAAAA,CAASM,SAAAA,CAAG,GAGVN,KAAAA,CAAWO,WAAAA,CAAG,GAGvDP,KAAAA,CAAIQ,IAAAA,CAA6C,IAGlCR,CAAAA,KAAAA,CAASS,SAAG,CAAA,CAAA,CAAA,CAEvCT,KAAAA,CAAUU,UAAG,CAAA,CAAA,CA0H/B,QAAAC,KAAA,EAzJQC,SAAA,CAAAd,CAAA,CAAAD,EAAA,SAAAgB,YAAA,CAAAf,CAAA,GAAAgB,GAAA,oBAAAC,KAAA,CAqCC,SAAAC,gBAAAA,CAAAA,CAAAA,CACN,IAAKhB,IAAKI,CAAAA,IAAAA,CACR,MAAO,EAET,CAAA,GAAMa,CAAAA,EAAYjB,IAAKI,CAAAA,IAAAA,CACpBc,KAAM,CAAA,GAAA,CAAA,CACNC,MAAOC,CAAAA,SAAAA,CAAAA,QAAQA,CAAAA,EAAKC,MAAS,CAAA,CAAA,EAAA,CAAA,CAC7BC,IAAIF,SAAAA,CAAQA,QAAAA,CAAAA,CAAAA,CAAKG,OAAO,CAAGC,CAAAA,CAAAA,WAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAC3BC,MAAM,CAAG,CAAA,CAAA,CAAA,CACZ,MAAOR,CAAAA,CAAUI,CAAAA,MAAAA,CAAS,EAAIJ,CAAU,CAAA,CAAA,CAAA,CAAKA,EAAU,CAAKA,CAAAA,CAAAA,CAAAA,CAAU,CACvE,CAAA,EAEO,GAAAH,GAAA,uBAAAC,KAAA,UAAAW,mBAAAA,CAAoBC,GAC1B,GAAMC,CAAAA,CAAAA,CAAQD,EAASE,UAAW,CAAA,CAAA,CAAA,CAC5BC,EAA2B,CAAnBH,EAAAA,CAAAA,CAASN,OAAcO,CAAQD,CAAAA,CAAAA,CAASE,WAAW,CAEjE,CAAA,CAAA,MAAA,CADoBD,EAAQE,CAASF,CAAAA,CAAAA,CAAQ,GAAOE,CAAQ,CAAA,EAAA,EACvC,CACtB,EAEO,GAAAhB,GAAA,sBAAAC,KAAA,UAAAgB,kBAAAA,CAAAA,CAAAA,CACN,OAAQ/B,IAAKQ,CAAAA,IAAAA,EACX,IAAK,IACH,CAAA,MAAO,IACT,IAAK,IAAA,CACH,MAAO,IACT,CAAA,IAAK,KAQL,QACE,MAAO,KAPT,IAAK,IAAA,CACH,MAAO,IACT,CAAA,IAAK,IACH,CAAA,MAAO,IACT,CAAA,IAAK,MACH,MAAO,IAAA,EAIZ,CAEM,GAAAM,GAAA,UAAAC,KAAA,UAAAiB,MAAAA,CAAAA,CAAAA,CACL,GAAG,OAAShC,EAAAA,IAAAA,CAAKE,SAAYF,IAAKU,CAAAA,UAAAA,CAG9B,CACF,GAAMuB,CAAAA,EAAAA,CAAkBjC,KAAKgB,gBAC7B,CAAA,CAAA,CAAA,MAAG,QAAQhB,IAAKE,CAAAA,OAAAA,EAAW+B,EAClBjC,CAAAA,IAAAA,CAAKkC,iBAAkBC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,WAAGJ,EAAkBA,EAAAA,EAAAA,CAAAA,CAGhDjC,KAAKkC,iBAAkBlC,CAAAA,IAAAA,CAAKsC,iBAAiBL,EAEvD,CAAA,EAVC,MAAOjC,KAAKuC,CAAAA,eAAAA,CAAAA,CAWf,EAED,GAAAzB,GAAA,qBAAAC,KAAA,UAAAmB,iBAAAA,CAAkBM,EAAuBP,CACvC,CAAA,CAAA,GAAMQ,CAAAA,EAAgBzC,IAAK0B,CAAAA,mBAAAA,CAAoBO,CAC/C,CAAA,CAAA,MAAOE,CAAAA,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,iOAEDM,CAAS,CAAA,CACfC,YAAc,CAAA,CAAA,CAAA,CACdC,UAA0B,CAAA,IAAA,GAAd7C,KAAKQ,IACjBsC,CAAAA,aAAAA,CAA6B,IAAd9C,GAAAA,IAAAA,CAAKQ,IACpBuC,CAAAA,cAAAA,CAA8B,OAAd/C,IAAKQ,CAAAA,IAAAA,CACrBwC,aAA6B,CAAA,IAAA,GAAdhD,IAAKQ,CAAAA,IAAAA,CACpByC,mBAAkC,IAAdjD,GAAAA,IAAAA,CAAKQ,IACzB0C,CAAAA,WAAAA,CAA2B,KAAdlD,GAAAA,IAAAA,CAAKQ,KAClB2C,eAAiBnD,CAAAA,IAAAA,CAAKS,SACtB2C,CAAAA,eAAAA,CAAmC,CAAlBX,GAAAA,CAAAA,EAAAA,CAAwBzC,KAAKK,OAC9CgD,CAAAA,aAAAA,CAAiC,CAAlBZ,GAAAA,CAAAA,EAAAA,CAAwBzC,IAAKK,CAAAA,OAAAA,CAC5CiD,cAAiC,CAAlBb,GAAAA,CAAAA,EAAAA,CAAwBzC,IAAKK,CAAAA,OAAAA,CAC5CkD,mBAAuC,CAAA,CAAA,GAAlBd,CAAwBzC,EAAAA,CAAAA,IAAAA,CAAKK,OAClDmD,CAAAA,cAAAA,CAAkC,CAAlBf,GAAAA,CAAAA,EAAAA,CAAwBzC,IAAKK,CAAAA,OAAAA,CAAAA,CAAAA,CAIzBL,IAAKK,CAAAA,OAAAA,CACjBL,IAAKM,CAAAA,SAAAA,CAAUN,KAAKM,SAAU,CAAA,qEAAA,CAClBN,IAAKO,CAAAA,WAAAA,CAAcP,KAAKO,WAAc,CAAA,oEAAA,CAC3C0B,CAAAA,IAAAA,MAAAA,CAAqBjC,IAAAA,CAAKO,WAAcP,CAAAA,IAAAA,CAAKO,YAAc,oEAAyE,EAAA,oEAAA,CAEnJiC,CAAAA,EAEL,CAED,GAAA1B,GAAA,kBAAAC,KAAA,UAAAuB,cAAAA,CAAAA,CACE,CAAA,MAAOH,CAAAA,CAAI,CAAAsB,gBAAA,GAAAA,gBAAA,CAAApB,sBAAA,mLAEDrC,IAAKG,CAAAA,IAAAA,CAEJH,IAAKM,CAAAA,SAAAA,CAAUN,KAAKM,SAAU,CAAA,mEAAA,CAC/BN,IAAK+B,CAAAA,kBAAAA,CAAAA,CAAAA,EAEhB,CAED,GAAAjB,GAAA,mBAAAC,KAAA,UAAAwB,eAAAA,CAAAA,CACE,KAAAmB,MAAA,MAAA,MAAOvB,CAAAA,CAAI,CAAAwB,gBAAA,GAAAA,gBAAA,CAAAtB,sBAAA,sPAEFrC,IAAKC,CAAAA,GAAAA,CAEJ0C,CAAAA,CAAS,CACfiB,MAAAA,CAAAA,CAAQ,CACRf,CAAAA,UAAAA,CAA0B,IAAd7C,GAAAA,IAAAA,CAAKQ,IACjBsC,CAAAA,aAAAA,CAA6B,IAAd9C,GAAAA,IAAAA,CAAKQ,IACpBuC,CAAAA,cAAAA,CAA8B,IAAd/C,GAAAA,IAAAA,CAAKQ,IACrBwC,CAAAA,aAAAA,CAA6B,IAAdhD,GAAAA,IAAAA,CAAKQ,IACpByC,CAAAA,kBAAAA,CAAkC,IAAdjD,GAAAA,IAAAA,CAAKQ,IACzB0C,CAAAA,WAAAA,CAA2B,KAAdlD,GAAAA,IAAAA,CAAKQ,IAClB2C,CAAAA,eAAAA,CAAiBnD,IAAKS,CAAAA,SAAAA,CAAAA,CAAAA,CAGQT,IAAKC,CAAAA,GAAAA,CAC3B,iBAAID,CAAAA,OAAKU,UAAW,CAAA,CAAA,CAAA,GACrB,iBAAIV,CAAAA,OAAKU,UAAW,CAAA,CAAA,CAAA,IAEhC,CAAA,KAAAI,GAAA,UAAA+C,GAAA,CAtJM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAmCO,MA1CsBC,IAUaC,CAAA,CAAA,CAA1CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiBxE,CAAAyE,CAAAA,SAAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA,CAGTL,CAAA,CAAA,CAA1CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmDxE,CAAAyE,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAG3CL,CAAA,CAAA,CAA1CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+DxE,CAAAyE,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGvDL,CAAA,CAAA,CAA1CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0BxE,CAAAyE,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGKL,CAAA,CAAA,CAAjEC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAME,SAAW,CAAA,UAAA,CAAA,CAAA,CAAA,CAA2B1E,CAAAyE,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAGXL,CAAA,CAAA,CAAnEC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAME,SAAW,CAAA,YAAA,CAAA,CAAA,CAAA,CAA+B1E,CAAAyE,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAGbL,CAAA,CAAA,CAArEC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAME,SAAW,CAAA,cAAA,CAAA,CAAA,CAAA,CAAmC1E,CAAAyE,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAG1DL,CAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEG,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA8DxE,CAAAyE,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGvCL,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMK,CAAAA,OAAAA,CAASH,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBxE,CAAAyE,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAE5CL,CAAA,CAAA,CAAhBQ,CAAmC5E,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyE,SAAA,CAAA,YAAA,CAAA,IAAA,EApCzBzE,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAUoE,CAAA,CAAA,CADtBS,CAAc,CAAA,aAAA,CAAA,CAAA,CACF7E"}
+{"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  CSSResultArray,\n  TemplateResult,\n  nothing,\n} from 'lit';\nimport { customElement, state, property } 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';\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 icon to the Avatar */\n  @property({ type: String, reflect: true }) variant:'icon' | 'image' | 'text' = 'text';\n\n  /** Gives the icon to the Avatar */\n  @property({ type: String, reflect: true }) icon = 'user';\n\n  /** Gives the default Image Letters to the Avatar */\n  @property({ type: String, reflect: true }) name: String = '';\n\n  /** Gives the default bg color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'bg-color' }) bgColor = '';\n\n  /** Gives the default text color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'text-color' }) textColor = '#fff';\n\n  /** Gives the default border color  to the Avatar */\n  @property({ type: String, reflect: true, attribute: 'border-color' }) borderColor = '';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size: | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'md';\n\n  /** Gives a border radius of 50% to the Avatar */\n  @property({ type: Boolean, reflect: true }) isRounded = true;\n\n  @state() private imageError = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private generateInitials(): string {\n    if (!this.name) {\n      return '';\n    }\n    const nameParts = this.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 'sm':\n        return '10';\n      case 'md':\n        return '16';\n      case 'lg':\n        return '20';\n      case 'xl':\n        return '24';\n      case '2xl':\n        return '28';\n      default:\n        return '16';\n    }\n  }\n\n  public render(): TemplateResult {\n    if('image'==this.variant && !this.imageError){\n      return this.getImageContent()\n    }\n    else{\n      const defaultInitials = this.generateInitials();\n      if('text'==this.variant && defaultInitials){\n        return this.getContentWrapped(html`${defaultInitials}`,defaultInitials);\n      }\n      else{\n        return this.getContentWrapped(this.getIconContent(),defaultInitials)\n      }\n    }\n  }\n\n  getContentWrapped(content:TemplateResult,defaultInitials:string){\n    const variant__code = this.generateVariantCode(defaultInitials);\n    return html`\n    <div\n      class=${classMap({\n        text__avatar: true,\n        avatar__small: this.size === 'sm',\n        avatar__medium: this.size === 'md',\n        avatar__large: this.size === 'lg',\n        avatar__extralarge: this.size === 'xl',\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      part=\"avatar__content\"\n      style=\"\n        background-color: ${this.bgColor};\n        color:${this.textColor};\n        border: 1px solid ${this.borderColor};\n        border-color:${defaultInitials ? `${this.borderColor}` : 'var(--nile-colors-neutral-500)'}\"\n    >\n      ${content}\n    </div>`\n  }\n\n  getIconContent(){\n    return html`\n    <nile-icon\n      name=\"${this.icon}\"\n      color=\"${this.textColor && \"#fff\"!==this.textColor?this.textColor:'var(--nile-colors-dark-500)'}\"\n      size=\"${this.getDefaultIconSize()}\"\n    ></nile-icon>`\n  }\n\n  getImageContent(){\n    return html` \n    <img\n      src=\"${this.src}\"\n      class=\"avatar\"\n      class=${classMap({\n        avatar: true,\n        avatar__small: this.size === 'sm',\n        avatar__medium: this.size === 'md',\n        avatar__large: this.size === 'lg',\n        avatar__extralarge: this.size === 'xl',\n        avatar__2xl: this.size === '2xl',\n        avatar__rounded: this.isRounded,\n      })}\n      part=\"avatar__image\"\n      style=\"\tbackground-image: url(${this.src}), linear-gradient(lightgray, lightgray);\"\n      @error=\"${()=>this.imageError=true}\"\n      @load=\"${()=>this.imageError=false}\"\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","constructor","this","src","variant","icon","name","bgColor","textColor","borderColor","size","isRounded","imageError","_this","_inherits","_createClass","key","value","generateInitials","nameParts","split","filter","part","length","map","charAt","toUpperCase","slice","generateVariantCode","initials","char1","charCodeAt","char2","getDefaultIconSize","render","defaultInitials","getContentWrapped","html","_templateObject","_taggedTemplateLiteral","getIconContent","getImageContent","content","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","concat","_templateObject3","_this2","_templateObject4","avatar","get","styles","NileElement","__decorate","property","type","String","reflect","prototype","attribute","Boolean","state","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_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){a=_lit.css;}],execute:function execute(){_export("s",e=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .text__avatar {\n    box-sizing: border-box;\n    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));\n    font-style: normal;\n    aspect-ratio: 1 / 1;\n    font-weight: var(--nile-font-weight-semi-bold , var(--ng-font-weight-semibold));\n    color: var(--nile-colors-white-base , var(--ng-colors-text-quaternary-500));\n    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    border: 0.5px solid var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n  }\n\n  .avatar__xs {\n    width: var(--nile-type-scale-4, var(--ng-height-24px));\n    height: var(--nile-type-scale-4), var(--ng-height-24px);\n    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-xs));\n    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-xs));\n  }\n  \n  .avatar__small {\n    width: var(--nile-type-scale-4, var(--ng-height-32px));\n    height: var(--nile-type-scale-4, var(--ng-height-32px));\n    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-sm));\n    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-sm));\n  }\n\n  .avatar__medium {\n    width: var(--nile-spacing-3-x, var(--ng-height-40px));\n    height: var(--nile-spacing-3-x, var(--ng-height-40px));\n    font-size: var(--nile-spacing-2-x, var(--ng-font-size-text-md));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-md));\n  }\n\n  .avatar__large {\n    width: var(--nile-spacing-4xl, var(--ng-height-48px));\n    height: var(--nile-spacing-4xl, var(--ng-height-48px));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-lg));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-lg));\n  }\n\n  .avatar__extralarge {\n    height: var(--nile-spacing-5xl, 56px);\n    width: var(--nile-spacing-5xl, 56px);\n    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-xl));\n    line-height: var(--nile-spacing-3xl , var(--ng-line-height-text-xl));\n  }\n\n  .avatar__2xl {\n    height: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));\n    width: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));\n    font-size: var(--nile-spacing-3xl, var(--ng-line-height-display-xs));\n    line-height: var(--nile-spacing-4xl, var(--ng-line-height-display-xs));\n  }\n\n  .avatar__rounded {\n    border-radius: 50%;\n  }\n\n  .variant__orange {\n    background:var(--nile-avatar-background-color-orange , var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__pink {\n    background: var(--nile-avatar-background-color-pink, var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__blue {\n    background: var(--nile-avatar-background-color-blue, var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__light_blue {\n    background: var(--nile-avatar-background-color-lightblue , var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__green {\n    background: var(--nile-avatar-background-color-green, var(--ng-colors-bg-tertiary));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .text__avatar {\n    box-sizing: border-box;\n    font-family: var(--nile-font-family-serif);\n    font-style: normal;\n    font-weight: 600;\n    color: var(--nile-colors-white-base);\n    border-radius: 4px;\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    border: 0.5px solid var(--nile-colors-neutral-500);\n    border-radius: 4px;\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n  }\n\n  .avatar__small {\n    width: var(--nile-type-scale-4);\n    height: var(--nile-type-scale-4);\n    font-size: 6.516px;\n    line-height: 6.516px;\n  }\n\n  .avatar__medium {\n    width: var(--nile-spacing-3-x);\n    height: var(--nile-spacing-3-x);\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .avatar__large {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .avatar__extralarge {\n    height: 40px;\n    width: 40px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .avatar__2xl {\n    height: 64px;\n    width: 64px;\n    font-size: 24px;\n    line-height: 32px;\n  }\n\n  .avatar__rounded {\n    border-radius: 50%;\n  }\n\n  .variant__orange {\n    background:var(--nile-avatar-background-color-orange);\n  }\n\n  .variant__pink {\n    background: var(--nile-avatar-background-color-pink);\n  }\n\n  .variant__blue {\n    background: var(--nile-avatar-background-color-blue);\n  }\n\n  .variant__light_blue {\n    background: var(--nile-avatar-background-color-lightblue);\n  }\n\n  .variant__green {\n    background: var(--nile-avatar-background-color-green);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-avatar.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-avatar.css.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.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 * Avatar CSS\n */\nexport const styles = css`\n  :host {\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .text__avatar {\n    box-sizing: border-box;\n    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));\n    font-style: normal;\n    aspect-ratio: 1 / 1;\n    font-weight: var(--nile-font-weight-semi-bold , var(--ng-font-weight-semibold));\n    color: var(--nile-colors-white-base , var(--ng-colors-text-quaternary-500));\n    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    border: 0.5px solid var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n  }\n\n  .avatar__xs {\n    width: var(--nile-type-scale-4, var(--ng-height-24px));\n    height: var(--nile-type-scale-4), var(--ng-height-24px);\n    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-xs));\n    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-xs));\n  }\n  \n  .avatar__small {\n    width: var(--nile-type-scale-4, var(--ng-height-32px));\n    height: var(--nile-type-scale-4, var(--ng-height-32px));\n    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-sm));\n    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-sm));\n  }\n\n  .avatar__medium {\n    width: var(--nile-spacing-3-x, var(--ng-height-40px));\n    height: var(--nile-spacing-3-x, var(--ng-height-40px));\n    font-size: var(--nile-spacing-2-x, var(--ng-font-size-text-md));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-md));\n  }\n\n  .avatar__large {\n    width: var(--nile-spacing-4xl, var(--ng-height-48px));\n    height: var(--nile-spacing-4xl, var(--ng-height-48px));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-lg));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-lg));\n  }\n\n  .avatar__extralarge {\n    height: var(--nile-spacing-5xl, 56px);\n    width: var(--nile-spacing-5xl, 56px);\n    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-xl));\n    line-height: var(--nile-spacing-3xl , var(--ng-line-height-text-xl));\n  }\n\n  .avatar__2xl {\n    height: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));\n    width: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));\n    font-size: var(--nile-spacing-3xl, var(--ng-line-height-display-xs));\n    line-height: var(--nile-spacing-4xl, var(--ng-line-height-display-xs));\n  }\n\n  .avatar__rounded {\n    border-radius: 50%;\n  }\n\n  .variant__orange {\n    background:var(--nile-avatar-background-color-orange , var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__pink {\n    background: var(--nile-avatar-background-color-pink, var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__blue {\n    background: var(--nile-avatar-background-color-blue, var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__light_blue {\n    background: var(--nile-avatar-background-color-lightblue , var(--ng-colors-bg-tertiary));\n  }\n\n  .variant__green {\n    background: var(--nile-avatar-background-color-green, var(--ng-colors-bg-tertiary));\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-avatar.css.cjs.js","sources":["../../../src/nile-avatar/nile-avatar.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 * Avatar CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .text__avatar {\n    box-sizing: border-box;\n    font-family: var(--nile-font-family-serif);\n    font-style: normal;\n    font-weight: 600;\n    color: var(--nile-colors-white-base);\n    border-radius: 4px;\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    border: 0.5px solid var(--nile-colors-neutral-500);\n    border-radius: 4px;\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n    overflow: hidden;\n  }\n\n  .avatar__small {\n    width: var(--nile-type-scale-4);\n    height: var(--nile-type-scale-4);\n    font-size: 6.516px;\n    line-height: 6.516px;\n  }\n\n  .avatar__medium {\n    width: var(--nile-spacing-3-x);\n    height: var(--nile-spacing-3-x);\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .avatar__large {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .avatar__extralarge {\n    height: 40px;\n    width: 40px;\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  .avatar__2xl {\n    height: 64px;\n    width: 64px;\n    font-size: 24px;\n    line-height: 32px;\n  }\n\n  .avatar__rounded {\n    border-radius: 50%;\n  }\n\n  .variant__orange {\n    background:var(--nile-avatar-background-color-orange);\n  }\n\n  .variant__pink {\n    background: var(--nile-avatar-background-color-pink);\n  }\n\n  .variant__blue {\n    background: var(--nile-avatar-background-color-blue);\n  }\n\n  .variant__light_blue {\n    background: var(--nile-avatar-background-color-lightblue);\n  }\n\n  .variant__green {\n    background: var(--nile-avatar-background-color-green);\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-avatar/nile-avatar.css.esm.js

@@ -1,18 +1,14 @@
-import{css as a}from"lit";const e=a`
+import{css as a}from"lit";const r=a`
   :host {
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .text__avatar {
     box-sizing: border-box;
-    font-family: var(--nile-font-family-serif , var(--ng-font-family-body));
+    font-family: var(--nile-font-family-serif);
     font-style: normal;
-    aspect-ratio: 1 / 1;
-    font-weight: var(--nile-font-weight-semi-bold , var(--ng-font-weight-semibold));
-    color: var(--nile-colors-white-base , var(--ng-colors-text-quaternary-500));
-    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));
+    font-weight: 600;
+    color: var(--nile-colors-white-base);
+    border-radius: 4px;
     text-transform: uppercase;
     display: flex;
     flex-direction: column;
@@ -23,54 +19,47 @@ import{css as a}from"lit";const e=a`
 
   .avatar {
     box-sizing: border-box;
-    border: 0.5px solid var(--nile-colors-neutral-500 , var(--ng-colors-border-secondary));
-    border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));
+    border: 0.5px solid var(--nile-colors-neutral-500);
+    border-radius: 4px;
     background-position: 50% 50%;
     background-size: cover;
     background-repeat: no-repeat;
     overflow: hidden;
   }
 
-  .avatar__xs {
-    width: var(--nile-type-scale-4, var(--ng-height-24px));
-    height: var(--nile-type-scale-4), var(--ng-height-24px);
-    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-xs));
-    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-xs));
-  }
-  
   .avatar__small {
-    width: var(--nile-type-scale-4, var(--ng-height-32px));
-    height: var(--nile-type-scale-4, var(--ng-height-32px));
-    font-size: var(--nile-font-size-6-7, var(--ng-font-size-text-sm));
-    line-height: var(--nile-font-size-6-7, var(--ng-line-height-text-sm));
+    width: var(--nile-type-scale-4);
+    height: var(--nile-type-scale-4);
+    font-size: 6.516px;
+    line-height: 6.516px;
   }
 
   .avatar__medium {
-    width: var(--nile-spacing-3-x, var(--ng-height-40px));
-    height: var(--nile-spacing-3-x, var(--ng-height-40px));
-    font-size: var(--nile-spacing-2-x, var(--ng-font-size-text-md));
-    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-md));
+    width: var(--nile-spacing-3-x);
+    height: var(--nile-spacing-3-x);
+    font-size: 12px;
+    line-height: 18px;
   }
 
   .avatar__large {
-    width: var(--nile-spacing-4xl, var(--ng-height-48px));
-    height: var(--nile-spacing-4xl, var(--ng-height-48px));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-lg));
-    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-lg));
+    width: 32px;
+    height: 32px;
+    font-size: 14px;
+    line-height: 20px;
   }
 
   .avatar__extralarge {
-    height: var(--nile-spacing-5xl, 56px);
-    width: var(--nile-spacing-5xl, 56px);
-    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-xl));
-    line-height: var(--nile-spacing-3xl , var(--ng-line-height-text-xl));
+    height: 40px;
+    width: 40px;
+    font-size: 16px;
+    line-height: 24px;
   }
 
   .avatar__2xl {
-    height: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));
-    width: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));
-    font-size: var(--nile-spacing-3xl, var(--ng-line-height-display-xs));
-    line-height: var(--nile-spacing-4xl, var(--ng-line-height-display-xs));
+    height: 64px;
+    width: 64px;
+    font-size: 24px;
+    line-height: 32px;
   }
 
   .avatar__rounded {
@@ -78,22 +67,22 @@ import{css as a}from"lit";const e=a`
   }
 
   .variant__orange {
-    background:var(--nile-avatar-background-color-orange , var(--ng-colors-bg-tertiary));
+    background:var(--nile-avatar-background-color-orange);
   }
 
   .variant__pink {
-    background: var(--nile-avatar-background-color-pink, var(--ng-colors-bg-tertiary));
+    background: var(--nile-avatar-background-color-pink);
   }
 
   .variant__blue {
-    background: var(--nile-avatar-background-color-blue, var(--ng-colors-bg-tertiary));
+    background: var(--nile-avatar-background-color-blue);
   }
 
   .variant__light_blue {
-    background: var(--nile-avatar-background-color-lightblue , var(--ng-colors-bg-tertiary));
+    background: var(--nile-avatar-background-color-lightblue);
   }
 
   .variant__green {
-    background: var(--nile-avatar-background-color-green, var(--ng-colors-bg-tertiary));
+    background: var(--nile-avatar-background-color-green);
   }
-`;export{e as s};
+`;export{r as s};