@triptease/tt-navbar 0.0.2 → 0.0.4

package/dist/web/index.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
 };