@aquera/nile-elements 0.0.130 → 0.0.131

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-error-notification.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var r,i,o,t,e,s,_templateObject,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(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.s;o=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileErrorNotificationCssCjsJs){e=_nileErrorNotificationCssCjsJs.s;},function(_property002CjsJs){s=_property002CjsJs.n;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_i){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.errorMessage="";return _this;}_inherits(n,_i);return _createClass(n,[{key:"render",value:function render(){return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        ","\n      </div>\n    "])),this.errorMessage);}}],[{key:"styles",get:function get(){return[e];}}]);}(i));r([s({type:String,reflect:!0})],n.prototype,"errorMessage",void 0),_export("N",n=r([t("nile-error-notification")],n));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-error-notification.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var i,r,o,t,e,s,_templateObject,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(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;o=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileErrorNotificationCssCjsJs){e=_nileErrorNotificationCssCjsJs.s;},function(_property002CjsJs){s=_property002CjsJs.n;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_r){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.errorMessage="",_this.color="";return _this;}_inherits(n,_r);return _createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.color&&this.style.setProperty("--indication-color",this.color);}},{key:"render",value:function render(){return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"var(--indication-color)\"\n        ></nile-icon>\n        ","\n      </div>\n    "])),this.errorMessage);}}],[{key:"styles",get:function get(){return[e];}}]);}(r));i([s({type:String,reflect:!0})],n.prototype,"errorMessage",void 0),i([s({type:String,reflect:!0})],n.prototype,"color",void 0),_export("N",n=i([t("nile-error-notification")],n));}};});
 //# sourceMappingURL=nile-error-notification.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\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, reflect: true  })\n  errorMessage: string = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"],"names":["NileErrorNotification","n","this","errorMessage","_this","_inherits","_i","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","get","styles","LitElement","__decorate","property","type","String","reflect","prototype","customElement"],"mappings":"0nHAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAWLC,EAAAA,KAAAA,CAAYC,YAAW,CAAA,EA0BxB,QAAAC,KAAA,EAhCQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAC,KAAA,CAgBA,SAAAC,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6RASLX,IAAKC,CAAAA,YAAAA,EAGZ,CAAA,KAAAK,GAAA,UAAAM,GAAA,CA7BM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAcM,MArBkCC,CAApC,GAWLC,EAAA,CADCC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACTrB,CAAAsB,CAAAA,SAAAA,CAAA,mBAAA,EAXftB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqBiB,EAAA,CADjCM,CAAAA,CAAc,4BACFvB"}
+{"version":3,"file":"nile-error-notification.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\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, reflect: true  }) errorMessage: string = '';\n\n  @property({ type: String, reflect: true  }) color: string = '';\n  \n  connectedCallback(): void {\n    super.connectedCallback();\n    if(this.color){\n      this.style.setProperty('--indication-color',this.color)\n    }\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"var(--indication-color)\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"],"names":["NileErrorNotification","_r","n","constructor","this","errorMessage","color","_this","_inherits","_createClass","key","value","connectedCallback","super","style","setProperty","render","html","_templateObject","_taggedTemplateLiteral","get","styles","LitElement","__decorate","property","type","String","reflect","prototype","_export","customElement"],"mappings":"gqIAwBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCAUuCC,EAAAA,KAAAA,CAAYC,YAAW,CAAA,EAAA,CAEvBD,KAAAA,CAAKE,KAAAA,CAAW,EAiC7D,QAAAC,KAAA,EAxCQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,qBAAAC,KAAA,CASP,SAAAC,kBAAA,CACEC,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACGT,IAAAA,CAAKE,OACNF,IAAKU,CAAAA,KAAAA,CAAMC,YAAY,oBAAqBX,CAAAA,IAAAA,CAAKE,MAEpD,EAUM,GAAAI,GAAA,UAAAC,KAAA,UAAAK,OAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6SASLf,IAAKC,CAAAA,YAAAA,EAGZ,CAAA,KAAAK,GAAA,UAAAU,GAAA,CArCM,SAAAA,IAAA,EACL,MAAO,CAACC,EACT,EAOD,MAdyCC,IAUGC,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmC3B,CAAA4B,CAAAA,SAAAA,CAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAE1BL,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4B3B,CAAA4B,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAAAC,OAAA,KAZpD7B,CAAqBuB,CAAAA,CAAAA,CAAA,CADjCO,CAAAA,CAAc,4BACF9B"}

package/dist/nile-error-notification/nile-error-notification.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,o;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){r=_index001CjsJs.i;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,o;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 execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --indication-color: green;\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--indication-color);\n    border-left: 6px solid var(--indication-color);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--indication-color);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-error-notification.css.cjs.js.map

package/dist/nile-error-notification/nile-error-notification.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.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 * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.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 * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n    --indication-color: green;\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--indication-color);\n    border-left: 6px solid var(--indication-color);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--indication-color);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-error-notification/nile-error-notification.css.esm.js

@@ -1,5 +1,6 @@
-import{i as r}from"../index-0a3007c5.esm.js";const o=r`
+import{i}from"../index-0a3007c5.esm.js";const o=i`
   :host {
+    --indication-color: green;
   }
 
   .nile-error-notification {
@@ -9,12 +10,12 @@ import{i as r}from"../index-0a3007c5.esm.js";const o=r`
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0.2px;
-    border: 1px solid var(--nile-colors-red-500);
-    border-left: 6px solid var(--nile-colors-red-500);
+    border: 1px solid var(--indication-color);
+    border-left: 6px solid var(--indication-color);
     border-radius: 4px;
     padding: 8px;
     background: var(--nile-colors-neutral-100);
-    color: var(--nile-colors-red-500);
+    color: var(--indication-color);
     box-sizing: border-box;
   }
 

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

@@ -1,12 +1,12 @@
-import{__decorate as r}from"tslib";import{s as i,x as o}from"../index-0a3007c5.esm.js";import{customElement as e}from"lit/decorators.js";import{s as t}from"./nile-error-notification.css.esm.js";import{n as s}from"../property-09139d3c.esm.js";let n=class extends i{constructor(){super(...arguments),this.errorMessage=""}static get styles(){return[t]}render(){return o`
+import{__decorate as i}from"tslib";import{s as r,x as o}from"../index-0a3007c5.esm.js";import{customElement as t}from"lit/decorators.js";import{s as e}from"./nile-error-notification.css.esm.js";import{n as s}from"../property-09139d3c.esm.js";let n=class extends r{constructor(){super(...arguments),this.errorMessage="",this.color=""}static get styles(){return[e]}connectedCallback(){super.connectedCallback(),this.color&&this.style.setProperty("--indication-color",this.color)}render(){return o`
       <div class="nile-error-notification">
         <nile-icon
           name="info2"
           size="14"
           class="nile-error-notification__icon"
           part="icon"
-          color="#E5434D"
+          color="var(--indication-color)"
         ></nile-icon>
         ${this.errorMessage}
       </div>
-    `}};r([s({type:String,reflect:!0})],n.prototype,"errorMessage",void 0),n=r([e("nile-error-notification")],n);export{n as N};
+    `}};i([s({type:String,reflect:!0})],n.prototype,"errorMessage",void 0),i([s({type:String,reflect:!0})],n.prototype,"color",void 0),n=i([t("nile-error-notification")],n);export{n as N};

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

@@ -53,14 +53,16 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
         this.insertBetweenCode = (text) => {
             const transaction = this.view.state.changeByRange(range => {
                 const { from, to } = range;
-                return { changes: { from, to, insert: text }, range };
+                return { changes: { from: from, to, insert: text }, range };
             });
             this.view.dispatch(transaction);
         };
         this.customAutocomplete = (context) => {
             // Getting the valid last line, last text from the code editor
             let text = context.state.doc.sliceString(0, context.pos);
-            const [textBeforeCursor, textAfterSeperation] = this.splitStringAtLastSeparator(text.split('\n').at(-1)?.split(' ').at(-1) + '');
+            const [textBeforeCursor, baseTextAfterSeperation] = this.splitStringAtLastSeparator(text.split('\n').at(-1)?.split(' ').at(-1) + '');
+            const textAfterSeperation = baseTextAfterSeperation.replace(/["'\[]/g, '');
+            const isSuggestionString = textAfterSeperation != baseTextAfterSeperation;
             if (!this.isValidPath(textBeforeCursor))
                 return { from: context.pos, options: [] };
             if (['.', '['].includes(textBeforeCursor[textBeforeCursor.length - 1])) {
@@ -71,7 +73,7 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
                     if (textAfterSeperation) {
                         const obj = {};
                         Object.keys(resolved).forEach((key) => {
-                            if (key.startsWith(textAfterSeperation)) {
+                            if (key.toLowerCase().startsWith(textAfterSeperation.toLowerCase())) {
                                 obj[key] = resolved[key];
                             }
                         });
@@ -80,12 +82,12 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
                     // If resolved is an object, provide its keys as suggestions
                     if (resolved && typeof resolved === 'object') {
                         return {
-                            from: context.pos,
+                            from: context.pos - textAfterSeperation.length,
                             options: Object.keys(resolved).map((key) => ({
                                 label: key,
                                 type: 'property',
                                 info: `Key of ${path[path.length - 1]}`,
-                                apply: key.slice(textAfterSeperation.length),
+                                apply: key,
                                 boost: 999
                             })),
                         };
@@ -95,7 +97,7 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
             // Match for top-level object suggestions, e.g., "a"
             const baseMatch = textBeforeCursor.match(/([a-zA-Z_$][\w$]*)$/);
             if (baseMatch) {
-                const optionsList = Object.keys(this.customAutoCompletions).filter(key => key.startsWith(textBeforeCursor));
+                const optionsList = Object.keys(this.customAutoCompletions).filter(key => key.toLowerCase().startsWith(textBeforeCursor.toLowerCase()));
                 return {
                     from: context.pos - baseMatch[1].length,
                     options: optionsList.map((key) => ({
@@ -341,7 +343,7 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
         const lastSeparatorIndex = Math.max(input.lastIndexOf('.'), input.lastIndexOf('['));
         if (lastSeparatorIndex === -1)
             return [input, ''];
-        return [input.slice(0, lastSeparatorIndex + 1), input.slice(lastSeparatorIndex + 1).replace(/["'\[]/g, '')];
+        return [input.slice(0, lastSeparatorIndex + 1), input.slice(lastSeparatorIndex + 1)];
     }
 };
 __decorate([

package/dist/src/nile-code-editor/nile-code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValueMap,\n} from 'lit-element';\n\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { \n  Compartment,\n  EditorState,\n} from '@codemirror/state';\n\nimport { lineNumbers } from '@codemirror/view';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n} from '@codemirror/lang-javascript';\nimport { sql } from '@codemirror/lang-sql';\nimport { json } from '@codemirror/lang-json';\nimport { autocompletion,CompletionContext,CompletionResult } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { Theme } from './theme';\n\nconst TIME_OUT_DURATION=200;\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  \n  @query('.code-mirror') codeEditor: HTMLInputElement;\n\n  @property({ type: String, reflect: true , attribute: true }) value = '';\n\n  @property({ type: Object, reflect: true , attribute: true }) customAutoCompletions: object | any = {};\n\n  @property({ type: String, reflect: true , attribute: true}) language: 'javascript' | 'sql' | 'json' = 'javascript';\n\n  @property({ type: String, reflect: true , attribute: 'error-message' }) errorMessage: string = '';\n\n  @property({ type: Boolean, reflect: true , attribute: 'error' }) error: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: 'noborder' }) noborder: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) multiline: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) suggestionBracketSupport: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) lineNumbers: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) lineNumbersMultiline: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) hasScroller: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) expandable: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true}) readonly: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true}) debounce: boolean = false;\n\n  public view: EditorView;\n  public viewState:EditorState;\n  private timeOut: any = null;\n\n  // Compartments for initialiazing and switching extensions\n  private lineNumbersComp = new Compartment();\n  private restrictSingleLineComp = new Compartment();\n  private readOnlyComp = new Compartment();\n  private customCompletionComp = new Compartment();\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.createState()\n    this.emit('nile-init',undefined,false);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.view.destroy()\n    this.emit('nile-destroy',undefined,false);\n  }\n\n  firstUpdated() {\n    this.createNewView()\n    this.emit('nile-after-init',{ \n      codeMirrorInstance: this.view, \n      createNewView: this.createNewView, \n      insertAtCursor: this.insertBetweenCode \n    }, false )\n  }\n\n  protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void{\n    super.updated(changedProperties);\n    if (changedProperties.has('value') && this.view.state.doc.toString()!=this.value) {\n      // Editor has already been initialized, update its state\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('multiline')) {\n      this.view.dispatch({\n        effects: [\n          this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n          this.restrictSingleLineComp.reconfigure(this.getSingleLineExtension())\n        ],\n      })\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('readonly')) {\n      this.view.dispatch({ \n        effects: [\n          this.readOnlyComp.reconfigure(this.getReadOnlyExtension()),\n        ]\n      })\n    }\n    if (changedProperties.has('lineNumbers') || changedProperties.has('lineNumbersMultiline')) {\n      this.view.dispatch({ \n        effects: [\n          this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n        ]\n      })\n    }\n    if(changedProperties.has('customAutoCompletions') || changedProperties.has('suggestionBracketSupport') ){\n      this.view.dispatch({ \n        effects: [\n          this.customCompletionComp.reconfigure(javascriptLanguage.data.of({\n            autocomplete: this.suggestionBracketSupport?this.customAutocomplete: scopeCompletionSource(this.customAutoCompletions),\n          }))\n        ]\n      })\n    }\n  }\n\n  public render(): TemplateResult {\n    const hasErrorMessage = !!this.errorMessage;\n    const hasError = !!this.error;\n    const noborder = !!this.noborder;\n    const noScrollbar = !this.hasScroller\n    return html`<div\n        part=\"code-editor-base\"\n        class=${classMap({\n          'code-mirror': true,\n          'noborder': noborder,\n          'error': hasError || hasErrorMessage,\n          'code-mirror__singleline': !this.multiline,\n          'no-scroller': noScrollbar\n        })}\n      >\n        ${this.expandable\n        ? html` \n          <nile-icon\n            name=\"expand-2\"\n            class=\"code-editor__icon__container\"\n            size=\"16\"\n            color=\"black\"\n            @click=\"${(e: CustomEvent) => this.emitNileExpand()}\"\n          ></nile-icon>`\n        : ''}\n      </div>\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}`;\n  }\n\n  createNewView(emitEvent=true){\n    if(this.view) this.view.destroy();\n    this.view = new EditorView({\n      state: this.viewState,\n      parent: this.codeEditor\n    });\n\n    if(emitEvent) this.emit('nile-after-update',{ createNewView: this.createNewView, codeMirrorInstance: this.view,  }, false );\n  }\n\n  createState(){\n    const lineNumbersExtension = this.lineNumbersComp.of(this.getLineNumbersExension());\n    const readOnlyExtension = this.readOnlyComp.of(this.getReadOnlyExtension());\n    const restrictSingleLineExtension = this.restrictSingleLineComp.of(this.getSingleLineExtension())\n    const customAutoCompletions = this.customCompletionComp.of(javascriptLanguage.data.of({\n      autocomplete: this.suggestionBracketSupport?this.customAutocomplete: scopeCompletionSource(this.customAutoCompletions),\n    }));\n    const language = this.getLanguageExtension()\n    this.viewState = EditorState.create({\n      doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,\n      extensions: [\n        basicSetup({\n          highlightActiveLine: false,\n          foldGutter: false,\n        }),\n        lineNumbersExtension,\n        readOnlyExtension,\n        restrictSingleLineExtension,\n        customAutoCompletions,\n        autocompletion(),\n        language,\n        EditorView.theme(Theme),\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.debounce ? this.emitAfterTimeout({ value: this.view.state.doc.toString() }) : this.emit('nile-change', { value: this.view.state.doc.toString() })\n          }\n        }),\n        EditorView.domEventHandlers({\n          focus: () => this.dispatchEvent(new Event('nile-focus')),\n          blur: () => this.dispatchEvent(new Event('nile-blur')),\n        }),\n      ],\n    });\n    return this.viewState\n  }\n\n  singleLineMultiLineToggle() {\n    this.view.dispatch({\n      changes: {\n        from: 0,\n        to: this.view.state.doc.length,\n        insert: !this.multiline\n          ? this.convertToSingleLine(this.value)\n          : this.value,\n      },\n    });\n  }\n\n  convertToSingleLine(code: any) {\n    if (!code) return '';\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n\n  emitAfterTimeout(value:any){\n    if(this.timeOut) clearTimeout(this.timeOut);\n    this.timeOut=setTimeout(()=> this.emit('nile-change', value, false), TIME_OUT_DURATION)\n  }\n\n  public insertBetweenCode=(text: string) => {\n    const transaction = this.view.state.changeByRange(range => {\n      const { from, to } = range;\n      return { changes: { from, to, insert: text }, range };\n    });\n    this.view.dispatch(transaction);\n  }\n  \n  //EXTENSION CONFIGURATIONS\n  getLineNumbersExension() {\n    return  (!this.multiline && this.lineNumbers) || (this.multiline && this.lineNumbersMultiline) ? lineNumbers() : [];\n  }\n  \n  getLanguageExtension(){\n    switch(this.language){\n      case 'sql':\n        return sql();\n      case 'json':\n        return json();\n      default:\n        return javascript();   \n    }\n  }\n\n  getReadOnlyExtension() {\n    return this.readonly ? EditorState.readOnly.of(true) : [];\n  }\n\n  getSingleLineExtension() {\n    return !this.multiline ? EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    ) : [];\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n\n  emitNileExpand() {\n    this.emit('nile-expand', { expand: true },false);\n  }\n\n  customAutocomplete = (context: CompletionContext): CompletionResult | null => {\n    // Getting the valid last line, last text from the code editor\n    let text = context.state.doc.sliceString(0, context.pos);\n    const [textBeforeCursor,textAfterSeperation]=this.splitStringAtLastSeparator(text.split('\\n').at(-1)?.split(' ').at(-1)+'')\n\n    if (!this.isValidPath(textBeforeCursor)) return { from: context.pos, options: [] };\n    if(['.', '['].includes(textBeforeCursor[textBeforeCursor.length - 1])){\n      // Parse the path for dot or bracket notation\n      const path = this.parsePath(textBeforeCursor);\n      if (path) {\n        let resolved = this.resolveNestedProperties(this.customAutoCompletions, path);\n        if(textAfterSeperation){\n          const obj:any={}\n          Object.keys(resolved).forEach((key)=>{\n            if(key.startsWith(textAfterSeperation)){\n              obj[key]=resolved[key]\n            }\n          })\n          resolved=obj\n        }\n        // If resolved is an object, provide its keys as suggestions\n        if (resolved && typeof resolved === 'object') {\n          return {\n            from: context.pos,\n            options: Object.keys(resolved).map((key) => ({\n              label: key,\n              type: 'property',\n              info: `Key of ${path[path.length - 1]}`,\n              apply: key.slice(textAfterSeperation.length),\n              boost: 999\n            })),\n          };\n        }\n      }\n    }\n    \n    // Match for top-level object suggestions, e.g., \"a\"\n    const baseMatch: any = textBeforeCursor.match(/([a-zA-Z_$][\\w$]*)$/);\n    if (baseMatch) {\n      const optionsList=Object.keys(this.customAutoCompletions).filter(key=>key.startsWith(textBeforeCursor));\n      return {\n        from: context.pos - baseMatch[1].length,\n        options: optionsList.map((key) => ({\n          label: key,\n          type: 'property',\n          apply: key,\n          boost: 999\n        }))\n      }\n    }\n    // Default to an empty list if no match\n    return { from: context.pos, options: [] };\n  };\n\n  resolveNestedProperties = (obj:any, keys:any[]) => {\n    return keys.reduce((acc, key) => {\n      if (acc && typeof acc === 'object') {\n        return acc[key];\n      }\n      return null;\n    }, obj);\n  };\n\n  parsePath(text: string) {\n    const regex = /([a-zA-Z_$][\\w$]*)(\\[(?:[^\\]]+)\\]|\\.[a-zA-Z_$][\\w$]*)*/g;\n    const matches = [...text.matchAll(regex)];\n    if (matches.length > 0) {\n      const base = matches[0][1]; // The base object name\n      const keys = [base];\n      // Extract keys from dot or bracket notation\n      const pathMatches = text.match(/\\[(.*?)\\]|\\.(\\w+)/g) || [];\n      for (const match of pathMatches) {\n        if (match.startsWith('[')) {\n          keys.push(match.slice(1, -1).replace(/['\"]/g, '')); // Remove brackets and quotes\n        } else if (match.startsWith('.')) {\n          keys.push(match.slice(1));\n        }\n      }\n      return keys;\n    }\n    return null;\n  };\n\n  isValidPath(path: string) {\n    // Regex to validate the format of the string\n    const regex = /^([a-zA-Z_$][\\w$]*)(\\.[a-zA-Z_$][\\w$]*|\\[\\s*(['\"]?[a-zA-Z0-9_$]*['\"]?)\\s*\\])*([\\.\\[])?$/;\n    // Test the string against the regex\n    return regex.test(path);\n  }\n\n  splitStringAtLastSeparator(input:string) {\n    const lastSeparatorIndex = Math.max(input.lastIndexOf('.'), input.lastIndexOf('['));\n    if (lastSeparatorIndex === -1) return [input, ''];  \n    return [input.slice(0, lastSeparatorIndex + 1), input.slice(lastSeparatorIndex + 1).replace(/[\"'\\[]/g, '')];\n  }\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}
+{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValueMap,\n} from 'lit-element';\n\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { \n  Compartment,\n  EditorState,\n} from '@codemirror/state';\n\nimport { lineNumbers } from '@codemirror/view';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n} from '@codemirror/lang-javascript';\nimport { sql } from '@codemirror/lang-sql';\nimport { json } from '@codemirror/lang-json';\nimport { autocompletion,CompletionContext,CompletionResult } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { Theme } from './theme';\n\nconst TIME_OUT_DURATION=200;\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  \n  @query('.code-mirror') codeEditor: HTMLInputElement;\n\n  @property({ type: String, reflect: true , attribute: true }) value = '';\n\n  @property({ type: Object, reflect: true , attribute: true }) customAutoCompletions: object | any = {};\n\n  @property({ type: String, reflect: true , attribute: true}) language: 'javascript' | 'sql' | 'json' = 'javascript';\n\n  @property({ type: String, reflect: true , attribute: 'error-message' }) errorMessage: string = '';\n\n  @property({ type: Boolean, reflect: true , attribute: 'error' }) error: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: 'noborder' }) noborder: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) multiline: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) suggestionBracketSupport: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) lineNumbers: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) lineNumbersMultiline: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) hasScroller: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true }) expandable: boolean = true;\n\n  @property({ type: Boolean, reflect: true , attribute: true}) readonly: boolean = false;\n\n  @property({ type: Boolean, reflect: true , attribute: true}) debounce: boolean = false;\n\n  public view: EditorView;\n  public viewState:EditorState;\n  private timeOut: any = null;\n\n  // Compartments for initialiazing and switching extensions\n  private lineNumbersComp = new Compartment();\n  private restrictSingleLineComp = new Compartment();\n  private readOnlyComp = new Compartment();\n  private customCompletionComp = new Compartment();\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.createState()\n    this.emit('nile-init',undefined,false);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.view.destroy()\n    this.emit('nile-destroy',undefined,false);\n  }\n\n  firstUpdated() {\n    this.createNewView()\n    this.emit('nile-after-init',{ \n      codeMirrorInstance: this.view, \n      createNewView: this.createNewView, \n      insertAtCursor: this.insertBetweenCode \n    }, false )\n  }\n\n  protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void{\n    super.updated(changedProperties);\n    if (changedProperties.has('value') && this.view.state.doc.toString()!=this.value) {\n      // Editor has already been initialized, update its state\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('multiline')) {\n      this.view.dispatch({\n        effects: [\n          this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n          this.restrictSingleLineComp.reconfigure(this.getSingleLineExtension())\n        ],\n      })\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('readonly')) {\n      this.view.dispatch({ \n        effects: [\n          this.readOnlyComp.reconfigure(this.getReadOnlyExtension()),\n        ]\n      })\n    }\n    if (changedProperties.has('lineNumbers') || changedProperties.has('lineNumbersMultiline')) {\n      this.view.dispatch({ \n        effects: [\n          this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n        ]\n      })\n    }\n    if(changedProperties.has('customAutoCompletions') || changedProperties.has('suggestionBracketSupport') ){\n      this.view.dispatch({ \n        effects: [\n          this.customCompletionComp.reconfigure(javascriptLanguage.data.of({\n            autocomplete: this.suggestionBracketSupport?this.customAutocomplete: scopeCompletionSource(this.customAutoCompletions),\n          }))\n        ]\n      })\n    }\n  }\n\n  public render(): TemplateResult {\n    const hasErrorMessage = !!this.errorMessage;\n    const hasError = !!this.error;\n    const noborder = !!this.noborder;\n    const noScrollbar = !this.hasScroller\n    return html`<div\n        part=\"code-editor-base\"\n        class=${classMap({\n          'code-mirror': true,\n          'noborder': noborder,\n          'error': hasError || hasErrorMessage,\n          'code-mirror__singleline': !this.multiline,\n          'no-scroller': noScrollbar\n        })}\n      >\n        ${this.expandable\n        ? html` \n          <nile-icon\n            name=\"expand-2\"\n            class=\"code-editor__icon__container\"\n            size=\"16\"\n            color=\"black\"\n            @click=\"${(e: CustomEvent) => this.emitNileExpand()}\"\n          ></nile-icon>`\n        : ''}\n      </div>\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}`;\n  }\n\n  createNewView(emitEvent=true){\n    if(this.view) this.view.destroy();\n    this.view = new EditorView({\n      state: this.viewState,\n      parent: this.codeEditor\n    });\n\n    if(emitEvent) this.emit('nile-after-update',{ createNewView: this.createNewView, codeMirrorInstance: this.view,  }, false );\n  }\n\n  createState(){\n    const lineNumbersExtension = this.lineNumbersComp.of(this.getLineNumbersExension());\n    const readOnlyExtension = this.readOnlyComp.of(this.getReadOnlyExtension());\n    const restrictSingleLineExtension = this.restrictSingleLineComp.of(this.getSingleLineExtension())\n    const customAutoCompletions = this.customCompletionComp.of(javascriptLanguage.data.of({\n      autocomplete: this.suggestionBracketSupport?this.customAutocomplete: scopeCompletionSource(this.customAutoCompletions),\n    }));\n    const language = this.getLanguageExtension()\n    this.viewState = EditorState.create({\n      doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,\n      extensions: [\n        basicSetup({\n          highlightActiveLine: false,\n          foldGutter: false,\n        }),\n        lineNumbersExtension,\n        readOnlyExtension,\n        restrictSingleLineExtension,\n        customAutoCompletions,\n        autocompletion(),\n        language,\n        EditorView.theme(Theme),\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.debounce ? this.emitAfterTimeout({ value: this.view.state.doc.toString() }) : this.emit('nile-change', { value: this.view.state.doc.toString() })\n          }\n        }),\n        EditorView.domEventHandlers({\n          focus: () => this.dispatchEvent(new Event('nile-focus')),\n          blur: () => this.dispatchEvent(new Event('nile-blur')),\n        }),\n      ],\n    });\n    return this.viewState\n  }\n\n  singleLineMultiLineToggle() {\n    this.view.dispatch({\n      changes: {\n        from: 0,\n        to: this.view.state.doc.length,\n        insert: !this.multiline\n          ? this.convertToSingleLine(this.value)\n          : this.value,\n      },\n    });\n  }\n\n  convertToSingleLine(code: any) {\n    if (!code) return '';\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n\n  emitAfterTimeout(value:any){\n    if(this.timeOut) clearTimeout(this.timeOut);\n    this.timeOut=setTimeout(()=> this.emit('nile-change', value, false), TIME_OUT_DURATION)\n  }\n\n  public insertBetweenCode=(text: string) => {\n    const transaction = this.view.state.changeByRange(range => {\n      const { from, to } = range;\n      return { changes: { from:from, to, insert: text }, range };\n    });\n    this.view.dispatch(transaction);\n  }\n  \n  //EXTENSION CONFIGURATIONS\n  getLineNumbersExension() {\n    return  (!this.multiline && this.lineNumbers) || (this.multiline && this.lineNumbersMultiline) ? lineNumbers() : [];\n  }\n  \n  getLanguageExtension(){\n    switch(this.language){\n      case 'sql':\n        return sql();\n      case 'json':\n        return json();\n      default:\n        return javascript();   \n    }\n  }\n\n  getReadOnlyExtension() {\n    return this.readonly ? EditorState.readOnly.of(true) : [];\n  }\n\n  getSingleLineExtension() {\n    return !this.multiline ? EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    ) : [];\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n\n  emitNileExpand() {\n    this.emit('nile-expand', { expand: true },false);\n  }\n\n  customAutocomplete = (context: CompletionContext): CompletionResult | null => {\n    // Getting the valid last line, last text from the code editor\n    let text = context.state.doc.sliceString(0, context.pos);\n    const [textBeforeCursor,baseTextAfterSeperation]=this.splitStringAtLastSeparator(text.split('\\n').at(-1)?.split(' ').at(-1)+'')\n    const textAfterSeperation=baseTextAfterSeperation.replace(/[\"'\\[]/g, '')\n\n    const isSuggestionString=textAfterSeperation!=baseTextAfterSeperation;\n\n    if (!this.isValidPath(textBeforeCursor)) return { from: context.pos, options: [] };\n    if(['.', '['].includes(textBeforeCursor[textBeforeCursor.length - 1])){\n      // Parse the path for dot or bracket notation\n      const path = this.parsePath(textBeforeCursor);\n      if (path) {\n        let resolved = this.resolveNestedProperties(this.customAutoCompletions, path);\n        if(textAfterSeperation){\n          const obj:any={}\n          Object.keys(resolved).forEach((key)=>{\n            if(key.toLowerCase().startsWith(textAfterSeperation.toLowerCase())){\n              obj[key]=resolved[key]\n            }\n          })\n          resolved=obj\n        }\n        // If resolved is an object, provide its keys as suggestions\n        if (resolved && typeof resolved === 'object') {\n          return {\n            from: context.pos-textAfterSeperation.length,\n            options: Object.keys(resolved).map((key) => ({\n              label: key,\n              type: 'property',\n              info: `Key of ${path[path.length - 1]}`,\n              apply: key,\n              boost: 999\n            })),\n          };\n        }\n      }\n    }\n    \n    // Match for top-level object suggestions, e.g., \"a\"\n    const baseMatch: any = textBeforeCursor.match(/([a-zA-Z_$][\\w$]*)$/);\n    if (baseMatch) {\n      const optionsList=Object.keys(this.customAutoCompletions).filter(key=>key.toLowerCase().startsWith(textBeforeCursor.toLowerCase()));\n      return {\n        from: context.pos - baseMatch[1].length,\n        options: optionsList.map((key) => ({\n          label: key,\n          type: 'property',\n          apply: key,\n          boost: 999\n        }))\n      }\n    }\n    // Default to an empty list if no match\n    return { from: context.pos, options: [] };\n  };\n\n  resolveNestedProperties = (obj:any, keys:any[]) => {\n    return keys.reduce((acc, key) => {\n      if (acc && typeof acc === 'object') {\n        return acc[key];\n      }\n      return null;\n    }, obj);\n  };\n\n  parsePath(text: string) {\n    const regex = /([a-zA-Z_$][\\w$]*)(\\[(?:[^\\]]+)\\]|\\.[a-zA-Z_$][\\w$]*)*/g;\n    const matches = [...text.matchAll(regex)];\n    if (matches.length > 0) {\n      const base = matches[0][1]; // The base object name\n      const keys = [base];\n      // Extract keys from dot or bracket notation\n      const pathMatches = text.match(/\\[(.*?)\\]|\\.(\\w+)/g) || [];\n      for (const match of pathMatches) {\n        if (match.startsWith('[')) {\n          keys.push(match.slice(1, -1).replace(/['\"]/g, '')); // Remove brackets and quotes\n        } else if (match.startsWith('.')) {\n          keys.push(match.slice(1));\n        }\n      }\n      return keys;\n    }\n    return null;\n  };\n\n  isValidPath(path: string) {\n    // Regex to validate the format of the string\n    const regex = /^([a-zA-Z_$][\\w$]*)(\\.[a-zA-Z_$][\\w$]*|\\[\\s*(['\"]?[a-zA-Z0-9_$]*['\"]?)\\s*\\])*([\\.\\[])?$/;\n    // Test the string against the regex\n    return regex.test(path);\n  }\n\n  splitStringAtLastSeparator(input:string) {\n    const lastSeparatorIndex = Math.max(input.lastIndexOf('.'), input.lastIndexOf('['));\n    if (lastSeparatorIndex === -1) return [input, ''];\n    return [input.slice(0, lastSeparatorIndex + 1), input.slice(lastSeparatorIndex + 1)];\n  }\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}

package/dist/src/nile-error-notification/nile-error-notification.css.js

@@ -10,6 +10,7 @@ import { css } from 'lit-element';
  */
 export const styles = css `
   :host {
+    --indication-color: green;
   }
 
   .nile-error-notification {
@@ -19,12 +20,12 @@ export const styles = css `
     font-weight: 400;
     line-height: 12px;
     letter-spacing: 0.2px;
-    border: 1px solid var(--nile-colors-red-500);
-    border-left: 6px solid var(--nile-colors-red-500);
+    border: 1px solid var(--indication-color);
+    border-left: 6px solid var(--indication-color);
     border-radius: 4px;
     padding: 8px;
     background: var(--nile-colors-neutral-100);
-    color: var(--nile-colors-red-500);
+    color: var(--indication-color);
     box-sizing: border-box;
   }
 

package/dist/src/nile-error-notification/nile-error-notification.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.css.js","sourceRoot":"","sources":["../../../src/nile-error-notification/nile-error-notification.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBxB,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 * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-red-500);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-error-notification.css.js","sourceRoot":"","sources":["../../../src/nile-error-notification/nile-error-notification.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBxB,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 * ErrorNotification CSS\n */\nexport const styles = css`\n  :host {\n    --indication-color: green;\n  }\n\n  .nile-error-notification {\n    font-family: var(--nile-font-family-serif);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    border: 1px solid var(--indication-color);\n    border-left: 6px solid var(--indication-color);\n    border-radius: 4px;\n    padding: 8px;\n    background: var(--nile-colors-neutral-100);\n    color: var(--indication-color);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: 4px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-error-notification/nile-error-notification.d.ts

@@ -18,6 +18,8 @@ export declare class NileErrorNotification extends LitElement {
      */
     static get styles(): CSSResultArray;
     errorMessage: string;
+    color: string;
+    connectedCallback(): void;
     /**
      * Render method
      * @slot This is a slot test

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

@@ -19,6 +19,7 @@ let NileErrorNotification = class NileErrorNotification extends LitElement {
         super(...arguments);
         // Represents the error message to be displayed to the user.
         this.errorMessage = '';
+        this.color = '';
         /* #endregion */
     }
     /**
@@ -28,6 +29,12 @@ let NileErrorNotification = class NileErrorNotification extends LitElement {
     static get styles() {
         return [styles];
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.color) {
+            this.style.setProperty('--indication-color', this.color);
+        }
+    }
     /* #endregion */
     /* #region Methods */
     /**
@@ -42,7 +49,7 @@ let NileErrorNotification = class NileErrorNotification extends LitElement {
           size="14"
           class="nile-error-notification__icon"
           part="icon"
-          color="#E5434D"
+          color="var(--indication-color)"
         ></nile-icon>
         ${this.errorMessage}
       </div>
@@ -52,6 +59,9 @@ let NileErrorNotification = class NileErrorNotification extends LitElement {
 __decorate([
     property({ type: String, reflect: true })
 ], NileErrorNotification.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileErrorNotification.prototype, "color", void 0);
 NileErrorNotification = __decorate([
     customElement('nile-error-notification')
 ], NileErrorNotification);

package/dist/src/nile-error-notification/nile-error-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.js","sourceRoot":"","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QASL,4DAA4D;QAE5D,iBAAY,GAAW,EAAE,CAAC;QAyB1B,gBAAgB;IAClB,CAAC;IApCC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;UASL,IAAI,CAAC,YAAY;;KAEtB,CAAC;IACJ,CAAC;CAGF,CAAA;AA1BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAG,CAAC;2DACjB;AAXf,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAqCjC;SArCY,qBAAqB;AAuClC,eAAe,qBAAqB,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 {\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-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\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, reflect: true  })\n  errorMessage: string = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"]}
+{"version":3,"file":"nile-error-notification.js","sourceRoot":"","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QASL,4DAA4D;QAChB,iBAAY,GAAW,EAAE,CAAC;QAE1B,UAAK,GAAW,EAAE,CAAC;QAgC/D,gBAAgB;IAClB,CAAC;IA5CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAOD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAG,IAAI,CAAC,KAAK,EAAC;YACZ,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACxD;IACH,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;UASL,IAAI,CAAC,YAAY;;KAEtB,CAAC;IACJ,CAAC;CAGF,CAAA;AAnC6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAG,CAAC;2DAA2B;AAE1B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAG,CAAC;oDAAoB;AAZpD,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CA6CjC;SA7CY,qBAAqB;AA+ClC,eAAe,qBAAqB,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 {\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-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\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, reflect: true  }) errorMessage: string = '';\n\n  @property({ type: String, reflect: true  }) color: string = '';\n  \n  connectedCallback(): void {\n    super.connectedCallback();\n    if(this.color){\n      this.style.setProperty('--indication-color',this.color)\n    }\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"var(--indication-color)\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"]}