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

package/README.md

@@ -80,6 +80,12 @@ 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.28
+- Nile Chip: Input text fixes
+
+#### Version 0.1.27
+- Nile Tab: Track path fixes
+
 #### Version 0.1.26
 - Nile Tab: Border issues fixed
 - Nile Tour: Component Removed

package/demo/index.html

@@ -35,103 +35,6 @@
   </div>
 
   <script>
-    const tourElement = document.getElementById("tour");
-
-    function startTour() {
-      console.log("Starting tour...");
-      tourElement.startTour();
-    }
-
-    // Initialize tour steps
-    window.onload = () => {
-      tourElement.stepsJson = [
-  {
-    stepNo: 1,
-    element: "button1",
-    title: "Welcome to Reports",
-    content: "This is the title section for setting up reports.",
-    position: "bottom-middle-aligned",
-    disablePrev: true,
-    beforeChange: () => {
-      console.log("Before moving from Step 1");
-      return true; // Return false to prevent moving forward
-    },
-    afterChange: () => {
-      console.log("After arriving at Step 1");
-    }
-  },
-  {
-    stepNo: 2,
-    element: "button2",
-    title: "Checkbox",
-    content: "Select this checkbox for additional options.",
-    position: "bottom-middle-aligned",
-    beforeChange: () => {
-      console.log("Before moving from Step 2");
-      return true;
-    },
-    afterChange: () => {
-      console.log("After arriving at Step 2");
-    }
-  },
-  {
-    stepNo: 3,
-    element: "button3",
-    title: "Text Area",
-    content: "Provide additional details about the report in this text area.",
-    position: "bottom-middle-aligned",
-    beforeChange: () => {
-      console.log("Before moving from Step 3");
-      return true;
-    },
-    afterChange: () => {
-      console.log("After arriving at Step 3");
-    }
-  },
-  {
-    stepNo: 4,
-    element: "button4",
-    title: "Actions",
-    content: "Use the Save, Reset, and Help buttons to manage your actions.",
-    position: "bottom-middle-aligned",
-    disableNext: true,
-    beforeChange: () => {
-      console.log("Before moving from Step 4");
-      return true;
-    },
-    afterChange: () => {
-      console.log("After arriving at Step 4");
-    }
-  }
-];
-
-      setTimeout(startTour, 1000);
-    };
-
-    // Add new buttons dynamically after 5 seconds
-    setTimeout(() => {
-      const container = document.getElementById("button-container");
-
-      const button3 = document.createElement("nile-button");
-      button3.id = "button3";
-      button3.setAttribute("data-tour", "button3");
-      button3.setAttribute("variant", "primary");
-      button3.textContent = "Button 3";
-      container.appendChild(button3);
-
-      const button4 = document.createElement("nile-button");
-      button4.id = "button4";
-      button4.setAttribute("data-tour", "button4");
-      button4.setAttribute("variant", "primary");
-      button4.textContent = "Button 4";
-      container.appendChild(button4);
-
-      // Wait for buttons to be added before updating the tour
-      // setTimeout(() => {
-      //   console.log(tourElement);
-      //   startTour();
-      // }, 500);
-    }, 7000);
   </script>
 
 </body>

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

@@ -14,5 +14,5 @@ System.register(["tslib","lit","lit/decorators.js","./nile-auto-complete.css.cjs
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(this._hostElement,t),this._scrollerController=new g(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0;}},{key:"_observeAndListen",value:function _observeAndListen(){var _this6=this;this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(function(t){t.addEventListener("scroll",_this6,_this6._scrollEventListenerOptions),_this6._scrollEventListeners.push(t),_this6._hostElementRO.observe(t);}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(function(t){return _this6._childrenRO.observe(t);}),this._scrollEventListeners.forEach(function(t){return t.addEventListener("scroll",_this6,_this6._scrollEventListenerOptions);});}},{key:"disconnected",value:function disconnected(){var _this7=this,_this$_scrollerContro,_this$_mutationObserv,_this$_hostElementRO,_this$_childrenRO;this._scrollEventListeners.forEach(function(t){return t.removeEventListener("scroll",_this7,_this7._scrollEventListenerOptions);}),this._scrollEventListeners=[],this._clippingAncestors=[],(_this$_scrollerContro=this._scrollerController)!==null&&_this$_scrollerContro!==void 0&&_this$_scrollerContro.detach(this),this._scrollerController=null,(_this$_mutationObserv=this._mutationObserver)!==null&&_this$_mutationObserv!==void 0&&_this$_mutationObserv.disconnect(),this._mutationObserver=null,(_this$_hostElementRO=this._hostElementRO)!==null&&_this$_hostElementRO!==void 0&&_this$_hostElementRO.disconnect(),this._hostElementRO=null,(_this$_childrenRO=this._childrenRO)!==null&&_this$_childrenRO!==void 0&&_this$_childrenRO.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1;}},{key:"_applyVirtualizerStyles",value:function _applyVirtualizerStyles(){var t=this._hostElement.style;t.display=t.display||"block",t.position=t.position||"relative",t.contain=t.contain||"size layout",this._isScroller&&(t.overflow=t.overflow||"auto",t.minHeight=t.minHeight||"150px");}},{key:"_getSizer",value:function _getSizer(){var t=this._hostElement;if(!this._sizer){var _i2=t.querySelector("[".concat(b,"]"));_i2||(_i2=document.createElement("div"),_i2.setAttribute(b,""),t.appendChild(_i2)),Object.assign(_i2.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),_i2.textContent="&nbsp;",_i2.setAttribute(b,""),this._sizer=_i2;}return this._sizer;}},{key:"updateLayoutConfig",value:function(){var _updateLayoutConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var i,_i3;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this._layoutInitialized;case 2:i=t.type||x;if(!("function"==typeof i&&this._layout instanceof i)){_context2.next=6;break;}_i3=_objectSpread({},t);return _context2.abrupt("return",(delete _i3.type,this._layout.config=_i3,!0));case 6:return _context2.abrupt("return",!1);case 7:case"end":return _context2.stop();}},_callee,this);}));function updateLayoutConfig(_x){return _updateLayoutConfig.apply(this,arguments);}return updateLayoutConfig;}()},{key:"_initLayout",value:function(){var _initLayout2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(t){var _this8=this;var i,s,_h2;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if("function"==typeof t.type){s=t.type;_h2=_objectSpread({},t);delete _h2.type,i=_h2;}else i=t;_context3.t0=void 0===s;if(!_context3.t0){_context3.next=6;break;}_context3.next=5;return _context["import"]("../flow-d0fa8803.cjs.js");case 5:x=s=_context3.sent.FlowLayout;case 6:this._layout=new s(function(t){return _this8._handleLayoutMessage(t);},i);this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout));this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0);this._schedule(this._updateLayout);case 10:case"end":return _context3.stop();}},_callee2,this);}));function _initLayout(_x2){return _initLayout2.apply(this,arguments);}return _initLayout;}()},{key:"startBenchmarking",value:function startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now());}},{key:"stopBenchmarking",value:function stopBenchmarking(){var _this9=this;if(null!==this._benchmarkStart){var _t2=window.performance.now(),i=_t2-this._benchmarkStart,s=performance.getEntriesByName("uv-virtualizing","measure").filter(function(i){return i.startTime>=_this9._benchmarkStart&&i.startTime<_t2;}).reduce(function(t,i){return t+i.duration;},0);return this._benchmarkStart=null,{timeElapsed:i,virtualizationTime:s};}return null;}},{key:"_measureChildren",value:function _measureChildren(){var t={},i=this._children,s=this._measureChildOverride||this._measureChild;for(var _h3=0;_h3<i.length;_h3++){var _e2=i[_h3],_n2=this._first+_h3;(this._itemsChanged||this._toBeMeasured.has(_e2))&&(t[_n2]=s.call(this,_e2,this._items[_n2]));}this._childMeasurements=t,this._schedule(this._updateLayout),this._toBeMeasured.clear();}},{key:"_measureChild",value:function _measureChild(t){var _t$getBoundingClientR=t.getBoundingClientRect(),i=_t$getBoundingClientR.width,s=_t$getBoundingClientR.height;return Object.assign({width:i,height:s},function(t){var i=window.getComputedStyle(t);return{marginTop:M(i.marginTop),marginRight:M(i.marginRight),marginBottom:M(i.marginBottom),marginLeft:M(i.marginLeft)};}(t));}},{key:"_schedule",value:function(){var _schedule2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(t){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.t0=this._scheduled.has(t);if(_context4.t0){_context4.next=7;break;}this._scheduled.add(t);_context4.next=5;return Promise.resolve();case 5:this._scheduled["delete"](t);t.call(this);case 7:case"end":return _context4.stop();}},_callee3,this);}));function _schedule(_x3){return _schedule2.apply(this,arguments);}return _schedule;}()},{key:"_updateDOM",value:function(){var _updateDOM2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(t){var i,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:this._scrollSize=t.scrollSize,this._adjustRange(t.range),this._childrenPos=t.childPositions,this._scrollError=t.scrollError||null;i=this._rangeChanged,s=this._itemsChanged;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(i||s)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate();case 3:case"end":return _context5.stop();}},_callee4,this);}));function _updateDOM(_x4){return _updateDOM2.apply(this,arguments);}return _updateDOM;}()},{key:"_finishDOMUpdate",value:function _finishDOMUpdate(){var _this10=this;this._connected&&(this._children.forEach(function(t){return _this10._childrenRO.observe(t);}),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"));}},{key:"_updateLayout",value:function _updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"));}},{key:"_handleScrollEvent",value:function _handleScrollEvent(){var _this$_layout;if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end");}catch(t){console.warn("Error measuring performance data: ",t);}window.performance.mark("uv-start");}!1===this._scrollerController.correctingScrollError&&(_this$_layout=this._layout)!==null&&_this$_layout!==void 0&&_this$_layout.unpin(),this._schedule(this._updateLayout);}},{key:"handleEvent",value:function handleEvent(t){if("scroll"===t.type)(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",t);}},{key:"_handleLayoutMessage",value:function _handleLayoutMessage(t){"stateChanged"===t.type?this._updateDOM(t):"visibilityChanged"===t.type?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):"unpinned"===t.type&&this._hostElement.dispatchEvent(new w());}},{key:"_children",get:function get(){var t=[];var i=this._hostElement.firstElementChild;for(;i;)i.hasAttribute(b)||t.push(i),i=i.nextElementSibling;return t;}},{key:"_updateView",value:function _updateView(){var _this$_scrollerContro2;var t=this._hostElement,i=(_this$_scrollerContro2=this._scrollerController)===null||_this$_scrollerContro2===void 0?void 0:_this$_scrollerContro2.element,s=this._layout;if(t&&i&&s){var _h4,_e3,_n3,_o;var _l=t.getBoundingClientRect();_h4=0,_e3=0,_n3=window.innerHeight,_o=window.innerWidth;var _r=this._clippingAncestors.map(function(t){return t.getBoundingClientRect();});_r.unshift(_l);var _iterator=_createForOfIteratorHelper(_r),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _t3=_step.value;_h4=Math.max(_h4,_t3.top),_e3=Math.max(_e3,_t3.left),_n3=Math.min(_n3,_t3.bottom),_o=Math.min(_o,_t3.right);}}catch(err){_iterator.e(err);}finally{_iterator.f();}var _u=i.getBoundingClientRect(),_a={left:_l.left-_u.left,top:_l.top-_u.top},_c={width:i.scrollWidth,height:i.scrollHeight},_d=_h4-_l.top+t.scrollTop,_p=_e3-_l.left+t.scrollLeft,_m=Math.max(0,_n3-_h4),_f=Math.max(0,_o-_e3);s.viewportSize={width:_f,height:_m},s.viewportScroll={top:_d,left:_p},s.totalScrollSize=_c,s.offsetWithinScroller=_a;}}},{key:"_sizeHostElement",value:function _sizeHostElement(t){var i=82e5,s=t&&null!==t.width?Math.min(i,t.width):0,h=t&&null!==t.height?Math.min(i,t.height):0;if(this._isScroller)this._getSizer().style.transform="translate(".concat(s,"px, ").concat(h,"px)");else{var _t4=this._hostElement.style;_t4.minWidth=s?"".concat(s,"px"):"100%",_t4.minHeight=h?"".concat(h,"px"):"100%";}}},{key:"_positionChildren",value:function _positionChildren(t){var _this11=this;t&&t.forEach(function(_ref,o){var t=_ref.top,i=_ref.left,s=_ref.width,h=_ref.height,e=_ref.xOffset,n=_ref.yOffset;var l=_this11._children[o-_this11._first];l&&(l.style.position="absolute",l.style.boxSizing="border-box",l.style.transform="translate(".concat(i,"px, ").concat(t,"px)"),void 0!==s&&(l.style.width=s+"px"),void 0!==h&&(l.style.height=h+"px"),l.style.left=void 0===e?null:e+"px",l.style.top=void 0===n?null:n+"px");});}},{key:"_adjustRange",value:function(){var _adjustRange2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(t){var i,s,h,e;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:i=this._first,s=this._last,h=this._firstVisible,e=this._lastVisible;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==i||this._last!==s,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==h||this._lastVisible!==e;case 2:case"end":return _context6.stop();}},_callee5,this);}));function _adjustRange(_x5){return _adjustRange2.apply(this,arguments);}return _adjustRange;}()},{key:"_correctScrollError",value:function _correctScrollError(){if(this._scrollError){var _this$_scrollerContro3=this._scrollerController,_t5=_this$_scrollerContro3.scrollTop,i=_this$_scrollerContro3.scrollLeft,_this$_scrollError=this._scrollError,s=_this$_scrollError.top,_h5=_this$_scrollError.left;this._scrollError=null,this._scrollerController.correctScrollError({top:_t5-s,left:i-_h5});}}},{key:"element",value:function element(t){var _this$_items,_this12=this;return t===1/0&&(t=this._items.length-1),void 0===((_this$_items=this._items)===null||_this$_items===void 0?void 0:_this$_items[t])?void 0:{scrollIntoView:function scrollIntoView(){var i=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return _this12._scrollElementIntoView(_objectSpread(_objectSpread({},i),{},{index:t}));}};}},{key:"_scrollElementIntoView",value:function _scrollElementIntoView(t){var _this13=this;if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),"smooth"===t.behavior){var i=this._layout.getScrollIntoViewCoordinates(t),s=t.behavior;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(i,{behavior:s}),function(){return _this13._layout.getScrollIntoViewCoordinates(t);},function(){return _this13._scrollIntoViewTarget=null;}),this._scrollIntoViewTarget=t;}else this._layout.pin=t;}},{key:"_checkScrollIntoViewTarget",value:function _checkScrollIntoViewTarget(t){var _ref2=this._scrollIntoViewTarget||{},i=_ref2.index;i&&(t===null||t===void 0?void 0:t.has(i))&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));}},{key:"_notifyRange",value:function _notifyRange(){this._hostElement.dispatchEvent(new m({first:this._first,last:this._last}));}},{key:"_notifyVisibility",value:function _notifyVisibility(){this._hostElement.dispatchEvent(new f({first:this._firstVisible,last:this._lastVisible}));}},{key:"layoutComplete",get:function get(){var _this14=this;return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(function(t,i){_this14._layoutCompleteResolver=t,_this14._layoutCompleteRejecter=i;})),this._layoutCompletePromise;}},{key:"_rejectLayoutCompletePromise",value:function _rejectLayoutCompletePromise(t){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState();}},{key:"_scheduleLayoutComplete",value:function _scheduleLayoutComplete(){var _this15=this;this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame(function(){return requestAnimationFrame(function(){return _this15._resolveLayoutCompletePromise();});}));}},{key:"_resolveLayoutCompletePromise",value:function _resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState();}},{key:"_resetLayoutCompleteState",value:function _resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null;}},{key:"_hostElementSizeChanged",value:function _hostElementSizeChanged(){this._schedule(this._updateLayout);}},{key:"_childLoaded",value:function _childLoaded(){}},{key:"_childrenSizeChanged",value:function _childrenSizeChanged(t){var _this$_layout2;if((_this$_layout2=this._layout)!==null&&_this$_layout2!==void 0&&_this$_layout2.measureChildren){var _iterator2=_createForOfIteratorHelper(t),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var i=_step2.value;this._toBeMeasured.set(i.target,i.contentRect);}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}this._measureChildren();}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1;}}]);}();$=a(/*#__PURE__*/function(_d2){function _class(t){var _this16;_classCallCheck(this,_class);if(_this16=_callSuper(this,_class,[t]),_this16._virtualizer=null,_this16._first=0,_this16._last=-1,_this16._renderItem=function(t,i){return function(t,i){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["",": ",""])),i,JSON.stringify(t,null,2));}(t,i+_this16._first);},_this16._keyFunction=function(t,i){return function(t){return t;}(t,_this16._first);},_this16._items=[],t.type!==c.CHILD)throw new Error("The virtualize directive can only be used in child expressions");return _this16;}_inherits(_class,_d2);return _createClass(_class,[{key:"render",value:function render(t){t&&this._setFunctions(t);var i=[];if(this._first>=0&&this._last>=this._first)for(var _t6=this._first;_t6<=this._last;_t6++)i.push(this._items[_t6]);return p(i,this._keyFunction,this._renderItem);}},{key:"update",value:function update(t,_ref3){var _ref4=_slicedToArray(_ref3,1),s=_ref4[0];this._setFunctions(s);var h=this._items!==s.items;return this._items=s.items||[],this._virtualizer?this._updateVirtualizerConfig(t,s):this._initialize(t,s),h?i:this.render();}},{key:"_updateVirtualizerConfig",value:function(){var _updateVirtualizerConfig2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(t,i){var _s2;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return this._virtualizer.updateLayoutConfig(i.layout||{});case 2:if(_context7.sent){_context7.next=5;break;}_s2=t.parentNode;this._makeVirtualizer(_s2,i);case 5:this._virtualizer.items=this._items;case 6:case"end":return _context7.stop();}},_callee6,this);}));function _updateVirtualizerConfig(_x6,_x7){return _updateVirtualizerConfig2.apply(this,arguments);}return _updateVirtualizerConfig;}()},{key:"_setFunctions",value:function _setFunctions(t){var _this17=this;var i=t.renderItem,s=t.keyFunction;i&&(this._renderItem=function(t,s){return i(t,s+_this17._first);}),s&&(this._keyFunction=function(t,i){return s(t,i+_this17._first);});}},{key:"_makeVirtualizer",value:function _makeVirtualizer(t,i){this._virtualizer&&this._virtualizer.disconnected();var s=i.layout,h=i.scroller,e=i.items;this._virtualizer=new S({hostElement:t,layout:s,scroller:h}),this._virtualizer.items=e,this._virtualizer.connected();}},{key:"_initialize",value:function _initialize(t,i){var _this18=this;var s=t.parentNode;s&&1===s.nodeType&&(s.addEventListener("rangeChanged",function(t){_this18._first=t.first,_this18._last=t.last,_this18.setValue(_this18.render());}),this._makeVirtualizer(s,i));}},{key:"disconnected",value:function disconnected(){var _this$_virtualizer;(_this$_virtualizer=this._virtualizer)===null||_this$_virtualizer===void 0||_this$_virtualizer.disconnected();}},{key:"reconnected",value:function reconnected(){var _this$_virtualizer2;(_this$_virtualizer2=this._virtualizer)===null||_this$_virtualizer2===void 0||_this$_virtualizer2.connected();}}]);}(d));_export("N",z=/*#__PURE__*/function(_u2){function z(){var _this19;_classCallCheck(this,z);_this19=_callSuper(this,z,arguments),_this19.disabled=!1,_this19.isDropdownOpen=!1,_this19.enableVirtualScroll=!1,_this19.openOnFocus=!1,_this19.value="",_this19.placeholder="Type here ..",_this19.noBorder=!1,_this19.loading=!1,_this19.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this19.renderItemFunction=function(t){return t;},_this19.allMenuItems=[],_this19.menuItems=[];return _this19;}_inherits(z,_u2);return _createClass(z,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(z,"connectedCallback",this,3)([]),this.renderItemFunction=function(t){return t;};}},{key:"updated",value:function updated(t){_superPropGet(z,"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 s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"nile-dropdown--input\" ?open="," noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          .disabled=","\n          .value=","\n          @nile-input=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n        >\n          ","\n        </nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,this.noBorder,this.disabled,this.value,this.handleSearch,this.handleFocus,this.handleClick,this.placeholder,this.loading?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"button-loading-blue-animated\"></nile-icon>"]))):h,this.menuItems.length>0&&!this.loading?t:h);}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this20=this;return s(_templateObject4||(_templateObject4=_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,$({items:this.menuItems,renderItem:function renderItem(t){return _this20.getItemRenderFunction(t);},scroller:!0}));}},{key:"getContent",value:function getContent(){var _this21=this;return s(_templateObject5||(_templateObject5=_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 _this21.getItemRenderFunction(t);}));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(t){var i=this.renderItemFunction(t);return s(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-menu-item value=",">\n        ","\n      </nile-menu-item>\n    "])),i,i);}},{key:"handleSelect",value:function handleSelect(t){var _this$dropdownElement;this.value=t.detail.value,this.emit("nile-complete",{value:t.detail.value}),this.emit("nile-input",{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 _this22=this;var t=this.menuItems.reduce(function(t,i){var s=_this22.renderItemFunction(i).length;return t>s?t:s;},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 _this23=this;this.openOnFocus&&setTimeout(function(){var _this23$dropdownEleme;_this23.isDropdownOpen=!0,(_this23$dropdownEleme=_this23.dropdownElement)===null||_this23$dropdownEleme===void 0?void 0:_this23$dropdownEleme.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 _this24=this;if("object"!=_typeof(t))return[];var s=[];return t.forEach(function(t){return i(t,_this24.value)&&s.push(t);}),s;}}]);}(u));z.styles=r,t([e("nile-dropdown")],z.prototype,"dropdownElement",void 0),t([n({type:Boolean})],z.prototype,"disabled",void 0),t([n({type:Boolean})],z.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],z.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],z.prototype,"openOnFocus",void 0),t([n({type:String})],z.prototype,"value",void 0),t([n({type:String})],z.prototype,"placeholder",void 0),t([n({type:Boolean})],z.prototype,"noBorder",void 0),t([n({type:Boolean})],z.prototype,"loading",void 0),t([n({attribute:!1})],z.prototype,"filterFunction",void 0),t([n({attribute:!1})],z.prototype,"renderItemFunction",void 0),t([n({type:Array})],z.prototype,"allMenuItems",void 0),t([o()],z.prototype,"menuItems",void 0),_export("N",z=t([l("nile-auto-complete")],z));}};});
+ */(this._hostElement,t),this._scrollerController=new g(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0;}},{key:"_observeAndListen",value:function _observeAndListen(){var _this6=this;this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(function(t){t.addEventListener("scroll",_this6,_this6._scrollEventListenerOptions),_this6._scrollEventListeners.push(t),_this6._hostElementRO.observe(t);}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(function(t){return _this6._childrenRO.observe(t);}),this._scrollEventListeners.forEach(function(t){return t.addEventListener("scroll",_this6,_this6._scrollEventListenerOptions);});}},{key:"disconnected",value:function disconnected(){var _this7=this,_this$_scrollerContro,_this$_mutationObserv,_this$_hostElementRO,_this$_childrenRO;this._scrollEventListeners.forEach(function(t){return t.removeEventListener("scroll",_this7,_this7._scrollEventListenerOptions);}),this._scrollEventListeners=[],this._clippingAncestors=[],(_this$_scrollerContro=this._scrollerController)!==null&&_this$_scrollerContro!==void 0&&_this$_scrollerContro.detach(this),this._scrollerController=null,(_this$_mutationObserv=this._mutationObserver)!==null&&_this$_mutationObserv!==void 0&&_this$_mutationObserv.disconnect(),this._mutationObserver=null,(_this$_hostElementRO=this._hostElementRO)!==null&&_this$_hostElementRO!==void 0&&_this$_hostElementRO.disconnect(),this._hostElementRO=null,(_this$_childrenRO=this._childrenRO)!==null&&_this$_childrenRO!==void 0&&_this$_childrenRO.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1;}},{key:"_applyVirtualizerStyles",value:function _applyVirtualizerStyles(){var t=this._hostElement.style;t.display=t.display||"block",t.position=t.position||"relative",t.contain=t.contain||"size layout",this._isScroller&&(t.overflow=t.overflow||"auto",t.minHeight=t.minHeight||"150px");}},{key:"_getSizer",value:function _getSizer(){var t=this._hostElement;if(!this._sizer){var _i2=t.querySelector("[".concat(b,"]"));_i2||(_i2=document.createElement("div"),_i2.setAttribute(b,""),t.appendChild(_i2)),Object.assign(_i2.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),_i2.textContent="&nbsp;",_i2.setAttribute(b,""),this._sizer=_i2;}return this._sizer;}},{key:"updateLayoutConfig",value:function(){var _updateLayoutConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var i,_i3;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this._layoutInitialized;case 2:i=t.type||x;if(!("function"==typeof i&&this._layout instanceof i)){_context2.next=6;break;}_i3=_objectSpread({},t);return _context2.abrupt("return",(delete _i3.type,this._layout.config=_i3,!0));case 6:return _context2.abrupt("return",!1);case 7:case"end":return _context2.stop();}},_callee,this);}));function updateLayoutConfig(_x){return _updateLayoutConfig.apply(this,arguments);}return updateLayoutConfig;}()},{key:"_initLayout",value:function(){var _initLayout2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(t){var _this8=this;var i,s,_h2;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if("function"==typeof t.type){s=t.type;_h2=_objectSpread({},t);delete _h2.type,i=_h2;}else i=t;_context3.t0=void 0===s;if(!_context3.t0){_context3.next=6;break;}_context3.next=5;return _context["import"]("../flow-d0fa8803.cjs.js");case 5:x=s=_context3.sent.FlowLayout;case 6:this._layout=new s(function(t){return _this8._handleLayoutMessage(t);},i);this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout));this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0);this._schedule(this._updateLayout);case 10:case"end":return _context3.stop();}},_callee2,this);}));function _initLayout(_x2){return _initLayout2.apply(this,arguments);}return _initLayout;}()},{key:"startBenchmarking",value:function startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now());}},{key:"stopBenchmarking",value:function stopBenchmarking(){var _this9=this;if(null!==this._benchmarkStart){var _t2=window.performance.now(),i=_t2-this._benchmarkStart,s=performance.getEntriesByName("uv-virtualizing","measure").filter(function(i){return i.startTime>=_this9._benchmarkStart&&i.startTime<_t2;}).reduce(function(t,i){return t+i.duration;},0);return this._benchmarkStart=null,{timeElapsed:i,virtualizationTime:s};}return null;}},{key:"_measureChildren",value:function _measureChildren(){var t={},i=this._children,s=this._measureChildOverride||this._measureChild;for(var _h3=0;_h3<i.length;_h3++){var _e2=i[_h3],_n2=this._first+_h3;(this._itemsChanged||this._toBeMeasured.has(_e2))&&(t[_n2]=s.call(this,_e2,this._items[_n2]));}this._childMeasurements=t,this._schedule(this._updateLayout),this._toBeMeasured.clear();}},{key:"_measureChild",value:function _measureChild(t){var _t$getBoundingClientR=t.getBoundingClientRect(),i=_t$getBoundingClientR.width,s=_t$getBoundingClientR.height;return Object.assign({width:i,height:s},function(t){var i=window.getComputedStyle(t);return{marginTop:M(i.marginTop),marginRight:M(i.marginRight),marginBottom:M(i.marginBottom),marginLeft:M(i.marginLeft)};}(t));}},{key:"_schedule",value:function(){var _schedule2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(t){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.t0=this._scheduled.has(t);if(_context4.t0){_context4.next=7;break;}this._scheduled.add(t);_context4.next=5;return Promise.resolve();case 5:this._scheduled["delete"](t);t.call(this);case 7:case"end":return _context4.stop();}},_callee3,this);}));function _schedule(_x3){return _schedule2.apply(this,arguments);}return _schedule;}()},{key:"_updateDOM",value:function(){var _updateDOM2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(t){var i,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:this._scrollSize=t.scrollSize,this._adjustRange(t.range),this._childrenPos=t.childPositions,this._scrollError=t.scrollError||null;i=this._rangeChanged,s=this._itemsChanged;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(i||s)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate();case 3:case"end":return _context5.stop();}},_callee4,this);}));function _updateDOM(_x4){return _updateDOM2.apply(this,arguments);}return _updateDOM;}()},{key:"_finishDOMUpdate",value:function _finishDOMUpdate(){var _this10=this;this._connected&&(this._children.forEach(function(t){return _this10._childrenRO.observe(t);}),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"));}},{key:"_updateLayout",value:function _updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"));}},{key:"_handleScrollEvent",value:function _handleScrollEvent(){var _this$_layout;if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end");}catch(t){console.warn("Error measuring performance data: ",t);}window.performance.mark("uv-start");}!1===this._scrollerController.correctingScrollError&&(_this$_layout=this._layout)!==null&&_this$_layout!==void 0&&_this$_layout.unpin(),this._schedule(this._updateLayout);}},{key:"handleEvent",value:function handleEvent(t){if("scroll"===t.type)(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",t);}},{key:"_handleLayoutMessage",value:function _handleLayoutMessage(t){"stateChanged"===t.type?this._updateDOM(t):"visibilityChanged"===t.type?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):"unpinned"===t.type&&this._hostElement.dispatchEvent(new w());}},{key:"_children",get:function get(){var t=[];var i=this._hostElement.firstElementChild;for(;i;)i.hasAttribute(b)||t.push(i),i=i.nextElementSibling;return t;}},{key:"_updateView",value:function _updateView(){var _this$_scrollerContro2;var t=this._hostElement,i=(_this$_scrollerContro2=this._scrollerController)===null||_this$_scrollerContro2===void 0?void 0:_this$_scrollerContro2.element,s=this._layout;if(t&&i&&s){var _h4,_e3,_n3,_o;var _l=t.getBoundingClientRect();_h4=0,_e3=0,_n3=window.innerHeight,_o=window.innerWidth;var _r=this._clippingAncestors.map(function(t){return t.getBoundingClientRect();});_r.unshift(_l);var _iterator=_createForOfIteratorHelper(_r),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _t3=_step.value;_h4=Math.max(_h4,_t3.top),_e3=Math.max(_e3,_t3.left),_n3=Math.min(_n3,_t3.bottom),_o=Math.min(_o,_t3.right);}}catch(err){_iterator.e(err);}finally{_iterator.f();}var _u=i.getBoundingClientRect(),_a={left:_l.left-_u.left,top:_l.top-_u.top},_c={width:i.scrollWidth,height:i.scrollHeight},_d=_h4-_l.top+t.scrollTop,_p=_e3-_l.left+t.scrollLeft,_m=Math.max(0,_n3-_h4),_f=Math.max(0,_o-_e3);s.viewportSize={width:_f,height:_m},s.viewportScroll={top:_d,left:_p},s.totalScrollSize=_c,s.offsetWithinScroller=_a;}}},{key:"_sizeHostElement",value:function _sizeHostElement(t){var i=82e5,s=t&&null!==t.width?Math.min(i,t.width):0,h=t&&null!==t.height?Math.min(i,t.height):0;if(this._isScroller)this._getSizer().style.transform="translate(".concat(s,"px, ").concat(h,"px)");else{var _t4=this._hostElement.style;_t4.minWidth=s?"".concat(s,"px"):"100%",_t4.minHeight=h?"".concat(h,"px"):"100%";}}},{key:"_positionChildren",value:function _positionChildren(t){var _this11=this;t&&t.forEach(function(_ref,o){var t=_ref.top,i=_ref.left,s=_ref.width,h=_ref.height,e=_ref.xOffset,n=_ref.yOffset;var l=_this11._children[o-_this11._first];l&&(l.style.position="absolute",l.style.boxSizing="border-box",l.style.transform="translate(".concat(i,"px, ").concat(t,"px)"),void 0!==s&&(l.style.width=s+"px"),void 0!==h&&(l.style.height=h+"px"),l.style.left=void 0===e?null:e+"px",l.style.top=void 0===n?null:n+"px");});}},{key:"_adjustRange",value:function(){var _adjustRange2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(t){var i,s,h,e;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:i=this._first,s=this._last,h=this._firstVisible,e=this._lastVisible;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==i||this._last!==s,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==h||this._lastVisible!==e;case 2:case"end":return _context6.stop();}},_callee5,this);}));function _adjustRange(_x5){return _adjustRange2.apply(this,arguments);}return _adjustRange;}()},{key:"_correctScrollError",value:function _correctScrollError(){if(this._scrollError){var _this$_scrollerContro3=this._scrollerController,_t5=_this$_scrollerContro3.scrollTop,i=_this$_scrollerContro3.scrollLeft,_this$_scrollError=this._scrollError,s=_this$_scrollError.top,_h5=_this$_scrollError.left;this._scrollError=null,this._scrollerController.correctScrollError({top:_t5-s,left:i-_h5});}}},{key:"element",value:function element(t){var _this$_items,_this12=this;return t===1/0&&(t=this._items.length-1),void 0===((_this$_items=this._items)===null||_this$_items===void 0?void 0:_this$_items[t])?void 0:{scrollIntoView:function scrollIntoView(){var i=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return _this12._scrollElementIntoView(_objectSpread(_objectSpread({},i),{},{index:t}));}};}},{key:"_scrollElementIntoView",value:function _scrollElementIntoView(t){var _this13=this;if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),"smooth"===t.behavior){var i=this._layout.getScrollIntoViewCoordinates(t),s=t.behavior;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(i,{behavior:s}),function(){return _this13._layout.getScrollIntoViewCoordinates(t);},function(){return _this13._scrollIntoViewTarget=null;}),this._scrollIntoViewTarget=t;}else this._layout.pin=t;}},{key:"_checkScrollIntoViewTarget",value:function _checkScrollIntoViewTarget(t){var _ref2=this._scrollIntoViewTarget||{},i=_ref2.index;i&&(t===null||t===void 0?void 0:t.has(i))&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));}},{key:"_notifyRange",value:function _notifyRange(){this._hostElement.dispatchEvent(new m({first:this._first,last:this._last}));}},{key:"_notifyVisibility",value:function _notifyVisibility(){this._hostElement.dispatchEvent(new f({first:this._firstVisible,last:this._lastVisible}));}},{key:"layoutComplete",get:function get(){var _this14=this;return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(function(t,i){_this14._layoutCompleteResolver=t,_this14._layoutCompleteRejecter=i;})),this._layoutCompletePromise;}},{key:"_rejectLayoutCompletePromise",value:function _rejectLayoutCompletePromise(t){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState();}},{key:"_scheduleLayoutComplete",value:function _scheduleLayoutComplete(){var _this15=this;this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame(function(){return requestAnimationFrame(function(){return _this15._resolveLayoutCompletePromise();});}));}},{key:"_resolveLayoutCompletePromise",value:function _resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState();}},{key:"_resetLayoutCompleteState",value:function _resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null;}},{key:"_hostElementSizeChanged",value:function _hostElementSizeChanged(){this._schedule(this._updateLayout);}},{key:"_childLoaded",value:function _childLoaded(){}},{key:"_childrenSizeChanged",value:function _childrenSizeChanged(t){var _this$_layout2;if((_this$_layout2=this._layout)!==null&&_this$_layout2!==void 0&&_this$_layout2.measureChildren){var _iterator2=_createForOfIteratorHelper(t),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var i=_step2.value;this._toBeMeasured.set(i.target,i.contentRect);}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}this._measureChildren();}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1;}}]);}();$=a(/*#__PURE__*/function(_d2){function _class(t){var _this16;_classCallCheck(this,_class);if(_this16=_callSuper(this,_class,[t]),_this16._virtualizer=null,_this16._first=0,_this16._last=-1,_this16._renderItem=function(t,i){return function(t,i){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["",": ",""])),i,JSON.stringify(t,null,2));}(t,i+_this16._first);},_this16._keyFunction=function(t,i){return function(t){return t;}(t,_this16._first);},_this16._items=[],t.type!==c.CHILD)throw new Error("The virtualize directive can only be used in child expressions");return _this16;}_inherits(_class,_d2);return _createClass(_class,[{key:"render",value:function render(t){t&&this._setFunctions(t);var i=[];if(this._first>=0&&this._last>=this._first)for(var _t6=this._first;_t6<=this._last;_t6++)i.push(this._items[_t6]);return p(i,this._keyFunction,this._renderItem);}},{key:"update",value:function update(t,_ref3){var _ref4=_slicedToArray(_ref3,1),s=_ref4[0];this._setFunctions(s);var h=this._items!==s.items;return this._items=s.items||[],this._virtualizer?this._updateVirtualizerConfig(t,s):this._initialize(t,s),h?i:this.render();}},{key:"_updateVirtualizerConfig",value:function(){var _updateVirtualizerConfig2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(t,i){var _s2;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return this._virtualizer.updateLayoutConfig(i.layout||{});case 2:if(_context7.sent){_context7.next=5;break;}_s2=t.parentNode;this._makeVirtualizer(_s2,i);case 5:this._virtualizer.items=this._items;case 6:case"end":return _context7.stop();}},_callee6,this);}));function _updateVirtualizerConfig(_x6,_x7){return _updateVirtualizerConfig2.apply(this,arguments);}return _updateVirtualizerConfig;}()},{key:"_setFunctions",value:function _setFunctions(t){var _this17=this;var i=t.renderItem,s=t.keyFunction;i&&(this._renderItem=function(t,s){return i(t,s+_this17._first);}),s&&(this._keyFunction=function(t,i){return s(t,i+_this17._first);});}},{key:"_makeVirtualizer",value:function _makeVirtualizer(t,i){this._virtualizer&&this._virtualizer.disconnected();var s=i.layout,h=i.scroller,e=i.items;this._virtualizer=new S({hostElement:t,layout:s,scroller:h}),this._virtualizer.items=e,this._virtualizer.connected();}},{key:"_initialize",value:function _initialize(t,i){var _this18=this;var s=t.parentNode;s&&1===s.nodeType&&(s.addEventListener("rangeChanged",function(t){_this18._first=t.first,_this18._last=t.last,_this18.setValue(_this18.render());}),this._makeVirtualizer(s,i));}},{key:"disconnected",value:function disconnected(){var _this$_virtualizer;(_this$_virtualizer=this._virtualizer)===null||_this$_virtualizer===void 0||_this$_virtualizer.disconnected();}},{key:"reconnected",value:function reconnected(){var _this$_virtualizer2;(_this$_virtualizer2=this._virtualizer)===null||_this$_virtualizer2===void 0||_this$_virtualizer2.connected();}}]);}(d));_export("N",z=/*#__PURE__*/function(_u2){function z(){var _this19;_classCallCheck(this,z);_this19=_callSuper(this,z,arguments),_this19.disabled=!1,_this19.isDropdownOpen=!1,_this19.enableVirtualScroll=!1,_this19.openOnFocus=!1,_this19.value="",_this19.placeholder="Type here ..",_this19.noBorder=!1,_this19.loading=!1,_this19.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this19.renderItemFunction=function(t){return t;},_this19.allMenuItems=[],_this19.menuItems=[];return _this19;}_inherits(z,_u2);return _createClass(z,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(z,"connectedCallback",this,3)([]),this.renderItemFunction=function(t){return t;};}},{key:"updated",value:function updated(t){_superPropGet(z,"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 s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"nile-dropdown--input\" ?open="," noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=","\n          .disabled=","\n          .value=","\n          @nile-input=","\n          @focus=","\n          @click=","\n          slot=\"trigger\"\n          placeholder=","\n        >\n          ","\n        </nile-input>\n        ","\n      </nile-dropdown>\n    "])),this.isDropdownOpen,this.noBorder,this.disabled,this.value,this.handleSearch,this.handleFocus,this.handleClick,this.placeholder,this.loading?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-icon slot=\"suffix\" color=\"var(--nile-colors-primary-600)\" name=\"button-loading-blue-animated\"></nile-icon>"]))):h,this.menuItems.length>0&&!this.loading?t:h);}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this20=this;return s(_templateObject4||(_templateObject4=_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,$({items:this.menuItems,renderItem:function renderItem(t){return _this20.getItemRenderFunction(t);},scroller:!0}));}},{key:"getContent",value:function getContent(){var _this21=this;return s(_templateObject5||(_templateObject5=_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 _this21.getItemRenderFunction(t);}));}},{key:"getItemRenderFunction",value:function getItemRenderFunction(t){var i=this.renderItemFunction(t);return s(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-menu-item value=",">\n        ","\n      </nile-menu-item>\n    "])),i,i);}},{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 _this22=this;var t=this.menuItems.reduce(function(t,i){var s=_this22.renderItemFunction(i).length;return t>s?t:s;},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 _this23=this;this.openOnFocus&&setTimeout(function(){var _this23$dropdownEleme;_this23.isDropdownOpen=!0,(_this23$dropdownEleme=_this23.dropdownElement)===null||_this23$dropdownEleme===void 0?void 0:_this23$dropdownEleme.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 _this24=this;if("object"!=_typeof(t))return[];var s=[];return t.forEach(function(t){return i(t,_this24.value)&&s.push(t);}),s;}}]);}(u));z.styles=r,t([e("nile-dropdown")],z.prototype,"dropdownElement",void 0),t([n({type:Boolean})],z.prototype,"disabled",void 0),t([n({type:Boolean})],z.prototype,"isDropdownOpen",void 0),t([n({type:Boolean})],z.prototype,"enableVirtualScroll",void 0),t([n({type:Boolean})],z.prototype,"openOnFocus",void 0),t([n({type:String})],z.prototype,"value",void 0),t([n({type:String})],z.prototype,"placeholder",void 0),t([n({type:Boolean})],z.prototype,"noBorder",void 0),t([n({type:Boolean})],z.prototype,"loading",void 0),t([n({attribute:!1})],z.prototype,"filterFunction",void 0),t([n({attribute:!1})],z.prototype,"renderItemFunction",void 0),t([n({type:Array})],z.prototype,"allMenuItems",void 0),t([o()],z.prototype,"menuItems",void 0),_export("N",z=t([l("nile-auto-complete")],z));}};});
 //# sourceMappingURL=nile-auto-complete.cjs.js.map