@aquera/nile-elements 0.0.9 → 0.0.10

package/dist/nile-switcher/nile-switcher.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,n,r,s,l,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,a,c,d;function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}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 _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);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}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(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){n=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){s=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(a||(a={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor";}(c||(c={}));_export("N",d=/*#__PURE__*/function(_r){_inherits(d,_r);var _super=_createSuper(d);function d(){_classCallCheck(this,d);return _super.apply(this,arguments);}_createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(d.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e,t){var _this=this;var n=e.value,r=e.label,s=e.placeholder,l=e.disabled,o=e.required,a=e.errorMessage,c=e.inputType;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),n,r,l,o,a,s,!0,function(e){_this.handleChange(e,t,c);});}},{key:"renderDropdown",value:function renderDropdown(e,t){var _this2=this;var n=e.options,r=e.multiple,s=e.placeholder,l=e.disabled,o=e.inputType;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),s,l,r,function(e){_this2.handleChange(e,t,o);},n===null||n===void 0?void 0:n.map(function(e){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e,t){var _this3=this;var n=e.value,r=e.disabled,s=e.inputType;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      .value=","\n      .disabled=","\n      @nile-input=","\n    ></nile-textarea>"])),n,r,function(e){_this3.handleChange(e,t,s);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e,t){var _this4=this;var n=e.value,r=e.label,s=e.disabled,l=e.inputType;return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n      .checked=","\n      .label=","\n      .disabled=","\n      @valueChange=","\n    ></nile-checkbox>"])),n,r,s,function(e){_this4.handleChange(e,t,l);});}},{key:"renderNileRadio",value:function renderNileRadio(e,t){var _this5=this;var n=e.options,r=e.value,s=e.disabled,l=e.inputType;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n    </nile-radio-group>"])),r,s,function(e){_this5.handleChange(e,t,l);},n&&n.map(function(e){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}));}},{key:"renderContentEditor",value:function renderContentEditor(e,t){var _this6=this;var n=e.value,r=e.options,s=e.inputType,l=e.errorMessage,o=e.type;return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-content-editor\n       .value=","\n       .options=","\n       .type =","\n       .errorMessage=","\n       @nile-change=","\n     >\n     </nile-radio-group>"])),n,r,o,l,function(e){_this6.handleChange(e,t,s);});}},{key:"handleChange",value:function handleChange(e,i,t){t===c.CHECKBOX?this.nileSwitchConfig[i].value=e.detail.checked:this.nileSwitchConfig[i].value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig});}},{key:"renderIcon",value:function renderIcon(){var e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-icon\n      size=\"14\"\n      class=","\n      .name=","\n      color=\"#005EA6\"\n      @click=","\n    ></nile-icon>"])),l({"pointer-cursor":!0,"flex-start":"stringinput"===e}),e,this.toggleField);}},{key:"toggleField",value:function toggleField(){this.nileSwitchConfig=_objectSpread(_objectSpread({},this.nileSwitchConfig),{},{toggleSwitch:!this.nileSwitchConfig.toggleSwitch}),this.emit("nile-switch",{config:this.nileSwitchConfig});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(e,t,n,r){var _this7=this;var l=e.inputType,o=t.inputType;return i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      ","\n      ","\n    "])),n?s(o,[[c.TEXTAREA,function(){return _this7.renderNileTextArea(t,a.SWITCH);}],[c.TEXT,function(){return _this7.renderNileText(t,a.SWITCH);}],[c.CONTENTEDITOR,function(){return _this7.renderContentEditor(t,a.SWITCH);}]],function(){return _this7.renderNileTextArea(t,a.SWITCH);}):s(l,[[c.TEXT,function(){return _this7.renderNileText(e,a.DEFAULT);}],[c.CHECKBOX,function(){return _this7.renderNileCheckBox(e,a.DEFAULT);}],[c.TEXTAREA,function(){return _this7.renderNileTextArea(e,a.DEFAULT);}],[c.RADIO,function(){return _this7.renderNileRadio(e,a.DEFAULT);}],[c.DROPDOWN,function(){return _this7.renderDropdown(_this7.nileSwitchConfig.defaultInput,a.DEFAULT);}],[c.CONTENTEDITOR,function(){return _this7.renderContentEditor(_this7.nileSwitchConfig.defaultInput,a.DEFAULT);}]],function(){return _this7.renderNileText(e,a.DEFAULT);}),r?"":this.renderIcon());}},{key:"render",value:function render(){var _this$nileSwitchConfi=this.nileSwitchConfig,e=_this$nileSwitchConfi.toggleSwitch,t=_this$nileSwitchConfi.defaultInput,n=_this$nileSwitchConfi.switchInput,r=_this$nileSwitchConfi.disable;return i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<div class=\"input-container\">\n      ","\n    </div>"])),this.singleFieldSwitcher(t,n,e,!!r));}}]);return d;}(r));d.styles=n,e([o({type:Object})],d.prototype,"nileSwitchConfig",void 0),_export("N",d=e([t("nile-switcher")],d));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,n,r,s,l,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,a,c,d;function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}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 _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);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}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(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){n=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){s=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(a||(a={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor";}(c||(c={}));_export("N",d=/*#__PURE__*/function(_r){_inherits(d,_r);var _super=_createSuper(d);function d(){_classCallCheck(this,d);return _super.apply(this,arguments);}_createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(d.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e,t){var _this=this;var n=e.value,r=e.label,s=e.placeholder,l=e.disabled,o=e.required,a=e.errorMessage,c=e.inputType;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),n,r,l,o,a,s,!0,function(e){_this.handleChange(e,t,c);});}},{key:"renderDropdown",value:function renderDropdown(e,t){var _this2=this;var n=e.options,r=e.multiple,s=e.placeholder,l=e.disabled,o=e.inputType;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),s,l,r,function(e){_this2.handleChange(e,t,o);},n===null||n===void 0?void 0:n.map(function(e){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e,t){var _this3=this;var n=e.value,r=e.disabled,s=e.inputType;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      .value=","\n      .disabled=","\n      @nile-input=","\n    ></nile-textarea>"])),n,r,function(e){_this3.handleChange(e,t,s);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e,t){var _this4=this;var n=e.value,r=e.label,s=e.disabled,l=e.inputType;return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n      .checked=","\n      .label=","\n      .disabled=","\n      @valueChange=","\n    ></nile-checkbox>"])),n,r,s,function(e){_this4.handleChange(e,t,l);});}},{key:"renderNileRadio",value:function renderNileRadio(e,t){var _this5=this;var n=e.options,r=e.value,s=e.disabled,l=e.inputType;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n    </nile-radio-group>"])),r,s,function(e){_this5.handleChange(e,t,l);},n&&n.map(function(e){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}));}},{key:"renderContentEditor",value:function renderContentEditor(e,t){var _this6=this;var n=e.value,r=e.options,s=e.inputType,l=e.errorMessage,o=e.type,a=e.readonly;return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-content-editor\n       .value=","\n       .options=","\n       .type =","\n       .readonly=","\n       .errorMessage=","\n       @nile-change=","\n     >\n     </nile-radio-group>"])),n,r,o,a,l,function(e){_this6.handleChange(e,t,s);});}},{key:"handleChange",value:function handleChange(e,i,t){t===c.CHECKBOX?this.nileSwitchConfig[i].value=e.detail.checked:this.nileSwitchConfig[i].value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig});}},{key:"renderIcon",value:function renderIcon(){var e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-icon\n      size=\"14\"\n      class=","\n      .name=","\n      color=\"#005EA6\"\n      @click=","\n    ></nile-icon>"])),l({"pointer-cursor":!0,"flex-start":!0}),e,this.toggleField);}},{key:"toggleField",value:function toggleField(){this.nileSwitchConfig.confirmation||(this.nileSwitchConfig=_objectSpread(_objectSpread({},this.nileSwitchConfig),{},{toggleSwitch:!this.nileSwitchConfig.toggleSwitch})),this.emit("nile-switch",{config:this.nileSwitchConfig});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(e,t,n,r){var _this7=this;var l=e.inputType,o=t.inputType;return i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      ","\n      ","\n    "])),n?s(o,[[c.TEXTAREA,function(){return _this7.renderNileTextArea(t,a.SWITCH);}],[c.TEXT,function(){return _this7.renderNileText(t,a.SWITCH);}],[c.CONTENTEDITOR,function(){return _this7.renderContentEditor(t,a.SWITCH);}]],function(){return _this7.renderNileTextArea(t,a.SWITCH);}):s(l,[[c.TEXT,function(){return _this7.renderNileText(e,a.DEFAULT);}],[c.CHECKBOX,function(){return _this7.renderNileCheckBox(e,a.DEFAULT);}],[c.TEXTAREA,function(){return _this7.renderNileTextArea(e,a.DEFAULT);}],[c.RADIO,function(){return _this7.renderNileRadio(e,a.DEFAULT);}],[c.DROPDOWN,function(){return _this7.renderDropdown(_this7.nileSwitchConfig.defaultInput,a.DEFAULT);}],[c.CONTENTEDITOR,function(){return _this7.renderContentEditor(_this7.nileSwitchConfig.defaultInput,a.DEFAULT);}]],function(){return _this7.renderNileText(e,a.DEFAULT);}),r?"":this.renderIcon());}},{key:"render",value:function render(){var _this$nileSwitchConfi=this.nileSwitchConfig,e=_this$nileSwitchConfi.toggleSwitch,t=_this$nileSwitchConfi.defaultInput,n=_this$nileSwitchConfi.switchInput,r=_this$nileSwitchConfi.disable;return i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<div class=\"input-container\">\n      ","\n    </div>"])),this.singleFieldSwitcher(t,n,e,!!r));}}]);return d;}(r));d.styles=n,e([o({type:Object})],d.prototype,"nileSwitchConfig",void 0),_export("N",d=e([t("nile-switcher")],d));}};});
 //# sourceMappingURL=nile-switcher.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR;\n  value?: String | boolean;\n  label?: String;\n  type: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${true}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled, inputType: inputTypeName } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n    } = Input;\n    return html`<nile-content-editor\n       .value=${value}\n       .options=${options}\n       .type =${type}\n       .errorMessage=${errorMessage}\n       @nile-change=${(e: CustomEvent) => {\n         this.handleChange(e, inputType, inputTypeName);\n       }}\n     >\n     </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {\n    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.checked;\n    } else {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': icon === 'stringinput',\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    this.nileSwitchConfig = {\n      ...this.nileSwitchConfig,\n      toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n    };\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean,\n    disable: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.CHECKBOX,\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.RADIO,\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.DROPDOWN,\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () =>\n                  this.renderContentEditor(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${!disable ? this.renderIcon() : ''}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n      disable,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(\n        defaultInput,\n        switchInput,\n        toggleField,\n        !!disable\n      )}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","_export","NileSwitcher","connectedCallback","super","this","emit","key","value","disconnectedCallback","renderNileText","Input","inputType","label","placeholder","disabled","required","errorMessage","inputTypeName","html","_templateObject","_taggedTemplateLiteral","e","handleChange","renderDropdown","_this2","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","_templateObject4","renderNileCheckBox","_templateObject5","renderNileRadio","_templateObject6","_templateObject7","renderContentEditor","_this6","type","_templateObject8","event","nileSwitchConfig","detail","checked","stopPropagation","config","renderIcon","icon","toggleSwitch","_templateObject9","classMap","toggleField","singleFieldSwitcher","defaultInput","switchInput","disable","defaultInputType","switchInputType","_templateObject10","choose","render","_this$nileSwitchConfi","_templateObject11","d","NileElement","styles","__decorate","property","Object","prototype","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  type?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${true}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled, inputType: inputTypeName } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n      readonly,\n    } = Input;\n    return html`<nile-content-editor\n       .value=${value}\n       .options=${options}\n       .type =${type}\n       .readonly=${readonly}\n       .errorMessage=${errorMessage}\n       @nile-change=${(e: CustomEvent) => {\n         this.handleChange(e, inputType, inputTypeName);\n       }}\n     >\n     </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {\n    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.checked;\n    } else {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': true,\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    if (!this.nileSwitchConfig.confirmation) {\n      this.nileSwitchConfig = {\n        ...this.nileSwitchConfig,\n        toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n      };\n    }\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean,\n    disable: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.CHECKBOX,\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.RADIO,\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.DROPDOWN,\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () =>\n                  this.renderContentEditor(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${!disable ? this.renderIcon() : ''}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n      disable,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(\n        defaultInput,\n        switchInput,\n        toggleField,\n        !!disable\n      )}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","_export","NileSwitcher","connectedCallback","super","this","emit","key","value","disconnectedCallback","renderNileText","Input","inputType","label","placeholder","disabled","required","errorMessage","inputTypeName","html","_templateObject","_taggedTemplateLiteral","e","handleChange","renderDropdown","_this2","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","_templateObject4","renderNileCheckBox","_templateObject5","renderNileRadio","_templateObject6","_templateObject7","renderContentEditor","type","readonly","_templateObject8","event","nileSwitchConfig","detail","checked","stopPropagation","config","renderIcon","icon","toggleSwitch","_templateObject9","classMap","toggleField","confirmation","_objectSpread","singleFieldSwitcher","defaultInput","switchInput","disable","defaultInputType","switchInputType","_templateObject10","choose","render","_this$nileSwitchConfi","_templateObject11","d","NileElement","styles","__decorate","property","Object","prototype","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as t}from"lit/decorators.js";import{s as n}from"./nile-switcher.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{choose as s}from"lit/directives/choose.js";import{classMap as l}from"lit/directives/class-map.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";var a,c;!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(a||(a={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor"}(c||(c={}));let d=class extends r{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e,t){const{value:n,label:r,placeholder:s,disabled:l,required:o,errorMessage:a,inputType:c}=e;return i`<nile-input
+import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as t}from"lit/decorators.js";import{s as n}from"./nile-switcher.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{choose as s}from"lit/directives/choose.js";import{classMap as l}from"lit/directives/class-map.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";var a,d;!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(a||(a={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor"}(d||(d={}));let c=class extends r{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e,t){const{value:n,label:r,placeholder:s,disabled:l,required:o,errorMessage:a,inputType:d}=e;return i`<nile-input
       .value=${n}
       .label=${r}
       .disabled=${l}
@@ -6,7 +6,7 @@ import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
       .errorMessage=${a}
       .placeholder=${s}
       .error=${!0}
-      @nile-input=${e=>{this.handleChange(e,t,c)}}
+      @nile-input=${e=>{this.handleChange(e,t,d)}}
     ></nile-input>`}renderDropdown(e,t){const{options:n,multiple:r,placeholder:s,disabled:l,inputType:o}=e;return i`<nile-select
       .placeholder=${s}
       .disabled="${l}"
@@ -29,22 +29,23 @@ import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
       @change=${e=>{this.handleChange(e,t,l)}}
     >
       ${n&&n.map((e=>i`<nile-radio .value="${e}">${e} </nile-radio>`))}
-    </nile-radio-group>`}renderContentEditor(e,t){const{value:n,options:r,inputType:s,errorMessage:l,type:o}=e;return i`<nile-content-editor
+    </nile-radio-group>`}renderContentEditor(e,t){const{value:n,options:r,inputType:s,errorMessage:l,type:o,readonly:a}=e;return i`<nile-content-editor
        .value=${n}
        .options=${r}
        .type =${o}
+       .readonly=${a}
        .errorMessage=${l}
        @nile-change=${e=>{this.handleChange(e,t,s)}}
      >
-     </nile-radio-group>`}handleChange(e,i,t){t===c.CHECKBOX?this.nileSwitchConfig[i].value=e.detail.checked:this.nileSwitchConfig[i].value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig})}renderIcon(){const e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i`<nile-icon
+     </nile-radio-group>`}handleChange(e,i,t){t===d.CHECKBOX?this.nileSwitchConfig[i].value=e.detail.checked:this.nileSwitchConfig[i].value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig})}renderIcon(){const e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i`<nile-icon
       size="14"
-      class=${l({"pointer-cursor":!0,"flex-start":"stringinput"===e})}
+      class=${l({"pointer-cursor":!0,"flex-start":!0})}
       .name=${e}
       color="#005EA6"
       @click=${this.toggleField}
-    ></nile-icon>`}toggleField(){this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch},this.emit("nile-switch",{config:this.nileSwitchConfig})}singleFieldSwitcher(e,t,n,r){const l=e.inputType,o=t.inputType;return i`
-      ${n?s(o,[[c.TEXTAREA,()=>this.renderNileTextArea(t,a.SWITCH)],[c.TEXT,()=>this.renderNileText(t,a.SWITCH)],[c.CONTENTEDITOR,()=>this.renderContentEditor(t,a.SWITCH)]],(()=>this.renderNileTextArea(t,a.SWITCH))):s(l,[[c.TEXT,()=>this.renderNileText(e,a.DEFAULT)],[c.CHECKBOX,()=>this.renderNileCheckBox(e,a.DEFAULT)],[c.TEXTAREA,()=>this.renderNileTextArea(e,a.DEFAULT)],[c.RADIO,()=>this.renderNileRadio(e,a.DEFAULT)],[c.DROPDOWN,()=>this.renderDropdown(this.nileSwitchConfig.defaultInput,a.DEFAULT)],[c.CONTENTEDITOR,()=>this.renderContentEditor(this.nileSwitchConfig.defaultInput,a.DEFAULT)]],(()=>this.renderNileText(e,a.DEFAULT)))}
+    ></nile-icon>`}toggleField(){this.nileSwitchConfig.confirmation||(this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch}),this.emit("nile-switch",{config:this.nileSwitchConfig})}singleFieldSwitcher(e,t,n,r){const l=e.inputType,o=t.inputType;return i`
+      ${n?s(o,[[d.TEXTAREA,()=>this.renderNileTextArea(t,a.SWITCH)],[d.TEXT,()=>this.renderNileText(t,a.SWITCH)],[d.CONTENTEDITOR,()=>this.renderContentEditor(t,a.SWITCH)]],(()=>this.renderNileTextArea(t,a.SWITCH))):s(l,[[d.TEXT,()=>this.renderNileText(e,a.DEFAULT)],[d.CHECKBOX,()=>this.renderNileCheckBox(e,a.DEFAULT)],[d.TEXTAREA,()=>this.renderNileTextArea(e,a.DEFAULT)],[d.RADIO,()=>this.renderNileRadio(e,a.DEFAULT)],[d.DROPDOWN,()=>this.renderDropdown(this.nileSwitchConfig.defaultInput,a.DEFAULT)],[d.CONTENTEDITOR,()=>this.renderContentEditor(this.nileSwitchConfig.defaultInput,a.DEFAULT)]],(()=>this.renderNileText(e,a.DEFAULT)))}
       ${r?"":this.renderIcon()}
     `}render(){const{toggleSwitch:e,defaultInput:t,switchInput:n,disable:r}=this.nileSwitchConfig;return i`<div class="input-container">
       ${this.singleFieldSwitcher(t,n,e,!!r)}
-    </div>`}};d.styles=n,e([o({type:Object})],d.prototype,"nileSwitchConfig",void 0),d=e([t("nile-switcher")],d);export{d as N};
+    </div>`}};c.styles=n,e([o({type:Object})],c.prototype,"nileSwitchConfig",void 0),c=e([t("nile-switcher")],c);export{c as N};

package/dist/src/internal/enum.d.ts

@@ -0,0 +1,17 @@
+export declare const KeyCode: {
+    BACKSPACE: string;
+    TAB: string;
+    ENTER: string;
+    SHIFT: string;
+    CTRL: string;
+    ESCAPE: string;
+    SPACE: string;
+    PAGE_UP: string;
+    PAGE_DOWN: string;
+    END: string;
+    HOME: string;
+    ARROW_LEFT: string;
+    ARROW_UP: string;
+    ARROW_RIGHT: string;
+    ARROW_DOWN: string;
+};

package/dist/src/internal/enum.js

@@ -0,0 +1,18 @@
+export const KeyCode = {
+    BACKSPACE: 'Backspace',
+    TAB: 'Tab',
+    ENTER: 'Enter',
+    SHIFT: 'ShiftLeft',
+    CTRL: 'ControlLeft',
+    ESCAPE: 'Escape',
+    SPACE: 'Space',
+    PAGE_UP: 'PageUp',
+    PAGE_DOWN: 'PageDown',
+    END: 'End',
+    HOME: 'Home',
+    ARROW_LEFT: 'ArrowLeft',
+    ARROW_UP: 'ArrowUp',
+    ARROW_RIGHT: 'ArrowRight',
+    ARROW_DOWN: 'ArrowDown',
+};
+//# sourceMappingURL=enum.js.map

package/dist/src/internal/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/internal/enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE,WAAW;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,YAAY;IACzB,UAAU,EAAE,WAAW;CACxB,CAAC","sourcesContent":["export const KeyCode = {\n  BACKSPACE: 'Backspace',\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  SHIFT: 'ShiftLeft', // or 'ShiftRight'\n  CTRL: 'ControlLeft', // or 'ControlRight'\n  ESCAPE: 'Escape',\n  SPACE: 'Space',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  END: 'End',\n  HOME: 'Home',\n  ARROW_LEFT: 'ArrowLeft',\n  ARROW_UP: 'ArrowUp',\n  ARROW_RIGHT: 'ArrowRight',\n  ARROW_DOWN: 'ArrowDown',\n};\n"]}

package/dist/src/nile-content-editor/nile-content-editor.css.js

@@ -12,6 +12,7 @@ export const styles = css `
   :host {
     width: 100%;
     box-sizing: border-box;
+    font-size: 14px;
   }
 
   .content-editable-wrapper {
@@ -47,21 +48,30 @@ export const styles = css `
     border-color: #e5434d;
   }
 
+  .read-only {
+    cursor: not-allowed;
+  }
+
   .chips {
+    display: inline;
     background: #e5e9eb;
     color: #000;
     border-radius: 4px;
     padding: 6px;
+    height: 24px;
+    line-height: 10px;
     margin-left: 3px;
-    display: inline;
     letter-spacing: 0.2px;
   }
 
   .text-area {
     height: 120px;
-    white-space: pre-wrap;
     overflow: scroll;
-    line-height: 24px;
+    line-height: 26px;
+  }
+
+  .text-area .chips {
+    padding: 4px 8px;
   }
 
   .chip-error {
@@ -72,6 +82,7 @@ export const styles = css `
     background-color: #ffffff;
     border: 1px solid #c7ced4;
     overflow: auto;
+    max-height: 150px;
   }
 
   label {

package/dist/src/nile-content-editor/nile-content-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 60px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .chips {\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    margin-left: 3px;\n    display: inline;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    white-space: pre-wrap;\n    overflow: scroll;\n    line-height: 24px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 14px;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 60px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .read-only {\n    cursor: not-allowed;\n  }\n\n  .chips {\n    display: inline;\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    height: 24px;\n    line-height: 10px;\n    margin-left: 3px;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    overflow: scroll;\n    line-height: 26px;\n  }\n\n  .text-area .chips {\n    padding: 4px 8px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n    max-height: 150px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-content-editor/nile-content-editor.d.ts

@@ -23,25 +23,36 @@ export declare class NileContentEditor extends NileElement {
    */
     value: string;
     options: Array<any>;
+    filteredOptions: Array<any>;
     showLabel: boolean;
     labelText: string;
     type: string;
     required: boolean;
-    input: HTMLInputElement;
+    contentEditor: HTMLInputElement;
     autoOptions: HTMLInputElement;
-    private openDropdown;
+    openDropdown: boolean;
+    tagIdentifier: string;
+    filteredValue: string;
     helpText: string;
+    readonly: boolean;
     errorMessage: string;
+    error: boolean;
     static styles: CSSResultGroup;
     connectedCallback(): void;
+    setInitialValues(): void;
+    addOpenListeners(): void;
+    removeOpenListeners(): void;
+    toggleDropdown(value: boolean): void;
+    handleOutsideClick(event: Event): void;
     handleTypeChange(): void;
     disconnectedCallback(): void;
-    afterFirstRender(): Promise<boolean>;
+    handlePaste(event: ClipboardEvent): void;
     private handlekeyDown;
+    filterOptions(): void;
     generateValuesFromHTMLTags(string: any): string;
     generateHTMLTagsWithValues(string: any): string;
     emitInputChange(): void;
-    moveCursorToEnd: () => void;
+    insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag: Node): void;
     handleOptions(option: any): void;
     renderAutoOptions(): TemplateResult;
     render(): TemplateResult;

package/dist/src/nile-content-editor/nile-content-editor.js

@@ -11,6 +11,8 @@ import { styles } from './nile-content-editor.css';
 import { classMap } from 'lit/directives/class-map.js';
 import NileElement from '../internal/nile-element';
 import { watch } from '../internal/watch';
+import { KeyCode } from '../internal/enum';
+import { live } from 'lit/directives/live.js';
 /**
  * Nile icon component.
  *
@@ -33,48 +35,87 @@ let NileContentEditor = class NileContentEditor extends NileElement {
         this.type = 'text|text-area';
         this.required = true;
         this.openDropdown = false;
+        this.tagIdentifier = '$';
+        this.filteredValue = '';
         this.helpText = '';
+        this.readonly = false;
         this.errorMessage = '';
-        this.moveCursorToEnd = () => {
-            const range = document.createRange();
-            const selection = window.getSelection();
-            range.setStart(this.input, this.input.childNodes.length);
-            range.collapse(true);
-            selection?.removeAllRanges();
-            selection?.addRange(range);
-            this.input.focus();
-        };
+        this.error = false;
     }
     connectedCallback() {
+        this.handleOutsideClick = this.handleOutsideClick.bind(this);
         super.connectedCallback();
         this.emit('nile-init');
-        this.afterFirstRender().then(res => {
-            if (res && this.value !== '')
-                this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);
+        this.addOpenListeners();
+        this.setInitialValues();
+    }
+    setInitialValues() {
+        this.updateComplete.then(res => {
+            if (res && !!this.value)
+                this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);
         });
     }
+    addOpenListeners() {
+        window.addEventListener('click', this.handleOutsideClick);
+    }
+    removeOpenListeners() {
+        window.removeEventListener('click', this.handleOutsideClick);
+    }
+    toggleDropdown(value) {
+        this.openDropdown = value;
+    }
+    handleOutsideClick(event) {
+        if (event && event.target) {
+            this.toggleDropdown(false);
+        }
+    }
     handleTypeChange() {
-        this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);
+        this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        this.removeOpenListeners();
         this.emit('nile-destroy');
     }
-    async afterFirstRender() {
-        return await this.updateComplete;
+    handlePaste(event) {
+        event.preventDefault();
+        if (event.clipboardData) {
+            let text = event.clipboardData.getData('text/plain');
+            document.execCommand('insertText', false, text);
+        }
+        this.emitInputChange();
     }
     handlekeyDown(event) {
-        if (event.code === 'Enter' && this.type === 'text') {
+        if (event.code === KeyCode.ENTER && this.type === 'text') {
+            event.preventDefault();
+            return;
+        }
+        if (event.code === KeyCode.ESCAPE) {
             event.preventDefault();
+            this.toggleDropdown(false);
+            return;
         }
         setTimeout(() => {
-            const value = this.input.innerText;
+            const value = this.contentEditor.innerText;
             this.emitInputChange();
-            if (value.includes('$')) {
-                this.openDropdown = true;
+            if (value.includes(this.tagIdentifier)) {
+                this.toggleDropdown(true);
+                this.filterOptions();
+            }
+            else {
+                this.toggleDropdown(false);
             }
         });
     }
+    filterOptions() {
+        this.filteredOptions = this.options;
+        if (!!this.options.length && !!this.filteredValue) {
+            this.filteredOptions = this.options.filter(item => item.startsWith(this.filteredValue));
+        }
+        else {
+            this.filteredOptions = this.options;
+        }
+    }
     generateValuesFromHTMLTags(string) {
         var pattern = /<span class="chips(?: chip-error)?" contenteditable="false">(.*?)<\/span>/g;
         var result = string.replace(pattern, (match, option) => {
@@ -94,34 +135,40 @@ let NileContentEditor = class NileContentEditor extends NileElement {
         return result;
     }
     emitInputChange() {
-        let fieldValue = this.input.innerHTML;
-        if (this.input.innerText !== '') {
-            fieldValue = this.generateValuesFromHTMLTags(fieldValue);
+        if (this.contentEditor) {
+            let fieldValue = this.contentEditor.innerHTML;
+            if (this.contentEditor.innerText !== '') {
+                fieldValue = this.generateValuesFromHTMLTags(fieldValue);
+            }
+            fieldValue = fieldValue.replace(/&nbsp;/g, ' ');
+            fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();
+            this.emit('nile-change', {
+                value: this.generateValuesFromHTMLTags(fieldValue),
+            });
         }
-        fieldValue = fieldValue.replace(/&nbsp;/g, ' ');
-        fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();
-        this.emit('nile-change', {
-            value: this.generateValuesFromHTMLTags(fieldValue),
+    }
+    insertNodes(parentNode, childNodes, autoOptionsTag) {
+        Array.from(childNodes).map((node, index) => {
+            if (node.hasChildNodes()) {
+                this.insertNodes(node, node.childNodes, autoOptionsTag);
+            }
+            else {
+                if (node.nodeValue?.includes(this.tagIdentifier)) {
+                    parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(this.tagIdentifier + this.filteredValue, '');
+                    parentNode.childNodes[index].after(autoOptionsTag);
+                }
+            }
         });
     }
     handleOptions(option) {
-        this.openDropdown = !this.openDropdown;
-        // not appending Native element as it replaces all existing child nodes with new node
-        const autoOptionsTag = '<span class="chips" contenteditable="false">' + option + '</span>';
-        // text editor adds div when pressing enter , so before appending have to check if its parent node is div else append it to content editable parent
-        if (this.input?.lastElementChild?.tagName === 'DIV') {
-            this.input.lastElementChild.insertAdjacentHTML('beforeend', autoOptionsTag);
-            if (this.input.lastElementChild.lastChild?.previousSibling)
-                this.input.lastElementChild.lastChild.previousSibling.nodeValue =
-                    this.input.lastElementChild.lastChild.previousSibling.nodeValue.replace('$', '');
-        }
-        else {
-            this.input.insertAdjacentHTML('beforeend', autoOptionsTag);
-            if (this.input.lastChild?.previousSibling) {
-                this.input.lastChild.previousSibling.nodeValue =
-                    this.input.lastChild.previousSibling.nodeValue.replace('$', '');
-            }
-        }
+        this.toggleDropdown(false);
+        let autoOptionsTag = document.createElement('span');
+        autoOptionsTag.setAttribute('class', 'chips');
+        autoOptionsTag.setAttribute('contentEditable', 'false');
+        autoOptionsTag.innerText = option;
+        this.insertNodes(this.contentEditor, this.contentEditor.childNodes, autoOptionsTag);
+        this.filteredOptions = this.options;
+        this.filteredValue = '';
         this.emitInputChange();
     }
     renderAutoOptions() {
@@ -129,10 +176,10 @@ let NileContentEditor = class NileContentEditor extends NileElement {
       class="${classMap({
             'nile-options-container': true,
             'dropdown-position': this.type === 'text-area',
-        })}class"
+        })}"
     >
-      ${this.options &&
-            this.options.map((option) => {
+      ${this.filteredOptions &&
+            this.filteredOptions.map((option) => {
                 return html ` <nile-option
           .value="${option}"
           @click="${(event) => {
@@ -145,11 +192,13 @@ let NileContentEditor = class NileContentEditor extends NileElement {
     }
     render() {
         const hasHelpText = this.helpText ? true : false;
+        const hasError = !!this.error;
         const hasErrorMessage = !!this.errorMessage;
+        const readonly = !!this.readonly;
         const type = this.type;
         return html `
       <nile-popup
-        .active="${this.openDropdown}"
+        .active="${live(this.openDropdown)}"
         sync="width"
         placement="bottom"
         class=${classMap({
@@ -162,17 +211,19 @@ let NileContentEditor = class NileContentEditor extends NileElement {
           ${this.showLabel && this.labelText
             ? html `<label class="ods-label">${this.labelText} </label> ${this
                 .required
-                ? html `<span class="asterik">*</span>`
+                ? html `<sapn class="asterik">*</span>`
                 : ''}`
             : ''}
           <div
-            contenteditable="true"
+            contenteditable="${!readonly}"
             class=${classMap({
             'content-editable-input': true,
-            error: hasErrorMessage,
+            error: hasError || hasErrorMessage,
+            'read-only': readonly,
             'text-area': type === 'text-area' ? true : false,
         })}
             @keydown=${this.handlekeyDown}
+            @paste=${this.handlePaste}
           ></div>
           ${hasHelpText
             ? html `
@@ -200,6 +251,9 @@ __decorate([
 __decorate([
     property()
 ], NileContentEditor.prototype, "options", void 0);
+__decorate([
+    property()
+], NileContentEditor.prototype, "filteredOptions", void 0);
 __decorate([
     property()
 ], NileContentEditor.prototype, "showLabel", void 0);
@@ -214,7 +268,7 @@ __decorate([
 ], NileContentEditor.prototype, "required", void 0);
 __decorate([
     query('.content-editable-input')
-], NileContentEditor.prototype, "input", void 0);
+], NileContentEditor.prototype, "contentEditor", void 0);
 __decorate([
     query('.nile-options-container')
 ], NileContentEditor.prototype, "autoOptions", void 0);
@@ -224,9 +278,15 @@ __decorate([
 __decorate([
     property({ attribute: 'help-text' })
 ], NileContentEditor.prototype, "helpText", void 0);
+__decorate([
+    property({ attribute: 'readonly' })
+], NileContentEditor.prototype, "readonly", void 0);
 __decorate([
     property({ attribute: 'error-message' })
 ], NileContentEditor.prototype, "errorMessage", void 0);
+__decorate([
+    property({ attribute: 'error' })
+], NileContentEditor.prototype, "error", void 0);
 __decorate([
     watch('type', { waitUntilFirstUpdate: true })
 ], NileContentEditor.prototype, "handleTypeChange", null);