@aquera/nile-elements 0.0.68 → 0.0.69

package/dist/src/nile-hero/nile-hero.d.ts

@@ -13,7 +13,11 @@ import NileElement from '../internal/nile-element';
  *
  */
 export declare class NileHero extends NileElement {
+    heroContainer: HTMLElement;
+    heroHeader: HTMLElement;
+    imgContainer: HTMLElement;
     icon: string;
+    collapse: boolean;
     imgSrc: string;
     heroText: string;
     /**
@@ -21,6 +25,8 @@ export declare class NileHero extends NileElement {
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
      */
     static get styles(): CSSResultArray;
+    connectedCallback(): void;
+    updateOnCollapseChange(): void;
     /**
      * Render method
      * @slot This is a slot test

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

@@ -6,9 +6,10 @@
  */
 import { __decorate } from "tslib";
 import { html, property } from 'lit-element';
-import { customElement } from 'lit/decorators.js';
+import { customElement, query } from 'lit/decorators.js';
 import { styles } from './nile-hero.css';
 import NileElement from '../internal/nile-element';
+import { watch } from '../internal/watch';
 /**
  * Nile hero component.
  *
@@ -19,6 +20,7 @@ let NileHero = class NileHero extends NileElement {
     constructor() {
         super(...arguments);
         this.icon = 'action';
+        this.collapse = false;
         this.imgSrc = '';
         this.heroText = 'Nile Hero';
         /* #endregion */
@@ -31,39 +33,74 @@ let NileHero = class NileHero extends NileElement {
         return [styles];
     }
     /* #endregion */
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateComplete.then(() => {
+            this.updateOnCollapseChange();
+        });
+    }
     /* #region Methods */
+    updateOnCollapseChange() {
+        if (!this.heroContainer)
+            return;
+        const heroHeaderHeight = this.heroHeader.scrollHeight;
+        if (this.collapse) {
+            this.heroContainer.style.height = heroHeaderHeight + 'px';
+            this.heroContainer.style.background = "var(--nile-hero-collapsed-background,#fff)";
+            this.heroContainer.style.borderBottom = "1px solid #EAECF0";
+            this.imgContainer.style.opacity = '0';
+        }
+        else {
+            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 method
      * @slot This is a slot test
      */
     render() {
         return html `
+		<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>
+		</div>
 		`;
     }
 };
+__decorate([
+    query('.hero__container')
+], NileHero.prototype, "heroContainer", void 0);
+__decorate([
+    query('nile-hero-header')
+], NileHero.prototype, "heroHeader", void 0);
+__decorate([
+    query('.hero__img__container')
+], NileHero.prototype, "imgContainer", void 0);
 __decorate([
     property({ reflect: true })
 ], NileHero.prototype, "icon", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], NileHero.prototype, "collapse", void 0);
 __decorate([
     property({ reflect: true, attribute: 'img-src' })
 ], NileHero.prototype, "imgSrc", void 0);
 __decorate([
     property({ reflect: true, attribute: 'hero-text' })
 ], NileHero.prototype, "heroText", void 0);
+__decorate([
+    watch('collapse')
+], NileHero.prototype, "updateOnCollapseChange", null);
 NileHero = __decorate([
     customElement('nile-hero')
 ], NileHero);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.js","sourceRoot":"","sources":["../../../src/nile-hero/nile-hero.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QACoB,SAAI,GAAQ,QAAQ,CAAA;QACK,WAAM,GAAQ,EAAE,CAAC;QACf,aAAQ,GAAQ,WAAW,CAAC;QAqCjF,gBAAgB;IACjB,CAAC;IApCA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;yBAIY,IAAI,CAAC,IAAI;;gCAEF,IAAI,CAAC,QAAQ;;;;;;;gBAO7B,IAAI,CAAC,MAAM;;GAExB,CAAC;IACH,CAAC;CAGD,CAAA;AAxC0B;IAAzB,QAAQ,CAAC,EAAC,OAAO,EAAC,IAAI,EAAC,CAAC;sCAAqB;AACK;IAAlD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;wCAAkB;AACf;IAApD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;0CAA6B;AAHrE,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAyCpB;SAzCY,QAAQ;AA2CrB,eAAe,QAAQ,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {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}"]}
+{"version":3,"file":"nile-hero.js","sourceRoot":"","sources":["../../../src/nile-hero/nile-hero.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAyC,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QAIuB,SAAI,GAAW,QAAQ,CAAC;QACT,aAAQ,GAAY,KAAK,CAAC;QAEnB,WAAM,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAW,WAAW,CAAC;QAwDpF,gBAAgB;IACjB,CAAC;IAvDA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAChB,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC7B,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,qBAAqB;IAGrB,sBAAsB;QACrB,IAAG,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO;QAC/B,MAAM,gBAAgB,GAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QACpD,IAAG,IAAI,CAAC,QAAQ,EAAC;YAChB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAC,gBAAgB,GAAC,IAAI,CAAC;YACtD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAC,4CAA4C,CAAC;YACjF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,YAAY,GAAC,mBAAmB,CAAC;YAC1D,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAC,GAAG,CAAC;SACpC;aACG;YACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAC,yBAAyB,CAAC;YAC1D,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAC,oHAAoH,CAAC;YACzJ,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,YAAY,GAAC,EAAE,CAAC;YACzC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAC,GAAG,CAAC;SACpC;IACF,CAAC;IACD;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;mCAGsB,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,IAAI;;;;;;gBAMpD,IAAI,CAAC,MAAM;;;GAGxB,CAAC;IACH,CAAC;CAGD,CAAA;AAhE2B;IAA1B,KAAK,CAAC,kBAAkB,CAAC;+CAA2B;AAC1B;IAA1B,KAAK,CAAC,kBAAkB,CAAC;4CAAwB;AAClB;IAA/B,KAAK,CAAC,uBAAuB,CAAC;8CAA0B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAyB;AACT;IAA3C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAA2B;AAEnB;IAAlD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;wCAAqB;AAClB;IAApD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;0CAAgC;AAoBpF;IADC,KAAK,CAAC,UAAU,CAAC;sDAgBjB;AA3CW,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAiEpB;SAjEY,QAAQ;AAmErB,eAAe,QAAQ,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {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}"]}

package/dist/src/nile-hero-header/index.d.ts

@@ -0,0 +1 @@
+export { NileHeroHeader } from './nile-hero-header';

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

@@ -0,0 +1,2 @@
+export { NileHeroHeader } from './nile-hero-header';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-hero-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileHeroHeader } from './nile-hero-header';"]}

package/dist/src/nile-hero-header/nile-hero-header.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * HeroHeader CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

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

@@ -0,0 +1,40 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit-element';
+/**
+ * HeroHeader CSS
+ */
+export const styles = css `
+	
+	: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 default [styles];
+//# sourceMappingURL=nile-hero-header.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-hero-header.css.js","sourceRoot":"","sources":["../../../src/nile-hero-header/nile-hero-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * 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];"]}

package/dist/src/nile-hero-header/nile-hero-header.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile hero-header component.
+ *
+ * @tag nile-hero-header
+ *
+ */
+export declare class NileHeroHeader extends NileElement {
+    icon: string;
+    heroText: string;
+    /**
+     * The styles for nile-hero-header
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileHeroHeader;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-hero-header': NileHeroHeader;
+    }
+}

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

@@ -0,0 +1,58 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-hero-header.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile hero-header component.
+ *
+ * @tag nile-hero-header
+ *
+ */
+let NileHeroHeader = class NileHeroHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'action';
+        this.heroText = 'Nile Hero';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-hero-header
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+				<span class="icon__container">
+					<nile-icon size="16" name="${this.icon}"></nile-icon>
+				</span>
+				<span class="hero__text">${this.heroText}</span>
+			`;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], NileHeroHeader.prototype, "icon", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'hero-text' })
+], NileHeroHeader.prototype, "heroText", void 0);
+NileHeroHeader = __decorate([
+    customElement('nile-hero-header')
+], NileHeroHeader);
+export { NileHeroHeader };
+export default NileHeroHeader;
+//# sourceMappingURL=nile-hero-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-hero-header.js","sourceRoot":"","sources":["../../../src/nile-hero-header/nile-hero-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAAxC;;QACuB,SAAI,GAAW,QAAQ,CAAC;QACA,aAAQ,GAAW,WAAW,CAAC;QA2BpF,gBAAgB;IACjB,CAAC;IA1BA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;kCAEqB,IAAI,CAAC,IAAI;;+BAEZ,IAAI,CAAC,QAAQ;IACxC,CAAC;IACJ,CAAC;CAGD,CAAA;AA7B6B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAyB;AACA;IAApD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;gDAAgC;AAFxE,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA8B1B;SA9BY,cAAc;AAgC3B,eAAe,cAAc,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {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}"]}

package/dist/src/nile-icon/icons/svg/data-insight.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgNy4yOTMzN0wyLjUwOTI0IDcuODAzMDJMNS41NTEzOSA0Ljc1ODU2TDcuNjM0OTYgNi44NDM4MUwxMS4yNjY0IDMuMjIzMTZWNS4wMTgxMkgxMS45NzkyVjJIOC45NjM1MlYyLjcxMzM3SDEwLjc2NzdMNy42MzQ5NiA1LjgyNDM3TDUuNTUxMzkgMy43MzkxMkwyIDcuMjkzMzdaTTEyIDEzSDExLjE3NjRWNi4zNjczNEgxMlYxM1pNMi44MjM2MyAxM0gyVjkuMjkwNjhIMi44MjM2M1YxM1pNOS4wMzI1NyAxM0g4LjIwODk0VjguMjY4MjhIOS4wMzI1N1YxM1pNNS45MjgxIDEzSDUuMTA0NDdWMTAuOTM5M0g1LjkyODFWMTNaTTUuOTI4MSA5LjI5MDY4SDUuMTA0NDdWNi42NDIxSDUuOTI4MVY5LjI5MDY4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMi41IDQuNUMyLjIgMy4xIDIuMiAzLjEgMSAyLjc1QzIuMiAyLjQgMi4yIDIuNCAyLjUgMUMyLjggMi40IDIuOCAyLjQgNCAyLjc1QzIuOCAzLjEgMi44IDMuMSAyLjUgNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+export default _default;

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgNy4yOTMzN0wyLjUwOTI0IDcuODAzMDJMNS41NTEzOSA0Ljc1ODU2TDcuNjM0OTYgNi44NDM4MUwxMS4yNjY0IDMuMjIzMTZWNS4wMTgxMkgxMS45NzkyVjJIOC45NjM1MlYyLjcxMzM3SDEwLjc2NzdMNy42MzQ5NiA1LjgyNDM3TDUuNTUxMzkgMy43MzkxMkwyIDcuMjkzMzdaTTEyIDEzSDExLjE3NjRWNi4zNjczNEgxMlYxM1pNMi44MjM2MyAxM0gyVjkuMjkwNjhIMi44MjM2M1YxM1pNOS4wMzI1NyAxM0g4LjIwODk0VjguMjY4MjhIOS4wMzI1N1YxM1pNNS45MjgxIDEzSDUuMTA0NDdWMTAuOTM5M0g1LjkyODFWMTNaTTUuOTI4MSA5LjI5MDY4SDUuMTA0NDdWNi42NDIxSDUuOTI4MVY5LjI5MDY4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMi41IDQuNUMyLjIgMy4xIDIuMiAzLjEgMSAyLjc1QzIuMiAyLjQgMi4yIDIuNCAyLjUgMUMyLjggMi40IDIuOCAyLjQgNCAyLjc1QzIuOCAzLjEgMi44IDMuMSAyLjUgNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+//# sourceMappingURL=data-insight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-insight.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/data-insight.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,k1BAAk1B,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgNy4yOTMzN0wyLjUwOTI0IDcuODAzMDJMNS41NTEzOSA0Ljc1ODU2TDcuNjM0OTYgNi44NDM4MUwxMS4yNjY0IDMuMjIzMTZWNS4wMTgxMkgxMS45NzkyVjJIOC45NjM1MlYyLjcxMzM3SDEwLjc2NzdMNy42MzQ5NiA1LjgyNDM3TDUuNTUxMzkgMy43MzkxMkwyIDcuMjkzMzdaTTEyIDEzSDExLjE3NjRWNi4zNjczNEgxMlYxM1pNMi44MjM2MyAxM0gyVjkuMjkwNjhIMi44MjM2M1YxM1pNOS4wMzI1NyAxM0g4LjIwODk0VjguMjY4MjhIOS4wMzI1N1YxM1pNNS45MjgxIDEzSDUuMTA0NDdWMTAuOTM5M0g1LjkyODFWMTNaTTUuOTI4MSA5LjI5MDY4SDUuMTA0NDdWNi42NDIxSDUuOTI4MVY5LjI5MDY4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMi41IDQuNUMyLjIgMy4xIDIuMiAzLjEgMSAyLjc1QzIuMiAyLjQgMi4yIDIuNCAyLjUgMUMyLjggMi40IDIuOCAyLjQgNCAyLjc1QzIuOCAzLjEgMi44IDMuMSAyLjUgNC41WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}

package/dist/src/nile-icon/icons/svg/index.d.ts

@@ -97,6 +97,7 @@ export { default as create } from './create';
 export { default as createuser } from './createuser';
 export { default as custom } from './custom';
 export { default as dashboard } from './dashboard';
+export { default as datainsight } from './data-insight';
 export { default as datatypearray } from './data-type-array';
 export { default as datatypeboolean } from './data-type-boolean';
 export { default as datatypeexpression } from './data-type-expression';
@@ -240,6 +241,7 @@ export { default as if } from './if';
 export { default as ifelse } from './ifelse';
 export { default as image } from './image';
 export { default as immutable } from './immutable';
+export { default as infocircle } from './info-circle';
 export { default as infoicon } from './info-icon';
 export { default as infoicon1 } from './info-icon1';
 export { default as info } from './info';
@@ -436,6 +438,7 @@ export { default as updateuser } from './updateuser';
 export { default as updown } from './updown';
 export { default as upgrade } from './upgrade';
 export { default as upload } from './upload';
+export { default as user01 } from './user-01';
 export { default as user03 } from './user-03';
 export { default as useranalysisicon } from './user-analysis-icon';
 export { default as usercircle } from './user-circle';

package/dist/src/nile-icon/icons/svg/index.js

@@ -97,6 +97,7 @@ export { default as create } from './create';
 export { default as createuser } from './createuser';
 export { default as custom } from './custom';
 export { default as dashboard } from './dashboard';
+export { default as datainsight } from './data-insight';
 export { default as datatypearray } from './data-type-array';
 export { default as datatypeboolean } from './data-type-boolean';
 export { default as datatypeexpression } from './data-type-expression';
@@ -240,6 +241,7 @@ export { default as if } from './if';
 export { default as ifelse } from './ifelse';
 export { default as image } from './image';
 export { default as immutable } from './immutable';
+export { default as infocircle } from './info-circle';
 export { default as infoicon } from './info-icon';
 export { default as infoicon1 } from './info-icon1';
 export { default as info } from './info';
@@ -436,6 +438,7 @@ export { default as updateuser } from './updateuser';
 export { default as updown } from './updown';
 export { default as upgrade } from './upgrade';
 export { default as upload } from './upload';
+export { default as user01 } from './user-01';
 export { default as user03 } from './user-03';
 export { default as useranalysisicon } from './user-analysis-icon';
 export { default as usercircle } from './user-circle';