@aquera/nile-elements 0.0.28 → 0.0.30

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    font-size: 14px;\n    overflow: hidden;\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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-content-editor.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-content-editor.css.cjs.js","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-content-editor.css.cjs.js","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    font-size: 14px;\n    overflow: hidden;\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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -2,6 +2,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
   :host {
     box-sizing: border-box;
     font-size: 14px;
+    overflow: hidden;
   }
 
   .content-editable-wrapper {

package/dist/nile-error-message/nile-error-message.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var s,e,r,i,t,o,_templateObject,_templateObject2,_templateObject3,n;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 _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){s=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.s;r=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){o=_property002CjsJs.n;}],execute:function(){_export("N",n=/*#__PURE__*/function(_e){_inherits(n,_e);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.errorMessage="",_this.isExpanded=!1,_this.MAX_LENGTH=100;return _this;}_createClass(n,[{key:"getTruncatedResponse",value:function getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?"".concat(this.errorResponse.substring(0,this.MAX_LENGTH),"..."):this.errorResponse;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">","</span>\n\n\n        ","\n\n        <div\n          class=\"nile-error-message__response-expanded ","\"\n        >\n          ","\n        </div>\n      </div>\n    "])),this.errorMessage,this.errorResponse?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"nile-error-message__response\">\n            ","\n            ","\n            </div>\n            "])),this.errorResponse,this.errorResponseLong?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <span\n              class=\"nile-error-message__more-button\"\n              @click=","\n              >","</span\n            >"])),this.toggleExpanded,this.isExpanded?"View Less":"View More"):""):"",this.isExpanded?"expanded":"collapsed",this.errorResponseLong);}}],[{key:"styles",get:function get(){return[t];}}]);return n;}(e));s([o({type:String})],n.prototype,"errorMessage",void 0),s([o({type:String})],n.prototype,"errorResponse",void 0),s([o({type:String})],n.prototype,"errorResponseLong",void 0),s([o({type:Boolean})],n.prototype,"isExpanded",void 0),_export("N",n=s([i("nile-error-message")],n));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var s,e,r,i,t,o,_templateObject,_templateObject2,_templateObject3,n;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 _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){s=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.s;r=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){o=_property002CjsJs.n;}],execute:function(){_export("N",n=/*#__PURE__*/function(_e){_inherits(n,_e);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.errorMessage="",_this.isExpanded=!1,_this.MAX_LENGTH=100;return _this;}_createClass(n,[{key:"getTruncatedResponse",value:function getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?"".concat(this.errorResponse.substring(0,this.MAX_LENGTH),"..."):this.errorResponse;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#A4121C\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">","</span>\n\n\n        ","\n\n        <div\n          class=\"nile-error-message__response-expanded ","\"\n        >\n          ","\n        </div>\n      </div>\n    "])),this.errorMessage,this.errorResponse?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"nile-error-message__response\">\n            ","\n            ","\n            </div>\n            "])),this.errorResponse,this.errorResponseLong?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <span\n              class=\"nile-error-message__more-button\"\n              @click=","\n              >","</span\n            >"])),this.toggleExpanded,this.isExpanded?"View Less":"View More"):""):"",this.isExpanded?"expanded":"collapsed",this.errorResponseLong);}}],[{key:"styles",get:function get(){return[t];}}]);return n;}(e));s([o({type:String})],n.prototype,"errorMessage",void 0),s([o({type:String})],n.prototype,"errorResponse",void 0),s([o({type:String})],n.prototype,"errorResponseLong",void 0),s([o({type:Boolean})],n.prototype,"isExpanded",void 0),_export("N",n=s([i("nile-error-message")],n));}};});
 //# sourceMappingURL=nile-error-message.cjs.js.map

package/dist/nile-error-message/nile-error-message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // Represents the error message to be displayed to the user.\n  @property({ type: String })\n  errorMessage: string = '';\n\n  // Represents additional details about the error, like stack trace or other info.\n  @property({ type: String })\n  errorResponse: string;\n\n  // Extended error information\n  @property({ type: String })\n  errorResponseLong: string;\n\n  @property({ type: Boolean })\n  isExpanded: boolean = false;\n\n  // The maximum length before truncation.\n  private readonly MAX_LENGTH: number = 100;\n\n  /**\n   * Get a truncated version of the errorResponse if it's too long.\n   * @returns {string}\n   */\n  getTruncatedResponse(): string {\n    if (this.errorResponse.length > this.MAX_LENGTH) {\n      return `${this.errorResponse.substring(0, this.MAX_LENGTH)}...`;\n    }\n    return this.errorResponse;\n  }\n\n  /**\n   * Toggle the expanded state of the error response.\n   */\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">${this.errorMessage}</span>\n\n\n        ${this.errorResponse\n        ? html`\n            <div class=\"nile-error-message__response\">\n            ${this.errorResponse}\n            ${this.errorResponseLong\n                ? html`\n              <span\n              class=\"nile-error-message__more-button\"\n              @click=${this.toggleExpanded}\n              >${this.isExpanded ? 'View Less' : 'View More'}</span\n            >`:``}\n            </div>\n            `\n        : ``}\n\n        <div\n          class=\"nile-error-message__response-expanded ${this.isExpanded\n            ? 'expanded'\n            : 'collapsed'}\"\n        >\n          ${this.errorResponseLong}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","n","constructor","this","errorMessage","isExpanded","MAX_LENGTH","_this","_createClass","key","value","getTruncatedResponse","errorResponse","length","concat","substring","toggleExpanded","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","errorResponseLong","_templateObject3","__decorate","get","styles","LitElement","property","type","String","prototype","Boolean","_export","customElement"],"mappings":"utHAeaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAOLC,KAAAA,CAAYC,YAAAA,CAAW,EAWvBD,CAAAA,KAAAA,CAAUE,UAAY,CAAA,CAAA,CAAA,CAGLF,KAAAA,CAAUG,UAAAA,CAAW,GA0DvC,QAAAC,KAAA,EA9EQC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,wBAAAC,KAAA,CA0BP,SAAAC,qBAAA,CACE,CAAA,MAAIR,KAAKS,CAAAA,aAAAA,CAAcC,MAASV,CAAAA,IAAAA,CAAKG,UAC5B,IAAAQ,MAAA,CAAGX,IAAKS,CAAAA,aAAAA,CAAcG,SAAU,CAAA,CAAA,CAAGZ,IAAKG,CAAAA,UAAAA,CAAAA,QAE1CH,IAAKS,CAAAA,aACb,EAKD,GAAAH,GAAA,kBAAAC,KAAA,UAAAM,eAAA,CACEb,CAAAA,IAAAA,CAAKE,UAAcF,CAAAA,CAAAA,IAAAA,CAAKE,UACzB,EAEM,GAAAI,GAAA,UAAAC,KAAA,UAAAO,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4dASmCjB,IAAKC,CAAAA,YAAAA,CAG7CD,IAAAA,CAAKS,cACLM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,sIAEAjB,IAAKS,CAAAA,aAAAA,CACLT,IAAAA,CAAKmB,kBACDJ,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,yJAGCjB,IAAKa,CAAAA,cAAAA,CACXb,IAAAA,CAAKE,WAAa,WAAc,CAAA,WAAA,EAClC,EAAA,EAGL,EAAA,CAG+CF,IAAAA,CAAKE,WAChD,UACA,CAAA,WAAA,CAEFF,IAAKmB,CAAAA,iBAAAA,EAId,CAvEDE,KAAAA,GAAAA,UAAAA,GAAAA,CANO,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAwBD,WAAAzB,CAAA,GA3BoC0B,CAAAA,GAOpCH,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMC,MACQ9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+B,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAI1BP,EAAA,CADCI,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CACI9B,EAAA+B,SAAA,CAAA,eAAA,CAAA,IAAA,IAItBP,CAAA,CAAA,CADCI,EAAS,CAAEC,IAAAA,CAAMC,UACQ9B,CAAA+B,CAAAA,SAAAA,CAAA,wBAAA,EAG1BP,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMG,OACUhC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+B,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAlBjBjC,EAAgBwB,CAAA,CAAA,CAD5BU,CAAc,CAAA,oBAAA,CAAA,CAAA,CACFlC"}
+{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // Represents the error message to be displayed to the user.\n  @property({ type: String })\n  errorMessage: string = '';\n\n  // Represents additional details about the error, like stack trace or other info.\n  @property({ type: String })\n  errorResponse: string;\n\n  // Extended error information\n  @property({ type: String })\n  errorResponseLong: string;\n\n  @property({ type: Boolean })\n  isExpanded: boolean = false;\n\n  // The maximum length before truncation.\n  private readonly MAX_LENGTH: number = 100;\n\n  /**\n   * Get a truncated version of the errorResponse if it's too long.\n   * @returns {string}\n   */\n  getTruncatedResponse(): string {\n    if (this.errorResponse.length > this.MAX_LENGTH) {\n      return `${this.errorResponse.substring(0, this.MAX_LENGTH)}...`;\n    }\n    return this.errorResponse;\n  }\n\n  /**\n   * Toggle the expanded state of the error response.\n   */\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#A4121C\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">${this.errorMessage}</span>\n\n\n        ${this.errorResponse\n        ? html`\n            <div class=\"nile-error-message__response\">\n            ${this.errorResponse}\n            ${this.errorResponseLong\n                ? html`\n              <span\n              class=\"nile-error-message__more-button\"\n              @click=${this.toggleExpanded}\n              >${this.isExpanded ? 'View Less' : 'View More'}</span\n            >`:``}\n            </div>\n            `\n        : ``}\n\n        <div\n          class=\"nile-error-message__response-expanded ${this.isExpanded\n            ? 'expanded'\n            : 'collapsed'}\"\n        >\n          ${this.errorResponseLong}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","n","constructor","this","errorMessage","isExpanded","MAX_LENGTH","_this","_createClass","key","value","getTruncatedResponse","errorResponse","length","concat","substring","toggleExpanded","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","errorResponseLong","_templateObject3","__decorate","get","styles","LitElement","property","type","String","prototype","Boolean","_export","customElement"],"mappings":"utHAeaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAOLC,KAAAA,CAAYC,YAAAA,CAAW,EAWvBD,CAAAA,KAAAA,CAAUE,UAAY,CAAA,CAAA,CAAA,CAGLF,KAAAA,CAAUG,UAAAA,CAAW,GA0DvC,QAAAC,KAAA,EA9EQC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,wBAAAC,KAAA,CA0BP,SAAAC,qBAAA,CACE,CAAA,MAAIR,KAAKS,CAAAA,aAAAA,CAAcC,MAASV,CAAAA,IAAAA,CAAKG,UAC5B,IAAAQ,MAAA,CAAGX,IAAKS,CAAAA,aAAAA,CAAcG,SAAU,CAAA,CAAA,CAAGZ,IAAKG,CAAAA,UAAAA,CAAAA,QAE1CH,IAAKS,CAAAA,aACb,EAKD,GAAAH,GAAA,kBAAAC,KAAA,UAAAM,eAAA,CACEb,CAAAA,IAAAA,CAAKE,UAAcF,CAAAA,CAAAA,IAAAA,CAAKE,UACzB,EAEM,GAAAI,GAAA,UAAAC,KAAA,UAAAO,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4dASmCjB,IAAKC,CAAAA,YAAAA,CAG7CD,IAAAA,CAAKS,cACLM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,sIAEAjB,IAAKS,CAAAA,aAAAA,CACLT,IAAAA,CAAKmB,kBACDJ,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,yJAGCjB,IAAKa,CAAAA,cAAAA,CACXb,IAAAA,CAAKE,WAAa,WAAc,CAAA,WAAA,EAClC,EAAA,EAGL,EAAA,CAG+CF,IAAAA,CAAKE,WAChD,UACA,CAAA,WAAA,CAEFF,IAAKmB,CAAAA,iBAAAA,EAId,CAvEDE,KAAAA,GAAAA,UAAAA,GAAAA,CANO,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAwBD,WAAAzB,CAAA,GA3BoC0B,CAAAA,GAOpCH,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMC,MACQ9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+B,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAI1BP,EAAA,CADCI,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CACI9B,EAAA+B,SAAA,CAAA,eAAA,CAAA,IAAA,IAItBP,CAAA,CAAA,CADCI,EAAS,CAAEC,IAAAA,CAAMC,UACQ9B,CAAA+B,CAAAA,SAAAA,CAAA,wBAAA,EAG1BP,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMG,OACUhC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+B,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAlBjBjC,EAAgBwB,CAAA,CAAA,CAD5BU,CAAc,CAAA,oBAAA,CAAA,CAAA,CACFlC"}

package/dist/nile-error-message/nile-error-message.esm.js

@@ -5,7 +5,7 @@ import{__decorate as e}from"tslib";import{s,x as r}from"../index-cd2f9c12.esm.js
           size="14"
           class="nile-error-message__icon"
           part="icon"
-          color="#E5434D"
+          color="#A4121C"
         ></nile-icon>
         <span class="nile-error-message__error">${this.errorMessage}</span>
 

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

@@ -1,2 +1,2 @@
-System.register(["./nile-switcher.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/choose.js","lit/directives/class-map.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-switcher.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesRepeatJs){},function(_property002CjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-switcher.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"../property-09139d3c.esm.js";
+export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-switcher.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"lit/directives/repeat.js";import"../property-09139d3c.esm.js";

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,r,n,s,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,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){r=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){s=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_property002CjsJs){l=_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(_n){_inherits(d,_n);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 r=e.value,n=e.label,s=e.placeholder,o=e.disabled,l=e.required,a=e.error,c=e.errorMessage,_d=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>"])),r,n,o,l,c,s,a,function(e){_this.handleChange(e,t,_d);});}},{key:"renderDropdown",value:function renderDropdown(e,t){var _this2=this;var r=e.options,n=e.multiple,s=e.placeholder,o=e.disabled,l=e.value,a=e.error,c=e.errorMessage,_d2=e.inputType;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),s,o,n,l,a,c,function(e){_this2.handleChange(e,t,_d2);},r===null||r===void 0?void 0:r.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 r=e.value,n=e.disabled,s=e.readonly,o=e.errorMessage,l=e.error,a=e.inputType;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),r,n,s,l,o,function(e){_this3.handleChange(e,t,a);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e,t){var _this4=this;var r=e.value,n=e.label,s=e.disabled,o=e.inputType;return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),r,n,s,function(e){_this4.handleChange(e,t,o);});}},{key:"renderNileRadio",value:function renderNileRadio(e,t){var _this5=this;var r=e.options,n=e.value,s=e.disabled,o=e.inputType,l=e.errorMessage,a=!!l;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),n,s,function(e){_this5.handleChange(e,t,o);},r&&r.map(function(e){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),a?this.renderErrorMessage(l):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e,t){var _this6=this;var r=e.options,n=e.inputType,s=e.errorMessage,o=e.type,l=e.readonly,a=e.noborder,c=e.value;return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),c,r,o,l,a,s,function(e){_this6.handleChange(e,t,n);});}},{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(e,t){var r=e.helperText,n=t.helperText,s=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions",l=this.nileSwitchConfig.toggleSwitch?r||"switch to ".concat(e.inputType):n||"switch to ".concat(t.inputType);return i(_templateObject10||(_templateObject10=_taggedTemplateLiteral([" <nile-tooltip\n      class=","\n      content=","\n      placement=\"bottom\"\n    >\n      <nile-icon\n        size=\"14\"\n        class=","\n        .name=","\n        color=\"#005EA6\"\n        @click=","\n      ></nile-icon>\n    </nile-tooltip>"])),o({"tooltip-container":!0}),l,o({"pointer-cursor":!0}),s,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,r,n){var _this7=this;var o=e.inputType,l=t.inputType;return i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n      ","\n      ","\n    "])),r?s(l,[[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(o,[[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);}),n?"":this.renderIcon(e,t));}},{key:"render",value:function render(){var _this$nileSwitchConfi=this.nileSwitchConfig,e=_this$nileSwitchConfi.toggleSwitch,t=_this$nileSwitchConfi.defaultInput,r=_this$nileSwitchConfi.switchInput,n=_this$nileSwitchConfi.disable;return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<div class=\"input-container\">\n      ","\n    </div>"])),this.singleFieldSwitcher(t,r,e,!!n));}}]);return d;}(n));d.styles=r,e([l({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","lit/directives/repeat.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var e,i,r,t,s,n,o,l,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,a,d,h,p,u;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){r=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){t=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){n=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_litDirectivesRepeatJs){l=_litDirectivesRepeatJs.repeat;},function(_property002CjsJs){c=_property002CjsJs.n;},function(_lit){}],execute:function(){!function(e){e.INLINE="inline",e.BLOCK="block";}(a||(a={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(d||(d={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper";}(h||(h={})),function(e){e.CREATE="create",e.EDIT="edit";}(p||(p={}));_export("N",u=/*#__PURE__*/function(_s){_inherits(u,_s);var _super=_createSuper(u);function u(){_classCallCheck(this,u);return _super.apply(this,arguments);}_createClass(u,[{key:"connectedCallback",value:function connectedCallback(){this.currentInput=this.nileSwitchConfig.inputs[0],_get(_getPrototypeOf(u.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(u.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e){var _this=this;var r=e.value,t=e.label,s=e.placeholder,n=e.disabled,l=e.required,c=e.error,a=e.errorMessage,d=e.inputType,h=e.noborder;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),o({"switcher-input":!0,"switcher-input--noborder":!!h}),r,t,n,l,a,s,c,function(e){_this.handleChange(e,d);});}},{key:"renderDropdown",value:function renderDropdown(e){var _this2=this;var r=e.options,t=e.multiple,s=e.placeholder,n=e.disabled,o=e.value,l=e.error,c=e.errorMessage,a=e.inputType;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      class=\"switcher-dropdown\"\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),s,n,t,o,l,c,function(e){_this2.handleChange(e,a);},r===null||r===void 0?void 0:r.map(function(e){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e){var _this3=this;var r=e.value,t=e.disabled,s=e.readonly,n=e.errorMessage,o=e.error,l=e.inputType;return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      class=\"switcher-textarea\"\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),r,t,s,o,n,function(e){_this3.handleChange(e,l);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e){var _this4=this;var r=e.value,t=e.label,s=e.disabled,n=e.inputType;return i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),r,t,s,function(e){_this4.handleChange(e,n);});}},{key:"renderNileRadio",value:function renderNileRadio(e){var _this5=this;var r=e.options,t=e.value,s=e.disabled,n=e.errorMessage,o=e.inputType,l=!!n;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),t,s,function(e){_this5.handleChange(e,o);},r&&r.map(function(e){return i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),l?this.renderErrorMessage(n):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e){var _this6=this;var r=e.options,t=e.inputType,s=e.errorMessage,n=e.type,o=e.readonly,l=e.noborder,c=e.value;return i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),c,r,n,o,l,s,function(e){_this6.handleChange(e,t);});}},{key:"renderObjectMapper",value:function renderObjectMapper(){var _this7=this;var e=this.currentInput.noborder;this.currentInput.mode;var r=this.currentInput.mode===p.CREATE?"Click to Create - Not Mapped":"";return i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      readonly=\"true\"\n      @click=\"","\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"collapse\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>"])),o({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!e}),r,function(e){return _this7.handleChange(e,h.OBJECT_MAPPER);});}},{key:"handleChange",value:function handleChange(e,i){switch(i){case h.OBJECT_MAPPER:this.currentInput.value="clicked";break;case h.CHECKBOX:this.currentInput.value=e.detail.checked;break;default:this.currentInput.value=e.detail.value;}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput});}},{key:"renderIcon",value:function renderIcon(){var _this8=this;var e=this.nileSwitchConfig.inputs,r=this.nileSwitchConfig.align===a.BLOCK?"top":"bottom";return i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n      <div class=\"switcher-icons-container\">\n        ","\n      </div>\n    "])),l(e,function(e){return i(_templateObject12||(_templateObject12=_taggedTemplateLiteral([" <nile-tooltip\n            class=","\n            content=","\n            placement=","\n          >\n            <div  class=",">\n               <nile-icon\n              size=\"16\"\n              class=","\n              .name=","\n              color=\"#000000\"\n              @click=","\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>"])),o({"switcher-tooltip-container":!0}),e.helperText,r,o({"switcher-icon-container":!0,current:e.order===_this8.currentInput.order}),o({"pointer-cursor":!0}),e.icon,function(){return _this8.toggleField(e);});}));}},{key:"toggleField",value:function toggleField(e){this.currentInput=e,this.emit("nile-switch",{input:this.currentInput});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(){var _this9=this;return i(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      ","\n    "])),n(this.currentInput.inputType,[[h.TEXT,function(){return _this9.renderNileText(_this9.currentInput);}],[h.CHECKBOX,function(){return _this9.renderNileCheckBox(_this9.currentInput);}],[h.TEXTAREA,function(){return _this9.renderNileTextArea(_this9.currentInput);}],[h.RADIO,function(){return _this9.renderNileRadio(_this9.currentInput);}],[h.DROPDOWN,function(){return _this9.renderDropdown(_this9.currentInput);}],[h.CONTENTEDITOR,function(){return _this9.renderContentEditor(_this9.currentInput);}],[h.OBJECT_MAPPER,function(){return _this9.renderObjectMapper();}]],function(){return _this9.renderNileText(_this9.currentInput);}));}},{key:"render",value:function render(){var e=this.nileSwitchConfig.align;return i(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["<div\n      class=","\n    >\n      "," ","\n    </div>"])),o({"switcher-block":e===a.BLOCK,"switcher-inline":e===a.INLINE,"switcher-input-container":!0}),this.renderIcon(),this.singleFieldSwitcher());}}]);return u;}(s));u.styles=t,e([c({type:Object})],u.prototype,"nileSwitchConfig",void 0),e([c()],u.prototype,"currentInput",void 0),_export("N",u=e([r("nile-switcher")],u));}};});
 //# 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  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  helperText?: string;\n  multiple?: boolean;\n  noborder?: 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      error,\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=${error}\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      value,\n      error,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      .value=\"${value}\"\n      .error=\"${error}\"\n      .errorMessage=\"${errorMessage}\"\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 {\n      value,\n      disabled,\n      readonly,\n      errorMessage,\n      error,\n      inputType: inputTypeName,\n    } = Input;\n\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      ?readonly=${readonly}\n      .error=${error}\n      .errorMessage=${errorMessage}\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\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      value,\n      disabled,\n      inputType: inputTypeName,\n      errorMessage,\n    } = Input;\n\n    const haserrorMessage = !!errorMessage;\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      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}\n    </nile-radio-group> `;\n  }\n\n  renderErrorMessage(errorMessage: string) {\n    return html`\n      <nile-form-error-message>${errorMessage}</nile-form-error-message>\n    `;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    let {\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n      readonly,\n      noborder,\n      value,\n    } = Input;\n    return html`<nile-content-editor\n      .value=${value}\n      .options=${options}\n      .type=${type}\n      .readonly=${readonly}\n      .noborder=${noborder}\n      .errorMessage=${errorMessage}\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n    </nile-content-editor>`;\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(defaultInput: switchInputType, switchInput: switchInputType) {\n    const defaultHelperText = defaultInput.helperText;\n    const switchHelperText = switchInput.helperText;\n\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n\n    const helperText = !this.nileSwitchConfig.toggleSwitch\n      ? !!switchHelperText\n        ? switchHelperText\n        : `switch to ${switchInput.inputType}`\n      : !!defaultHelperText\n      ? defaultHelperText\n      : `switch to ${defaultInput.inputType}`;\n\n    return html` <nile-tooltip\n      class=${classMap({\n        'tooltip-container': true,\n      })}\n      content=${helperText}\n      placement=\"bottom\"\n    >\n      <nile-icon\n        size=\"14\"\n        class=${classMap({\n          'pointer-cursor': true,\n        })}\n        .name=${icon}\n        color=\"#005EA6\"\n        @click=${this.toggleField}\n      ></nile-icon>\n    </nile-tooltip>`;\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(defaultInput, switchInput) : ''}\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","_n","_inherits","d","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","connectedCallback","super","this","emit","disconnectedCallback","renderNileText","Input","inputType","label","placeholder","disabled","required","error","errorMessage","inputTypeName","html","_templateObject","_taggedTemplateLiteral","e","handleChange","renderDropdown","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","readonly","_templateObject4","renderNileCheckBox","_templateObject5","renderNileRadio","haserrorMessage","_templateObject6","_templateObject7","renderErrorMessage","_templateObject8","renderContentEditor","type","noborder","_templateObject9","event","nileSwitchConfig","detail","checked","stopPropagation","config","renderIcon","defaultInput","switchInput","defaultHelperText","helperText","switchHelperText","icon","toggleSwitch","concat","_templateObject10","classMap","toggleField","confirmation","_objectSpread","singleFieldSwitcher","disable","defaultInputType","switchInputType","_templateObject11","choose","render","_this$nileSwitchConfi","_templateObject12","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';\nimport { repeat } from 'lit/directives/repeat.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 * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  current: number;\n  align: 'block' | 'inline';\n  inputs: 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    | INPUT_TYPE_NAMES.OBJECT_MAPPER;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  order: number;\n  type?: string;\n  icon: string;\n  mode?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  helperText?: string;\n  multiple?: boolean;\n  noborder?: boolean;\n}\n\nexport enum POSITIONS {\n  INLINE = 'inline',\n  BLOCK = 'block',\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  OBJECT_MAPPER = 'object-mapper',\n}\n\nexport enum MODE {\n  CREATE = 'create',\n  EDIT = 'edit',\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\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n  @property() currentInput: switchInputType;\n\n  connectedCallback() {\n    this.currentInput = this.nileSwitchConfig.inputs[0];\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) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      error,\n      errorMessage,\n      inputType,\n      noborder,\n    } = Input;\n    return html`<nile-input\n      class=${classMap({\n        'switcher-input': true,\n        'switcher-input--noborder': !!noborder,\n      })}\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${error}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      value,\n      error,\n      errorMessage,\n      inputType,\n    } = Input;\n\n    return html`<nile-select\n      class=\"switcher-dropdown\"\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      .value=\"${value}\"\n      .error=\"${error}\"\n      .errorMessage=\"${errorMessage}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\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) {\n    const { value, disabled, readonly, errorMessage, error, inputType } = Input;\n\n    return html`<nile-textarea\n      class=\"switcher-textarea\"\n      .value=${value}\n      .disabled=${disabled}\n      ?readonly=${readonly}\n      .error=${error}\n      .errorMessage=${errorMessage}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType) {\n    const { value, label, disabled, inputType } = Input;\n\n    return html`<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=${value}\n        .label=${label}\n        .disabled=${disabled}\n        @valueChange=${(e: CustomEvent) => {\n          this.handleChange(e, inputType);\n        }}\n      ></nile-checkbox\n      >; `;\n  }\n\n  renderNileRadio(Input: switchInputType) {\n    const { options, value, disabled, errorMessage, inputType } = Input;\n\n    const haserrorMessage = !!errorMessage;\n\n    return html`<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}\n    </nile-radio-group> `;\n  }\n\n  renderErrorMessage(errorMessage: string) {\n    return html`\n      <nile-form-error-message>${errorMessage}</nile-form-error-message>\n    `;\n  }\n\n  renderContentEditor(Input: switchInputType) {\n    let { options, inputType, errorMessage, type, readonly, noborder, value } =\n      Input;\n    return html`<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=${value}\n      .options=${options}\n      .type=${type}\n      .readonly=${readonly}\n      .noborder=${noborder}\n      .errorMessage=${errorMessage}\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n    </nile-content-editor>`;\n  }\n\n  renderObjectMapper() {\n    const noborder = this.currentInput.noborder;\n    const mode = this.currentInput.mode;\n    const value =\n      this.currentInput.mode === MODE.CREATE\n        ? 'Click to Create - Not Mapped'\n        : '';\n\n    return html`<nile-input\n      class=${classMap({\n        'switcher-object-mapper': true,\n        'switcher-object-mapper--noborder': !!noborder,\n      })}\n      .value=${value}\n      readonly=\"true\"\n      @click=\"${(e: CustomEvent) =>\n        this.handleChange(e, INPUT_TYPE_NAMES.OBJECT_MAPPER)}\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"collapse\"\n        color=\"#005EA6\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string) {\n    switch (inputType) {\n      case INPUT_TYPE_NAMES.OBJECT_MAPPER:\n        this.currentInput.value = 'clicked';\n        break;\n      case INPUT_TYPE_NAMES.CHECKBOX:\n        this.currentInput.value = event.detail.checked;\n        break;\n      default:\n        this.currentInput.value = event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { input: this.currentInput });\n  }\n\n  renderIcon() {\n    const inputs = this.nileSwitchConfig.inputs;\n    const toolTipPosition =\n      this.nileSwitchConfig.align === POSITIONS.BLOCK ? 'top' : 'bottom';\n\n    return html`\n      <div class=\"switcher-icons-container\">\n        ${repeat(\n          inputs,\n          input => html` <nile-tooltip\n            class=${classMap({\n              'switcher-tooltip-container': true,\n            })}\n            content=${input.helperText}\n            placement=${toolTipPosition}\n          >\n            <div  class=${classMap({\n              'switcher-icon-container': true,\n              current: input.order === this.currentInput.order,\n            })}>\n               <nile-icon\n              size=\"16\"\n              class=${classMap({\n                'pointer-cursor': true,\n              })}\n              .name=${input.icon}\n              color=\"#000000\"\n              @click=${() => this.toggleField(input)}\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>`\n        )}\n      </div>\n    `;\n  }\n\n  toggleField(currentInput: switchInputType) {\n    this.currentInput = currentInput;\n    this.emit('nile-switch', { input: this.currentInput });\n  }\n\n  singleFieldSwitcher() {\n    return html`\n      ${choose(\n        this.currentInput.inputType,\n        [\n          [INPUT_TYPE_NAMES.TEXT, () => this.renderNileText(this.currentInput)],\n          [\n            INPUT_TYPE_NAMES.CHECKBOX,\n            () => this.renderNileCheckBox(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.TEXTAREA,\n            () => this.renderNileTextArea(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.RADIO,\n            () => this.renderNileRadio(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.DROPDOWN,\n            () => this.renderDropdown(this.currentInput),\n          ],\n          [\n            INPUT_TYPE_NAMES.CONTENTEDITOR,\n            () => this.renderContentEditor(this.currentInput),\n          ],\n          [INPUT_TYPE_NAMES.OBJECT_MAPPER, () => this.renderObjectMapper()],\n        ],\n        () => this.renderNileText(this.currentInput)\n      )}\n    `;\n  }\n\n  public render(): TemplateResult {\n    const align = this.nileSwitchConfig.align;\n    return html`<div\n      class=${classMap({\n        'switcher-block': align === POSITIONS.BLOCK,\n        'switcher-inline': align === POSITIONS.INLINE,\n        'switcher-input-container': true,\n      })}\n    >\n      ${this.renderIcon()} ${this.singleFieldSwitcher()}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["POSITIONS","INLINE","BLOCK","INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","OBJECT_MAPPER","MODE","CREATE","EDIT","_export","NileSwitcher","connectedCallback","this","currentInput","nileSwitchConfig","inputs","_get","_getPrototypeOf","u","prototype","call","emit","key","value","disconnectedCallback","super","renderNileText","Input","_this","label","placeholder","disabled","required","error","errorMessage","inputType","noborder","html","_templateObject","_taggedTemplateLiteral","classMap","e","handleChange","renderDropdown","_this2","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","readonly","_templateObject4","renderNileCheckBox","_this4","_templateObject5","renderNileRadio","haserrorMessage","_templateObject6","_templateObject7","renderErrorMessage","_templateObject8","renderContentEditor","_this6","type","_templateObject9","renderObjectMapper","mode","_templateObject10","event","detail","checked","stopPropagation","input","renderIcon","toolTipPosition","align","_templateObject11","repeat","_templateObject12","helperText","current","order","icon","toggleField","singleFieldSwitcher","_templateObject13","choose","render","_templateObject14","NileElement","styles","__decorate","property","Object","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function(){_export("s",n=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .input-container {\n    display: flex;\n    gap: 0.5rem;\n  }\n\n  .input-container > :first-child {\n    max-width: 98%;\n    min-width: 98%;\n  }\n\n  nile-icon {\n    max-height: 38px;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function(){_export("s",r=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-input-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-block > :first-child {\n    align-self: end;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-input-container > :first-child {\n    display: flex;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-switcher.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.css.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n  .input-container {\n    display: flex;\n    gap: 0.5rem;\n  }\n\n  .input-container > :first-child {\n    max-width: 98%;\n    min-width: 98%;\n  }\n\n  nile-icon {\n    max-height: 38px;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-switcher.css.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-input-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-block > :first-child {\n    align-self: end;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-input-container > :first-child {\n    display: flex;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,28 +1,65 @@
-import{i}from"../index-cd2f9c12.esm.js";const n=i`
+import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
   :host {
     width: 100%;
     box-sizing: border-box;
   }
 
-  .pointer-cursor {
+  .switcher-icon-container {
     cursor: pointer;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+    height: 28px;
+    width: 28px;
+    border-radius: 4px;
+  }
+
+  .switcher-icon-container.current {
+    background: var(--nile-colors-blue-400);
   }
-  .input-container {
+
+  .switcher-input-container {
     display: flex;
+  }
+
+  .switcher-inline {
     gap: 0.5rem;
   }
 
-  .input-container > :first-child {
-    max-width: 98%;
-    min-width: 98%;
+  .switcher-block {
+    flex-direction: column;
+  }
+
+  .switcher-block > :first-child {
+    align-self: end;
+  }
+
+  .switcher-inline > :nth-child(2) {
+    flex: 1;
   }
 
-  nile-icon {
+  .switcher-input-container > :first-child {
+    display: flex;
+    gap: 0.5rem;
     max-height: 38px;
+    align-items: center;
   }
 
   nile-radio {
     display: inline-block;
     padding-right: 10px;
   }
-`;export{n as s};
+
+  .switcher-object-mapper::part(input) {
+    color: var(--nile-colors-primary-600);
+    cursor: pointer;
+  }
+
+  .switcher-input--noborder::part(base) {
+    border: none;
+  }
+  .switcher-object-mapper--noborder::part(base) {
+    border: none;
+  }
+`;export{i as s};

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

@@ -1,68 +1,96 @@
-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 r}from"./nile-switcher.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{choose as s}from"lit/directives/choose.js";import{classMap as o}from"lit/directives/class-map.js";import{n as l}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 n{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e,t){const{value:r,label:n,placeholder:s,disabled:o,required:l,error:a,errorMessage:c,inputType:d}=e;return i`<nile-input
+import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as r}from"lit/decorators.js";import{s as t}from"./nile-switcher.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{choose as n}from"lit/directives/choose.js";import{classMap as o}from"lit/directives/class-map.js";import{repeat as l}from"lit/directives/repeat.js";import{n as c}from"../property-09139d3c.esm.js";import"lit";var a,d,h,p;!function(e){e.INLINE="inline",e.BLOCK="block"}(a||(a={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(d||(d={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper"}(h||(h={})),function(e){e.CREATE="create",e.EDIT="edit"}(p||(p={}));let u=class extends s{connectedCallback(){this.currentInput=this.nileSwitchConfig.inputs[0],super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e){const{value:r,label:t,placeholder:s,disabled:n,required:l,error:c,errorMessage:a,inputType:d,noborder:h}=e;return i`<nile-input
+      class=${o({"switcher-input":!0,"switcher-input--noborder":!!h})}
       .value=${r}
-      .label=${n}
-      .disabled=${o}
+      .label=${t}
+      .disabled=${n}
       .required=${l}
-      .errorMessage=${c}
+      .errorMessage=${a}
       .placeholder=${s}
-      .error=${a}
-      @nile-input=${e=>{this.handleChange(e,t,d)}}
-    ></nile-input>`}renderDropdown(e,t){const{options:r,multiple:n,placeholder:s,disabled:o,value:l,error:a,errorMessage:c,inputType:d}=e;return i`<nile-select
+      .error=${c}
+      @nile-input=${e=>{this.handleChange(e,d)}}
+    ></nile-input>`}renderDropdown(e){const{options:r,multiple:t,placeholder:s,disabled:n,value:o,error:l,errorMessage:c,inputType:a}=e;return i`<nile-select
+      class="switcher-dropdown"
       .placeholder=${s}
-      .disabled="${o}"
-      .multiple="${n}"
-      .value="${l}"
-      .error="${a}"
+      .disabled="${n}"
+      .multiple="${t}"
+      .value="${o}"
+      .error="${l}"
       .errorMessage="${c}"
-      @nile-change=${e=>{this.handleChange(e,t,d)}}
+      @nile-change=${e=>{this.handleChange(e,a)}}
     >
       ${r?.map((e=>i`<nile-option .value="${e}">${e} </nile-option>`))}
-    </nile-select>`}renderNileTextArea(e,t){const{value:r,disabled:n,readonly:s,errorMessage:o,error:l,inputType:a}=e;return i`<nile-textarea
+    </nile-select>`}renderNileTextArea(e){const{value:r,disabled:t,readonly:s,errorMessage:n,error:o,inputType:l}=e;return i`<nile-textarea
+      class="switcher-textarea"
       .value=${r}
-      .disabled=${n}
+      .disabled=${t}
       ?readonly=${s}
-      .error=${l}
-      .errorMessage=${o}
-      @nile-input=${e=>{this.handleChange(e,t,a)}}
-    ></nile-textarea>`}renderNileCheckBox(e,t){const{value:r,label:n,disabled:s,inputType:o}=e;return i`<nile-checkbox
+      .error=${o}
+      .errorMessage=${n}
+      @nile-input=${e=>{this.handleChange(e,l)}}
+    ></nile-textarea>`}renderNileCheckBox(e){const{value:r,label:t,disabled:s,inputType:n}=e;return i`<nile-checkbox
+        class="switcher-checkbox"
         .checked=${r}
-        .label=${n}
+        .label=${t}
         .disabled=${s}
-        @valueChange=${e=>{this.handleChange(e,t,o)}}
+        @valueChange=${e=>{this.handleChange(e,n)}}
       ></nile-checkbox
-      >; `}renderNileRadio(e,t){const{options:r,value:n,disabled:s,inputType:o,errorMessage:l}=e,a=!!l;return i`<nile-radio-group
-      .value=${n}
+      >; `}renderNileRadio(e){const{options:r,value:t,disabled:s,errorMessage:n,inputType:o}=e,l=!!n;return i`<nile-radio-group
+      class="switcher-radio-group"
+      .value=${t}
       .disabled=${s}
-      @change=${e=>{this.handleChange(e,t,o)}}
+      @change=${e=>{this.handleChange(e,o)}}
     >
       ${r&&r.map((e=>i`<nile-radio .value="${e}">${e} </nile-radio>`))}
-      ${a?this.renderErrorMessage(l):""}
+      ${l?this.renderErrorMessage(n):""}
     </nile-radio-group> `}renderErrorMessage(e){return i`
       <nile-form-error-message>${e}</nile-form-error-message>
-    `}renderContentEditor(e,t){let{options:r,inputType:n,errorMessage:s,type:o,readonly:l,noborder:a,value:c}=e;return i`<nile-content-editor
+    `}renderContentEditor(e){let{options:r,inputType:t,errorMessage:s,type:n,readonly:o,noborder:l,value:c}=e;return i`<nile-content-editor
+      class="switcher-content-editor"
       .value=${c}
       .options=${r}
-      .type=${o}
-      .readonly=${l}
-      .noborder=${a}
+      .type=${n}
+      .readonly=${o}
+      .noborder=${l}
       .errorMessage=${s}
-      @nile-change=${e=>{this.handleChange(e,t,n)}}
+      @nile-change=${e=>{this.handleChange(e,t)}}
     >
-    </nile-content-editor>`}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(e,t){const r=e.helperText,n=t.helperText,s=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions",l=this.nileSwitchConfig.toggleSwitch?r||`switch to ${e.inputType}`:n||`switch to ${t.inputType}`;return i` <nile-tooltip
-      class=${o({"tooltip-container":!0})}
-      content=${l}
-      placement="bottom"
+    </nile-content-editor>`}renderObjectMapper(){const e=this.currentInput.noborder;this.currentInput.mode;const r=this.currentInput.mode===p.CREATE?"Click to Create - Not Mapped":"";return i`<nile-input
+      class=${o({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!e})}
+      .value=${r}
+      readonly="true"
+      @click="${e=>this.handleChange(e,h.OBJECT_MAPPER)}"
     >
       <nile-icon
-        size="14"
-        class=${o({"pointer-cursor":!0})}
-        .name=${s}
+        class="pointer-cursor switcher-object-mapper-icon"
+        slot="suffix"
+        name="collapse"
         color="#005EA6"
-        @click=${this.toggleField}
-      ></nile-icon>
-    </nile-tooltip>`}toggleField(){this.nileSwitchConfig.confirmation||(this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch}),this.emit("nile-switch",{config:this.nileSwitchConfig})}singleFieldSwitcher(e,t,r,n){const o=e.inputType,l=t.inputType;return i`
-      ${r?s(l,[[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(o,[[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)))}
-      ${n?"":this.renderIcon(e,t)}
-    `}render(){const{toggleSwitch:e,defaultInput:t,switchInput:r,disable:n}=this.nileSwitchConfig;return i`<div class="input-container">
-      ${this.singleFieldSwitcher(t,r,e,!!n)}
-    </div>`}};d.styles=r,e([l({type:Object})],d.prototype,"nileSwitchConfig",void 0),d=e([t("nile-switcher")],d);export{d as N};
+        size="16"
+      >
+      </nile-icon>
+    </nile-input>`}handleChange(e,i){switch(i){case h.OBJECT_MAPPER:this.currentInput.value="clicked";break;case h.CHECKBOX:this.currentInput.value=e.detail.checked;break;default:this.currentInput.value=e.detail.value}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput})}renderIcon(){const e=this.nileSwitchConfig.inputs,r=this.nileSwitchConfig.align===a.BLOCK?"top":"bottom";return i`
+      <div class="switcher-icons-container">
+        ${l(e,(e=>i` <nile-tooltip
+            class=${o({"switcher-tooltip-container":!0})}
+            content=${e.helperText}
+            placement=${r}
+          >
+            <div  class=${o({"switcher-icon-container":!0,current:e.order===this.currentInput.order})}>
+               <nile-icon
+              size="16"
+              class=${o({"pointer-cursor":!0})}
+              .name=${e.icon}
+              color="#000000"
+              @click=${()=>this.toggleField(e)}
+            ></nile-icon>
+            <div>
+           
+          </nile-tooltip>`))}
+      </div>
+    `}toggleField(e){this.currentInput=e,this.emit("nile-switch",{input:this.currentInput})}singleFieldSwitcher(){return i`
+      ${n(this.currentInput.inputType,[[h.TEXT,()=>this.renderNileText(this.currentInput)],[h.CHECKBOX,()=>this.renderNileCheckBox(this.currentInput)],[h.TEXTAREA,()=>this.renderNileTextArea(this.currentInput)],[h.RADIO,()=>this.renderNileRadio(this.currentInput)],[h.DROPDOWN,()=>this.renderDropdown(this.currentInput)],[h.CONTENTEDITOR,()=>this.renderContentEditor(this.currentInput)],[h.OBJECT_MAPPER,()=>this.renderObjectMapper()]],(()=>this.renderNileText(this.currentInput)))}
+    `}render(){const e=this.nileSwitchConfig.align;return i`<div
+      class=${o({"switcher-block":e===a.BLOCK,"switcher-inline":e===a.INLINE,"switcher-input-container":!0})}
+    >
+      ${this.renderIcon()} ${this.singleFieldSwitcher()}
+    </div>`}};u.styles=t,e([c({type:Object})],u.prototype,"nileSwitchConfig",void 0),e([c()],u.prototype,"currentInput",void 0),u=e([r("nile-switcher")],u);export{u as N};

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

@@ -12,6 +12,7 @@ export const styles = css `
   :host {
     box-sizing: border-box;
     font-size: 14px;
+    overflow: hidden;
   }
 
   .content-editable-wrapper {

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FxB,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    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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,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    box-sizing: border-box;\n    font-size: 14px;\n    overflow: hidden;\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: 1px;\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: auto;\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    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\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  .no-border {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-error-message/nile-error-message.js

@@ -42,7 +42,7 @@ let NileErrorMessage = class NileErrorMessage extends LitElement {
           size="14"
           class="nile-error-message__icon"
           part="icon"
-          color="#E5434D"
+          color="#A4121C"
         ></nile-icon>
         <span class="nile-error-message__error">${this.errorMessage}</span>