@triptease/tt-navbar 0.0.2 → 0.0.4

package/dist/src/TtNavbar.d.ts

@@ -1,8 +1,6 @@
 import { LitElement } from 'lit';
 export declare class TtNavbar extends LitElement {
     static styles: import("lit").CSSResult;
-    header: string;
-    counter: number;
-    __increment(): void;
+    onNavigate: (e: MouseEvent) => void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/TtNavbar.js

@@ -1,33 +1,27 @@
 import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { styles } from './styles.js';
 export class TtNavbar extends LitElement {
     constructor() {
         super(...arguments);
-        this.header = 'Hey there';
-        this.counter = 5;
-    }
-    __increment() {
-        this.counter += 1;
+        this.onNavigate = () => {
+            // Do nothing by default
+        };
     }
     render() {
         return html `
-      <h2>${this.header} Nr. ${this.counter}!</h2>
-      <button @click=${this.__increment}>increment</button>
+      <nav id=${this.id}>
+        <a href="/">Dashboard</a>
+        <a href="/campaigns">Campaigns</a>
+        <a href="/channels">Channels</a>
+        <a href="/guest-insights/zxd47KQGAP">Guest insights</a>
+      </nav>
     `;
     }
 }
-TtNavbar.styles = css `
-    :host {
-      display: block;
-      padding: 25px;
-      color: var(--tt-navbar-text-color, #000);
-    }
-  `;
-__decorate([
-    property({ type: String })
-], TtNavbar.prototype, "header", void 0);
+TtNavbar.styles = styles;
 __decorate([
-    property({ type: Number })
-], TtNavbar.prototype, "counter", void 0);
+    property()
+], TtNavbar.prototype, "onNavigate", void 0);
 //# sourceMappingURL=TtNavbar.js.map

package/dist/src/TtNavbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TtNavbar.js","sourceRoot":"","sources":["../../src/TtNavbar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAS8B,WAAM,GAAG,WAAW,CAAC;QAErB,YAAO,GAAG,CAAC,CAAC;IAY1C,CAAC;IAVC,WAAW;QACT,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;YACH,IAAI,CAAC,MAAM,QAAQ,IAAI,CAAC,OAAO;uBACpB,IAAI,CAAC,WAAW;KAClC,CAAC;IACJ,CAAC;;AArBM,eAAM,GAAG,GAAG,CAAA;;;;;;GAMlB,AANY,CAMX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAsB;AAErB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAa","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class TtNavbar extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: 25px;\n      color: var(--tt-navbar-text-color, #000);\n    }\n  `;\n\n  @property({ type: String }) header = 'Hey there';\n\n  @property({ type: Number }) counter = 5;\n\n  __increment() {\n    this.counter += 1;\n  }\n\n  render() {\n    return html`\n      <h2>${this.header} Nr. ${this.counter}!</h2>\n      <button @click=${this.__increment}>increment</button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TtNavbar.js","sourceRoot":"","sources":["../../src/TtNavbar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAIE,eAAU,GAA4B,GAAG,EAAE;YACzC,wBAAwB;QAC1B,CAAC,CAAC;IAYJ,CAAC;IAVC,MAAM;QACJ,OAAO,IAAI,CAAA;gBACC,IAAI,CAAC,EAAE;;;;;;KAMlB,CAAC;IACJ,CAAC;;AAhBM,eAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,EAAE;4CAGT","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styles } from './styles.js';\n\nexport class TtNavbar extends LitElement {\n  static styles = styles;\n\n  @property()\n  onNavigate: (e: MouseEvent) => void = () => {\n    // Do nothing by default\n  };\n\n  render() {\n    return html`\n      <nav id=${this.id}>\n        <a href=\"/\">Dashboard</a>\n        <a href=\"/campaigns\">Campaigns</a>\n        <a href=\"/channels\">Channels</a>\n        <a href=\"/guest-insights/zxd47KQGAP\">Guest insights</a>\n      </nav>\n    `;\n  }\n}\n"]}

package/dist/src/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/src/styles.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=styles.js.map

package/dist/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/dist/test/tt-navbar.test.js

@@ -1,24 +1,4 @@
-import { html } from 'lit';
-import { fixture, expect } from '@open-wc/testing';
 import '../src/tt-navbar.js';
 describe('TtNavbar', () => {
-    it('has a default header "Hey there" and counter 5', async () => {
-        const el = await fixture(html `<tt-navbar></tt-navbar>`);
-        expect(el.header).to.equal('Hey there');
-        expect(el.counter).to.equal(5);
-    });
-    it('increases the counter on button click', async () => {
-        const el = await fixture(html `<tt-navbar></tt-navbar>`);
-        el.shadowRoot.querySelector('button').click();
-        expect(el.counter).to.equal(6);
-    });
-    it('can override the header via attribute', async () => {
-        const el = await fixture(html `<tt-navbar header="attribute header"></tt-navbar>`);
-        expect(el.header).to.equal('attribute header');
-    });
-    it('passes the a11y audit', async () => {
-        const el = await fixture(html `<tt-navbar></tt-navbar>`);
-        await expect(el).shadowDom.to.be.accessible();
-    });
 });
 //# sourceMappingURL=tt-navbar.test.js.map

package/dist/test/tt-navbar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tt-navbar.test.js","sourceRoot":"","sources":["../../test/tt-navbar.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,qBAAqB,CAAC;AAE7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAElE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAClE,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAC;QAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,mDAAmD,CAAC,CAAC;QAE5F,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAElE,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html } from 'lit';\nimport { fixture, expect } from '@open-wc/testing';\nimport { TtNavbar } from '../src/TtNavbar.js';\nimport '../src/tt-navbar.js';\n\ndescribe('TtNavbar', () => {\n  it('has a default header \"Hey there\" and counter 5', async () => {\n    const el = await fixture<TtNavbar>(html`<tt-navbar></tt-navbar>`);\n\n    expect(el.header).to.equal('Hey there');\n    expect(el.counter).to.equal(5);\n  });\n\n  it('increases the counter on button click', async () => {\n    const el = await fixture<TtNavbar>(html`<tt-navbar></tt-navbar>`);\n    el.shadowRoot!.querySelector('button')!.click();\n\n    expect(el.counter).to.equal(6);\n  });\n\n  it('can override the header via attribute', async () => {\n    const el = await fixture<TtNavbar>(html`<tt-navbar header=\"attribute header\"></tt-navbar>`);\n\n    expect(el.header).to.equal('attribute header');\n  });\n\n  it('passes the a11y audit', async () => {\n    const el = await fixture<TtNavbar>(html`<tt-navbar></tt-navbar>`);\n\n    await expect(el).shadowDom.to.be.accessible();\n  });\n});\n"]}
+{"version":3,"file":"tt-navbar.test.js","sourceRoot":"","sources":["../../test/tt-navbar.test.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;AAE1B,CAAC,CAAC,CAAC","sourcesContent":["import '../src/tt-navbar.js';\n\ndescribe('TtNavbar', () => {\n\n});\n"]}

package/dist/web/TtNavbar.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.2
+* @triptease/tt-navbar v0.0.4
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -590,36 +590,31 @@ function n4(t3) {
   })(t3, e5, o6);
 }
 
+// src/styles.ts
+var styles = i``;
+
 // src/TtNavbar.ts
 var TtNavbar = class extends i4 {
   constructor() {
     super(...arguments);
-    this.header = "Hey there";
-    this.counter = 5;
-  }
-  __increment() {
-    this.counter += 1;
+    this.onNavigate = () => {
+    };
   }
   render() {
     return x`
-      <h2>${this.header} Nr. ${this.counter}!</h2>
-      <button @click=${this.__increment}>increment</button>
+      <nav id=${this.id}>
+        <a href="/">Dashboard</a>
+        <a href="/campaigns">Campaigns</a>
+        <a href="/channels">Channels</a>
+        <a href="/guest-insights/zxd47KQGAP">Guest insights</a>
+      </nav>
     `;
   }
 };
-TtNavbar.styles = i`
-    :host {
-      display: block;
-      padding: 25px;
-      color: var(--tt-navbar-text-color, #000);
-    }
-  `;
-__decorateClass([
-  n4({ type: String })
-], TtNavbar.prototype, "header", 2);
+TtNavbar.styles = styles;
 __decorateClass([
-  n4({ type: Number })
-], TtNavbar.prototype, "counter", 2);
+  n4()
+], TtNavbar.prototype, "onNavigate", 2);
 export {
   TtNavbar
 };