@aquera/nile-elements 0.0.4-9 → 0.0.5-2

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var e,r,s,i,t,a,_templateObject,_templateObject2,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;s=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){a=_property002CjsJs.n;}],execute:function(){_export("N",o=/*#__PURE__*/function(_r){_inherits(o,_r);var _super=_createSuper(o);function o(){var _this;_classCallCheck(this,o);_this=_super.apply(this,arguments),_this.errorMessages=[],_this.expandedIndex=null;return _this;}_createClass(o,[{key:"expandText",value:function expandText(e,r){var s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";var t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame(function(){s.style.height=t+"px";});}},{key:"collapseText",value:function collapseText(e){var r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame(function(){r.style.height="14px",r.style.whiteSpace="nowrap";});}},{key:"toggleExpand",value:function toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){var _e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];_e&&this.collapseText(_e);}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget));}},{key:"render",value:function render(){var _this2=this;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ","\n          "," are not\n          valid\n        </div>\n        ","\n      </div>\n    "])),this.errorMessages.length,this.errorMessages.length>1?"attributes":"attribute",this.errorMessages.map(function(e,r){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div\n              class=\"nile-error-message__expandable "," ","\"\n              @click=\"","\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">","</div>\n              </div>\n            </div>\n          "])),0!==r?"bordered":"",_this2.expandedIndex===r?"expanded":"",function(e){return _this2.toggleExpand(r,e);},e);}));}}],[{key:"styles",get:function get(){return[t];}}]);return o;}(r));e([a({type:Array,attribute:"error-messages",hasChanged:function hasChanged(e,r){return JSON.stringify(e)!==JSON.stringify(r);},converter:{toAttribute:function toAttribute(e){return JSON.stringify(e);},fromAttribute:function fromAttribute(e){return function(e){return Array.isArray(e)?e.map(function(e){return String(e);}):[];}(JSON.parse(e||"[]"));}}})],o.prototype,"errorMessages",void 0),e([a({type:Number})],o.prototype,"expandedIndex",void 0),_export("N",o=e([i("nile-error-message")],o));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var s,e,r,i,t,o,_templateObject,_templateObject2,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.s;r=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){o=_property002CjsJs.n;}],execute:function(){_export("N",n=/*#__PURE__*/function(_e){_inherits(n,_e);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.errorMessage="",_this.isExpanded=!1,_this.MAX_LENGTH=100;return _this;}_createClass(n,[{key:"getTruncatedResponse",value:function getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?"".concat(this.errorResponse.substring(0,this.MAX_LENGTH),"..."):this.errorResponse;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">","</span>\n\n\n        ","\n\n        <div\n          class=\"nile-error-message__response-expanded ","\"\n        >\n          ","\n        </div>\n      </div>\n    "])),this.errorMessage,this.errorResponse?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"nile-error-message__response\"\n                >","</span\n              >\n              <span\n                class=\"nile-error-message__more-button\"\n                @click=","\n                >","</span\n              >"])),this.getTruncatedResponse(),this.toggleExpanded,this.isExpanded?"View Less":"View More"):"",this.isExpanded?"expanded":"collapsed",this.errorResponse);}}],[{key:"styles",get:function get(){return[t];}}]);return n;}(e));s([o({type:String})],n.prototype,"errorMessage",void 0),s([o({type:String})],n.prototype,"errorResponse",void 0),s([o({type:Boolean})],n.prototype,"isExpanded",void 0),_export("N",n=s([i("nile-error-message")],n));}};});
 //# sourceMappingURL=nile-error-message.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\nconst convertToStringArray = (value: any): Array<string> => {\n  if (Array.isArray(value)) {\n    return value.map(item => String(item));\n  }\n  return [];\n};\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({\n    type: Array,\n    attribute: 'error-messages',\n    hasChanged: (newVal, oldVal) =>\n      JSON.stringify(newVal) !== JSON.stringify(oldVal), // Optional: to detect deep changes\n    converter: {\n      toAttribute: value => JSON.stringify(value),\n      fromAttribute: value => convertToStringArray(JSON.parse(value || '[]')),\n    },\n  })\n  errorMessages: Array<string> = [];\n\n  @property({ type: Number })\n  expandedIndex: number | null = null;\n\n  expandText(index: number, target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const originalHeight = element.clientHeight;\n    element.style.whiteSpace = 'normal';\n    element.style.height = 'auto';\n    const expandedHeight = Math.min(element.clientHeight, 5.5 * 12);\n\n    element.style.height = originalHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = expandedHeight + 'px';\n    });\n  }\n\n  collapseText(target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const expandedHeight = element.clientHeight;\n    element.style.height = expandedHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = '14px';\n      element.style.whiteSpace = 'nowrap';\n    });\n  }\n\n  toggleExpand(index: number, event: any) {\n    if (this.shadowRoot) {\n      if (this.expandedIndex !== null && this.expandedIndex !== index) {\n        const prevExpandable = this.shadowRoot.querySelectorAll(\n          '.nile-error-message__expandable'\n        )[this.expandedIndex];\n        if (prevExpandable) {\n          this.collapseText(prevExpandable);\n        }\n      }\n    }\n\n    if (this.expandedIndex === index) {\n      this.expandedIndex = null;\n      this.collapseText(event.currentTarget);\n    } else {\n      this.expandedIndex = index;\n      this.expandText(index, event.currentTarget);\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ${this.errorMessages.length}\n          ${this.errorMessages.length > 1 ? 'attributes' : 'attribute'} are not\n          valid\n        </div>\n        ${this.errorMessages.map(\n          (errorMessage, index) => html`\n            <div\n              class=\"nile-error-message__expandable ${index !== 0\n                ? 'bordered'\n                : ''} ${this.expandedIndex === index ? 'expanded' : ''}\"\n              @click=\"${(event: any) => this.toggleExpand(index, event)}\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">${errorMessage}</div>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","o","this","errorMessages","expandedIndex","_this","_createClass","key","value","expandText","index","target","element","querySelector","originalHeight","clientHeight","style","whiteSpace","height","expandedHeight","Math","min","requestAnimationFrame","collapseText","toggleExpand","event","shadowRoot","prevExpandable","querySelectorAll","currentTarget","render","html","_templateObject","_taggedTemplateLiteral","length","map","errorMessage","_templateObject2","get","styles","LitElement","__decorate","property","type","Array","attribute","hasChanged","newVal","oldVal","JSON","stringify","converter","toAttribute","fromAttribute","isArray","item","String","convertToStringArray","parse","prototype","Number","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // Represents the error message to be displayed to the user.\n  @property({ type: String })\n  errorMessage: string = '';\n\n  // Represents additional details about the error, like stack trace or other info.\n  @property({ type: String })\n  errorResponse: string;\n\n  @property({ type: Boolean })\n  isExpanded: boolean = false;\n\n  // The maximum length before truncation.\n  private readonly MAX_LENGTH: number = 100;\n\n  /**\n   * Get a truncated version of the errorResponse if it's too long.\n   * @returns {string}\n   */\n  getTruncatedResponse(): string {\n    if (this.errorResponse.length > this.MAX_LENGTH) {\n      return `${this.errorResponse.substring(0, this.MAX_LENGTH)}...`;\n    }\n    return this.errorResponse;\n  }\n\n  /**\n   * Toggle the expanded state of the error response.\n   */\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">${this.errorMessage}</span>\n\n\n        ${this.errorResponse\n          ? html` <span class=\"nile-error-message__response\"\n                >${this.getTruncatedResponse()}</span\n              >\n              <span\n                class=\"nile-error-message__more-button\"\n                @click=${this.toggleExpanded}\n                >${this.isExpanded ? 'View Less' : 'View More'}</span\n              >`\n          : ``}\n\n        <div\n          class=\"nile-error-message__response-expanded ${this.isExpanded\n            ? 'expanded'\n            : 'collapsed'}\"\n        >\n          ${this.errorResponse}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","n","constructor","this","errorMessage","isExpanded","MAX_LENGTH","_this","_createClass","key","value","getTruncatedResponse","errorResponse","length","concat","substring","toggleExpanded","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","LitElement","__decorate","property","type","String","prototype","Boolean","customElement"],"mappings":"ssHAeaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAOLC,KAAAA,CAAYC,YAAAA,CAAW,EAOvBD,CAAAA,KAAAA,CAAUE,UAAY,CAAA,CAAA,CAAA,CAGLF,KAAAA,CAAUG,UAAAA,CAAW,GAsDvC,QAAAC,KAAA,EAtEQC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,wBAAAC,KAAA,CAsBP,SAAAC,qBAAA,CACE,CAAA,MAAIR,KAAKS,CAAAA,aAAAA,CAAcC,MAASV,CAAAA,IAAAA,CAAKG,UAC5B,IAAAQ,MAAA,CAAGX,IAAKS,CAAAA,aAAAA,CAAcG,SAAU,CAAA,CAAA,CAAGZ,IAAKG,CAAAA,UAAAA,CAAAA,QAE1CH,IAAKS,CAAAA,aACb,EAKD,GAAAH,GAAA,kBAAAC,KAAA,UAAAM,eAAA,CACEb,CAAAA,IAAAA,CAAKE,UAAcF,CAAAA,CAAAA,IAAAA,CAAKE,UACzB,EAEM,GAAAI,GAAA,UAAAC,KAAA,UAAAO,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4dASmCjB,IAAKC,CAAAA,YAAAA,CAG7CD,IAAAA,CAAKS,cACHM,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,2PACGjB,IAAKQ,CAAAA,oBAAAA,CAAAA,CAAAA,CAICR,IAAKa,CAAAA,cAAAA,CACXb,IAAAA,CAAKE,WAAa,WAAc,CAAA,WAAA,EAEvC,EAAA,CAG6CF,IAAAA,CAAKE,WAChD,UACA,CAAA,WAAA,CAEFF,IAAKS,CAAAA,aAAAA,EAId,CAAA,KAAAH,GAAA,UAAAa,GAAA,CArEM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAoBD,WAAAtB,CAAA,GAvBoCuB,CAAAA,GAOpCC,CAAA,CAAA,CADCC,CAAS,CAAA,CAAEC,KAAMC,MACQ5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,cAAA,CAAA,IAAA,IAI1BJ,CAAA,CAAA,CADCC,CAAS,CAAA,CAAEC,KAAMC,MACI5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,eAAA,CAAA,IAAA,IAGtBJ,CAAA,CAAA,CADCC,CAAS,CAAA,CAAEC,KAAMG,OACU9B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6B,SAAA,CAAA,YAAA,CAAA,IAAA,gBAdjB7B,CAAgByB,CAAAA,CAAAA,CAAA,CAD5BM,CAAAA,CAAc,uBACF/B"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-error-message {\n    width: 100%;\n    word-break: break-all;\n    font-size: var(--nile-font-size-small);\n    letter-spacing: 0.2px;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n  }\n\n  .nile-error-message__error {\n    color: var(--nile-colors-red-500);\n    word-break: break-word;\n  }\n\n  .nile-error-message__response {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-error-message__icon {\n    vertical-align: middle;\n    margin-right:2px;\n  }\n\n  .nile-error-message__more-button {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    word-break: break-word;\n  }\n\n  .nile-error-message__response-expanded {\n    height: auto;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-error-message__response-expanded {\n    max-height: 100px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--nile-colors-neutral-100);\n    transition: max-height 0.3s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  .nile-error-message__response-expanded.collapsed {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-in-out;\n    visibility: hidden;\n    padding: 0 12px;\n  }\n\n  .nile-error-message__response-expanded.expanded {\n    max-height: 100px;\n    transition: max-height 0.3s ease-in-out;\n    visibility: visible;\n    padding: 12px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-error-message.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-error-message {\n    width: 100%;\n    word-break: break-all;\n    font-size: var(--nile-font-size-small);\n    letter-spacing: 0.2px;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n  }\n\n  .nile-error-message__error {\n    color: var(--nile-colors-red-500);\n    word-break: break-word;\n  }\n\n  .nile-error-message__response {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .nile-error-message__icon {\n    vertical-align: middle;\n    margin-right:2px;\n  }\n\n  .nile-error-message__more-button {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    word-break: break-word;\n  }\n\n  .nile-error-message__response-expanded {\n    height: auto;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .nile-error-message__response-expanded {\n    max-height: 100px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: 4px;\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--nile-colors-neutral-100);\n    transition: max-height 0.3s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  .nile-error-message__response-expanded.collapsed {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-in-out;\n    visibility: hidden;\n    padding: 0 12px;\n  }\n\n  .nile-error-message__response-expanded.expanded {\n    max-height: 100px;\n    transition: max-height 0.3s ease-in-out;\n    visibility: visible;\n    padding: 12px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,74 +1,71 @@
 import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
   :host {
-    width:100%;
   }
 
   .nile-error-message {
     width: 100%;
+    word-break: break-all;
     font-size: var(--nile-font-size-small);
+    letter-spacing: 0.2px;
     font-weight: var(--nile-font-weight-regular);
     line-height: var(--nile-font-size-small);
-    border: 1px solid var(--nile-colors-red-500);
-    border-left: 6px solid var(--nile-colors-red-500);
-    border-radius: var(--nile-radius-base-standard);
-    background: var(--nile-colors-red-100);
   }
 
-  .nile-error-message__info {
+  .nile-error-message__error {
     color: var(--nile-colors-red-500);
-    padding: 8px;
-    display: flex;
-    align-items: center;
+    word-break: break-word;
+  }
+
+  .nile-error-message__response {
+    color: var(--nile-colors-dark-500);
   }
 
-  .nile-error-message__icon,
-  .nile-error-message__arrow {
+  .nile-error-message__icon {
     vertical-align: middle;
-    margin-right: 6px;
-    transition: transform 0.3s ease-in-out;
+    margin-right:2px;
   }
 
-  .nile-error-message__expandable {
+  .nile-error-message__more-button {
+    color: var(--nile-colors-primary-600);
     cursor: pointer;
-    overflow: hidden;
+    word-break: break-word;
   }
 
-  .nile-error-message__content {
-    display: flex;
-    align-items: flex-start;
-    padding: 8px 12px;
+  .nile-error-message__response-expanded {
+    height: auto;
+    border: 1px solid var(--nile-colors-red-500);
+    border-left: 6px solid var(--nile-colors-red-500);
+    border-radius: 4px;
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--nile-colors-neutral-100);
   }
 
-  .nile-error-message__expandable.bordered {
-    border-top: 1px solid var(--nile-colors-neutral-500);
+  .nile-error-message__response-expanded {
+    max-height: 100px;
+    overflow-y: auto;
+    border: 1px solid var(--nile-colors-red-500);
+    border-left: 6px solid var(--nile-colors-red-500);
+    border-radius: 4px;
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--nile-colors-neutral-100);
+    transition: max-height 0.3s ease-in-out;
+    flex-shrink: 0;
   }
 
-  .nile-error-message__summary {
-    white-space: nowrap;
+  .nile-error-message__response-expanded.collapsed {
+    max-height: 0;
     overflow: hidden;
-    text-overflow: ellipsis;
-    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;
-    height: 14px;
-  }
-
-  .nile-error-message__expandable.expanded .nile-error-message__summary {
-    white-space: normal;
-    max-height: 6em;
-    overflow-y: scroll;
-  }
-
-  .nile-error-message__expandable.expanded
-    .nile-error-message__summary::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  .nile-error-message__expandable.expanded
-    .nile-error-message__summary::-webkit-scrollbar-thumb {
-    border-radius: 20px;
-    background: rgba(148, 159, 184, 0.25);
+    transition: max-height 0.3s ease-in-out;
+    visibility: hidden;
+    padding: 0 12px;
   }
 
-  .nile-error-message__expandable.expanded .nile-error-message__arrow {
-    transform: rotate(90deg);
+  .nile-error-message__response-expanded.expanded {
+    max-height: 100px;
+    transition: max-height 0.3s ease-in-out;
+    visibility: visible;
+    padding: 12px;
   }
 `;export{r as s};

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

@@ -1,30 +1,28 @@
-import{__decorate as e}from"tslib";import{s as r,x as s}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-error-message.css.esm.js";import{n as a}from"../property-09139d3c.esm.js";let o=class extends r{constructor(){super(...arguments),this.errorMessages=[],this.expandedIndex=null}static get styles(){return[t]}expandText(e,r){const s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";const t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame((()=>{s.style.height=t+"px"}))}collapseText(e){const r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame((()=>{r.style.height="14px",r.style.whiteSpace="nowrap"}))}toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){const e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];e&&this.collapseText(e)}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget))}render(){return s`
-      <div class="nile-error-message">
-        <div class="nile-error-message__info">
-          <nile-icon
-            name="info2"
-            size="14"
-            class="nile-error-message__icon"
-            part="icon"
-          ></nile-icon>
-          ${this.errorMessages.length}
-          ${this.errorMessages.length>1?"attributes":"attribute"} are not
-          valid
+import{__decorate as s}from"tslib";import{s as e,x as r}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-error-message.css.esm.js";import{n as o}from"../property-09139d3c.esm.js";let n=class extends e{constructor(){super(...arguments),this.errorMessage="",this.isExpanded=!1,this.MAX_LENGTH=100}static get styles(){return[t]}getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?`${this.errorResponse.substring(0,this.MAX_LENGTH)}...`:this.errorResponse}toggleExpanded(){this.isExpanded=!this.isExpanded}render(){return r`
+      <div class="nile-error-message" part="base">
+        <nile-icon
+          name="info2"
+          size="14"
+          class="nile-error-message__icon"
+          part="icon"
+          color="#E5434D"
+        ></nile-icon>
+        <span class="nile-error-message__error">${this.errorMessage}</span>
+
+
+        ${this.errorResponse?r` <span class="nile-error-message__response"
+                >${this.getTruncatedResponse()}</span
+              >
+              <span
+                class="nile-error-message__more-button"
+                @click=${this.toggleExpanded}
+                >${this.isExpanded?"View Less":"View More"}</span
+              >`:""}
+
+        <div
+          class="nile-error-message__response-expanded ${this.isExpanded?"expanded":"collapsed"}"
+        >
+          ${this.errorResponse}
         </div>
-        ${this.errorMessages.map(((e,r)=>s`
-            <div
-              class="nile-error-message__expandable ${0!==r?"bordered":""} ${this.expandedIndex===r?"expanded":""}"
-              @click="${e=>this.toggleExpand(r,e)}"
-            >
-              <div class="nile-error-message__content">
-                <nile-icon
-                  name="arrowright"
-                  size="14"
-                  class="nile-error-message__arrow"
-                ></nile-icon>
-                <div class="nile-error-message__summary">${e}</div>
-              </div>
-            </div>
-          `))}
       </div>
-    `}};e([a({type:Array,attribute:"error-messages",hasChanged:(e,r)=>JSON.stringify(e)!==JSON.stringify(r),converter:{toAttribute:e=>JSON.stringify(e),fromAttribute:e=>(e=>Array.isArray(e)?e.map((e=>String(e))):[])(JSON.parse(e||"[]"))}})],o.prototype,"errorMessages",void 0),e([a({type:Number})],o.prototype,"expandedIndex",void 0),o=e([i("nile-error-message")],o);export{o as N};
+    `}};s([o({type:String})],n.prototype,"errorMessage",void 0),s([o({type:String})],n.prototype,"errorResponse",void 0),s([o({type:Boolean})],n.prototype,"isExpanded",void 0),n=s([i("nile-error-message")],n);export{n as N};