@patimweb/crtstyleguide 1.0.5 → 1.0.7

package/dist/lib/index.js

@@ -1001,7 +1001,7 @@ var xr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, tt = (r, t
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
   return s && e && xr(t, a, e), e;
 };
-let I = class extends p {
+let M = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.target = "", this.iconLeft = !1, this.iconRight = !1, this.icon = "";
   }
@@ -1015,7 +1015,7 @@ let I = class extends p {
     `;
   }
 };
-I.styles = l`
+M.styles = l`
     :host {
       --crt-link-color: var(--crt-primary);
     }
@@ -1043,22 +1043,22 @@ I.styles = l`
   `;
 tt([
   n({ type: String })
-], I.prototype, "href", 2);
+], M.prototype, "href", 2);
 tt([
   n({ type: String })
-], I.prototype, "target", 2);
+], M.prototype, "target", 2);
 tt([
   n({ type: Boolean })
-], I.prototype, "iconLeft", 2);
+], M.prototype, "iconLeft", 2);
 tt([
   n({ type: Boolean })
-], I.prototype, "iconRight", 2);
+], M.prototype, "iconRight", 2);
 tt([
   n({ type: String })
-], I.prototype, "icon", 2);
-I = tt([
+], M.prototype, "icon", 2);
+M = tt([
   d("crt-link")
-], I);
+], M);
 var kr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, B = (r, t, a, s) => {
   for (var e = s > 1 ? void 0 : s ? $r(t, a) : t, i = r.length - 1, o; i >= 0; i--)
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
@@ -2836,8 +2836,8 @@ ht([
 V = ht([
   d("crt-tooltip")
 ], V);
-var Ar = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Mt = (r, t, a, s) => {
-  for (var e = s > 1 ? void 0 : s ? Mr(t, a) : t, i = r.length - 1, o; i >= 0; i--)
+var Ar = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, It = (r, t, a, s) => {
+  for (var e = s > 1 ? void 0 : s ? Ir(t, a) : t, i = r.length - 1, o; i >= 0; i--)
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
   return s && e && Ar(t, a, e), e;
 };
@@ -2908,19 +2908,19 @@ ot.styles = l`
       font-size: var(--crt-font-size-sm);
     }
   `;
-Mt([
+It([
   n({ type: Array })
 ], ot.prototype, "items", 2);
-Mt([
+It([
   n({ type: String })
 ], ot.prototype, "separator", 2);
-ot = Mt([
+ot = It([
   d("crt-breadcrumb")
 ], ot);
-var Ir = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, gt = (r, t, a, s) => {
+var Mr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, gt = (r, t, a, s) => {
   for (var e = s > 1 ? void 0 : s ? Lr(t, a) : t, i = r.length - 1, o; i >= 0; i--)
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
-  return s && e && Ir(t, a, e), e;
+  return s && e && Mr(t, a, e), e;
 };
 let q = class extends p {
   constructor() {
@@ -4179,7 +4179,7 @@ A([
 y = A([
   d("crt-alert")
 ], y);
-var Hr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, It = (r, t, a, s) => {
+var Hr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Mt = (r, t, a, s) => {
   for (var e = s > 1 ? void 0 : s ? Kr(t, a) : t, i = r.length - 1, o; i >= 0; i--)
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
   return s && e && Hr(t, a, e), e;
@@ -4430,13 +4430,13 @@ nt.styles = l`
       50% { opacity: 0.5; }
     }
   `;
-It([
+Mt([
   n({ type: Boolean, reflect: !0 })
 ], nt.prototype, "open", 2);
-It([
+Mt([
   n({ type: String })
 ], nt.prototype, "message", 2);
-nt = It([
+nt = Mt([
   d("crt-spinner")
 ], nt);
 var Gr = Object.getOwnPropertyDescriptor, Jr = (r, t, a, s) => {
@@ -5800,7 +5800,7 @@ Nt([
 dt = Nt([
   d("crt-playlist")
 ], dt);
-var ve = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, M = (r, t, a, s) => {
+var ve = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, I = (r, t, a, s) => {
   for (var e = s > 1 ? void 0 : s ? ue(t, a) : t, i = r.length - 1, o; i >= 0; i--)
     (o = r[i]) && (e = (s ? o(t, a, e) : o(e)) || e);
   return s && e && ve(t, a, e), e;
@@ -5839,13 +5839,18 @@ let x = class extends p {
   }
   loadTrack(r) {
     if (r < 0 || r >= this.tracks.length) return;
-    const t = this.isPlaying;
-    this.isPlaying && (this.audio?.pause(), this.visualizer?.stop()), this.currentIndex = r, this.currentTime = 0, this.audio && (this.audio.src = this.tracks[r].url, this.audio.load()), t && this.audio?.addEventListener("canplay", () => this.play(), { once: !0 }), this.dispatchEvent(new CustomEvent("track-change", {
+    const t = this.tracks[r];
+    if (!t?.url) {
+      this.currentIndex = r;
+      return;
+    }
+    const a = this.isPlaying;
+    this.isPlaying && (this.audio?.pause(), this.visualizer?.stop()), this.currentIndex = r, this.currentTime = 0, this.audio && (this.audio.src = t.url, this.audio.load()), a && this.audio?.addEventListener("canplay", () => this.play(), { once: !0 }), this.dispatchEvent(new CustomEvent("track-change", {
       detail: { index: r, track: this.tracks[r] }
     }));
   }
   play() {
-    !this.audio?.src || this.tracks.length === 0 || (this.visualizer?.connectAudio(this.audio), this.audio.play(), this.isPlaying = !0, this.visualizer?.start());
+    !this.tracks[this.currentIndex]?.url || this.tracks.length === 0 || this.audio?.src && (this.visualizer?.connectAudio(this.audio), this.audio.play(), this.isPlaying = !0, this.visualizer?.start());
   }
   pause() {
     this.audio?.pause(), this.isPlaying = !1, this.visualizer?.stop();
@@ -6069,31 +6074,31 @@ x.styles = l`
       opacity: 0.5;
     }
   `;
-M([
+I([
   n({ type: Array })
 ], x.prototype, "tracks", 2);
-M([
+I([
   n({ type: Number })
 ], x.prototype, "currentIndex", 2);
-M([
+I([
   g()
 ], x.prototype, "isPlaying", 2);
-M([
+I([
   g()
 ], x.prototype, "currentTime", 2);
-M([
+I([
   g()
 ], x.prototype, "duration", 2);
-M([
+I([
   g()
 ], x.prototype, "volume", 2);
-M([
+I([
   Tt("audio")
 ], x.prototype, "audio", 2);
-M([
+I([
   Tt("crt-visualizer")
 ], x.prototype, "visualizer", 2);
-x = M([
+x = I([
   d("crt-music-player")
 ], x);
 var me = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, mt = (r, t, a, s) => {
@@ -6295,7 +6300,7 @@ export {
   xt as Heading,
   st as Icon,
   Y as Input,
-  I as Link,
+  M as Link,
   Q as Modal,
   x as MusicPlayer,
   H as MusicStation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patimweb/crtstyleguide",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "CRT Style Guide - Retro Lit component library",
   "type": "module",
   "main": "dist/lib/index.js",
@@ -10,8 +10,8 @@
       "types": "./dist/lib/index.d.ts",
       "import": "./dist/lib/index.js"
     },
-    "./styles": "./dist/lib/components.css",
-    "./styles.css": "./dist/lib/components.css"
+    "./styles": "./dist/lib/styles.css",
+    "./styles.css": "./dist/lib/styles.css"
   },
   "files": [
     "dist/lib"