@aquera/nile-elements 0.0.89 → 0.0.90

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

@@ -0,0 +1,61 @@
+/**
+ * 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-toolbar.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile toolbar component.
+ *
+ * @tag nile-toolbar
+ *
+ */
+let NileToolbar = class NileToolbar extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.color = '';
+        this.background = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-toolbar
+     * @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 `
+		<div class="toolbar" part="nile-toolbar" style="${this.color ? 'color:' + this.color + ';' : ''} ${this.background ? 'background:' + this.background + ';' : ''}">
+		  <slot name="start"></slot>
+		  <div class="toolbar-content" part="toolbar-mid">
+			<slot></slot>
+		  </div>
+		  <slot name="end"></slot>
+		</div>
+	  `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], NileToolbar.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true })
+], NileToolbar.prototype, "background", void 0);
+NileToolbar = __decorate([
+    customElement('nile-toolbar')
+], NileToolbar);
+export { NileToolbar };
+export default NileToolbar;
+//# sourceMappingURL=nile-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-toolbar.js","sourceRoot":"","sources":["../../../src/nile-toolbar/nile-toolbar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAE,QAAQ,EAAkC,MAAM,aAAa,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QAEuB,UAAK,GAAW,EAAE,CAAA;QAClB,eAAU,GAAW,EAAE,CAAA;QA8BpD,gBAAgB;IACjB,CAAC;IA7BA;;;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;oDACuC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;;IAO7J,CAAC;IACJ,CAAC;CAGD,CAAA;AAhC6B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAmB;AAClB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAwB;AAHxC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkCvB;SAlCY,WAAW;AAoCxB,eAAe,WAAW,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-toolbar.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile toolbar component.\n *\n * @tag nile-toolbar\n *\n */\n@customElement('nile-toolbar')\nexport class NileToolbar extends NileElement {\n\n\t@property({ reflect: true }) color: string = ''\n\t@property({ reflect: true }) background: string = ''\n\n\t/**\n\t * The styles for nile-toolbar\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<div class=\"toolbar\" part=\"nile-toolbar\" style=\"${this.color ? 'color:' + this.color + ';' : ''} ${this.background ? 'background:' + this.background + ';' : ''}\">\n\t\t  <slot name=\"start\"></slot>\n\t\t  <div class=\"toolbar-content\" part=\"toolbar-mid\">\n\t\t\t<slot></slot>\n\t\t  </div>\n\t\t  <slot name=\"end\"></slot>\n\t\t</div>\n\t  `;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileToolbar;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-toolbar': NileToolbar;\n\t}\n}"]}