@aquera/nile-elements 0.1.47-beta-2.1 → 0.1.49-beta-1.0

package/dist/nile-checkbox/nile-checkbox.test.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(["../fixture-161dee0b.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-checkbox.cjs.js","tslib","lit/decorators.js","./nile-checkbox.css.cjs.js","lit/directives/class-map.js","../internal/default-value.cjs.js","lit/directives/if-defined.js","lit/directives/live.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,i,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture002CjsJs){e=_fixture002CjsJs.f;t=_fixture002CjsJs.a;i=_fixture002CjsJs.o;},function(_litStaticHtmlJs){c=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileCheckboxCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileCheckboxCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalDefaultValueCjsJs){},function(_litDirectivesIfDefinedJs){},function(_litDirectivesLiveJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){describe("NileCheckbox",function(){it("renders correctly with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return e(c(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context2.sent;t(i).shadowDom.to.equalSnapshot();case 4:case"end":return _context2.stop();}},_callee);}))),it("toggles checked state on click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var i,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return e(c(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context3.sent;s=i.shadowRoot.querySelector('input[type="checkbox"]');s.click(),t(i.checked).to.be["true"],s.click(),t(i.checked).to.be["false"];case 5:case"end":return _context3.stop();}},_callee2);}))),it("emits nile-change event on click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var s,o,n;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return e(c(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context4.sent;o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout(function(){return o.click();});_context4.next=7;return i(s,"valueChange");case 7:n=_context4.sent;t(n.detail.checked).to.be["true"];case 9:case"end":return _context4.stop();}},_callee3);}))),it("handles focus and blur events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var s,o,n,a;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return e(c(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context5.sent;o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout(function(){return o.focus();});_context5.next=7;return i(s,"focus");case 7:n=_context5.sent;t(n).to.exist,setTimeout(function(){return o.blur();});_context5.next=11;return i(s,"blur");case 11:a=_context5.sent;t(a).to.exist;case 13:case"end":return _context5.stop();}},_callee4);}))),it("handles indeterminate state",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var i,s;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return e(c(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox indeterminate></nile-checkbox>"]))));case 2:i=_context6.sent;s=i.shadowRoot.querySelector('input[type="checkbox"]');t(s.indeterminate).to.be["true"];i.checked=!0;i.indeterminate=!1;_context6.next=9;return i.updateComplete;case 9:t(s.indeterminate).to.be["false"];t(s.checked).to.be["true"];case 11:case"end":return _context6.stop();}},_callee5);}))),it("reflects properties to attributes",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var i;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return e(c(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-checkbox\n        name=\"test-name\"\n        title=\"test-title\"\n        disabled\n        required\n        label=\"test-label\"\n        sub-label=\"test-sublabel\"\n        help-text=\"test-help\"\n        error-message=\"test-error\"\n      ></nile-checkbox>\n    "]))));case 2:i=_context7.sent;t(i.getAttribute("name")).to.equal("test-name"),t(i.getAttribute("title")).to.equal("test-title"),t(i.getAttribute("disabled")).to.equal(""),t(i.getAttribute("required")).to.equal(""),t(i.getAttribute("label")).to.equal("test-label"),t(i.getAttribute("sub-label")).to.equal("test-sublabel"),t(i.getAttribute("help-text")).to.equal("test-help"),t(i.getAttribute("error-message")).to.equal("test-error");case 4:case"end":return _context7.stop();}},_callee6);}))),it("displays help text when showHelpText is true",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _i$shadowRoot;var i,s;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return e(c(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-checkbox help-text=\"test-help\"></nile-checkbox>"]))));case 2:i=_context8.sent;i.showHelpText=!0;_context8.next=6;return i.updateComplete;case 6:s=(_i$shadowRoot=i.shadowRoot)===null||_i$shadowRoot===void 0||(_i$shadowRoot=_i$shadowRoot.querySelector("nile-form-help-text"))===null||_i$shadowRoot===void 0||(_i$shadowRoot=_i$shadowRoot.textContent)===null||_i$shadowRoot===void 0?void 0:_i$shadowRoot.trim();t(s).to.equal("test-help");case 8:case"end":return _context8.stop();}},_callee7);}))),it("updates host class based on helpText",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var i;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return e(c(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context9.sent;i.helpText="test-help";_context9.next=6;return i.updateComplete;case 6:t(i.classList.contains("full-width")).to.be["true"];i.helpText="";_context9.next=10;return i.updateComplete;case 10:t(i.classList.contains("full-width")).to.be["false"];case 11:case"end":return _context9.stop();}},_callee8);}))),it("emits custom events on connected and disconnected",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var e,c,s,o,n;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:e=document.createElement("nile-checkbox"),c=i(e,"nile-init");document.body.appendChild(e);_context10.next=4;return c;case 4:s=_context10.sent;t(s).to.exist;o=i(e,"nile-destroy");document.body.removeChild(e);_context10.next=10;return o;case 10:n=_context10.sent;t(n).to.exist;case 12:case"end":return _context10.stop();}},_callee9);}))),it("handles required attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var i;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return e(c(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-checkbox required></nile-checkbox>"]))));case 2:i=_context11.sent.shadowRoot.querySelector('input[type="checkbox"]');t(i.required).to.be["true"];case 4:case"end":return _context11.stop();}},_callee10);}))),it("simulates click using click method",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var i;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return e(c(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context12.sent;i.click(),t(i.checked).to.be["true"];case 4:case"end":return _context12.stop();}},_callee11);}))),it("sets and removes focus using focus and blur methods",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var s,o,n;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return e(c(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context13.sent;setTimeout(function(){return s.focus();});_context13.next=6;return i(s,"focus");case 6:o=_context13.sent;t(o).to.exist,setTimeout(function(){return s.blur();});_context13.next=10;return i(s,"blur");case 10:n=_context13.sent;t(n).to.exist;case 12:case"end":return _context13.stop();}},_callee12);}))),it("reflects checked attribute to property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var i;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return e(c(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<nile-checkbox checked></nile-checkbox>"]))));case 2:i=_context14.sent;t(i.checked).to.be["true"];case 4:case"end":return _context14.stop();}},_callee13);}))),it("reflects indeterminate attribute to property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(){var i;return _regeneratorRuntime().wrap(function _callee14$(_context15){while(1)switch(_context15.prev=_context15.next){case 0:_context15.next=2;return e(c(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["<nile-checkbox indeterminate></nile-checkbox>"]))));case 2:i=_context15.sent;t(i.indeterminate).to.be["true"];case 4:case"end":return _context15.stop();}},_callee14);}))),it("associates form using form attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){var i;return _regeneratorRuntime().wrap(function _callee15$(_context16){while(1)switch(_context16.prev=_context16.next){case 0:_context16.next=2;return e(c(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <div>\n        <form id=\"test-form\"></form>\n        <nile-checkbox form=\"test-form\"></nile-checkbox>\n      </div>\n    "]))));case 2:i=_context16.sent.querySelector("nile-checkbox");t(i).to.not.be["null"],t(i.getAttribute("form")).to.equal("test-form");case 4:case"end":return _context16.stop();}},_callee15);})));});}};});
+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(["../fixture-3bfb4490.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-checkbox.cjs.js","tslib","lit/decorators.js","./nile-checkbox.css.cjs.js","lit/directives/class-map.js","../internal/default-value.cjs.js","lit/directives/if-defined.js","lit/directives/live.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,i,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture002CjsJs){e=_fixture002CjsJs.f;t=_fixture002CjsJs.a;i=_fixture002CjsJs.o;},function(_litStaticHtmlJs){c=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileCheckboxCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileCheckboxCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalDefaultValueCjsJs){},function(_litDirectivesIfDefinedJs){},function(_litDirectivesLiveJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){describe("NileCheckbox",function(){it("renders correctly with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return e(c(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context2.sent;t(i).shadowDom.to.equalSnapshot();case 4:case"end":return _context2.stop();}},_callee);}))),it("toggles checked state on click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var i,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return e(c(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context3.sent;s=i.shadowRoot.querySelector('input[type="checkbox"]');s.click(),t(i.checked).to.be["true"],s.click(),t(i.checked).to.be["false"];case 5:case"end":return _context3.stop();}},_callee2);}))),it("emits nile-change event on click",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var s,o,n;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return e(c(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context4.sent;o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout(function(){return o.click();});_context4.next=7;return i(s,"valueChange");case 7:n=_context4.sent;t(n.detail.checked).to.be["true"];case 9:case"end":return _context4.stop();}},_callee3);}))),it("handles focus and blur events",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var s,o,n,a;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return e(c(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context5.sent;o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout(function(){return o.focus();});_context5.next=7;return i(s,"focus");case 7:n=_context5.sent;t(n).to.exist,setTimeout(function(){return o.blur();});_context5.next=11;return i(s,"blur");case 11:a=_context5.sent;t(a).to.exist;case 13:case"end":return _context5.stop();}},_callee4);}))),it("handles indeterminate state",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var i,s;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return e(c(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox indeterminate></nile-checkbox>"]))));case 2:i=_context6.sent;s=i.shadowRoot.querySelector('input[type="checkbox"]');t(s.indeterminate).to.be["true"];i.checked=!0;i.indeterminate=!1;_context6.next=9;return i.updateComplete;case 9:t(s.indeterminate).to.be["false"];t(s.checked).to.be["true"];case 11:case"end":return _context6.stop();}},_callee5);}))),it("reflects properties to attributes",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var i;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return e(c(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-checkbox\n        name=\"test-name\"\n        title=\"test-title\"\n        disabled\n        required\n        label=\"test-label\"\n        sub-label=\"test-sublabel\"\n        help-text=\"test-help\"\n        error-message=\"test-error\"\n      ></nile-checkbox>\n    "]))));case 2:i=_context7.sent;t(i.getAttribute("name")).to.equal("test-name"),t(i.getAttribute("title")).to.equal("test-title"),t(i.getAttribute("disabled")).to.equal(""),t(i.getAttribute("required")).to.equal(""),t(i.getAttribute("label")).to.equal("test-label"),t(i.getAttribute("sub-label")).to.equal("test-sublabel"),t(i.getAttribute("help-text")).to.equal("test-help"),t(i.getAttribute("error-message")).to.equal("test-error");case 4:case"end":return _context7.stop();}},_callee6);}))),it("displays help text when showHelpText is true",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _i$shadowRoot;var i,s;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return e(c(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-checkbox help-text=\"test-help\"></nile-checkbox>"]))));case 2:i=_context8.sent;i.showHelpText=!0;_context8.next=6;return i.updateComplete;case 6:s=(_i$shadowRoot=i.shadowRoot)===null||_i$shadowRoot===void 0||(_i$shadowRoot=_i$shadowRoot.querySelector("nile-form-help-text"))===null||_i$shadowRoot===void 0||(_i$shadowRoot=_i$shadowRoot.textContent)===null||_i$shadowRoot===void 0?void 0:_i$shadowRoot.trim();t(s).to.equal("test-help");case 8:case"end":return _context8.stop();}},_callee7);}))),it("updates host class based on helpText",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var i;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return e(c(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context9.sent;i.helpText="test-help";_context9.next=6;return i.updateComplete;case 6:t(i.classList.contains("full-width")).to.be["true"];i.helpText="";_context9.next=10;return i.updateComplete;case 10:t(i.classList.contains("full-width")).to.be["false"];case 11:case"end":return _context9.stop();}},_callee8);}))),it("emits custom events on connected and disconnected",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var e,c,s,o,n;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:e=document.createElement("nile-checkbox"),c=i(e,"nile-init");document.body.appendChild(e);_context10.next=4;return c;case 4:s=_context10.sent;t(s).to.exist;o=i(e,"nile-destroy");document.body.removeChild(e);_context10.next=10;return o;case 10:n=_context10.sent;t(n).to.exist;case 12:case"end":return _context10.stop();}},_callee9);}))),it("handles required attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var i;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return e(c(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-checkbox required></nile-checkbox>"]))));case 2:i=_context11.sent.shadowRoot.querySelector('input[type="checkbox"]');t(i.required).to.be["true"];case 4:case"end":return _context11.stop();}},_callee10);}))),it("simulates click using click method",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var i;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return e(c(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:i=_context12.sent;i.click(),t(i.checked).to.be["true"];case 4:case"end":return _context12.stop();}},_callee11);}))),it("sets and removes focus using focus and blur methods",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var s,o,n;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return e(c(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-checkbox></nile-checkbox>"]))));case 2:s=_context13.sent;setTimeout(function(){return s.focus();});_context13.next=6;return i(s,"focus");case 6:o=_context13.sent;t(o).to.exist,setTimeout(function(){return s.blur();});_context13.next=10;return i(s,"blur");case 10:n=_context13.sent;t(n).to.exist;case 12:case"end":return _context13.stop();}},_callee12);}))),it("reflects checked attribute to property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var i;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return e(c(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<nile-checkbox checked></nile-checkbox>"]))));case 2:i=_context14.sent;t(i.checked).to.be["true"];case 4:case"end":return _context14.stop();}},_callee13);}))),it("reflects indeterminate attribute to property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(){var i;return _regeneratorRuntime().wrap(function _callee14$(_context15){while(1)switch(_context15.prev=_context15.next){case 0:_context15.next=2;return e(c(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["<nile-checkbox indeterminate></nile-checkbox>"]))));case 2:i=_context15.sent;t(i.indeterminate).to.be["true"];case 4:case"end":return _context15.stop();}},_callee14);}))),it("associates form using form attribute",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){var i;return _regeneratorRuntime().wrap(function _callee15$(_context16){while(1)switch(_context16.prev=_context16.next){case 0:_context16.next=2;return e(c(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <div>\n        <form id=\"test-form\"></form>\n        <nile-checkbox form=\"test-form\"></nile-checkbox>\n      </div>\n    "]))));case 2:i=_context16.sent.querySelector("nile-checkbox");t(i).to.not.be["null"],t(i.getAttribute("form")).to.equal("test-form");case 4:case"end":return _context16.stop();}},_callee15);})));});}};});
 //# sourceMappingURL=nile-checkbox.test.cjs.js.map

package/dist/nile-checkbox/nile-checkbox.test.esm.js

@@ -1,4 +1,4 @@
-import{f as e,a as t,o as i}from"../fixture-372df3b0.esm.js";import{html as c}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-checkbox.esm.js";import"tslib";import"lit/decorators.js";import"./nile-checkbox.css.esm.js";import"lit/directives/class-map.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";describe("NileCheckbox",(()=>{it("renders correctly with default properties",(async()=>{const i=await e(c`<nile-checkbox></nile-checkbox>`);t(i).shadowDom.to.equalSnapshot()})),it("toggles checked state on click",(async()=>{const i=await e(c`<nile-checkbox></nile-checkbox>`),s=i.shadowRoot.querySelector('input[type="checkbox"]');s.click(),t(i.checked).to.be.true,s.click(),t(i.checked).to.be.false})),it("emits nile-change event on click",(async()=>{const s=await e(c`<nile-checkbox></nile-checkbox>`),o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout((()=>o.click()));const n=await i(s,"valueChange");t(n.detail.checked).to.be.true})),it("handles focus and blur events",(async()=>{const s=await e(c`<nile-checkbox></nile-checkbox>`),o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout((()=>o.focus()));const n=await i(s,"focus");t(n).to.exist,setTimeout((()=>o.blur()));const a=await i(s,"blur");t(a).to.exist})),it("handles indeterminate state",(async()=>{const i=await e(c`<nile-checkbox indeterminate></nile-checkbox>`),s=i.shadowRoot.querySelector('input[type="checkbox"]');t(s.indeterminate).to.be.true,i.checked=!0,i.indeterminate=!1,await i.updateComplete,t(s.indeterminate).to.be.false,t(s.checked).to.be.true})),it("reflects properties to attributes",(async()=>{const i=await e(c`
+import{f as e,a as t,o as i}from"../fixture-8edec91c.esm.js";import{html as c}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-checkbox.esm.js";import"tslib";import"lit/decorators.js";import"./nile-checkbox.css.esm.js";import"lit/directives/class-map.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";describe("NileCheckbox",(()=>{it("renders correctly with default properties",(async()=>{const i=await e(c`<nile-checkbox></nile-checkbox>`);t(i).shadowDom.to.equalSnapshot()})),it("toggles checked state on click",(async()=>{const i=await e(c`<nile-checkbox></nile-checkbox>`),s=i.shadowRoot.querySelector('input[type="checkbox"]');s.click(),t(i.checked).to.be.true,s.click(),t(i.checked).to.be.false})),it("emits nile-change event on click",(async()=>{const s=await e(c`<nile-checkbox></nile-checkbox>`),o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout((()=>o.click()));const n=await i(s,"valueChange");t(n.detail.checked).to.be.true})),it("handles focus and blur events",(async()=>{const s=await e(c`<nile-checkbox></nile-checkbox>`),o=s.shadowRoot.querySelector('input[type="checkbox"]');setTimeout((()=>o.focus()));const n=await i(s,"focus");t(n).to.exist,setTimeout((()=>o.blur()));const a=await i(s,"blur");t(a).to.exist})),it("handles indeterminate state",(async()=>{const i=await e(c`<nile-checkbox indeterminate></nile-checkbox>`),s=i.shadowRoot.querySelector('input[type="checkbox"]');t(s.indeterminate).to.be.true,i.checked=!0,i.indeterminate=!1,await i.updateComplete,t(s.indeterminate).to.be.false,t(s.checked).to.be.true})),it("reflects properties to attributes",(async()=>{const i=await e(c`
       <nile-checkbox
         name="test-name"
         title="test-title"

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.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;_superPropGet(p,"updated",this,3)([t]),t.has("autoCompleteOptions")&&(this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),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          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              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);},t);}),this.enableVirtualScroll,this.filteredAutoCompleteOptions,this.filterFunction,this.renderItemFunction,this.loading,this.inputValue,this.isDropdownOpen,!0,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: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;_superPropGet(p,"updated",this,3)([t]),t.has("autoCompleteOptions")&&(this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),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          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));}};});
 //# 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  /** 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      this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\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          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\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              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","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","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","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","_toConsumableArray","resetInput","preventDefault","autoComplete","get","styles","NileElement","__decorate","state","prototype","query","property","type","Boolean","reflect","Array","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      this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\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          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","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","filter","option","_toConsumableArray","onTagsChanged","connectedCallback","emit","disconnectedCallback","render","_this4","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","Array","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  }\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: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: var(--nile-colors-white-base);\n    border-radius: 0.25rem;\n    border: solid 1px var(--nile-colors-neutral-500);\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\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-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-600);\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500);\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: 0.05rem;\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-500));\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"]))));}};});
 //# 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  }\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: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: var(--nile-colors-white-base);\n    border-radius: 0.25rem;\n    border: solid 1px var(--nile-colors-neutral-500);\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\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-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-600);\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: var(--nile-colors-red-500);\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: 0.05rem;\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-500));\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"}

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

@@ -1,6 +1,9 @@
 import{css as o}from"lit";const r=o`
   :host {
     box-sizing: border-box;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   :host *,
@@ -25,64 +28,68 @@ import{css as o}from"lit";const r=o`
   .form-control--has-label .form-control__label {
     display: inline-block;
     color: inherit;
-    margin-bottom: 12px;
-    color: var(--nile-colors-dark-900);
-    font-family: var(--nile-font-family-serif);
-    font-size: 14px;
+    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));
+    color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));
+    font-family: var(--nile-font-family-serif,var( --ng-font-family-body));
+    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
+    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));
+    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
 
   .form-control--has-label.form-control--medium .form-control__label {
-    font-size: 14px;
+    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
   }
 
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: undefined;
   }
 
   /* Help text */
   .form-control--has-help-text .form-control__help-text {
     display: block;
-    color: hsl(240 3.8% 46.1%);
-    margin-top: 0.125rem;
+    color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));
+    margin-top: var(--nile-spacing-xxxxsmall);
   }
 
   .form-control--has-help-text.form-control--small .form-control__help-text {
-    font-size: 0.75rem;
+    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--medium .form-control__help-text {
-    font-size: 0.875rem;
+    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--large .form-control__help-text {
-    font-size: 1rem;
+    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--radio-group
     .form-control__help-text {
-    margin-top: 0.25rem;
+    margin-top: var(--nile-spacing-xxxsmall);
   }
 
   :host {
     display: block;
-    font-family: inherit;
+    font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));
   }
 
   .nile-chip {
-    padding: 5px 10px;
-    background-color: var(--nile-colors-white-base);
-    border-radius: 0.25rem;
-    border: solid 1px var(--nile-colors-neutral-500);
+    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));
+    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
+    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
+    border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     overflow-x: hidden;
+    gap : var(--nile-gap-unset, var(--ng-spacing-md));
+  }
+
+  nile-input::part(base) {
+    padding: 0px !important;
   }
 
   .nile-chip--no-wrap {
@@ -101,37 +108,45 @@ import{css as o}from"lit";const r=o`
   }
 
   .nile-chip--disabled {
-    background-color: hsl(240 4.8% 95.9%);
-    border-color: hsl(240 4.9% 83.9%);
-    opacity: 0.5;
+    background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));
+    /* opacity: 0.5; */
     cursor: not-allowed;
     pointer-events: none;
   }
 
+  :host([disabled]) nile-tag::part(base) {
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+  }
+
+  :host([disabled]) .nile-chip {
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
+  }
+
   .nile-chip:hover:not(.nile-chip--disabled) {
-    background-color: var(--nile-colors-white-base);
-    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);
+    background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
+    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));
+    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))
   }
 
   .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {
-    background-color: var(--nile-colors-white-base);
-    border-color: var(--nile-colors-primary-600);
-    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);
+    background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
+    border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));
+    box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));
   }
 
   .nile-chip.nile-chip--disabled {
-    background-color: hsl(240 4.8% 95.9%);
-    border-color: hsl(240 4.9% 83.9%);
+    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));
+    border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));
     opacity: 0.5;
     cursor: not-allowed;
   }
 
   .nile-chip.nile-chip--warning {
-    border-color: var(--nile-colors-yellow-500);
+    border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));
   }
 
   .nile-chip.nile-chip--error {
-    border-color: var(--nile-colors-red-500);
+    border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));
   }
 
   .nile-chip.nile-chip--success {
@@ -142,6 +157,6 @@ import{css as o}from"lit";const r=o`
     flex: 1;
   }
   .nile-chip__tags {
-    margin: 0.05rem;
+    margin: var(--nile-margin-size-rem-small);
   }
 `;export{r as s};

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,query as s,property as o,customElement as l}from"lit/decorators.js";import{s as h}from"./nile-chip.css.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{N as a}from"../internal/nile-element.esm.js";let p=class extends a{constructor(){super(...arguments),this.hasSlotController=new n(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.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=(t,i)=>t.toLowerCase().includes(i.toLowerCase()),this.renderItemFunction=t=>t}static get styles(){return[h]}updated(t){super.updated(t),t.has("autoCompleteOptions")&&(this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))),t.has("value")&&(this.tags=[...this.value],this.onTagsChanged()),t.has("tags")&&this.onTagsChanged()}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t)))),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return i`
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,query as s,property as o,customElement as l}from"lit/decorators.js";import{s as h}from"./nile-chip.css.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{N as a}from"../internal/nile-element.esm.js";let p=class extends a{constructor(){super(...arguments),this.hasSlotController=new n(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=(t,i)=>t.toLowerCase().includes(i.toLowerCase()),this.renderItemFunction=t=>t}static get styles(){return[h]}updated(t){super.updated(t),t.has("autoCompleteOptions")&&(this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))),t.has("value")&&(this.tags=[...this.value],this.onTagsChanged()),t.has("tags")&&this.onTagsChanged()}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t)))),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return i`
       <div
         part="form-control"
         class=${r({"form-control":!0,"form-control--medium":!0,"form-control--has-label":e,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled})}
@@ -20,8 +20,8 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,
                 class=${r({"nile-chip__tags":!0})}
                 .variant=${this.errorIndexes.includes(e)?"error":"normal"}
                 @nile-remove=${()=>this.handleRemove(t)}
-                removable
-                pill
+                  removable
+                  ?pill=${"normal"!==this.tagVariant}
               >
                 ${t}
               </nile-tag>
@@ -33,9 +33,12 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,
               .filterFunction=${this.filterFunction}
               .renderItemFunction=${this.renderItemFunction}
               .loading="${this.loading}"
-              .value=${this.inputValue}
+              .value=${this.inputValue} 
               ?isDropdownOpen=${this.isDropdownOpen}
               .noBorder=${!0}
+              .noOutline=${!0}
+              .noPadding=${!0}
+              .disabled=${this.disabled}
               openOnFocus
               exportparts="options__wrapper"
               .placeholder=${this.placeholder}
@@ -56,4 +59,4 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{state as e,
                 >
               `:""}
       </div>
-    `}handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[...this.tags,t.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(t){this.tags=this.tags.filter((i=>i!==t)),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,t]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}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=[...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"))}handleFocus(){this.isDropdownOpen=!0}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}};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: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),p=t([l("nile-chip")],p);export{p as N};
+    `}handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[...this.tags,t.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(t){this.tags=this.tags.filter((i=>i!==t)),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,t]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}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=[...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"))}handleFocus(){this.isDropdownOpen=!0}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}};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),p=t([l("nile-chip")],p);export{p as N};