@aquera/nile-elements 0.0.110 → 0.0.111

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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,o,l,h,r,n,a,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_a){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_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.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="";return _this;}_inherits(c,_a);return _createClass(c,[{key:"onAutoCompleteOptionsChanged",value:function onAutoCompleteOptionsChanged(){var _this2=this;this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}},{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value),this.onTagsChanged();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this3=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.tags.includes(t);}));}},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(c.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{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(e){return e!==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:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e(_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              .allMenuItems=","\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          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n        ","\n\n        ","\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":i,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),i?"false":"true",this.label,h({"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,i){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                .variant=","\n                @nile-remove=","\n                removable\n                pill\n              >\n                ","\n              </nile-tag>\n            "])),h({"nile-chip__tags":!0}),_this5.errorIndexes.includes(i)?"error":"normal",function(){return _this5.handleRemove(t);},t);}),this.filteredAutoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,s?"false":"true",this.helpText,s?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}],[{key:"styles",get:function get(){return[l];}}]);}(a));t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([p({type:Array})],c.prototype,"errorIndexes",void 0),t([p({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([p({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([n("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([n("value")],c.prototype,"onValueChanged",null),t([n("tags")],c.prototype,"onTagsChanged",null),_export("N",c=t([o("nile-chip")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,o,l,h,r,n,a,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_a){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.BUBBLES=!1,_this.hasSlotController=new r(_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.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="";return _this;}_inherits(c,_a);return _createClass(c,[{key:"onAutoCompleteOptionsChanged",value:function onAutoCompleteOptionsChanged(){var _this2=this;this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}},{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value),this.onTagsChanged();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this3=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.tags.includes(t);}));}},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(c.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{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(e){return e!==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:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e(_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              .allMenuItems=","\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          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n        ","\n\n        ","\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":i,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),i?"false":"true",this.label,h({"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,i){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                .variant=","\n                @nile-remove=","\n                removable\n                pill\n              >\n                ","\n              </nile-tag>\n            "])),h({"nile-chip__tags":!0}),_this5.errorIndexes.includes(i)?"error":"normal",function(){return _this5.handleRemove(t);},t);}),this.filteredAutoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,s?"false":"true",this.helpText,s?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}],[{key:"styles",get:function get(){return[l];}}]);}(a));t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([p({type:Array})],c.prototype,"errorIndexes",void 0),t([p({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([p({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([n("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([n("value")],c.prototype,"onValueChanged",null),t([n("tags")],c.prototype,"onTagsChanged",null),_export("N",c=t([o("nile-chip")],c));}};});
 //# 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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\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  @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: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n\n  @watch('autoCompleteOptions')\n  onAutoCompleteOptionsChanged() {\n    this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n    this.onTagsChanged();\n  }\n\n  @watch('tags')\n  onTagsChanged() {\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.tags.includes(option)\n        );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\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  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  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  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              .allMenuItems=${this.filteredAutoCompleteOptions}\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          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\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\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","c","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","errorIndexes","helpText","errorMessage","_this","_inherits","_a","_createClass","key","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","emit","disconnectedCallback","handleSelect","event","detail","concat","_toConsumableArray","resetInput","handleRemove","tag","handleInputChange","handleInputKeydown","preventDefault","handleFocus","autoComplete","render","_this5","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","index","_templateObject2","_templateObject3","_templateObject4","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","reflect","Array","attribute","watch","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  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\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  protected override BUBBLES: boolean=false;\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  @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: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n\n  @watch('autoCompleteOptions')\n  onAutoCompleteOptionsChanged() {\n    this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n    this.onTagsChanged();\n  }\n\n  @watch('tags')\n  onTagsChanged() {\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.tags.includes(option)\n        );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\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  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  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  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              .allMenuItems=${this.filteredAutoCompleteOptions}\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          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\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\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","c","this","BUBBLES","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","errorIndexes","helpText","errorMessage","_this","_inherits","_a","_createClass","key","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","emit","disconnectedCallback","handleSelect","event","detail","resetInput","handleRemove","tag","concat","_toConsumableArray","handleInputChange","handleInputKeydown","preventDefault","handleFocus","autoComplete","render","_this5","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","index","_templateObject2","_templateObject3","_templateObject4","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","reflect","Array","attribute","watch","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{state as i,query as s,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as r}from"../internal/slot.esm.js";import{w as n}from"../internal/watch.esm.js";import{N as a}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"lit";let c=class extends a{constructor(){super(...arguments),this.hasSlotController=new r(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.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.errorIndexes=[],this.helpText="",this.errorMessage=""}static get styles(){return[l]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}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")}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((e=>e!==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}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
+import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{state as i,query as s,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as r}from"../internal/slot.esm.js";import{w as n}from"../internal/watch.esm.js";import{N as a}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"lit";let c=class extends a{constructor(){super(...arguments),this.BUBBLES=!1,this.hasSlotController=new r(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.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.errorIndexes=[],this.helpText="",this.errorMessage=""}static get styles(){return[l]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}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")}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((e=>e!==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}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
       <div
         part="form-control"
         class=${h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":i,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled})}