@aquera/nile-elements 0.0.68 → 0.0.70

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-format-date/index.cjs.js

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

package/dist/nile-format-date/index.cjs.js.map

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

package/dist/nile-format-date/index.esm.js

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

package/dist/nile-format-date/nile-format-date.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-format-date.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,o,r,a,_templateObject,s;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileFormatDateCssCjsJs){o=_nileFormatDateCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){a=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",s=/*#__PURE__*/function(_r){function s(){var _this;_classCallCheck(this,s);_this=_callSuper(this,s,arguments),_this.date=new Date(),_this.hourFormat="auto",_this.dateSeparator="-";return _this;}_inherits(s,_r);return _createClass(s,[{key:"formatDate",value:function formatDate(t,e){var _this2=this;t=new Date(t);return new Intl.DateTimeFormat("en-GB",e).formatToParts(t).map(function(_ref){var t=_ref.type,e=_ref.value;return"day"===t||"month"===t||"year"===t?e:"literal"===t&&"/"===e?_this2.dateSeparator:e;}).join("");}},{key:"render",value:function render(){var t=new Date(this.date),i="auto"===this.hourFormat?void 0:"12"===this.hourFormat;if(!isNaN(t.getMilliseconds()))return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <time datetime=",">\n        ","\n      </time>\n    "])),t.toISOString(),this.formatDate(t,{weekday:this.weekday,era:this.era,year:this.year,month:this.month,day:this.day,hour:this.hour,minute:this.minute,second:this.second,timeZoneName:this.timeZoneName,timeZone:this.timeZone,hour12:i}));}}],[{key:"styles",get:function get(){return[o];}}]);}(r));t([a()],s.prototype,"date",void 0),t([a()],s.prototype,"weekday",void 0),t([a()],s.prototype,"era",void 0),t([a()],s.prototype,"year",void 0),t([a()],s.prototype,"month",void 0),t([a()],s.prototype,"day",void 0),t([a()],s.prototype,"hour",void 0),t([a()],s.prototype,"minute",void 0),t([a()],s.prototype,"second",void 0),t([a({attribute:"time-zone-name"})],s.prototype,"timeZoneName",void 0),t([a({attribute:"time-zone"})],s.prototype,"timeZone",void 0),t([a({attribute:"hour-format"})],s.prototype,"hourFormat",void 0),t([a({attribute:"date-separator"})],s.prototype,"dateSeparator",void 0),_export("N",s=t([i("nile-format-date")],s));}};});
+//# sourceMappingURL=nile-format-date.cjs.js.map

package/dist/nile-format-date/nile-format-date.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-format-date.cjs.js","sources":["../../../src/nile-format-date/nile-format-date.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-format-date.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile format-date component.\n *\n * @tag nile-format-date\n *\n */\n@customElement('nile-format-date')\nexport class NileFormatDate extends NileElement {\n  /**\n   * The styles for nile-format-date\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   * The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\n   * recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\n   * in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n   */\n  @property() date: Date | string = new Date();\n\n  /** The format for displaying the weekday. */\n  @property() weekday: 'narrow' | 'short' | 'long';\n\n  /** The format for displaying the era. */\n  @property() era: 'narrow' | 'short' | 'long';\n\n  /** The format for displaying the year. */\n  @property() year: 'numeric' | '2-digit';\n\n  /** The format for displaying the month. */\n  @property() month: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long';\n\n  /** The format for displaying the day. */\n  @property() day: 'numeric' | '2-digit';\n\n  /** The format for displaying the hour. */\n  @property() hour: 'numeric' | '2-digit';\n\n  /** The format for displaying the minute. */\n  @property() minute: 'numeric' | '2-digit';\n\n  /** The format for displaying the second. */\n  @property() second: 'numeric' | '2-digit';\n\n  /** The format for displaying the time. */\n  @property({ attribute: 'time-zone-name' }) timeZoneName: 'short' | 'long';\n\n  /** The time zone to express the time in. */\n  @property({ attribute: 'time-zone' }) timeZone: string;\n\n  /** The format for displaying the hour. */\n  @property({ attribute: 'hour-format' }) hourFormat: 'auto' | '12' | '24' =\n    'auto';\n\n  /** The separator for the date format. */\n  @property({ attribute: 'date-separator' }) dateSeparator: '-' | '/' = '-';\n\n  formatDate(dateToFormat: Date | string, options?: Intl.DateTimeFormatOptions): string {\n    dateToFormat = new Date(dateToFormat);\n    const formatter = new Intl.DateTimeFormat('en-GB', options);\n    const parts = formatter.formatToParts(dateToFormat);\n    const formattedDate = parts.map(({ type, value }) => {\n      if (type === 'day' || type === 'month' || type === 'year') {\n        return value;\n      }\n      if (type === 'literal' && value === '/') {\n        return this.dateSeparator;\n      }\n      return value;\n    }).join('');\n    return formattedDate;\n  }\n\n  // formatDate(dateToFormat: Date | string, options?: Intl.DateTimeFormatOptions): string {\n  //   dateToFormat = new Date(dateToFormat);\n  //   return new Intl.DateTimeFormat('en-GB', options).format(dateToFormat);\n  // }\n\n\n  render() {\n    const date = new Date(this.date);\n    const hour12 =\n      this.hourFormat === 'auto' ? undefined : this.hourFormat === '12';\n\n    // Check for an invalid date\n    if (isNaN(date.getMilliseconds())) {\n      return undefined;\n    }\n\n    return html`\n      <time datetime=${date.toISOString()}>\n        ${this.formatDate(date, {\n          weekday: this.weekday,\n          era: this.era,\n          year: this.year,\n          month: this.month,\n          day: this.day,\n          hour: this.hour,\n          minute: this.minute,\n          second: this.second,\n          timeZoneName: this.timeZoneName,\n          timeZone: this.timeZone,\n          hour12: hour12,\n        })}\n      </time>\n    `;\n  }\n}\n\t/* #endregion */\n\nexport default NileFormatDate;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-format-date': NileFormatDate;\n  }\n}\n"],"names":["NileFormatDate","s","this","date","Date","hourFormat","dateSeparator","_this","_inherits","_r","_createClass","key","value","formatDate","dateToFormat","options","Intl","DateTimeFormat","formatToParts","map","_ref","type","join","render","hour12","undefined","isNaN","getMilliseconds","html","_templateObject","_taggedTemplateLiteral","toISOString","weekday","era","year","month","day","hour","minute","second","timeZoneName","timeZone","__decorate","get","styles","NileElement","property","prototype","attribute","_export","customElement"],"mappings":"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"}

package/dist/nile-format-date/nile-format-date.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var s,_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){s=_index001CjsJs.i;}],execute:function execute(){_export("s",o=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n"]))));}};});
+//# sourceMappingURL=nile-format-date.css.cjs.js.map

package/dist/nile-format-date/nile-format-date.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-format-date.css.cjs.js","sources":["../../../src/nile-format-date/nile-format-date.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 * FormatDate CSS\n */\nexport const styles = css`\n\t:host {\n\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-format-date/nile-format-date.css.esm.js

@@ -0,0 +1,5 @@
+import{i as s}from"../index-0a3007c5.esm.js";const o=s`
+	:host {
+
+	}
+`;export{o as s};

package/dist/nile-format-date/nile-format-date.esm.js

@@ -0,0 +1,5 @@
+import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{customElement as i}from"lit/decorators.js";import{s as o}from"./nile-format-date.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{n as a}from"../property-09139d3c.esm.js";import"lit";let s=class extends r{constructor(){super(...arguments),this.date=new Date,this.hourFormat="auto",this.dateSeparator="-"}static get styles(){return[o]}formatDate(t,e){t=new Date(t);return new Intl.DateTimeFormat("en-GB",e).formatToParts(t).map((({type:t,value:e})=>"day"===t||"month"===t||"year"===t?e:"literal"===t&&"/"===e?this.dateSeparator:e)).join("")}render(){const t=new Date(this.date),i="auto"===this.hourFormat?void 0:"12"===this.hourFormat;if(!isNaN(t.getMilliseconds()))return e`
+      <time datetime=${t.toISOString()}>
+        ${this.formatDate(t,{weekday:this.weekday,era:this.era,year:this.year,month:this.month,day:this.day,hour:this.hour,minute:this.minute,second:this.second,timeZoneName:this.timeZoneName,timeZone:this.timeZone,hour12:i})}
+      </time>
+    `}};t([a()],s.prototype,"date",void 0),t([a()],s.prototype,"weekday",void 0),t([a()],s.prototype,"era",void 0),t([a()],s.prototype,"year",void 0),t([a()],s.prototype,"month",void 0),t([a()],s.prototype,"day",void 0),t([a()],s.prototype,"hour",void 0),t([a()],s.prototype,"minute",void 0),t([a()],s.prototype,"second",void 0),t([a({attribute:"time-zone-name"})],s.prototype,"timeZoneName",void 0),t([a({attribute:"time-zone"})],s.prototype,"timeZone",void 0),t([a({attribute:"hour-format"})],s.prototype,"hourFormat",void 0),t([a({attribute:"date-separator"})],s.prototype,"dateSeparator",void 0),s=t([i("nile-format-date")],s);export{s 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":"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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-hero-header.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile hero-header component.\n *\n * @tag nile-hero-header\n *\n */\n@customElement('nile-hero-header')\nexport class NileHeroHeader extends NileElement {\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/**\n\t * The styles for nile-hero-header\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\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHeroHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero-header': NileHeroHeader;\n  }\n}"],"names":["NileHeroHeader","_i","n","constructor","this","icon","heroText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","reflect","prototype","attribute","customElement"],"mappings":"+sHAoBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuBC,KAAAA,CAAIC,IAAW,CAAA,QAAA,CACSD,KAAAA,CAAQE,QAAAA,CAAW,WA4BxE,QAAAC,KAAA,EAtBOC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,OAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sLAEqBX,IAAKC,CAAAA,IAAAA,CAERD,IAAKE,CAAAA,QAAAA,EAElC,CA1B4BU,KAAAA,GAAAA,UAAAA,GAAAA,CAOtB,SAAAC,IAAA,CACN,CAAA,MAAO,CAACC,CACR,CAAA,EAUM,MApB4BC,IACNH,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAgCrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,MAAA,CAAA,IAAA,EACAN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAW,WAA8CvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,UAAA,CAAA,IAAA,EAFxEtB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcgB,CAAA,CAAA,CAD1BQ,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFxB"}

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

@@ -0,0 +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\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\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\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n"]))));}};});
+//# sourceMappingURL=nile-hero-header.css.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-hero-header.css.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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 * HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\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\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\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-header/nile-hero-header.css.esm.js

@@ -0,0 +1,28 @@
+import{i as e}from"../index-0a3007c5.esm.js";const o=e`
+	
+	:host {
+		width:100%;
+		display: flex;
+		align-items: center;
+		padding:16px 48px;
+		gap: 16px;
+	}
+
+	.icon__container {
+		height: 32px;
+		aspect-ratio: 1 / 1;
+		place-items: center;
+		display: grid;
+		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);
+		line-height: var(--nile-hero-text-line-height);
+		font-style: normal;
+		font-weight: var(--nile-hero-text-font-weight);
+	}
+`;export{o as s};

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

@@ -0,0 +1,6 @@
+import{__decorate as e}from"tslib";import{x as t}from"../index-0a3007c5.esm.js";import{customElement as r}from"lit/decorators.js";import{s}from"./nile-hero-header.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let n=class extends i{constructor(){super(...arguments),this.icon="action",this.heroText="Nile Hero"}static get styles(){return[s]}render(){return t`
+				<span class="icon__container">
+					<nile-icon size="16" name="${this.icon}"></nile-icon>
+				</span>
+				<span class="hero__text">${this.heroText}</span>
+			`}};e([o({reflect:!0})],n.prototype,"icon",void 0),e([o({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),n=e([r("nile-hero-header")],n);export{n as N};

package/dist/nile-icon/icons/svg/data-insight.cjs.js

@@ -0,0 +1,2 @@
+System.register([],function(_export,_context){"use strict";var M;return{setters:[],execute:function execute(){_export("d",M="PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgNy4yOTMzN0wyLjUwOTI0IDcuODAzMDJMNS41NTEzOSA0Ljc1ODU2TDcuNjM0OTYgNi44NDM4MUwxMS4yNjY0IDMuMjIzMTZWNS4wMTgxMkgxMS45NzkyVjJIOC45NjM1MlYyLjcxMzM3SDEwLjc2NzdMNy42MzQ5NiA1LjgyNDM3TDUuNTUxMzkgMy43MzkxMkwyIDcuMjkzMzdaTTEyIDEzSDExLjE3NjRWNi4zNjczNEgxMlYxM1pNMi44MjM2MyAxM0gyVjkuMjkwNjhIMi44MjM2M1YxM1pNOS4wMzI1NyAxM0g4LjIwODk0VjguMjY4MjhIOS4wMzI1N1YxM1pNNS45MjgxIDEzSDUuMTA0NDdWMTAuOTM5M0g1LjkyODFWMTNaTTUuOTI4MSA5LjI5MDY4SDUuMTA0NDdWNi42NDIxSDUuOTI4MVY5LjI5MDY4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMi41IDQuNUMyLjIgMy4xIDIuMiAzLjEgMSAyLjc1QzIuMiAyLjQgMi4yIDIuNCAyLjUgMUMyLjggMi40IDIuOCAyLjQgNCAyLjc1QzIuOCAzLjEgMi44IDMuMSAyLjUgNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");}};});
+//# sourceMappingURL=data-insight.cjs.js.map