@aquera/nile-elements 0.1.63-beta-1.0 → 0.1.63-beta-1.1

package/README.md

@@ -79,6 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
 
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
 
+#### Version 0.1.63-beta-1.1
+- Nile Tokenization: Ng nxt defect fix[UIF-922]
+
 #### Version 0.1.60-beta-1.2
 - Nile Tokenization: Ng nxt defect fixes
 - Dependeny Nile 0.3.72-beta-1.3

package/dist/index.js

@@ -5520,7 +5520,7 @@ class Xi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
     width: 100%;
   }
 `;let dn=class extends Pe{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=(e,t)=>e.toLowerCase().includes(t.toLowerCase()),this.renderItemFunction=e=>e,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=e=>e}updated(e){super.updated(e),e.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),e.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),e.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const e=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return R`
-      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts="input">
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           ?no-outline=${this.noOutline}
@@ -5532,6 +5532,7 @@ class Xi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
           @click=${this.handleClick}
           slot="trigger"
           placeholder=${this.placeholder}
+          exportparts="input"
         >
           ${this.loading?R`<nile-icon slot="suffix" color="var(--nile-colors-primary-600)" name="button-loading-blue-animated"></nile-icon>`:B}
         </nile-input>
@@ -5709,6 +5710,10 @@ class Xi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   .nile-chip__tags {
     margin: var(--nile-margin-size-rem-small);
   }
+
+  nile-auto-complete::part(input) {
+    padding: 0px;
+  }
 `;let An=class extends Pe{constructor(){super(...arguments),this.hasSlotController=new ve(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.tagVariant="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.enableVirtualScroll=!1,this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.loading=!1,this.errorIndexes=[],this.helpText="",this.errorMessage="",this.filterFunction=(e,t)=>e.toLowerCase().includes(t.toLowerCase()),this.renderItemFunction=e=>e}static get styles(){return[yn]}updated(e){if(super.updated(e),e.has("autoCompleteOptions")){let e=this.autoCompleteOptions;if("string"==typeof e)try{e=JSON.parse(e)}catch(t){e=[]}this.filteredAutoCompleteOptions=Array.isArray(e)?[...e]:[],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((e=>!this.value.includes(e))))}e.has("value")&&(this.tags=[...this.value],this.onTagsChanged()),e.has("tags")&&this.onTagsChanged()}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((e=>!this.value.includes(e)))),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}render(){const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const t=!!this.label||!!e,M=!!this.helpText,i=!!this.errorMessage;return R`
       <div
         part="form-control"
@@ -5752,7 +5757,7 @@ class Xi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
               .noPadding=${!0}
               .disabled=${this.disabled}
               openOnFocus
-              exportparts="options__wrapper"
+              exportparts="options__wrapper, input"
               .placeholder=${this.placeholder}
               @nile-input=${this.handleInputChange}
               @keydown=${this.handleInputKeydown}

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,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.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(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          ?no-outline=","\n          ?no-padding=","\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.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=\"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,"noOutline",void 0),t([n({type:Boolean})],a.prototype,"noPadding",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));}};});
+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.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(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 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=\"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,"noOutline",void 0),t([n({type:Boolean})],a.prototype,"noPadding",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>\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        >\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","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":"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"}
+{"version":3,"file":"nile-auto-complete.cjs.js","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  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=\"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}\n"],"names":["NileAutoComplete","_h","a","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":"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"}

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

@@ -1,5 +1,5 @@
 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 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.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>
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts="input">
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           ?no-outline=${this.noOutline}
@@ -11,6 +11,7 @@ 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="button-loading-blue-animated"></nile-icon>`:e}
         </nile-input>

package/dist/nile-chip/nile-chip.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","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,o,l,h,r,n,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){h=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_a){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.tagVariant="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.enableVirtualScroll=!1,_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.loading=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="",_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;};return _this;}_inherits(p,_a);return _createClass(p,[{key:"updated",value:function updated(t){var _this2=this;if(_superPropGet(p,"updated",this,3)([t]),t.has("autoCompleteOptions")){var _t=this.autoCompleteOptions;if("string"==typeof _t)try{_t=JSON.parse(_t);}catch(i){_t=[];}this.filteredAutoCompleteOptions=Array.isArray(_t)?_toConsumableArray(_t):[],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}t.has("value")&&(this.tags=_toConsumableArray(this.value),this.onTagsChanged()),t.has("tags")&&this.onTagsChanged();}},{key:"connectedCallback",value:function connectedCallback(){var _this3=this;_superPropGet(p,"connectedCallback",this,3)([]),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(p,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"render",value:function render(){var _this4=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          part='base' \n          class=","\n        >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .enableVirtualScroll=","\n              .allMenuItems=","\n              .filterFunction=","\n              .renderItemFunction=","\n              .loading=\"","\"\n              .value="," \n              ?isDropdownOpen=","\n              .noBorder=","\n              .noOutline=","\n              .noPadding=","\n              .disabled=","\n              openOnFocus\n              exportparts=\"options__wrapper\"\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n        </div>\n        ","\n\n        ","\n      </div>\n    "])),r({"form-control":!0,"form-control--medium":!0,"form-control--has-label":e,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),e?"false":"true",this.label,r({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap}),this.tags.map(function(t,e){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                .variant=","\n                @nile-remove=","\n                  removable\n                  ?pill=","\n              >\n                ","\n              </nile-tag>\n            "])),r({"nile-chip__tags":!0}),_this4.errorIndexes.includes(e)?"error":"normal",function(){return _this4.handleRemove(t);},"normal"!==_this4.tagVariant,t);}),this.enableVirtualScroll,this.filteredAutoCompleteOptions,this.filterFunction,this.renderItemFunction,this.loading,this.inputValue,this.isDropdownOpen,!0,!0,!0,this.disabled,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,s?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}},{key:"handleSelect",value:function handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(i){return i!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&("Tab"===t.key&&t.preventDefault(),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(t.preventDefault(),this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||!this.noDuplicates&&!this.tags.includes(this.inputValue)||this.emit("nile-duplicates-blocked"));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"onTagsChanged",value:function onTagsChanged(){var _this5=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this5.tags.includes(t);}));}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}}],[{key:"styles",get:function get(){return[h];}}]);}(a));t([e()],p.prototype,"tags",void 0),t([e()],p.prototype,"inputValue",void 0),t([e()],p.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],p.prototype,"autoComplete",void 0),t([o({type:Boolean})],p.prototype,"warning",void 0),t([o({type:Boolean})],p.prototype,"error",void 0),t([o({type:Boolean})],p.prototype,"success",void 0),t([o({type:Boolean})],p.prototype,"noDuplicates",void 0),t([o()],p.prototype,"label",void 0),t([o({type:String})],p.prototype,"tagVariant",void 0),t([o({type:Boolean})],p.prototype,"acceptUserInput",void 0),t([o({type:Boolean})],p.prototype,"clearable",void 0),t([o()],p.prototype,"placeholder",void 0),t([o({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([o({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([o({type:Boolean})],p.prototype,"enableVirtualScroll",void 0),t([o({type:Array})],p.prototype,"autoCompleteOptions",void 0),t([o({type:Array})],p.prototype,"filteredAutoCompleteOptions",void 0),t([o({type:Array})],p.prototype,"value",void 0),t([o({type:Boolean})],p.prototype,"noWrap",void 0),t([o({type:Boolean})],p.prototype,"loading",void 0),t([o({type:Array})],p.prototype,"errorIndexes",void 0),t([o({attribute:"help-text",reflect:!0})],p.prototype,"helpText",void 0),t([o({attribute:"error-message",reflect:!0})],p.prototype,"errorMessage",void 0),t([o({attribute:!1})],p.prototype,"filterFunction",void 0),t([o({attribute:!1})],p.prototype,"renderItemFunction",void 0),_export("N",p=t([l("nile-chip")],p));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,o,l,h,r,n,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){h=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_a){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.tagVariant="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.enableVirtualScroll=!1,_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.loading=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="",_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;};return _this;}_inherits(p,_a);return _createClass(p,[{key:"updated",value:function updated(t){var _this2=this;if(_superPropGet(p,"updated",this,3)([t]),t.has("autoCompleteOptions")){var _t=this.autoCompleteOptions;if("string"==typeof _t)try{_t=JSON.parse(_t);}catch(i){_t=[];}this.filteredAutoCompleteOptions=Array.isArray(_t)?_toConsumableArray(_t):[],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}t.has("value")&&(this.tags=_toConsumableArray(this.value),this.onTagsChanged()),t.has("tags")&&this.onTagsChanged();}},{key:"connectedCallback",value:function connectedCallback(){var _this3=this;_superPropGet(p,"connectedCallback",this,3)([]),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(p,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"render",value:function render(){var _this4=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          part='base' \n          class=","\n        >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .enableVirtualScroll=","\n              .allMenuItems=","\n              .filterFunction=","\n              .renderItemFunction=","\n              .loading=\"","\"\n              .value="," \n              ?isDropdownOpen=","\n              .noBorder=","\n              .noOutline=","\n              .noPadding=","\n              .disabled=","\n              openOnFocus\n              exportparts=\"options__wrapper, input\"\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n        </div>\n        ","\n\n        ","\n      </div>\n    "])),r({"form-control":!0,"form-control--medium":!0,"form-control--has-label":e,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),e?"false":"true",this.label,r({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap}),this.tags.map(function(t,e){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                .variant=","\n                @nile-remove=","\n                  removable\n                  ?pill=","\n              >\n                ","\n              </nile-tag>\n            "])),r({"nile-chip__tags":!0}),_this4.errorIndexes.includes(e)?"error":"normal",function(){return _this4.handleRemove(t);},"normal"!==_this4.tagVariant,t);}),this.enableVirtualScroll,this.filteredAutoCompleteOptions,this.filterFunction,this.renderItemFunction,this.loading,this.inputValue,this.isDropdownOpen,!0,!0,!0,this.disabled,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,s?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}},{key:"handleSelect",value:function handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(i){return i!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&("Tab"===t.key&&t.preventDefault(),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(t.preventDefault(),this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||!this.noDuplicates&&!this.tags.includes(this.inputValue)||this.emit("nile-duplicates-blocked"));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"onTagsChanged",value:function onTagsChanged(){var _this5=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this5.tags.includes(t);}));}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}}],[{key:"styles",get:function get(){return[h];}}]);}(a));t([e()],p.prototype,"tags",void 0),t([e()],p.prototype,"inputValue",void 0),t([e()],p.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],p.prototype,"autoComplete",void 0),t([o({type:Boolean})],p.prototype,"warning",void 0),t([o({type:Boolean})],p.prototype,"error",void 0),t([o({type:Boolean})],p.prototype,"success",void 0),t([o({type:Boolean})],p.prototype,"noDuplicates",void 0),t([o()],p.prototype,"label",void 0),t([o({type:String})],p.prototype,"tagVariant",void 0),t([o({type:Boolean})],p.prototype,"acceptUserInput",void 0),t([o({type:Boolean})],p.prototype,"clearable",void 0),t([o()],p.prototype,"placeholder",void 0),t([o({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([o({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([o({type:Boolean})],p.prototype,"enableVirtualScroll",void 0),t([o({type:Array})],p.prototype,"autoCompleteOptions",void 0),t([o({type:Array})],p.prototype,"filteredAutoCompleteOptions",void 0),t([o({type:Array})],p.prototype,"value",void 0),t([o({type:Boolean})],p.prototype,"noWrap",void 0),t([o({type:Boolean})],p.prototype,"loading",void 0),t([o({type:Array})],p.prototype,"errorIndexes",void 0),t([o({attribute:"help-text",reflect:!0})],p.prototype,"helpText",void 0),t([o({attribute:"error-message",reflect:!0})],p.prototype,"errorMessage",void 0),t([o({attribute:!1})],p.prototype,"filterFunction",void 0),t([o({attribute:!1})],p.prototype,"renderItemFunction",void 0),_export("N",p=t([l("nile-chip")],p));}};});
 //# sourceMappingURL=nile-chip.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.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  PropertyValues,\n} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Disables the duplicate entries. */\n  @property({ type: Boolean }) noDuplicates = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  @property({ type: String }) tagVariant: string = ''; // can be '', 'normal', 'success', etc.\n\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = 'type here...';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  // AUTO-COMPLETE-OPTIONS\n\n  /** Virtual scroll in  dropdown options. */\n  @property({ type: Boolean }) enableVirtualScroll = false;\n\n  @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) value: any[] = [];\n\n  @property({ type: Boolean }) noWrap: boolean = false;\n\n  @property({ type: Boolean }) loading: boolean = false;\n\n  @property({ type: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\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  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('autoCompleteOptions')) {\n      let options = this.autoCompleteOptions;\n      if (typeof options === 'string') {\n        try {\n          options = JSON.parse(options);\n        } catch (e) {\n          options = [];\n        }\n      }\n      this.filteredAutoCompleteOptions = Array.isArray(options) ? [...options] : [];\n      if (this.noDuplicates) {\n        this.filteredAutoCompleteOptions =\n          this.filteredAutoCompleteOptions.filter(\n            option => !this.value.includes(option)\n          );\n      }\n    }\n    if (changedProperties.has('value')){\n      this.tags = [...this.value];\n      this.onTagsChanged();\n    }\n    if (changedProperties.has('tags')){\n      this.onTagsChanged();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n          part='base' \n          class=${classMap({\n            'nile-chip': true,\n            'nile-chip--warning': this.warning,\n            'nile-chip--error': this.error,\n            'nile-chip--success': this.success,\n            'nile-chip--no-wrap': this.noWrap,\n          })}\n        >\n          ${this.tags.map(\n            (tag, index) => html`\n              <nile-tag\n                class=${classMap({\n                  'nile-chip__tags': true,\n                })}\n                .variant=${this.errorIndexes.includes(index) ? 'error' : 'normal'}\n                @nile-remove=${() => this.handleRemove(tag)}\n                  removable\n                  ?pill=${this.tagVariant !== 'normal'}\n              >\n                ${tag}\n              </nile-tag>\n            `\n          )}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .enableVirtualScroll=${this.enableVirtualScroll}\n              .allMenuItems=${this.filteredAutoCompleteOptions}\n              .filterFunction=${this.filterFunction}\n              .renderItemFunction=${this.renderItemFunction}\n              .loading=\"${this.loading}\"\n              .value=${this.inputValue} \n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              .noOutline=${true}\n              .noPadding=${true}\n              .disabled=${this.disabled}\n              openOnFocus\n              exportparts=\"options__wrapper\"\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n        </div>\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n      </div>\n    `;\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n    // Add the selected value to the tags array only if it doesn't already exist\n    if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {\n      this.tags = [...this.tags, event.detail.value];\n      this.emit('nile-chip-change', { value: this.tags });\n      this.resetInput();\n    }\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n\n    if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n      this.filteredAutoCompleteOptions = [\n        ...this.filteredAutoCompleteOptions,\n        value,\n      ];\n    }\n    this.emit('nile-chip-change', { value: this.tags });\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if(event.key === 'Tab'){\n      event.preventDefault()\n    }\n    \n    if (\n      (event.key === 'Enter' || event.key === 'Tab' ) \n      && this.inputValue \n      && (!this.noDuplicates || !this.tags.includes(this.inputValue))\n    ) {\n      event.preventDefault()\n      this.tags = [...this.tags, this.inputValue];\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n\n    if(\n      (event.key === 'Enter'|| event.key === 'Tab' ) \n      && this.inputValue \n      && (this.noDuplicates || this.tags.includes(this.inputValue))\n    ){\n      this.emit('nile-duplicates-blocked');\n    }\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  onTagsChanged() {\n    if (this.noDuplicates)\n      this.filteredAutoCompleteOptions = this.filteredAutoCompleteOptions.filter(option => !this.tags.includes(option));\n  }\n\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","p","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","tagVariant","acceptUserInput","clearable","placeholder","readonly","disabled","enableVirtualScroll","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","loading","errorIndexes","helpText","errorMessage","filterFunction","item","searchedValue","toLowerCase","includes","renderItemFunction","_this","_inherits","_a","_createClass","key","updated","changedProperties","super","has","options","JSON","parse","e","Array","isArray","_toConsumableArray","filter","option","onTagsChanged","connectedCallback","emit","disconnectedCallback","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","tag","index","_templateObject2","handleRemove","handleInputChange","handleInputKeydown","handleFocus","handleSelect","_templateObject3","_templateObject4","event","detail","concat","resetInput","preventDefault","autoComplete","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","String","reflect","attribute","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.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  PropertyValues,\n} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Disables the duplicate entries. */\n  @property({ type: Boolean }) noDuplicates = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  @property({ type: String }) tagVariant: string = ''; // can be '', 'normal', 'success', etc.\n\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = 'type here...';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  // AUTO-COMPLETE-OPTIONS\n\n  /** Virtual scroll in  dropdown options. */\n  @property({ type: Boolean }) enableVirtualScroll = false;\n\n  @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) value: any[] = [];\n\n  @property({ type: Boolean }) noWrap: boolean = false;\n\n  @property({ type: Boolean }) loading: boolean = false;\n\n  @property({ type: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\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  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('autoCompleteOptions')) {\n      let options = this.autoCompleteOptions;\n      if (typeof options === 'string') {\n        try {\n          options = JSON.parse(options);\n        } catch (e) {\n          options = [];\n        }\n      }\n      this.filteredAutoCompleteOptions = Array.isArray(options) ? [...options] : [];\n      if (this.noDuplicates) {\n        this.filteredAutoCompleteOptions =\n          this.filteredAutoCompleteOptions.filter(\n            option => !this.value.includes(option)\n          );\n      }\n    }\n    if (changedProperties.has('value')){\n      this.tags = [...this.value];\n      this.onTagsChanged();\n    }\n    if (changedProperties.has('tags')){\n      this.onTagsChanged();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n          part='base' \n          class=${classMap({\n            'nile-chip': true,\n            'nile-chip--warning': this.warning,\n            'nile-chip--error': this.error,\n            'nile-chip--success': this.success,\n            'nile-chip--no-wrap': this.noWrap,\n          })}\n        >\n          ${this.tags.map(\n            (tag, index) => html`\n              <nile-tag\n                class=${classMap({\n                  'nile-chip__tags': true,\n                })}\n                .variant=${this.errorIndexes.includes(index) ? 'error' : 'normal'}\n                @nile-remove=${() => this.handleRemove(tag)}\n                  removable\n                  ?pill=${this.tagVariant !== 'normal'}\n              >\n                ${tag}\n              </nile-tag>\n            `\n          )}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .enableVirtualScroll=${this.enableVirtualScroll}\n              .allMenuItems=${this.filteredAutoCompleteOptions}\n              .filterFunction=${this.filterFunction}\n              .renderItemFunction=${this.renderItemFunction}\n              .loading=\"${this.loading}\"\n              .value=${this.inputValue} \n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              .noOutline=${true}\n              .noPadding=${true}\n              .disabled=${this.disabled}\n              openOnFocus\n              exportparts=\"options__wrapper, input\"\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n        </div>\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n      </div>\n    `;\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n    // Add the selected value to the tags array only if it doesn't already exist\n    if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {\n      this.tags = [...this.tags, event.detail.value];\n      this.emit('nile-chip-change', { value: this.tags });\n      this.resetInput();\n    }\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n\n    if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n      this.filteredAutoCompleteOptions = [\n        ...this.filteredAutoCompleteOptions,\n        value,\n      ];\n    }\n    this.emit('nile-chip-change', { value: this.tags });\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if(event.key === 'Tab'){\n      event.preventDefault()\n    }\n    \n    if (\n      (event.key === 'Enter' || event.key === 'Tab' ) \n      && this.inputValue \n      && (!this.noDuplicates || !this.tags.includes(this.inputValue))\n    ) {\n      event.preventDefault()\n      this.tags = [...this.tags, this.inputValue];\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n\n    if(\n      (event.key === 'Enter'|| event.key === 'Tab' ) \n      && this.inputValue \n      && (this.noDuplicates || this.tags.includes(this.inputValue))\n    ){\n      this.emit('nile-duplicates-blocked');\n    }\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  onTagsChanged() {\n    if (this.noDuplicates)\n      this.filteredAutoCompleteOptions = this.filteredAutoCompleteOptions.filter(option => !this.tags.includes(option));\n  }\n\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","p","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","tagVariant","acceptUserInput","clearable","placeholder","readonly","disabled","enableVirtualScroll","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","loading","errorIndexes","helpText","errorMessage","filterFunction","item","searchedValue","toLowerCase","includes","renderItemFunction","_this","_inherits","_a","_createClass","key","updated","changedProperties","super","has","options","JSON","parse","e","Array","isArray","_toConsumableArray","filter","option","onTagsChanged","connectedCallback","emit","disconnectedCallback","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","tag","index","_templateObject2","handleRemove","handleInputChange","handleInputKeydown","handleFocus","handleSelect","_templateObject3","_templateObject4","event","detail","concat","resetInput","preventDefault","autoComplete","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","String","reflect","attribute","_export","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_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){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_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){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\n  }\n\n  nile-auto-complete::part(input) {\n    padding: 0px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-chip.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\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-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\n  }\n\n  nile-auto-complete::part(input) {\n    padding: 0px;\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-chip/nile-chip.css.esm.js

@@ -159,4 +159,8 @@ import{css as o}from"lit";const r=o`
   .nile-chip__tags {
     margin: var(--nile-margin-size-rem-small);
   }
+
+  nile-auto-complete::part(input) {
+    padding: 0px;
+  }
 `;export{r as s};

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

@@ -41,7 +41,7 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,
               .noPadding=${!0}
               .disabled=${this.disabled}
               openOnFocus
-              exportparts="options__wrapper"
+              exportparts="options__wrapper, input"
               .placeholder=${this.placeholder}
               @nile-input=${this.handleInputChange}
               @keydown=${this.handleInputKeydown}

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

@@ -43,7 +43,7 @@ let NileAutoComplete = class NileAutoComplete extends NileElement {
     render() {
         const content = this.enableVirtualScroll ? this.getVirtualizedContent() : this.getContent();
         return html `
-      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts="input">
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           ?no-outline=${this.noOutline}
@@ -55,6 +55,7 @@ let NileAutoComplete = class NileAutoComplete extends NileElement {
           @click=${this.handleClick}
           slot="trigger"
           placeholder=${this.placeholder}
+          exportparts="input"
         >
           ${this.loading ? html `<nile-icon slot="suffix" color="var(--nile-colors-primary-600)" name="button-loading-blue-animated"></nile-icon>` : nothing}
         </nile-input>

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

@@ -1 +1 @@
-{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":"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","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>\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        >\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}"]}
+{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":"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","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=\"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}\n"]}

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

@@ -169,6 +169,10 @@ export const styles = css `
   .nile-chip__tags {
     margin: var(--nile-margin-size-rem-small);
   }
+
+  nile-auto-complete::part(input) {
+    padding: 0px;
+  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-chip.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\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  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n    margin-top: var(--nile-spacing-xxxxsmall);\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  :host {\n    display: block;\n    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n  }\n\n  .nile-chip {\n    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n    gap : var(--nile-gap-unset, var(--ng-spacing-md));\n  }\n\n  nile-input::part(base) {\n    padding: 0px !important;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) nile-tag::part(base) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n\n  :host([disabled]) .nile-chip {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1))  var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: var(--nile-margin-size-rem-small);\n  }\n\n  nile-auto-complete::part(input) {\n    padding: 0px;\n  }\n`;\n\nexport default [styles];\n"]}