@aquera/nile-elements 0.1.12 → 0.1.14

package/dist/nile-code-editor/theme.cjs.js

@@ -1,2 +1,2 @@
-System.register([],function(_export,_context){"use strict";var t;return{setters:[],execute:function execute(){_export("T",t={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{scrollbarWidth:"thin"}});}};});
+System.register([],function(_export,_context){"use strict";var t,i;return{setters:[],execute:function execute(){_export("T",t={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{scrollbarWidth:"thin"}});_export("C",i={"&":{fontSize:"inherit",fontStyle:"inherit",fontFamily:"inherit",fontWeight:"inherit",lineHeight:"inherit",letterSpacing:"inherit"},".cm-content":{fontSize:"inherit",fontStyle:"inherit",fontFamily:"inherit",fontWeight:"inherit",lineHeight:"inherit",letterSpacing:"inherit"},".cm-scroller":{fontFamily:"inherit"},".cm-gutters":{fontFamily:"inherit"}});}};});
 //# sourceMappingURL=theme.cjs.js.map

package/dist/nile-code-editor/theme.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs.js","sources":["../../../src/nile-code-editor/theme.ts"],"sourcesContent":["export const Theme = {\n  '&': {\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  \".cm-scroller\": {\n    scrollbarWidth:'thin',\n  },\n};"],"names":["Theme","fontSize","fontFamily","fontWeight","scrollbarWidth"],"mappings":"0HAAaA,EAAQ,CACnB,GAAA,CAAK,CACHC,QAAAA,CAAU,OACVC,UAAY,CAAA,gBAAA,CACZC,UAAY,CAAA,KAAA,CAAA,CAEd,cAAe,CAAE,CAAA,CACjB,cAAgB,CAAA,CACdC,eAAe"}
+{"version":3,"file":"theme.cjs.js","sources":["../../../src/nile-code-editor/theme.ts"],"sourcesContent":["export const Theme = {\n  '&': {\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  \".cm-scroller\": {\n    scrollbarWidth:'thin',\n  },\n};\n\nexport const CustomTheme = {\n  '&': {\n    fontSize: 'inherit',\n    fontStyle: 'inherit',\n    fontFamily: 'inherit',\n    fontWeight: 'inherit',\n    lineHeight:'inherit',\n    letterSpacing:'inherit'\n  },\n  \n  '.cm-content': {\n    fontSize: 'inherit',\n    fontStyle: 'inherit',\n    fontFamily: 'inherit',\n    fontWeight: 'inherit',\n    lineHeight:'inherit',\n    letterSpacing:'inherit'\n  },\n\n  \".cm-scroller\":{\n    fontFamily: 'inherit'\n  },\n\n  \".cm-gutters\": {\n    fontFamily: 'inherit', // Ensure the gutter font matches\n  },\n};"],"names":["Theme","fontSize","fontFamily","fontWeight","scrollbarWidth","_export","CustomTheme","fontStyle","lineHeight","letterSpacing"],"mappings":"4HAAaA,CAAAA,CAAQ,CACnB,GAAA,CAAK,CACHC,QAAAA,CAAU,OACVC,UAAY,CAAA,gBAAA,CACZC,UAAY,CAAA,KAAA,CAAA,CAEd,aAAe,CAAA,CAAE,EACjB,cAAgB,CAAA,CACdC,cAAe,CAAA,MAAA,CAAA,CAAA,EAAAC,OAAA,KAINC,CAAc,CAAA,CACzB,GAAK,CAAA,CACHL,QAAU,CAAA,SAAA,CACVM,SAAW,CAAA,SAAA,CACXL,UAAY,CAAA,SAAA,CACZC,WAAY,SACZK,CAAAA,UAAAA,CAAW,SACXC,CAAAA,aAAAA,CAAc,SAGhB,CAAA,CAAA,aAAA,CAAe,CACbR,QAAAA,CAAU,SACVM,CAAAA,SAAAA,CAAW,SACXL,CAAAA,UAAAA,CAAY,SACZC,CAAAA,UAAAA,CAAY,UACZK,UAAW,CAAA,SAAA,CACXC,aAAc,CAAA,SAAA,CAAA,CAGhB,cAAe,CAAA,CACbP,UAAY,CAAA,SAAA,CAAA,CAGd,aAAe,CAAA,CACbA,UAAY,CAAA,SAAA,CAAA,CAAA"}

package/dist/nile-code-editor/theme.esm.js

@@ -1 +1 @@
-const t={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{scrollbarWidth:"thin"}};export{t as T};
+const t={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{scrollbarWidth:"thin"}},i={"&":{fontSize:"inherit",fontStyle:"inherit",fontFamily:"inherit",fontWeight:"inherit",lineHeight:"inherit",letterSpacing:"inherit"},".cm-content":{fontSize:"inherit",fontStyle:"inherit",fontFamily:"inherit",fontWeight:"inherit",lineHeight:"inherit",letterSpacing:"inherit"},".cm-scroller":{fontFamily:"inherit"},".cm-gutters":{fontFamily:"inherit"}};export{i as C,t as T};

package/dist/nile-form-help-text/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-form-help-text.cjs.js","tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormHelpTextCjsJs){_export("NileFormHelpText",_nileFormHelpTextCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-form-help-text.cjs.js","tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormHelpTextCjsJs){_export("NileFormHelpText",_nileFormHelpTextCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-form-help-text/index.esm.js

@@ -1 +1 @@
-export{N as NileFormHelpText}from"./nile-form-help-text.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";
+export{N as NileFormHelpText}from"./nile-form-help-text.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";import"lit/directives/class-map.js";

package/dist/nile-form-help-text/nile-form-help-text.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,o,r,n,_templateObject,_templateObject2,l;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){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;o=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){n=_nileFormHelpTextCssCjsJs.s;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_e){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.isExpanded=!1,_this.fullText="",_this.textLimit=47,_this.displayedText="";return _this;}_inherits(l,_e);return _createClass(l,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),requestAnimationFrame(function(){var _this2$slotElement;(_this2$slotElement=_this2.slotElement)===null||_this2$slotElement===void 0||_this2$slotElement.addEventListener("slotchange",_this2.handleSlotChange.bind(_this2));});}},{key:"firstUpdated",value:function firstUpdated(){this.handleSlotChange();}},{key:"handleSlotChange",value:function handleSlotChange(){var t=this.slotElement.assignedNodes({flatten:!0}).map(function(t){return t.textContent;}).join("");this.fullText=t.trim(),this.updateDisplayedText();}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded,this.updateDisplayedText();}},{key:"updateDisplayedText",value:function updateDisplayedText(){if(this.isExpanded)this.displayedText=this.fullText;else{var _t=function(t,e){if(e<0||e>t.length)return e;if(" "!==t[e]&&0!==e&&e!==t.length){var _i2=e;for(;_i2>0&&" "!==t[_i2-1];)_i2--;var _s=e;for(;_s<t.length&&" "!==t[_s];)_s++;e=e-_i2<=_s-e?_i2:_s;}return e;}(this.fullText,this.textLimit),_e2=this.fullText.slice(0,_t),_i=this.fullText.length>_t?"...":"";this.displayedText="".concat(_e2).concat(_i);}}},{key:"render",value:function render(){var t=this.fullText.length>this.textLimit,e=this.isExpanded?"arrowup":"arrowdown";return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden>","</slot>\n      <div part=\"text\">\n        <span>","</span>\n        ","\n  </div>\n    </div>\n  "])),this.fullText,this.displayedText,t?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n          <span\n            class=\"nile-form-help-text__more-button\"\n            part=\"toggle-button\"\n            @click=","\n            >","\n            <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\"></nile-icon>\n  </span>\n        "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",e):"");}}],[{key:"styles",get:function get(){return[n];}}]);}(e));t([s({type:Boolean,reflect:!0})],l.prototype,"isExpanded",void 0),t([s({type:String,reflect:!0})],l.prototype,"fullText",void 0),t([s({type:Number,reflect:!0})],l.prototype,"textLimit",void 0),t([s({type:String,reflect:!0})],l.prototype,"displayedText",void 0),t([o("slot")],l.prototype,"slotElement",void 0),_export("N",l=t([r("nile-form-help-text")],l));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,l,n,h,a,_templateObject,_templateObject2,p;function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function F(){};return{s:F,n:function n(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function e(_e3){throw _e3;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var normalCompletion=true,didErr=false,err;return{s:function s(){it=it.call(o);},n:function n(){var step=it.next();normalCompletion=step.done;return step;},e:function e(_e4){didErr=true;err=_e4;},f:function f(){try{if(!normalCompletion&&it["return"]!=null)it["return"]();}finally{if(didErr)throw err;}}};}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _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){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.state;l=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){h=_nileFormHelpTextCssCjsJs.s;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_e){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.isExpanded=!1,_this.showButton=!1;return _this;}_inherits(p,_e);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect();}},{key:"render",value:function render(){var t=this.isExpanded?"arrowup":"arrowdown";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div \n      class=\"","\" \n      part=\"container\"\n    >\n      <span\n        class=\"","\"\n        >\n        <slot @slotchange=\"","\"></slot>\n      </span>\n      ","\n    </div>\n  "])),a({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded}),a({help__text__full:!0,"help__text__full--expanded":this.isExpanded}),this.decideToToggleShowButton,this.showButton?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=","\n        >","\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\"></nile-icon>\n        </span>\n      "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",t):i);}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"decideToToggleShowButton",value:function decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth);}},{key:"observeWidthChange",value:function observeWidthChange(t){var _this2=this;var e=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _e2=_step.value;_e2.contentRect.width&&_this2.decideToToggleShowButton();}}catch(err){_iterator.e(err);}finally{_iterator.f();}});return e.observe(t),e;}}],[{key:"styles",get:function get(){return[h];}}]);}(e));t([o({type:Boolean,reflect:!0})],p.prototype,"isExpanded",void 0),t([r()],p.prototype,"showButton",void 0),t([l(".help__text__full")],p.prototype,"textContainer",void 0),_export("N",p=t([n("nile-form-help-text")],p));}};});
 //# sourceMappingURL=nile-form-help-text.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\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  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @property({ type: String, reflect: true  }) fullText: string = '';\n\n  @property({ type: Number, reflect: true  }) textLimit: number = 47;\n\n  @property({ type: String, reflect: true  }) displayedText: string = '';\n\n  @query('slot') slotElement!: HTMLSlotElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n    requestAnimationFrame(() => {\n      this.slotElement?.addEventListener('slotchange', this.handleSlotChange.bind(this));\n    });\n  }\n\n  firstUpdated() {\n    this.handleSlotChange();\n  }\n\n  handleSlotChange() {\n    const nodes = this.slotElement.assignedNodes({flatten: true});\n    const textContent = nodes.map(node => node.textContent).join('');\n    this.fullText = textContent.trim();\n    this.updateDisplayedText()\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n    this.updateDisplayedText()\n  }\n\n  updateDisplayedText() {\n    if (this.isExpanded) {\n      this.displayedText = this.fullText;\n    } else {\n      const validConcatNumber=concatSentence(this.fullText, this.textLimit)\n      const truncatedText = this.fullText.slice(0, validConcatNumber);\n      const ellipsis = this.fullText.length > validConcatNumber ? '...' : '';\n      this.displayedText = `${truncatedText}${ellipsis}`;\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    const showMoreButton = this.fullText.length > this.textLimit;\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden>${this.fullText}</slot>\n      <div part=\"text\">\n        <span>${this.displayedText}</span>\n        ${showMoreButton ? html`\n          <span\n            class=\"nile-form-help-text__more-button\"\n            part=\"toggle-button\"\n            @click=${this.toggleExpanded}\n            >${this.isExpanded ? 'View Less' : 'View More'}\n            <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\"></nile-icon>\n  </span>\n        ` : ''}\n  </div>\n    </div>\n  `;\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}\n\nfunction concatSentence(sentence:string, n:number) {\n  if (n < 0 || n > sentence.length) {\n    return n;\n  }\n\n  // Adjust n if it falls in the middle of a word\n  if (sentence[n] !== \" \" && n !== 0 && n !== sentence.length) {\n    // Move left until the start of the word or the beginning of the sentence\n    let left = n;\n    while (left > 0 && sentence[left - 1] !== \" \") {\n      left--;\n    }\n\n    // Move right until the end of the word or the end of the sentence\n    let right = n;\n    while (right < sentence.length && sentence[right] !== \" \") {\n      right++;\n    }\n\n    // Adjust n to the closer boundary\n    n = (n - left <= right - n) ? left : right;\n  }\n\n  // Return the substring from the start to the adjusted n\n  return n;\n}\n"],"names":["NileFormHelpText","_e","l","constructor","this","isExpanded","fullText","textLimit","displayedText","_this","_inherits","_createClass","key","value","connectedCallback","super","requestAnimationFrame","slotElement","addEventListener","handleSlotChange","bind","firstUpdated","textContent","assignedNodes","flatten","map","node","join","trim","updateDisplayedText","toggleExpanded","validConcatNumber","sentence","n","length","left","right","concatSentence","truncatedText","slice","ellipsis","render","showMoreButton","iconName","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","String","Number","query","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.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 {LitElement, html, CSSResultArray, TemplateResult, nothing, PropertyValues} from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\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  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @state() showButton: boolean = false;\n\n  @query('.help__text__full') textContainer:HTMLSpanElement;\n\n  private resizeObserver:ResizeObserver;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.resizeObserver=this.observeWidthChange(this.textContainer);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div \n      class=\"${classMap({\n        'nile-form-help-text':true,\n        \"nile-form-help-text--expanded\":this.isExpanded\n        })}\" \n      part=\"container\"\n    >\n      <span\n        class=\"${classMap({\n          \"help__text__full\":true,\n          \"help__text__full--expanded\":this.isExpanded\n          })}\"\n        >\n        <slot @slotchange=\"${this.decideToToggleShowButton}\"></slot>\n      </span>\n      ${this.showButton?html`\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=${this.toggleExpanded}\n        >${this.isExpanded ? 'View Less' : 'View More'}\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\"></nile-icon>\n        </span>\n      `:nothing}\n    </div>\n  `;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n  \n  decideToToggleShowButton(){\n    if(!this.textContainer) return;\n    this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth\n  }\n\n  /**\n   * Logs whenever the width of an element changes.\n   * @param {HTMLElement} element - The element to observe for width changes.\n   */\n  observeWidthChange(element:HTMLElement) {\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (let entry of entries) {\n        const newWidth = entry.contentRect.width;\n        if (newWidth) this.decideToToggleShowButton();\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    return resizeObserver; // Return observer to allow disconnection if needed\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}"],"names":["NileFormHelpText","p","constructor","this","isExpanded","showButton","_this","_inherits","_e","_createClass","key","value","firstUpdated","_changedProperties","resizeObserver","observeWidthChange","textContainer","disconnectedCallback","disconnect","render","iconName","html","_templateObject","_taggedTemplateLiteral","classMap","help__text__full","decideToToggleShowButton","_templateObject2","toggleExpanded","nothing","clientWidth","scrollWidth","element","ResizeObserver","entries","_step","_iterator","s","n","done","entry","contentRect","width","err","e","f","observe","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--nile-form-help-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-help-text.css.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-help-text {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--nile-form-help-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-help-text/nile-form-help-text.css.esm.js

@@ -1,22 +1,27 @@
 import{css as e}from"lit";const t=e`
   :host {
-  }
-
-  .nile-form-help-text {
-    display: flex;
-    align-items: center;
+    width:100%;
     color: var(--nile-form-help-text-color);
     font-family: var(--nile-font-family-serif);
     font-size: var(--nile-form-help-text-font-size);
     font-style: normal;
-    font-weight: 400;
     line-height: var(--nile-form-help-text-line-height);
+  }
+
+  .nile-form-help-text {
+    display:flex;
+    font-weight: 400;
     letter-spacing: 0.2px;
     margin-top: 6px;
     margin-right: 4px;
     width: auto;
   }
 
+
+  .nile-form-help-text--expanded{
+    display:block;
+  }
+
   .nile-form-help-text__more-button {
     display: inline-flex;
     gap: 4px;
@@ -25,4 +30,15 @@ import{css as e}from"lit";const t=e`
     white-space: nowrap;
     align-items: center;
   }
+
+  .help__text__full{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display:inline;
+  }
+  
+  .help__text__full--expanded{
+    white-space: wrap;
+  }
 `;export{t as s};

package/dist/nile-form-help-text/nile-form-help-text.esm.js

@@ -1,17 +1,21 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as i}from"lit";import{property as s,query as o,customElement as r}from"lit/decorators.js";import{s as n}from"./nile-form-help-text.css.esm.js";let l=class extends e{constructor(){super(...arguments),this.isExpanded=!1,this.fullText="",this.textLimit=47,this.displayedText=""}static get styles(){return[n]}connectedCallback(){super.connectedCallback(),requestAnimationFrame((()=>{this.slotElement?.addEventListener("slotchange",this.handleSlotChange.bind(this))}))}firstUpdated(){this.handleSlotChange()}handleSlotChange(){const t=this.slotElement.assignedNodes({flatten:!0}).map((t=>t.textContent)).join("");this.fullText=t.trim(),this.updateDisplayedText()}toggleExpanded(){this.isExpanded=!this.isExpanded,this.updateDisplayedText()}updateDisplayedText(){if(this.isExpanded)this.displayedText=this.fullText;else{const t=function(t,e){if(e<0||e>t.length)return e;if(" "!==t[e]&&0!==e&&e!==t.length){let i=e;for(;i>0&&" "!==t[i-1];)i--;let s=e;for(;s<t.length&&" "!==t[s];)s++;e=e-i<=s-e?i:s}return e}(this.fullText,this.textLimit),e=this.fullText.slice(0,t),i=this.fullText.length>t?"...":"";this.displayedText=`${e}${i}`}}render(){const t=this.fullText.length>this.textLimit,e=this.isExpanded?"arrowup":"arrowdown";return i`
-    <div class="nile-form-help-text" part="container">
-      <slot hidden>${this.fullText}</slot>
-      <div part="text">
-        <span>${this.displayedText}</span>
-        ${t?i`
-          <span
-            class="nile-form-help-text__more-button"
-            part="toggle-button"
-            @click=${this.toggleExpanded}
-            >${this.isExpanded?"View Less":"View More"}
-            <nile-icon color="#005EA6" part="icon" size="14" name="${e}"></nile-icon>
-  </span>
-        `:""}
-  </div>
+import{__decorate as t}from"tslib";import{LitElement as e,html as s,nothing as i}from"lit";import{property as o,state as r,query as l,customElement as n}from"lit/decorators.js";import{s as h}from"./nile-form-help-text.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";let p=class extends e{constructor(){super(...arguments),this.isExpanded=!1,this.showButton=!1}static get styles(){return[h]}firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){const t=this.isExpanded?"arrowup":"arrowdown";return s`
+    <div 
+      class="${a({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded})}" 
+      part="container"
+    >
+      <span
+        class="${a({help__text__full:!0,"help__text__full--expanded":this.isExpanded})}"
+        >
+        <slot @slotchange="${this.decideToToggleShowButton}"></slot>
+      </span>
+      ${this.showButton?s`
+        <span
+          class="nile-form-help-text__more-button"
+          part="toggle-button"
+          @click=${this.toggleExpanded}
+        >${this.isExpanded?"View Less":"View More"}
+          <nile-icon color="#005EA6" part="icon" size="14" name="${t}"></nile-icon>
+        </span>
+      `:i}
     </div>
-  `}};t([s({type:Boolean,reflect:!0})],l.prototype,"isExpanded",void 0),t([s({type:String,reflect:!0})],l.prototype,"fullText",void 0),t([s({type:Number,reflect:!0})],l.prototype,"textLimit",void 0),t([s({type:String,reflect:!0})],l.prototype,"displayedText",void 0),t([o("slot")],l.prototype,"slotElement",void 0),l=t([r("nile-form-help-text")],l);export{l as N};
+  `}toggleExpanded(){this.isExpanded=!this.isExpanded}decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth)}observeWidthChange(t){const e=new ResizeObserver((t=>{for(let e of t){e.contentRect.width&&this.decideToToggleShowButton()}}));return e.observe(t),e}};t([o({type:Boolean,reflect:!0})],p.prototype,"isExpanded",void 0),t([r()],p.prototype,"showButton",void 0),t([l(".help__text__full")],p.prototype,"textContainer",void 0),p=t([n("nile-form-help-text")],p);export{p as N};

package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-a0ed956d.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-form-help-text.cjs.js","tslib","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture003CjsJs){t=_fixture003CjsJs.f;e=_fixture003CjsJs.a;},function(_litStaticHtmlJs){i=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileFormHelpTextCjsJs){},function(_tslib){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){}],execute:function execute(){describe("NileFormHelpText",function(){it("should render with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _o$shadowRoot$querySe;var o,s;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return t(i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-form-help-text>This is a very short text</nile-form-help-text>"]))));case 2:o=_context2.sent;s=(_o$shadowRoot$querySe=o.shadowRoot.querySelector("div>span:first-child"))===null||_o$shadowRoot$querySe===void 0||(_o$shadowRoot$querySe=_o$shadowRoot$querySe.textContent)===null||_o$shadowRoot$querySe===void 0?void 0:_o$shadowRoot$querySe.trim();e(s).to.equal("This is a very short text");case 5:case"end":return _context2.stop();}},_callee);}))),it('should truncate the text if it exceeds textLimit and show "View More" button',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _o$shadowRoot$querySe2;var o,s,l;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return t(i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-form-help-text><span>","</span></nile-form-help-text>"])),"This is a very long help text that should be truncated and should show a 'View More' button."));case 2:o=_context3.sent;s=(_o$shadowRoot$querySe2=o.shadowRoot.querySelector("div>span:first-child"))===null||_o$shadowRoot$querySe2===void 0||(_o$shadowRoot$querySe2=_o$shadowRoot$querySe2.textContent)===null||_o$shadowRoot$querySe2===void 0?void 0:_o$shadowRoot$querySe2.trim();e(s===null||s===void 0?void 0:s.endsWith("...")).to.be["true"];l=o.shadowRoot.querySelector(".nile-form-help-text__more-button");e(l).to.exist,e(l===null||l===void 0?void 0:l.textContent).to.include("View More");case 7:case"end":return _context3.stop();}},_callee2);}))),it('should expand to show full text when "View More" is clicked',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _s$shadowRoot$querySe;var o,s,l,n,r;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:o="This is a very long help text that should be truncated and should show a 'View More' button.";_context4.next=3;return t(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-form-help-text><span>","</span></nile-form-help-text>"])),o));case 3:s=_context4.sent;l=s.shadowRoot.querySelector(".nile-form-help-text__more-button");l!==null&&l!==void 0&&l.click();_context4.next=8;return s.updateComplete;case 8:n=(_s$shadowRoot$querySe=s.shadowRoot.querySelector("div>span:first-child"))===null||_s$shadowRoot$querySe===void 0||(_s$shadowRoot$querySe=_s$shadowRoot$querySe.textContent)===null||_s$shadowRoot$querySe===void 0?void 0:_s$shadowRoot$querySe.trim();e(n).to.equal(o);r=s.shadowRoot.querySelector(".nile-form-help-text__more-button");e(r).to.exist,e(r===null||r===void 0?void 0:r.textContent).to.include("View Less");case 12:case"end":return _context4.stop();}},_callee3);}))),it('should collapse back to truncated text when "View Less" is clicked',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _o$shadowRoot$querySe3;var o,s,l,n,r;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return t(i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-form-help-text><span>","</span></nile-form-help-text>"])),"This is a very long help text that should be truncated and should show a 'View More' button."));case 2:o=_context5.sent;s=o.shadowRoot.querySelector(".nile-form-help-text__more-button");s!==null&&s!==void 0&&s.click();_context5.next=7;return o.updateComplete;case 7:l=o.shadowRoot.querySelector(".nile-form-help-text__more-button");l!==null&&l!==void 0&&l.click();_context5.next=11;return o.updateComplete;case 11:n=(_o$shadowRoot$querySe3=o.shadowRoot.querySelector("div>span:first-child"))===null||_o$shadowRoot$querySe3===void 0||(_o$shadowRoot$querySe3=_o$shadowRoot$querySe3.textContent)===null||_o$shadowRoot$querySe3===void 0?void 0:_o$shadowRoot$querySe3.trim();e(n===null||n===void 0?void 0:n.endsWith("...")).to.be["true"];r=o.shadowRoot.querySelector(".nile-form-help-text__more-button");e(r).to.exist,e(r===null||r===void 0?void 0:r.textContent).to.include("View More");case 15:case"end":return _context5.stop();}},_callee4);}))),it('should not show "View More" button when text is within limit',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var _s$shadowRoot$querySe2;var o,s,l,n;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:o="Short help text.";_context6.next=3;return t(i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-form-help-text><span>","</span></nile-form-help-text>"])),o));case 3:s=_context6.sent;l=(_s$shadowRoot$querySe2=s.shadowRoot.querySelector("div>span:first-child"))===null||_s$shadowRoot$querySe2===void 0||(_s$shadowRoot$querySe2=_s$shadowRoot$querySe2.textContent)===null||_s$shadowRoot$querySe2===void 0?void 0:_s$shadowRoot$querySe2.trim();e(l).to.equal(o);n=s.shadowRoot.querySelector(".nile-form-help-text__more-button");e(n).to.be["null"];case 8:case"end":return _context6.stop();}},_callee5);})));});}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-a0ed956d.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-form-help-text.cjs.js","tslib","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,i,l,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture003CjsJs){t=_fixture003CjsJs.f;e=_fixture003CjsJs.a;i=_fixture003CjsJs.e;},function(_litStaticHtmlJs){l=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileFormHelpTextCjsJs){o=_nileFormHelpTextCjsJs.N;},function(_tslib){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){describe("NileFormHelpText",function(){it("should render with default properties",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _i$textContent;var i,s;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return t(l(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-form-help-text>This is a short text</nile-form-help-text>"]))));case 2:i=_context2.sent;e(i).to.be.instanceOf(o),e(i.isExpanded).to.be["false"];s=i===null||i===void 0||(_i$textContent=i.textContent)===null||_i$textContent===void 0?void 0:_i$textContent.trim();e(s).to.equal("This is a short text");case 6:case"end":return _context2.stop();}},_callee);}))),it('should not show "View More" button if the text fits within the container',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _o$shadowRoot;var o,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return t(l(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-form-help-text>This is a short text</nile-form-help-text>"]))));case 2:o=_context3.sent;_context3.next=5;return i(o);case 5:s=(_o$shadowRoot=o.shadowRoot)===null||_o$shadowRoot===void 0?void 0:_o$shadowRoot.querySelector(".nile-form-help-text__more-button");e(s).to.be["null"],e(o.showButton).to.be["false"];case 7:case"end":return _context3.stop();}},_callee2);}))),it('should show "View More" button if the text overflows the container',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _o$shadowRoot2,_o$shadowRoot3;var o,s,h;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return t(l(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-form-help-text>","</nile-form-help-text>"])),'This is a very long help text that exceeds the container width and should show a "View More" button.'));case 2:o=_context4.sent;s=(_o$shadowRoot2=o.shadowRoot)===null||_o$shadowRoot2===void 0?void 0:_o$shadowRoot2.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300});Object.defineProperty(s,"clientWidth",{value:200});o.decideToToggleShowButton();_context4.next=9;return i(o);case 9:h=(_o$shadowRoot3=o.shadowRoot)===null||_o$shadowRoot3===void 0?void 0:_o$shadowRoot3.querySelector(".nile-form-help-text__more-button");e(h).to.exist,e(o.showButton).to.be["true"];case 11:case"end":return _context4.stop();}},_callee3);}))),it('should expand to show full text when "View More" is clicked',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _o$shadowRoot4,_o$shadowRoot5;var o,s,h;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return t(l(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-form-help-text>","</nile-form-help-text>"])),'This is a very long help text that exceeds the container width and should show a "View More" button.'));case 2:o=_context5.sent;s=(_o$shadowRoot4=o.shadowRoot)===null||_o$shadowRoot4===void 0?void 0:_o$shadowRoot4.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300});Object.defineProperty(s,"clientWidth",{value:200});o.decideToToggleShowButton();_context5.next=9;return i(o);case 9:h=(_o$shadowRoot5=o.shadowRoot)===null||_o$shadowRoot5===void 0?void 0:_o$shadowRoot5.querySelector(".nile-form-help-text__more-button");h!==null&&h!==void 0&&h.click();_context5.next=13;return i(o);case 13:e(o.isExpanded).to.be["true"];e(s).to.have["class"]("help__text__full--expanded");e(h===null||h===void 0?void 0:h.textContent).to.include("View Less");case 16:case"end":return _context5.stop();}},_callee4);}))),it('should collapse back to truncated text when "View Less" is clicked',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var _o$shadowRoot6,_o$shadowRoot7;var o,s,h;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return t(l(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-form-help-text>","</nile-form-help-text>"])),'This is a very long help text that exceeds the container width and should show a "View More" button.'));case 2:o=_context6.sent;s=(_o$shadowRoot6=o.shadowRoot)===null||_o$shadowRoot6===void 0?void 0:_o$shadowRoot6.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300});Object.defineProperty(s,"clientWidth",{value:200});o.decideToToggleShowButton();_context6.next=9;return i(o);case 9:h=(_o$shadowRoot7=o.shadowRoot)===null||_o$shadowRoot7===void 0?void 0:_o$shadowRoot7.querySelector(".nile-form-help-text__more-button");h!==null&&h!==void 0&&h.click();_context6.next=13;return i(o);case 13:h!==null&&h!==void 0&&h.click();_context6.next=16;return i(o);case 16:e(o.isExpanded).to.be["false"];e(s).not.to.have["class"]("help__text__full--expanded");e(h===null||h===void 0?void 0:h.textContent).to.include("View More");case 19:case"end":return _context6.stop();}},_callee5);})));});}};});
 //# sourceMappingURL=nile-form-help-text.test.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.test.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.test.ts"],"sourcesContent":["import { fixture, expect, html } from '@open-wc/testing';\nimport './nile-form-help-text';\nimport { NileFormHelpText } from './nile-form-help-text';\n\nconst wait = (ms: number = 50000) => new Promise(resolve => setTimeout(resolve, ms))\n\ndescribe('NileFormHelpText', () => {\n  it('should render with default properties', async () => {\n    const el: NileFormHelpText = await fixture(html`<nile-form-help-text>This is a very short text</nile-form-help-text>`);\n    \n    // Check if the displayed text is empty initially (no content in slot)\n    const textContent = el.shadowRoot!.querySelector('div>span:first-child')?.textContent?.trim()\n    expect(textContent).to.equal('This is a very short text');\n  });\n\n  it('should truncate the text if it exceeds textLimit and show \"View More\" button', async () => {\n    const longText = \"This is a very long help text that should be truncated and should show a 'View More' button.\";\n    const el: NileFormHelpText = await fixture(html`<nile-form-help-text><span>${longText}</span></nile-form-help-text>`);\n    \n    // Check if the displayed text is truncated\n    const textContent = el.shadowRoot!.querySelector('div>span:first-child')?.textContent?.trim()\n    expect(textContent?.endsWith('...')).to.be.true;\n    \n    // Check if the \"View More\" button is visible\n    const moreButton = el.shadowRoot!.querySelector('.nile-form-help-text__more-button');\n    expect(moreButton).to.exist;\n    expect(moreButton?.textContent).to.include('View More');\n  });\n\n  it('should expand to show full text when \"View More\" is clicked', async () => {\n    const longText = \"This is a very long help text that should be truncated and should show a 'View More' button.\";\n    const el: NileFormHelpText = await fixture(html`<nile-form-help-text><span>${longText}</span></nile-form-help-text>`);\n    \n    // Simulate clicking the \"View More\" button\n    const moreButton = el.shadowRoot!.querySelector<HTMLElement>('.nile-form-help-text__more-button');\n    moreButton?.click();\n    await el.updateComplete;\n\n    // Verify that the full text is displayed\n    const textContent = el.shadowRoot!.querySelector('div>span:first-child')?.textContent?.trim()\n    expect(textContent).to.equal(longText);\n    \n    // Check if the \"View Less\" button is now visible\n    const lessButton = el.shadowRoot!.querySelector('.nile-form-help-text__more-button');\n    expect(lessButton).to.exist;\n    expect(lessButton?.textContent).to.include('View Less');\n  });\n\n  it('should collapse back to truncated text when \"View Less\" is clicked', async () => {\n    const longText = \"This is a very long help text that should be truncated and should show a 'View More' button.\";\n    const el: NileFormHelpText = await fixture(html`<nile-form-help-text><span>${longText}</span></nile-form-help-text>`);\n    \n    // Expand the text\n    const moreButton = el.shadowRoot!.querySelector<HTMLElement>('.nile-form-help-text__more-button');\n    moreButton?.click();\n    await el.updateComplete;\n\n    // Collapse the text by clicking \"View Less\"\n    const lessButton = el.shadowRoot!.querySelector<HTMLElement>('.nile-form-help-text__more-button');\n    lessButton?.click();\n    await el.updateComplete;\n\n    // Verify that the text is truncated again\n    const textContent = el.shadowRoot!.querySelector('div>span:first-child')?.textContent?.trim()\n    expect(textContent?.endsWith('...')).to.be.true;\n    \n    // Check if the \"View More\" button is visible again\n    const viewMoreButton = el.shadowRoot!.querySelector('.nile-form-help-text__more-button');\n    expect(viewMoreButton).to.exist;\n    expect(viewMoreButton?.textContent).to.include('View More');\n  });\n\n  it('should not show \"View More\" button when text is within limit', async () => {\n    const shortText = \"Short help text.\";\n    const el: NileFormHelpText = await fixture(html`<nile-form-help-text><span>${shortText}</span></nile-form-help-text>`);\n    \n    // Check if the displayed text is not truncated\n    const textContent = el.shadowRoot!.querySelector('div>span:first-child')?.textContent?.trim()\n    expect(textContent).to.equal(shortText);\n\n    // Verify that \"View More\" button is not rendered\n    const moreButton = el.shadowRoot!.querySelector('.nile-form-help-text__more-button');\n    expect(moreButton).to.be.null;\n  });\n\n});\n"],"names":["describe","it","_asyncToGenerator","_regeneratorRuntime","mark","async","fixture","html","_templateObject","_taggedTemplateLiteral","textContent","el","shadowRoot","querySelector","trim","expect","to","equal","_context2","stop","_callee","_templateObject2","_o$shadowRoot$querySe2","endsWith","be","true","moreButton","exist","include","_context3","_callee2","longText","_context4","next","_templateObject3","click","updateComplete","lessButton","_callee3","_templateObject4","viewMoreButton","_context5","_callee4","shortText","_context6","_templateObject5","null","_callee5"],"mappings":"+1SAMAA,SAAS,kBAAoB,CAAA,UAAA,CAC3BC,EAAG,CAAA,uCAAA,cAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAyCC,SAAAA,QAAAA,MAAAA,qBAAAA,KAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,SAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SACPC,CAAAA,CAAQC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4EAGzCC,CAAAA,QAHAC,iBAGAD,CAAAA,EAAAA,qBAAAA,CAAcC,CAAGC,CAAAA,UAAAA,CAAYC,cAAc,sBAAyBH,CAAAA,UAAAA,qBAAAA,YAAAA,qBAAAA,CAAtDC,qBAAAA,CAAsDD,WAAAA,UAAAA,qBAAAA,iBAAtDC,qBAAAA,CAAmEG,IACvFC,CAAAA,CAAAA,CAAAA,CAAAA,CAAOL,CAAaM,CAAAA,CAAAA,EAAAA,CAAGC,MAAM,2BAA4B,CAAA,yBAAAC,SAAA,CAAAC,IAAA,MAAAC,OAAA,GAAA,EAAA,CAAA,CAG3DnB,EAAG,CAAA,8EAAA,cAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAgFC,SAAAA,SAAAA,MAAAA,sBAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SAE9CC,CAAAA,CAAQC,CAAAA,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,mEAD9B,8FAAA,CAAA,CAAA,QACXE,iBAGAD,CAAcC,EAAAA,sBAAAA,CAAAA,CAAAA,CAAGC,WAAYC,aAAc,CAAA,sBAAA,CAAA,UAAAS,sBAAA,YAAAA,sBAAA,CAA7BX,sBAAAA,CAAsDD,WAAaI,UAAAA,sBAAAA,iBAAnEH,sBAAAA,CAAmEG,IAAAA,CAAAA,CAAAA,CACvFC,CAAOL,CAAAA,CAAAA,SAAAA,CAAAA,iBAAAA,CAAAA,CAAaa,SAAS,KAAQP,CAAAA,CAAAA,CAAAA,EAAAA,CAAGQ,EAAGC,QAAAA,CAGrCC,CAAAA,CAAaf,EAAGC,UAAYC,CAAAA,aAAAA,CAAc,mCAChDE,CAAAA,CAAAA,CAAAA,CAAOW,CAAYV,CAAAA,CAAAA,EAAAA,CAAGW,MACtBZ,CAAOW,CAAAA,CAAAA,SAAAA,CAAAA,iBAAAA,CAAAA,CAAYhB,WAAaM,CAAAA,CAAAA,EAAAA,CAAGY,OAAQ,CAAA,WAAA,CAAY,yBAAAC,SAAA,CAAAV,IAAA,MAAAW,QAAA,OAGzD7B,EAAG,CAAA,6DAAA,cAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAA+DC,SAAAA,SAAAA,MAAAA,qBAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAC1D0B,CAAW,CAAA,8FAAA,CAAAC,SAAA,CAAAC,IAAA,SACkB3B,CAAAA,CAAQC,CAAAA,CAAI,CAAA2B,gBAAA,GAAAA,gBAAA,CAAAzB,sBAAA,mEAA8BsB,CAAAA,CAAAA,CAAAA,QAAvEpB,iBAGAe,CAAaf,CAAAA,CAAAA,CAAGC,WAAYC,aAA2B,CAAA,mCAAA,CAAA,CAC7Da,CAAYS,SAAZT,CAAYS,WAAZT,CAAYS,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SACNxB,CAAAA,CAAGyB,CAAAA,cAAAA,QAGH1B,CAAcC,EAAAA,qBAAAA,CAAAA,CAAAA,CAAGC,UAAYC,CAAAA,aAAAA,CAAc,sBAAyBH,CAAAA,UAAAA,qBAAAA,YAAAA,qBAAAA,CAAtDC,qBAAAA,CAAsDD,WAAAA,UAAAA,qBAAAA,iBAAtDC,qBAAAA,CAAmEG,OACvFC,CAAOL,CAAAA,CAAAA,CAAAA,CAAaM,EAAGC,CAAAA,KAAAA,CAAMc,CAG7B,CAAA,CAAMM,EAAa1B,CAAGC,CAAAA,UAAAA,CAAYC,aAAc,CAAA,mCAAA,CAAA,CAChDE,CAAOsB,CAAAA,CAAAA,CAAAA,CAAYrB,GAAGW,KACtBZ,CAAAA,CAAAA,CAAOsB,CAAY3B,SAAZ2B,CAAY3B,iBAAZ2B,CAAY3B,CAAAA,WAAAA,CAAAA,CAAaM,EAAGY,CAAAA,OAAAA,CAAQ,YAAY,0BAAAI,SAAA,CAAAb,IAAA,MAAAmB,QAAA,GAGzDrC,EAAAA,CAAAA,CAAAA,EAAAA,CAAG,oEAAsEI,cAAAA,iBAAAA,cAAAA,mBAAAA,GAAAA,IAAAA,CAAAA,SAAAA,SAAAA,MAAAA,sBAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,SAAAA,CAAAA,IAAAA,SAEpCC,CAAAA,EAAQC,CAAI,CAAAgC,gBAAA,GAAAA,gBAAA,CAAA9B,sBAAA,mEAD9B,8FAIXiB,CAAAA,CAAAA,QAHAf,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,CAGAe,CAAAA,CAAaf,CAAGC,CAAAA,UAAAA,CAAYC,cAA2B,mCAC7Da,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,WAAAA,CAAAA,CAAYS,KACNxB,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,CAAAA,CAAAA,CAAGyB,cAGT,QAAMC,EAAa1B,CAAGC,CAAAA,UAAAA,CAAYC,aAA2B,CAAA,mCAAA,CAAA,CAC7DwB,CAAYF,SAAZE,CAAYF,WAAZE,CAAYF,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UACNxB,CAAAA,EAAGyB,cAGT,SAAM1B,CAAcC,EAAAA,sBAAAA,CAAAA,CAAAA,CAAGC,UAAYC,CAAAA,aAAAA,CAAc,0FAA7BF,sBAAAA,CAAsDD,WAAaI,UAAAA,sBAAAA,iBAAnEH,sBAAAA,CAAmEG,IAAAA,CAAAA,CAAAA,CACvFC,CAAOL,CAAAA,CAAAA,SAAAA,CAAAA,iBAAAA,CAAAA,CAAaa,QAAS,CAAA,KAAA,CAAA,CAAA,CAAQP,GAAGQ,EAAGC,QAAAA,CAGrCe,CAAAA,CAAiB7B,CAAGC,CAAAA,UAAAA,CAAYC,cAAc,mCACpDE,CAAAA,CAAAA,CAAAA,CAAOyB,CAAgBxB,CAAAA,CAAAA,EAAAA,CAAGW,KAC1BZ,CAAAA,CAAAA,CAAOyB,UAAAA,kBAAAA,EAAgB9B,WAAaM,CAAAA,CAAAA,EAAAA,CAAGY,OAAQ,CAAA,WAAA,CAAY,0BAAAa,SAAA,CAAAtB,IAAA,MAAAuB,QAAA,GAG7DzC,EAAAA,CAAAA,CAAAA,EAAAA,CAAG,sIAAgEI,SAAAA,SAAAA,MAAAA,sBAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,mBAAAA,GAAAA,IAAAA,UAAAA,UAAAA,SAAAA,iBAAAA,SAAAA,CAAAA,IAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAC3DsC,CAAY,CAAA,kBAAA,CAAAC,SAAA,CAAAX,IAAA,SACiB3B,CAAAA,CAAAA,CAAQC,CAAI,CAAAsC,gBAAA,GAAAA,gBAAA,CAAApC,sBAAA,mEAA8BkC,CAAAA,CAAAA,CAAAA,QAAvEhC,CAA6BL,CAAAA,SAAAA,CAAAA,IAAAA,CAG7BI,CAAcC,EAAAA,sBAAAA,CAAAA,CAAAA,CAAGC,UAAYC,CAAAA,aAAAA,CAAc,0FAA7BF,sBAAAA,CAAsDD,WAAaI,UAAAA,sBAAAA,iBAAnEH,sBAAAA,CAAmEG,IAAAA,CAAAA,CAAAA,CACvFC,CAAOL,CAAAA,CAAAA,CAAAA,CAAaM,EAAGC,CAAAA,KAAAA,CAAM0B,GAGvBjB,CAAAA,CAAaf,CAAGC,CAAAA,UAAAA,CAAYC,aAAc,CAAA,mCAAA,CAAA,CAChDE,EAAOW,CAAYV,CAAAA,CAAAA,EAAAA,CAAGQ,EAAGsB,QAAI,yBAAAF,SAAA,CAAAzB,IAAA,MAAA4B,QAAA,GAC7B,EAAA,CAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"nile-form-help-text.test.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.test.ts"],"sourcesContent":["import { fixture, expect, html, elementUpdated } from '@open-wc/testing';\nimport './nile-form-help-text';\nimport { NileFormHelpText } from './nile-form-help-text';\n\nconst wait = (ms: number = 50000) => new Promise(resolve => setTimeout(resolve, ms))\n\n\ndescribe('NileFormHelpText', () => {\n  it('should render with default properties', async () => {\n    const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>This is a short text</nile-form-help-text>`);\n    expect(el).to.be.instanceOf(NileFormHelpText);\n    expect(el.isExpanded).to.be.false;\n\n    // Check if text content matches\n    const textContent = el?.textContent?.trim();\n    expect(textContent).to.equal('This is a short text');\n  });\n\n  it('should not show \"View More\" button if the text fits within the container', async () => {\n    const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>This is a short text</nile-form-help-text>`);\n    await elementUpdated(el);\n\n    const moreButton = el.shadowRoot?.querySelector('.nile-form-help-text__more-button');\n    expect(moreButton).to.be.null;\n    expect(el.showButton).to.be.false;\n  });\n\n  it('should show \"View More\" button if the text overflows the container', async () => {\n    const longText = 'This is a very long help text that exceeds the container width and should show a \"View More\" button.';\n    const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>${longText}</nile-form-help-text>`);\n    \n    // Simulate overflow\n    const textContainer = el.shadowRoot?.querySelector('.help__text__full') as HTMLSpanElement;\n    Object.defineProperty(textContainer, 'scrollWidth', { value: 300 });\n    Object.defineProperty(textContainer, 'clientWidth', { value: 200 });\n    el.decideToToggleShowButton();\n    await elementUpdated(el);\n\n    const moreButton = el.shadowRoot?.querySelector('.nile-form-help-text__more-button');\n    expect(moreButton).to.exist;\n    expect(el.showButton).to.be.true;\n  });\n\n  it('should expand to show full text when \"View More\" is clicked', async () => {\n    const longText = 'This is a very long help text that exceeds the container width and should show a \"View More\" button.';\n    const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>${longText}</nile-form-help-text>`);\n\n    // Simulate overflow\n    const textContainer = el.shadowRoot?.querySelector('.help__text__full') as HTMLSpanElement;\n    Object.defineProperty(textContainer, 'scrollWidth', { value: 300 });\n    Object.defineProperty(textContainer, 'clientWidth', { value: 200 });\n    el.decideToToggleShowButton();\n    await elementUpdated(el);\n\n    // Click \"View More\"\n    const moreButton = el.shadowRoot?.querySelector<HTMLElement>('.nile-form-help-text__more-button');\n    moreButton?.click();\n    await elementUpdated(el);\n\n    expect(el.isExpanded).to.be.true;\n    expect(textContainer).to.have.class('help__text__full--expanded');\n    expect(moreButton?.textContent).to.include('View Less');\n  });\n\n  it('should collapse back to truncated text when \"View Less\" is clicked', async () => {\n    const longText = 'This is a very long help text that exceeds the container width and should show a \"View More\" button.';\n    const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>${longText}</nile-form-help-text>`);\n\n    // Simulate overflow\n    const textContainer = el.shadowRoot?.querySelector('.help__text__full') as HTMLSpanElement;\n    Object.defineProperty(textContainer, 'scrollWidth', { value: 300 });\n    Object.defineProperty(textContainer, 'clientWidth', { value: 200 });\n    el.decideToToggleShowButton();\n    await elementUpdated(el);\n\n    // Expand and then collapse\n    const moreButton = el.shadowRoot?.querySelector<HTMLElement>('.nile-form-help-text__more-button');\n    moreButton?.click();\n    await elementUpdated(el);\n\n    moreButton?.click(); // Collapse\n    await elementUpdated(el);\n\n    expect(el.isExpanded).to.be.false;\n    expect(textContainer).not.to.have.class('help__text__full--expanded');\n    expect(moreButton?.textContent).to.include('View More');\n  });\n\n  // it('should dynamically adjust \"View More\" visibility on text change', async () => {\n  //   const el = await fixture<NileFormHelpText>(html`<nile-form-help-text>Initial text</nile-form-help-text>`);\n  //   await elementUpdated(el);\n\n  //   const textContainer = el.shadowRoot?.querySelector('.help__text__full') as HTMLSpanElement;\n  //   Object.defineProperty(textContainer, 'scrollWidth', { value: 300 });\n  //   Object.defineProperty(textContainer, 'clientWidth', { value: 200 });\n  //   el.decideToToggleShowButton();\n  //   await elementUpdated(el);\n\n  //   expect(el.showButton).to.be.true;\n\n  //   // Change slot content to short text\n  //   textContainer.textContent = 'Short text';\n  //   Object.defineProperty(textContainer, 'scrollWidth', { value: 100 });\n  //   Object.defineProperty(textContainer, 'clientWidth', { value: 200 });\n  //   el.decideToToggleShowButton();\n  //   await elementUpdated(el);\n\n  //   expect(el.showButton).to.be.false;\n  // });\n});\n"],"names":["describe","it","_asyncToGenerator","_regeneratorRuntime","mark","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","expect","to","be","instanceOf","NileFormHelpText","isExpanded","false","textContent","trim","equal","_context2","stop","_callee","_templateObject2","elementUpdated","moreButton","shadowRoot","querySelector","null","showButton","_context3","_callee2","_templateObject3","textContainer","Object","defineProperty","value","decideToToggleShowButton","exist","_context4","_callee3","_templateObject4","click","true","have","include","_context5","_callee4","_templateObject5","not","_context6","_callee5"],"mappings":"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"}

package/dist/nile-form-help-text/nile-form-help-text.test.esm.js

@@ -1 +1 @@
-import{f as t,a as e}from"../fixture-8aa86bc9.esm.js";import{html as i}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import"./nile-form-help-text.esm.js";import"tslib";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";describe("NileFormHelpText",(()=>{it("should render with default properties",(async()=>{const o=await t(i`<nile-form-help-text>This is a very short text</nile-form-help-text>`),s=o.shadowRoot.querySelector("div>span:first-child")?.textContent?.trim();e(s).to.equal("This is a very short text")})),it('should truncate the text if it exceeds textLimit and show "View More" button',(async()=>{const o=await t(i`<nile-form-help-text><span>${"This is a very long help text that should be truncated and should show a 'View More' button."}</span></nile-form-help-text>`),s=o.shadowRoot.querySelector("div>span:first-child")?.textContent?.trim();e(s?.endsWith("...")).to.be.true;const l=o.shadowRoot.querySelector(".nile-form-help-text__more-button");e(l).to.exist,e(l?.textContent).to.include("View More")})),it('should expand to show full text when "View More" is clicked',(async()=>{const o="This is a very long help text that should be truncated and should show a 'View More' button.",s=await t(i`<nile-form-help-text><span>${o}</span></nile-form-help-text>`),l=s.shadowRoot.querySelector(".nile-form-help-text__more-button");l?.click(),await s.updateComplete;const n=s.shadowRoot.querySelector("div>span:first-child")?.textContent?.trim();e(n).to.equal(o);const r=s.shadowRoot.querySelector(".nile-form-help-text__more-button");e(r).to.exist,e(r?.textContent).to.include("View Less")})),it('should collapse back to truncated text when "View Less" is clicked',(async()=>{const o=await t(i`<nile-form-help-text><span>${"This is a very long help text that should be truncated and should show a 'View More' button."}</span></nile-form-help-text>`),s=o.shadowRoot.querySelector(".nile-form-help-text__more-button");s?.click(),await o.updateComplete;const l=o.shadowRoot.querySelector(".nile-form-help-text__more-button");l?.click(),await o.updateComplete;const n=o.shadowRoot.querySelector("div>span:first-child")?.textContent?.trim();e(n?.endsWith("...")).to.be.true;const r=o.shadowRoot.querySelector(".nile-form-help-text__more-button");e(r).to.exist,e(r?.textContent).to.include("View More")})),it('should not show "View More" button when text is within limit',(async()=>{const o="Short help text.",s=await t(i`<nile-form-help-text><span>${o}</span></nile-form-help-text>`),l=s.shadowRoot.querySelector("div>span:first-child")?.textContent?.trim();e(l).to.equal(o);const n=s.shadowRoot.querySelector(".nile-form-help-text__more-button");e(n).to.be.null}))}));
+import{f as t,a as e,e as i}from"../fixture-8aa86bc9.esm.js";import{html as l}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{N as o}from"./nile-form-help-text.esm.js";import"tslib";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";import"lit/directives/class-map.js";describe("NileFormHelpText",(()=>{it("should render with default properties",(async()=>{const i=await t(l`<nile-form-help-text>This is a short text</nile-form-help-text>`);e(i).to.be.instanceOf(o),e(i.isExpanded).to.be.false;const s=i?.textContent?.trim();e(s).to.equal("This is a short text")})),it('should not show "View More" button if the text fits within the container',(async()=>{const o=await t(l`<nile-form-help-text>This is a short text</nile-form-help-text>`);await i(o);const s=o.shadowRoot?.querySelector(".nile-form-help-text__more-button");e(s).to.be.null,e(o.showButton).to.be.false})),it('should show "View More" button if the text overflows the container',(async()=>{const o=await t(l`<nile-form-help-text>${'This is a very long help text that exceeds the container width and should show a "View More" button.'}</nile-form-help-text>`),s=o.shadowRoot?.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300}),Object.defineProperty(s,"clientWidth",{value:200}),o.decideToToggleShowButton(),await i(o);const h=o.shadowRoot?.querySelector(".nile-form-help-text__more-button");e(h).to.exist,e(o.showButton).to.be.true})),it('should expand to show full text when "View More" is clicked',(async()=>{const o=await t(l`<nile-form-help-text>${'This is a very long help text that exceeds the container width and should show a "View More" button.'}</nile-form-help-text>`),s=o.shadowRoot?.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300}),Object.defineProperty(s,"clientWidth",{value:200}),o.decideToToggleShowButton(),await i(o);const h=o.shadowRoot?.querySelector(".nile-form-help-text__more-button");h?.click(),await i(o),e(o.isExpanded).to.be.true,e(s).to.have.class("help__text__full--expanded"),e(h?.textContent).to.include("View Less")})),it('should collapse back to truncated text when "View Less" is clicked',(async()=>{const o=await t(l`<nile-form-help-text>${'This is a very long help text that exceeds the container width and should show a "View More" button.'}</nile-form-help-text>`),s=o.shadowRoot?.querySelector(".help__text__full");Object.defineProperty(s,"scrollWidth",{value:300}),Object.defineProperty(s,"clientWidth",{value:200}),o.decideToToggleShowButton(),await i(o);const h=o.shadowRoot?.querySelector(".nile-form-help-text__more-button");h?.click(),await i(o),h?.click(),await i(o),e(o.isExpanded).to.be.false,e(s).not.to.have.class("help__text__full--expanded"),e(h?.textContent).to.include("View More")}))}));

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

@@ -3,7 +3,7 @@ import { EditorState } from '@codemirror/state';
 import { history, defaultKeymap, historyKeymap } from '@codemirror/commands';
 import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
 import { closeBrackets, autocompletion, closeBracketsKeymap, } from '@codemirror/autocomplete';
-import { foldGutter, indentOnInput, syntaxHighlighting, defaultHighlightStyle, bracketMatching, indentUnit, foldKeymap, } from '@codemirror/language';
+import { foldGutter, indentOnInput, bracketMatching, indentUnit, foldKeymap, } from '@codemirror/language';
 import { lintKeymap } from '@codemirror/lint';
 export const isValidSetup = (item) => {
     return typeof item === 'undefined' || item;
@@ -26,8 +26,6 @@ export const basicSetup = (options = {}) => {
     isValidSetup(options.dropCursor) && extensions.push(dropCursor());
     isValidSetup(options.allowMultipleSelections) && extensions.push(EditorState.allowMultipleSelections.of(true));
     isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());
-    isValidSetup(options.syntaxHighlighting) &&
-        extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));
     isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());
     isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());
     isValidSetup(options.autocompletion) && extensions.push(autocompletion());

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

@@ -1 +1 @@
-{"version":3,"file":"extensionSetup.js","sourceRoot":"","sources":["../../../src/nile-code-editor/extensionSetup.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  KeyBinding,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  drawSelection,\n  dropCursor,\n  rectangularSelection,\n  crosshairCursor,\n  highlightActiveLine,\n  keymap,\n} from '@codemirror/view';\nimport { EditorState, Extension } from '@codemirror/state';\nimport { history, defaultKeymap, historyKeymap } from '@codemirror/commands';\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search';\nimport {\n  closeBrackets,\n  autocompletion,\n  closeBracketsKeymap,\n  completionKeymap,\n} from '@codemirror/autocomplete';\nimport {\n  foldGutter,\n  indentOnInput,\n  syntaxHighlighting,\n  defaultHighlightStyle,\n  bracketMatching,\n  indentUnit,\n  foldKeymap,\n} from '@codemirror/language';\n\nimport { lintKeymap } from '@codemirror/lint';\n\nexport interface MinimalSetupOptions {\n  highlightSpecialChars?: boolean;\n  history?: boolean;\n  drawSelection?: boolean;\n  syntaxHighlighting?: boolean;\n  defaultKeymap?: boolean;\n  historyKeymap?: boolean;\n}\nexport interface BasicSetupOptions extends MinimalSetupOptions {\n  lineNumbers?: boolean;\n  highlightActiveLineGutter?: boolean;\n  foldGutter?: boolean;\n  dropCursor?: boolean;\n  allowMultipleSelections?: boolean;\n  indentOnInput?: boolean;\n  bracketMatching?: boolean;\n  closeBrackets?: boolean;\n  autocompletion?: boolean;\n  rectangularSelection?: boolean;\n  crosshairCursor?: boolean;\n  highlightActiveLine?: boolean;\n  highlightSelectionMatches?: boolean;\n  closeBracketsKeymap?: boolean;\n  searchKeymap?: boolean;\n  foldKeymap?: boolean;\n  completionKeymap?: boolean;\n  lintKeymap?: boolean;\n  tabSize?: number;\n  readonly?: false;\n}\n\nexport const isValidSetup = (item: any) => {\n  return typeof item === 'undefined' || item;\n};\n\nexport const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {\n  const { crosshairCursor: initCrosshairCursor = false } = options;\n  let keymaps: KeyBinding[] = [];\n  isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);\n  isValidSetup(options.closeBracketsKeymap) && keymaps.push(...closeBracketsKeymap);\n  isValidSetup(options.searchKeymap) && keymaps.push(...searchKeymap);\n  isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);\n  isValidSetup(options.foldKeymap) && keymaps.push(...foldKeymap);\n  isValidSetup(options.lintKeymap) && keymaps.push(...lintKeymap);\n  const extensions: Extension[] = [];\n  isValidSetup(options.highlightActiveLineGutter) && extensions.push(highlightActiveLineGutter());\n  isValidSetup(options.highlightSpecialChars) && extensions.push(highlightSpecialChars());\n  isValidSetup(options.history) && extensions.push(history());\n  isValidSetup(options.foldGutter) && extensions.push(foldGutter());\n  isValidSetup(options.drawSelection) && extensions.push(drawSelection());\n  isValidSetup(options.dropCursor) && extensions.push(dropCursor());\n  isValidSetup(options.allowMultipleSelections) && extensions.push(EditorState.allowMultipleSelections.of(true));\n  isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());\n  isValidSetup(options.syntaxHighlighting) &&\n    extensions.push(\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true })\n    );\n  isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());\n  isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());\n  isValidSetup(options.autocompletion) && extensions.push(autocompletion());\n  isValidSetup(options.rectangularSelection) && extensions.push(rectangularSelection());\n  isValidSetup(options.crosshairCursor) && extensions.push(crosshairCursor());\n  isValidSetup(options.highlightActiveLine) && extensions.push(highlightActiveLine());\n  isValidSetup(options.highlightSelectionMatches) && extensions.push(highlightSelectionMatches());\n  if (options.tabSize && typeof options.tabSize === 'number')\n    extensions.push(indentUnit.of(' '.repeat(options.tabSize)));\n  return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);\n};\n\n\n"]}
+{"version":3,"file":"extensionSetup.js","sourceRoot":"","sources":["../../../src/nile-code-editor/extensionSetup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EACzB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,MAAM,GACP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EACL,aAAa,EACb,cAAc,EACd,mBAAmB,GAEpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,GACX,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiC9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,EAAE;IACxC,OAAO,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAA6B,EAAE,EAAe,EAAE;IACzE,MAAM,EAAE,eAAe,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IACjE,IAAI,OAAO,GAAiB,EAAE,CAAC;IAC/B,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAC,CAAC;IAClF,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;IACpE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAChE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAChE,MAAM,UAAU,GAAgB,EAAE,CAAC;IACnC,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAChG,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACxF,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAC5D,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,YAAY,CAAC,OAAO,CAAC,uBAAuB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/G,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC5E,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IAC1E,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;IACtF,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC5E,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACpF,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAChG,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ;QACxD,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC,CAAC","sourcesContent":["import {\n  KeyBinding,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  drawSelection,\n  dropCursor,\n  rectangularSelection,\n  crosshairCursor,\n  highlightActiveLine,\n  keymap,\n} from '@codemirror/view';\nimport { EditorState, Extension } from '@codemirror/state';\nimport { history, defaultKeymap, historyKeymap } from '@codemirror/commands';\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search';\nimport {\n  closeBrackets,\n  autocompletion,\n  closeBracketsKeymap,\n  completionKeymap,\n} from '@codemirror/autocomplete';\nimport {\n  foldGutter,\n  indentOnInput,\n  bracketMatching,\n  indentUnit,\n  foldKeymap,\n} from '@codemirror/language';\n\nimport { lintKeymap } from '@codemirror/lint';\n\nexport interface MinimalSetupOptions {\n  highlightSpecialChars?: boolean;\n  history?: boolean;\n  drawSelection?: boolean;\n  syntaxHighlighting?: boolean;\n  defaultKeymap?: boolean;\n  historyKeymap?: boolean;\n}\nexport interface BasicSetupOptions extends MinimalSetupOptions {\n  lineNumbers?: boolean;\n  highlightActiveLineGutter?: boolean;\n  foldGutter?: boolean;\n  dropCursor?: boolean;\n  allowMultipleSelections?: boolean;\n  indentOnInput?: boolean;\n  bracketMatching?: boolean;\n  closeBrackets?: boolean;\n  autocompletion?: boolean;\n  rectangularSelection?: boolean;\n  crosshairCursor?: boolean;\n  highlightActiveLine?: boolean;\n  highlightSelectionMatches?: boolean;\n  closeBracketsKeymap?: boolean;\n  searchKeymap?: boolean;\n  foldKeymap?: boolean;\n  completionKeymap?: boolean;\n  lintKeymap?: boolean;\n  tabSize?: number;\n  readonly?: false;\n}\n\nexport const isValidSetup = (item: any) => {\n  return typeof item === 'undefined' || item;\n};\n\nexport const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {\n  const { crosshairCursor: initCrosshairCursor = false } = options;\n  let keymaps: KeyBinding[] = [];\n  isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);\n  isValidSetup(options.closeBracketsKeymap) && keymaps.push(...closeBracketsKeymap);\n  isValidSetup(options.searchKeymap) && keymaps.push(...searchKeymap);\n  isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);\n  isValidSetup(options.foldKeymap) && keymaps.push(...foldKeymap);\n  isValidSetup(options.lintKeymap) && keymaps.push(...lintKeymap);\n  const extensions: Extension[] = [];\n  isValidSetup(options.highlightActiveLineGutter) && extensions.push(highlightActiveLineGutter());\n  isValidSetup(options.highlightSpecialChars) && extensions.push(highlightSpecialChars());\n  isValidSetup(options.history) && extensions.push(history());\n  isValidSetup(options.foldGutter) && extensions.push(foldGutter());\n  isValidSetup(options.drawSelection) && extensions.push(drawSelection());\n  isValidSetup(options.dropCursor) && extensions.push(dropCursor());\n  isValidSetup(options.allowMultipleSelections) && extensions.push(EditorState.allowMultipleSelections.of(true));\n  isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());\n  isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());\n  isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());\n  isValidSetup(options.autocompletion) && extensions.push(autocompletion());\n  isValidSetup(options.rectangularSelection) && extensions.push(rectangularSelection());\n  isValidSetup(options.crosshairCursor) && extensions.push(crosshairCursor());\n  isValidSetup(options.highlightActiveLine) && extensions.push(highlightActiveLine());\n  isValidSetup(options.highlightSelectionMatches) && extensions.push(highlightSelectionMatches());\n  if (options.tabSize && typeof options.tabSize === 'number')\n    extensions.push(indentUnit.of(' '.repeat(options.tabSize)));\n  return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);\n};\n\n\n"]}

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

@@ -29,6 +29,8 @@ export declare class NileCodeEditor extends NileElement {
     multiline: boolean;
     allowVariableInCustomSuggestion: boolean;
     lineNumbers: boolean;
+    disableSyntaxHighlighting: boolean;
+    useCustomTextFormatting: boolean;
     lineNumbersMultiline: boolean;
     hasScroller: boolean;
     expandable: boolean;
@@ -43,6 +45,7 @@ export declare class NileCodeEditor extends NileElement {
     private readOnlyComp;
     private customCompletionComp;
     private placeholderComp;
+    private defaultSyntaxHighlightingComp;
     /**
      * The styles for CodeEditor
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -94,6 +97,7 @@ export declare class NileCodeEditor extends NileElement {
         }[];
     } | null;
     emitAfterTimeout(value: any): void;
+    focusAtPosition(pos?: number): void;
     insertBetweenCode: (text: string) => void;
     singleLineMultiLineToggle(): void;
     getLineNumbersExension(): Extension;
@@ -101,6 +105,7 @@ export declare class NileCodeEditor extends NileElement {
     getReadOnlyExtension(): Extension;
     getSingleLineExtension(): Extension;
     getPlaceholderExtension(): Extension;
+    getDefaultSyntaxHighlightingExtension(): Extension;
     restrictSingleLine(): Extension;
 }
 export default NileCodeEditor;