@aquera/nile-elements 0.0.67 → 0.0.69

package/dist/nile-empty-state/nile-empty-state.css.esm.js

@@ -1,57 +1,95 @@
-import{i as e}from"../index-0a3007c5.esm.js";const t=e`
+import{i as e}from"../index-0a3007c5.esm.js";const i=e`
   :host {
     display:inline-flex;
-    min-width:300px;
-    max-width:512px;
+    min-width:var(--nile-empty-state-max-width);
+    max-width:var(--nile-empty-state-min-width);
     width:100%;
   }
 
   .empty-state--sm {
     --nile-es-text-size:16px;
+    --nile-es-text-line-height:24px;
     --nile-es-subtext-size:14px;
+    --nile-es-subtext-line-height:20px;
+    
     --nile-es-icon-size:48px;
-    --es-flat-option-border-radius:5px;
+    --nile-es-flat-option-border-radius:5px;
     --nile-es-img-height:118px;
+    --nile-es-img-width:152px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-3xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-xl);
+    --nile-es-text-gap:0px;
   }
 
   .empty-state--md {
     --nile-es-text-size:18px;
+    --nile-es-text-line-height:28px;
     --nile-es-subtext-size:14px;
+    --nile-es-subtext-line-height:20px;
+
     --nile-es-icon-size:48px;
-    --es-flat-option-border-radius:5px;
+    --nile-es-flat-option-border-radius:5px;
     --nile-es-img-height:128px;
+    --nile-es-img-width:172px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-4xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);
+    --nile-es-text-gap:var(--nile-spacing-spacing-md);
   }
 
   .empty-state--lg {
     --nile-es-text-size:20px;
+    --nile-es-text-line-height:30px;
     --nile-es-subtext-size:16px;
+    --nile-es-subtext-line-height:24px;
+
     --nile-es-icon-size:56px;
-    --es-flat-option-border-radius:10px;
+    --nile-es-flat-option-border-radius:10px;
     --nile-es-img-height:160px;
+    --nile-es-img-width:220px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-4xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);
+    --nile-es-text-gap:var(--nile-spacing-spacing-md)
   }
 
   .empty-state {
-    padding:1rem;
     min-width:300px;
     max-width:512px;
     width:100%;
     height:max-content;
     display:flex;
     flex-direction:column;
-    row-gap:2rem;
+    row-gap:var(--nile-es-gap);
   }
 
   .empty-state__body {
-    row-gap:5px;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     align-items:center;
+    row-gap:var(--nile-es-body-gap)
   }
 
   .empty-state__body--content {
     position:relative;
   }
+  .empty-state__image {    
+    background:var(--nile-empty-state-image);
+    background-size: var(--nile-es-img-width) var(--nile-es-img-height);
+    height: var(--nile-es-img-height);
+    width: var(--nile-es-img-width);
+    max-width: 100%;
+  }
+
+  .empty-state__image--grayscale {
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    filter: grayscale(100%);
+  }
 
   .empty-state__img__icon {
     height: var(--nile-es-icon-size);
@@ -60,19 +98,15 @@ import{i as e}from"../index-0a3007c5.esm.js";const t=e`
     display: grid;
     place-items: center;
     background: #34405466;
-  }
-
-  .empty-state__img__icon--abs {
     position:absolute;
     left: calc(50% - calc(var(--nile-es-icon-size) / 2));
-    top:calc(50% - calc(var(--nile-es-icon-size) / 2));
+    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));
   }
 
   .empty-state__body--tonal {
     background: linear-gradient(180deg, #F9FAFB 0%, #EDF0F3 100%);
-    width: 100px;
-    height: 100px;
-    padding: 1rem;
+    width: 104px;
+    height: 104px;
     border-radius: 50%;
     display:flex;
     justify-content:center;
@@ -80,13 +114,12 @@ import{i as e}from"../index-0a3007c5.esm.js";const t=e`
   }
 
   .empty-state__body--flat {
-    margin:2rem;
   }
 
   .nile-flat-type-icon {
     height:var(--nile-es-icon-size);
     aspect-ratio:1 / 1;
-    border-radius: var(--es-flat-option-border-radius);
+    border-radius: var(--nile-es-flat-option-border-radius);
 
     background-color: white;
     display: grid;
@@ -94,24 +127,32 @@ import{i as e}from"../index-0a3007c5.esm.js";const t=e`
     border: 1px solid #EAECF0;
   }
 
+  .empty__state__text-section {
+    display:flex;
+    flex-direction:column;
+    gap:var(--nile-es-text-gap);
+    max-width:80%;
+  }
+
   .empty-state__text {
     font-size: var(--nile-es-text-size);
     font-weight: 600;
-    line-height: 28px;
+    line-height: var(--nile-es-text-line-height);
     text-align: center;
+    font-style: normal;
   }
 
   .empty-state__subtext {
     font-size: var(--nile-es-subtext-size);
     font-weight: 400;
-    line-height: 20px;
+    line-height: var(--nile-es-subtext-line-height);
     text-align: center;
     color:#475467;
+    font-style: normal;
   }
 
   .empty-state-actions {
     display:flex;
     justify-content:center;
-    gap:1rem;
   }
-`;export{t as s};
+`;export{i as s};

package/dist/nile-empty-state/nile-empty-state.esm.js

@@ -1,32 +1,37 @@
-import{__decorate as t}from"tslib";import{x as s,A as i}from"../index-0a3007c5.esm.js";import{customElement as e}from"lit/decorators.js";import{classMap as o}from"lit/directives/class-map.js";import{s as a}from"./nile-empty-state.css.esm.js";import{H as m}from"../internal/slot.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let r=class extends n{constructor(){super(...arguments),this.hasSlotController=new m(this,"actions"),this.size="md",this.variant="tonal",this.icon="error",this.text="Empty State",this.subText="No Data"}static get styles(){return[a]}render(){const t=this.hasSlotController.test("content");return s`
-		<div class="${o({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
-			<div class="${o({"empty-state__body":!0})}">
-			${"content"==this.variant?s`
-				<div class="empty-state__body--content">
-					<slot name="content"></slot>
-					${this.icon?s`
-						<div class="${o({"empty-state__img__icon":!0,"empty-state__img__icon--abs":t})}">
-							<nile-icon name="${this.icon}" color="white" size="${"sm"==this.size||"md"==this.size?24:28}"></nile-icon>
-						</div>`:i}
-				</div>`:i}
+import{__decorate as t}from"tslib";import{x as s,A as i}from"../index-0a3007c5.esm.js";import{customElement as e}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{s as o}from"./nile-empty-state.css.esm.js";import{N as m}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let n=class extends m{constructor(){super(...arguments),this.size="md",this.variant="tonal",this.icon="error",this.grayscale=!1,this.text="Empty State",this.subText="No Data"}static get styles(){return[o]}render(){return s`
+		<div class="${a({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size})}">
+      <div class="${a({"empty-state__body":!0})}">
+
+        ${"content"==this.variant?s`
+        <div class="empty-state__body--content">
+          
+          <div src="" class="${a({"empty-state__image":!0,"empty-state__image--grayscale":this.grayscale})}"></div>
+          ${this.icon?s`
+          <div class="empty-state__img__icon">
+            <nile-icon name="${this.icon}" color="white" size="${"sm"==this.size||"md"==this.size?24:28}"></nile-icon>
+          </div>`:i}
+        </div>`:i}
 				
-			${"tonal"==this.variant?s`
+			  ${"tonal"==this.variant?s`
 				<div class="empty-state__body--tonal">
 					<nile-icon name="${this.icon}" size="40"></nile-icon>
 				</div>`:i}
 
-			${"flat"==this.variant?s`
+			  ${"flat"==this.variant?s`
 				<div class="empty-state__body--flat">
 					<span class="nile-flat-type-icon">
 						<nile-icon name="${this.icon}" size="${"sm"==this.size||"md"==this.size?24:28}" variant="secondary"></nile-icon>
 					</span>
 				</div>`:i}
-				<div class="empty-state__text">${this.text}</div>
-				<div class="empty-state__subtext">${this.subText}</div>
+      
+        <div class="empty__state__text-section">
+          <div class="empty-state__text">${this.text}</div>
+          <div class="empty-state__subtext">${this.subText}</div>
+        </div>
 			</div>
 
 			<div class="empty-state-actions">
 				<slot></slot>
 			</div>
 		</div>
-		`}};t([l()],r.prototype,"size",void 0),t([l()],r.prototype,"variant",void 0),t([l()],r.prototype,"icon",void 0),t([l()],r.prototype,"text",void 0),t([l()],r.prototype,"subText",void 0),r=t([e("nile-empty-state")],r);export{r as N};
+		`}};t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"variant",void 0),t([l()],n.prototype,"icon",void 0),t([l({type:Boolean})],n.prototype,"grayscale",void 0),t([l()],n.prototype,"text",void 0),t([l()],n.prototype,"subText",void 0),n=t([e("nile-empty-state")],n);export{n as N};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"nile-error-notification.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // Represents the error message to be displayed to the user.\n  @property({ type: String })\n  errorMessage: string = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"],"names":["NileErrorNotification","n","this","errorMessage","_this","_inherits","_i","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","get","styles","LitElement","__decorate","property","type","String","prototype","customElement"],"mappings":"0nHAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAWLC,EAAAA,KAAAA,CAAYC,YAAW,CAAA,EA0BxB,QAAAC,KAAA,EAhCQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAC,KAAA,CAgBA,SAAAC,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6RASLX,IAAKC,CAAAA,YAAAA,EAGZ,CAAA,KAAAK,GAAA,UAAAM,GAAA,CA7BM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAcM,MArBkCC,CAApC,GAWLC,CAAA,CAAA,CADCC,CAAS,CAAA,CAAEC,KAAMC,MACQpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,cAAA,CAAA,IAAA,gBAXfrB,CAAqBiB,CAAAA,CAAAA,CAAA,CADjCK,CAAAA,CAAc,4BACFtB"}
+{"version":3,"file":"nile-error-notification.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-notification.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-error-notification\n *\n */\n@customElement('nile-error-notification')\nexport class NileErrorNotification extends LitElement {\n  /**\n   * The styles for ErrorNotification\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // Represents the error message to be displayed to the user.\n  @property({ type: String, reflect: true  })\n  errorMessage: string = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-notification\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-notification__icon\"\n          part=\"icon\"\n          color=\"#E5434D\"\n        ></nile-icon>\n        ${this.errorMessage}\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileErrorNotification;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-notification': NileErrorNotification;\n  }\n}\n"],"names":["NileErrorNotification","n","this","errorMessage","_this","_inherits","_i","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","get","styles","LitElement","__decorate","property","type","String","reflect","prototype","customElement"],"mappings":"0nHAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAWLC,EAAAA,KAAAA,CAAYC,YAAW,CAAA,EA0BxB,QAAAC,KAAA,EAhCQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAC,KAAA,CAgBA,SAAAC,OAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6RASLX,IAAKC,CAAAA,YAAAA,EAGZ,CAAA,KAAAK,GAAA,UAAAM,GAAA,CA7BM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAcM,MArBkCC,CAApC,GAWLC,EAAA,CADCC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACTrB,CAAAsB,CAAAA,SAAAA,CAAA,mBAAA,EAXftB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqBiB,EAAA,CADjCM,CAAAA,CAAc,4BACFvB"}

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

@@ -9,4 +9,4 @@ import{__decorate as r}from"tslib";import{s as i,x as o}from"../index-0a3007c5.e
         ></nile-icon>
         ${this.errorMessage}
       </div>
-    `}};r([s({type:String})],n.prototype,"errorMessage",void 0),n=r([e("nile-error-notification")],n);export{n as N};
+    `}};r([s({type:String,reflect:!0})],n.prototype,"errorMessage",void 0),n=r([e("nile-error-notification")],n);export{n as N};

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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var t,s,e,i,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(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){r=_nileFormHelpTextCssCjsJs.s;},function(_property002CjsJs){n=_property002CjsJs.n;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.isExpanded=!1,_this.fullText="",_this.displayedText="";return _this;}_inherits(l,_s);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,this.displayedText=t.length>50?"".concat(t.substring(0,47),"..."):t;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded,this.displayedText=this.isExpanded?this.fullText:"".concat(this.fullText.substring(0,47),"...");}},{key:"render",value:function render(){var t=this.fullText.length>50,s=this.isExpanded?"arrowup":"arrowdown";return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden></slot>\n      <div part=\"text\">","\n        ","\n  </div>\n    </div>\n  "])),this.displayedText,t?e(_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",s):"");}}],[{key:"styles",get:function get(){return[r];}}]);}(s));t([n({type:Boolean})],l.prototype,"isExpanded",void 0),t([n({type:String})],l.prototype,"fullText",void 0),t([n({type:String})],l.prototype,"displayedText",void 0),t([i("slot")],l.prototype,"slotElement",void 0),_export("N",l=t([o("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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";var t,e,s,i,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(_index001CjsJs){e=_index001CjsJs.s;s=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){r=_nileFormHelpTextCssCjsJs.s;},function(_property002CjsJs){n=_property002CjsJs.n;}],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.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,this.displayedText=t.length>50?"".concat(t.substring(0,47),"..."):t;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded,this.displayedText=this.isExpanded?this.fullText:"".concat(this.fullText.substring(0,47),"...");}},{key:"render",value:function render(){var t=this.fullText.length>50,e=this.isExpanded?"arrowup":"arrowdown";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden></slot>\n      <div part=\"text\">","\n        ","\n  </div>\n    </div>\n  "])),this.displayedText,t?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",e):"");}}],[{key:"styles",get:function get(){return[r];}}]);}(e));t([n({type:Boolean,reflect:!0})],l.prototype,"isExpanded",void 0),t([n({type:String,reflect:!0})],l.prototype,"fullText",void 0),t([n({type:String,reflect:!0})],l.prototype,"displayedText",void 0),t([i("slot")],l.prototype,"slotElement",void 0),_export("N",l=t([o("nile-form-help-text")],l));}};});
 //# 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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement, query } 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\n  @property({ type: Boolean })\n  isExpanded: boolean = false;\n\n  @property({ type: String })\n  fullText: string = '';\n\n  @property({ type: String })\n  displayedText: string = '';\n\n  @query('slot')\n  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;\n    this.displayedText = textContent.length > 50 ? `${textContent.substring(0, 47)}...` : textContent;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n    this.displayedText = this.isExpanded ? this.fullText : `${this.fullText.substring(0, 47)}...`;\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 > 50;\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden></slot>\n      <div part=\"text\">${this.displayedText}\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"],"names":["NileFormHelpText","l","constructor","this","isExpanded","fullText","displayedText","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","requestAnimationFrame","slotElement","addEventListener","handleSlotChange","bind","firstUpdated","textContent","assignedNodes","flatten","map","node","join","length","concat","substring","toggleExpanded","render","showMoreButton","iconName","html","_templateObject","_taggedTemplateLiteral","_templateObject2","get","styles","LitElement","__decorate","property","type","Boolean","prototype","String","query","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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement, query } 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\n  @property({ type: Boolean, reflect: true  })\n  isExpanded: boolean = false;\n\n  @property({ type: String, reflect: true  })\n  fullText: string = '';\n\n  @property({ type: String, reflect: true  })\n  displayedText: string = '';\n\n  @query('slot')\n  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;\n    this.displayedText = textContent.length > 50 ? `${textContent.substring(0, 47)}...` : textContent;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n    this.displayedText = this.isExpanded ? this.fullText : `${this.fullText.substring(0, 47)}...`;\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 > 50;\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div class=\"nile-form-help-text\" part=\"container\">\n      <slot hidden></slot>\n      <div part=\"text\">${this.displayedText}\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"],"names":["NileFormHelpText","l","constructor","this","isExpanded","fullText","displayedText","_this","_inherits","_e","_createClass","key","value","connectedCallback","super","requestAnimationFrame","slotElement","addEventListener","handleSlotChange","bind","firstUpdated","textContent","assignedNodes","flatten","map","node","join","length","concat","substring","toggleExpanded","render","showMoreButton","iconName","html","_templateObject","_taggedTemplateLiteral","_templateObject2","__decorate","get","styles","LitElement","property","type","Boolean","reflect","prototype","String","query","_export","customElement"],"mappings":"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"}

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

@@ -13,4 +13,4 @@ import{__decorate as t}from"tslib";import{s as e,x as s}from"../index-0a3007c5.e
         `:""}
   </div>
     </div>
-  `}};t([n({type:Boolean})],l.prototype,"isExpanded",void 0),t([n({type:String})],l.prototype,"fullText",void 0),t([n({type:String})],l.prototype,"displayedText",void 0),t([i("slot")],l.prototype,"slotElement",void 0),l=t([o("nile-form-help-text")],l);export{l as N};
+  `}};t([n({type:Boolean,reflect:!0})],l.prototype,"isExpanded",void 0),t([n({type:String,reflect:!0})],l.prototype,"fullText",void 0),t([n({type:String,reflect:!0})],l.prototype,"displayedText",void 0),t([i("slot")],l.prototype,"slotElement",void 0),l=t([o("nile-form-help-text")],l);export{l as N};

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

@@ -1,2 +1,2 @@
-System.register(["./nile-hero.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileHeroCjsJs){_export("NileHero",_nileHeroCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileHeroCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function execute(){}};});
+System.register(["./nile-hero.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","lit","../internal/watch.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileHeroCjsJs){_export("NileHero",_nileHeroCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileHeroCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_property002CjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileHero}from"./nile-hero.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-hero.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";
+export{N as NileHero}from"./nile-hero.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-hero.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../internal/watch.esm.js";import"../property-09139d3c.esm.js";

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var s,e,t,i,r,o,_templateObject,c;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){s=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){i=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_r){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.icon="action",_this.imgSrc="",_this.heroText="Nile Hero";return _this;}_inherits(c,_r);return _createClass(c,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"hero__body\">\n\t\t\t\t<div class=\"hero__header\">\n\t\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t\t<nile-icon name=\"","\" ></nile-icon>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t"])),this.icon,this.heroText,this.imgSrc);}}],[{key:"styles",get:function get(){return[i];}}]);}(r));s([o({reflect:!0})],c.prototype,"icon",void 0),s([o({reflect:!0,attribute:"img-src"})],c.prototype,"imgSrc",void 0),s([o({reflect:!0,attribute:"hero-text"})],c.prototype,"heroText",void 0),_export("N",c=s([t("nile-hero")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,i,r,t,o,s,n,l,_templateObject,a;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){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.query;t=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){o=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.icon="action",_this.collapse=!1,_this.imgSrc="",_this.heroText="Nile Hero";return _this;}_inherits(a,_s);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.updateOnCollapseChange();});}},{key:"updateOnCollapseChange",value:function updateOnCollapseChange(){if(!this.heroContainer)return;var e=this.heroHeader.scrollHeight;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)",this.heroContainer.style.borderBottom="1px solid #EAECF0",this.imgContainer.style.opacity="0"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)",this.heroContainer.style.borderBottom="",this.imgContainer.style.opacity="1");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div class=\"hero__container\">\n\t\t\t<div class=\"hero__body\">\n\t\t\t\t<nile-hero-header hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),this.heroText,this.icon,this.imgSrc);}}],[{key:"styles",get:function get(){return[o];}}]);}(s));e([r(".hero__container")],a.prototype,"heroContainer",void 0),e([r("nile-hero-header")],a.prototype,"heroHeader",void 0),e([r(".hero__img__container")],a.prototype,"imgContainer",void 0),e([l({reflect:!0})],a.prototype,"icon",void 0),e([l({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([l({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([l({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),e([n("collapse")],a.prototype,"updateOnCollapseChange",null),_export("N",a=e([t("nile-hero")],a));}};});
 //# sourceMappingURL=nile-hero.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@property({reflect:true}) icon:string='action'\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc:string='';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText:string='Nile Hero';\n\n\t/**\n\t * The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"hero__body\">\n\t\t\t\t<div class=\"hero__header\">\n\t\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t\t<nile-icon name=\"${this.icon}\" ></nile-icon>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","c","this","icon","imgSrc","heroText","_this","_inherits","_r","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","reflect","prototype","attribute","customElement"],"mappings":"4rHAoBaA,4BAAN,SAAAC,EAAA,qEACoBC,EAAAA,KAAAA,CAAIC,KAAQ,QACaD,CAAAA,KAAAA,CAAME,OAAQ,EACZF,CAAAA,KAAAA,CAAQG,SAAQ,WAsCrE,QAAAC,KAAA,EAhCOC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,CAYA,SAAAC,OAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6cAIYb,IAAKC,CAAAA,IAAAA,CAEED,IAAKG,CAAAA,QAAAA,CAOrBH,IAAKE,CAAAA,MAAAA,EAGnB,CAAA,KAAAM,GAAA,UAAAM,GAAA,CA7BM,SAAAA,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EAUM,MArBsBC,CAAAA,GACHC,EAAA,CAAzBC,CAAAA,CAAS,CAACC,OAAAA,CAAAA,CAAQ,KAA2BrB,CAAAsB,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACKH,EAAA,CAAlDC,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,UAAW,SAA8BvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,QAAA,CAAA,IAAA,IACfH,CAAA,CAAA,CAApDC,EAAS,CAAEC,OAAAA,CAAAA,CAAS,EAAME,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAA2CvB,CAAAsB,CAAAA,SAAAA,CAAA,eAAA,EAHrEtB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAQmB,EAAA,CADpBK,CAAAA,CAAc,cACFxB"}
+{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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, property, CSSResultArray, TemplateResult,nothing} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@query('.hero__container') heroContainer:HTMLElement;\n\t@query('nile-hero-header') heroHeader:HTMLElement;\n\t@query('.hero__img__container') imgContainer:HTMLElement;\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\t\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/**\n\t * The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.updateOnCollapseChange();\n\t\t});\n\t}\n\t/* #region Methods */\n\n\t@watch('collapse')\n\tupdateOnCollapseChange(){\n\t\tif(!this.heroContainer) return;\n\t\tconst heroHeaderHeight=this.heroHeader.scrollHeight;\n\t\tif(this.collapse){\n\t\t\tthis.heroContainer.style.height=heroHeaderHeight+'px';\n\t\t\tthis.heroContainer.style.background=\"var(--nile-hero-collapsed-background,#fff)\";\n\t\t\tthis.heroContainer.style.borderBottom=\"1px solid #EAECF0\";\n\t\t\tthis.imgContainer.style.opacity='0';\n\t\t}\n\t\telse{\n\t\t\tthis.heroContainer.style.height=\"var(--nile-hero-height)\";\n\t\t\tthis.heroContainer.style.background=\"linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)\";\n\t\t\tthis.heroContainer.style.borderBottom='';\n\t\t\tthis.imgContainer.style.opacity='1';\n\t\t}\n\t}\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"hero__container\">\n\t\t\t<div class=\"hero__body\">\n\t\t\t\t<nile-hero-header hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","a","constructor","this","icon","collapse","imgSrc","heroText","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","updateComplete","then","updateOnCollapseChange","heroContainer","heroHeaderHeight","heroHeader","scrollHeight","style","height","background","borderBottom","imgContainer","opacity","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","query","prototype","property","reflect","type","Boolean","attribute","watch","customElement"],"mappings":"k1IAsBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAIuBC,KAAAA,CAAIC,IAAAA,CAAW,QACAD,CAAAA,KAAAA,CAAQE,UAAY,CAEbF,CAAAA,KAAAA,CAAMG,MAAW,CAAA,EAAA,CACfH,KAAAA,CAAQI,QAAAA,CAAW,WAyDxE,QAAAC,KAAA,EAnDOC,SAAA,CAAAR,CAAA,CAAAS,EAAA,SAAAC,YAAA,CAAAV,CAAA,GAAAW,GAAA,qBAAAC,KAAA,CAKP,SAAAC,kBAAA,CAAAA,KAAAA,MAAAA,MACCC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAZ,IAAKa,CAAAA,cAAAA,CAAeC,IAAK,CAAA,UAAA,CACxBd,MAAKe,CAAAA,sBAAAA,CAAAA,CAAwB,EAE9B,CAAA,EAID,GAAAN,GAAA,0BAAAC,KAAA,UAAAK,uBAAA,CAAAA,CACC,IAAIf,IAAKgB,CAAAA,aAAAA,CAAe,OACxB,GAAMC,CAAAA,CAAiBjB,CAAAA,IAAAA,CAAKkB,WAAWC,YACpCnB,CAAAA,IAAAA,CAAKE,QACPF,EAAAA,IAAAA,CAAKgB,aAAcI,CAAAA,KAAAA,CAAMC,OAAOJ,CAAiB,CAAA,IAAA,CACjDjB,IAAKgB,CAAAA,aAAAA,CAAcI,KAAME,CAAAA,UAAAA,CAAW,4CACpCtB,CAAAA,IAAAA,CAAKgB,aAAcI,CAAAA,KAAAA,CAAMG,YAAa,CAAA,mBAAA,CACtCvB,IAAKwB,CAAAA,YAAAA,CAAaJ,MAAMK,OAAQ,CAAA,GAAA,GAGhCzB,IAAKgB,CAAAA,aAAAA,CAAcI,KAAMC,CAAAA,MAAAA,CAAO,0BAChCrB,IAAKgB,CAAAA,aAAAA,CAAcI,KAAME,CAAAA,UAAAA,CAAW,oHACpCtB,CAAAA,IAAAA,CAAKgB,cAAcI,KAAMG,CAAAA,YAAAA,CAAa,EACtCvB,CAAAA,IAAAA,CAAKwB,YAAaJ,CAAAA,KAAAA,CAAMK,OAAQ,CAAA,GAAA,CAEjC,EAKM,GAAAhB,GAAA,UAAAC,KAAA,UAAAgB,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+YAGsB7B,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CAMhDD,IAAKG,CAAAA,MAAAA,EAInB,CAAA,KAAAM,GAAA,UAAAqB,GAAA,CAhDM,SAAAA,IAAA,CACN,CAAA,MAAO,CAACC,CAAAA,CACR,EAGD,MAnB6BC,CAAAA,GACFC,EAAA,CAA1BC,CAAAA,CAAM,kBAA8CrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAC1BF,CAAA,CAAA,CAA1BC,EAAM,kBAA2CrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAClBF,EAAA,CAA/BC,CAAAA,CAAM,uBAAkDrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAC5BF,EAAA,CAA5BG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgCxC,CAAAsC,CAAAA,SAAAA,CAAA,WAAA,EACTF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CG,CAAS,CAAA,CAAEC,SAAS,CAAMC,CAAAA,IAAAA,CAAMC,OAAqC1C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEnBF,EAAA,CAAlDG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMG,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiC3C,EAAAsC,SAAA,CAAA,QAAA,CAAA,IAAA,IAClBF,CAAA,CAAA,CAApDG,EAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAW,eAA8C3C,CAAAsC,CAAAA,SAAAA,CAAA,eAAA,EAoBpFF,CAAAA,CAAAA,CAAAA,CAAA,CADCQ,CAAM,CAAA,UAAA,CAAA,CAAA,CAgBN5C,CAAAsC,CAAAA,SAAAA,CAAA,yBAAA,IA3CWtC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAQoC,EAAA,CADpBS,CAAAA,CAAc,cACF7C"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tmin-height:var(--nile-hero-height);\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n\t\tborder-bottom: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.hero__body {\n\t\theight:100%;\n\t}\n\n\t.hero__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: var(--nile-hero-first-elements-padding);\n\t\tgap: .75rem;\n\t}\n\n\t.icon__container {\n\t\theight: 25px;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n\n\t.hero__slot {\n\t\tpadding: var(--nile-hero-first-elements-padding);\n\t}\n\n\t.hero__img__container {\n\t\theight:100%;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop:0;\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:100%;\n\t\twidth:auto;\n\t}\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--transition:2000ms;\n\t}\n\t.hero__container{\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--transition);\n\t}\n\t.hero__body {\n\t\theight:100%;\n\t}\n\n\t.hero__slot {\n\t\tpadding-left: 48px;\n\t\tpadding-top: 24px \n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--transition);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tmin-height:var(--nile-hero-height);\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n\t\tborder-bottom: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.hero__body {\n\t\theight:100%;\n\t}\n\n\t.hero__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: var(--nile-hero-first-elements-padding);\n\t\tgap: .75rem;\n\t}\n\n\t.icon__container {\n\t\theight: 25px;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n\n\t.hero__slot {\n\t\tpadding: var(--nile-hero-first-elements-padding);\n\t}\n\n\t.hero__img__container {\n\t\theight:100%;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop:0;\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:100%;\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--transition:2000ms;\n\t}\n\t.hero__container{\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--transition);\n\t}\n\t.hero__body {\n\t\theight:100%;\n\t}\n\n\t.hero__slot {\n\t\tpadding-left: 48px;\n\t\tpadding-top: 24px \n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--transition);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,57 +1,38 @@
-import{i as e}from"../index-0a3007c5.esm.js";const o=e`
+import{i}from"../index-0a3007c5.esm.js";const o=i`
 
 	:host {
-		min-height:var(--nile-hero-height);
+		display:block;
+		--transition:2000ms;
+	}
+	.hero__container{
+		overflow:hidden;
 		width:100%;
 		position:relative;
 		display:block;
-		border-bottom: 1px solid #EAECF0;
-		background: linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);
+  		transition: var(--transition);
 	}
-
 	.hero__body {
 		height:100%;
 	}
 
-	.hero__header {
-		display: flex;
-		align-items: center;
-		padding: var(--nile-hero-first-elements-padding);
-		gap: .75rem;
-	}
-
-	.icon__container {
-		height: 25px;
-		place-items: center;
-		display: grid;
-		aspect-ratio: 1 / 1;
-		border-radius: 8px;
-		border: 1px solid #EAECF0;
-		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
-	}
-
-	.hero__text {
-		color: var(--nile-hero-text-color);
-		font-size: var(--nile-hero-text-font-size);
-		font-style: normal;
-		font-weight: var(--nile-hero-text-font-weight);
-	}
-
 	.hero__slot {
-		padding: var(--nile-hero-first-elements-padding);
+		padding-left: 48px;
+		padding-top: 24px 
 	}
 
 	.hero__img__container {
-		height:100%;
+		height:var(--nile-hero-height);
+		overflow:hidden;
 		width:max-content;
 		position: absolute;
 		right: 0;
-		top:0;
+		bottom:0;
+		transition:var(--transition);
 	}
 
 	.hero__img {
 		object-fit:cover;
-		height:100%;
+		height:var(--nile-hero-height);
 		width:auto;
 	}
 `;export{o as s};

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

@@ -1,16 +1,13 @@
-import{__decorate as e}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";import{customElement as t}from"lit/decorators.js";import{s as i}from"./nile-hero.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let n=class extends r{constructor(){super(...arguments),this.icon="action",this.imgSrc="",this.heroText="Nile Hero"}static get styles(){return[i]}render(){return s`
+import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{query as r,customElement as t}from"lit/decorators.js";import{s as o}from"./nile-hero.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let a=class extends s{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText="Nile Hero"}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateOnCollapseChange()}))}updateOnCollapseChange(){if(!this.heroContainer)return;const e=this.heroHeader.scrollHeight;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)",this.heroContainer.style.borderBottom="1px solid #EAECF0",this.imgContainer.style.opacity="0"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)",this.heroContainer.style.borderBottom="",this.imgContainer.style.opacity="1")}render(){return i`
+		<div class="hero__container">
 			<div class="hero__body">
-				<div class="hero__header">
-					<span class="icon__container">
-						<nile-icon name="${this.icon}" ></nile-icon>
-					</span>
-					<span class="hero__text">${this.heroText}</span>
-				</div>
+				<nile-hero-header hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
 				<div class="hero__slot">
 					<slot></slot>
 				</div>
 			</div>
-			<div class="hero__img__container">
+			<div class="hero__img__container" id="hero__img__container">
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
-		`}};e([o({reflect:!0})],n.prototype,"icon",void 0),e([o({reflect:!0,attribute:"img-src"})],n.prototype,"imgSrc",void 0),e([o({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),n=e([t("nile-hero")],n);export{n as N};
+		</div>
+		`}};e([r(".hero__container")],a.prototype,"heroContainer",void 0),e([r("nile-hero-header")],a.prototype,"heroHeader",void 0),e([r(".hero__img__container")],a.prototype,"imgContainer",void 0),e([l({reflect:!0})],a.prototype,"icon",void 0),e([l({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([l({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([l({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),e([n("collapse")],a.prototype,"updateOnCollapseChange",null),a=e([t("nile-hero")],a);export{a as N};

package/dist/nile-hero-header/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-hero-header.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileHeroHeaderCjsJs){_export("NileHeroHeader",_nileHeroHeaderCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileHeroHeaderCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-hero-header/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-hero-header/index.esm.js

@@ -0,0 +1 @@
+export{N as NileHeroHeader}from"./nile-hero-header.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-hero-header.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";

package/dist/nile-hero-header/nile-hero-header.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,t,r,s,i,o,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){s=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_i){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="action",_this.heroText="Nile Hero";return _this;}_inherits(n,_i);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));e([o({reflect:!0})],n.prototype,"icon",void 0),e([o({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([r("nile-hero-header")],n));}};});
+//# sourceMappingURL=nile-hero-header.cjs.js.map