@aquera/nile-elements 0.0.85 → 0.0.87

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

@@ -0,0 +1,66 @@
+/**
+ * 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-title.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile title component.
+ *
+ * @tag nile-title
+ *
+ */
+let NileTitle = class NileTitle extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.headerText = '';
+        this.pageTitle = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-title
+     * @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 */
+    /**
+     * Called when the component is updated
+     */
+    updated(_changedProperties) {
+        super.updated(_changedProperties);
+        this.updateDocumentTitle();
+    }
+    /**
+     * Updates the document title based on pageTitle or headerText
+     */
+    updateDocumentTitle() {
+        document.title = this.pageTitle || this.headerText;
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html ` ${this.headerText ? html ` ${this.headerText} ` : ''} `;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileTitle.prototype, "headerText", void 0);
+__decorate([
+    property({ type: String })
+], NileTitle.prototype, "pageTitle", void 0);
+NileTitle = __decorate([
+    customElement('nile-title')
+], NileTitle);
+export { NileTitle };
+export default NileTitle;
+//# sourceMappingURL=nile-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-title.js","sourceRoot":"","sources":["../../../src/nile-title/nile-title.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,kBAAkB,CAAC;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAAnC;;QACuB,eAAU,GAAG,EAAE,CAAC;QAEhB,cAAS,GAAG,EAAE,CAAC;QAqC3C,gBAAgB;IAClB,CAAC;IApCC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;OAEG;IACO,OAAO,CAAC,kBAA0D;QAC1E,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAClC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACK,mBAAmB;QACzB,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC;IACrD,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACtE,CAAC;CAGF,CAAA;AAxC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAiB;AAEhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAgB;AAHhC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAyCrB;SAzCY,SAAS;AA2CtB,eAAe,SAAS,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-title.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile title component.\n *\n * @tag nile-title\n *\n */\n@customElement('nile-title')\nexport class NileTitle extends NileElement {\n  @property({ type: String }) headerText = '';\n\n  @property({ type: String }) pageTitle = '';\n\n  /**\n   * The styles for nile-title\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  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Called when the component is updated\n   */\n  protected updated(_changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(_changedProperties);\n    this.updateDocumentTitle();\n  }\n\n  /**\n   * Updates the document title based on pageTitle or headerText\n   */\n  private updateDocumentTitle(): void {\n    document.title = this.pageTitle || this.headerText;\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html` ${this.headerText ? html` ${this.headerText} ` : ''} `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTitle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-title': NileTitle;\n  }\n}\n"]}