@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/notification-service-B4nvP2Jc.js

@@ -1,532 +0,0 @@
-import { fromEvent as x, takeUntil as T } from "rxjs";
-import "rxjs/operators";
-import { classMap as S } from "lit/directives/class-map.js";
-import { styleMap as A } from "lit/directives/style-map.js";
-import { property as h, state as g, customElement as _ } from "lit/decorators.js";
-import "./tailwind.mixin-DIW0B_of.js";
-import { $ as C } from "./litElement.mixin-DWDPaNoc.js";
-import { c as V } from "./ripple-QoNZUUw_.js";
-import "lit/directives/guard.js";
-import { S as l } from "./theme.interface-BLfE5J_1.js";
-import { html as p } from "lit";
-import "./progress-B1f3y-Mf.js";
-import { repeat as k } from "lit/directives/repeat.js";
-var $ = Object.defineProperty, R = Object.getOwnPropertyDescriptor, d = (o, t, e, i) => {
-  for (var s, n = i > 1 ? void 0 : i ? R(t, e) : t, a = o.length - 1; a >= 0; a--) (s = o[a]) && (n = (i ? s(t, e, n) : s(n)) || n);
-  return i && n && $(t, e, n), n;
-};
-let u = class extends C(':host{display:block;margin-bottom:10px}:host:last-child{margin-bottom:0}.notification{width:100%;max-width:400px;box-shadow:var(--schmancy-sys-elevation-2);overflow:hidden;transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);background-color:var(--schmancy-sys-color-surface-container);color:var(--schmancy-sys-color-surface-on);border-radius:16px;position:relative}.notification:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff14,#fff0);z-index:1}.notification.info{border-left:4px solid var(--schmancy-sys-color-primary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-primary-container) 10%)}.notification.success{border-left:4px solid var(--schmancy-sys-color-success-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-success-container) 10%)}.notification.warning{border-left:4px solid var(--schmancy-sys-color-tertiary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-tertiary-container) 10%)}.notification.error{border-left:4px solid var(--schmancy-sys-color-error-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-error-container) 10%)}.notification.closing{transform:translate(120%);opacity:0}.notification .notification-content{display:flex;padding:18px 20px;align-items:flex-start;position:relative;z-index:2}.notification .icon-container{flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;position:relative}.notification .content{flex:1;min-width:0;display:flex;flex-direction:column}.notification .title{font-weight:500;font-size:16px;line-height:1.5;margin-bottom:2px;word-break:break-word;letter-spacing:.15px}.notification .message{font-size:14px;line-height:1.5;word-break:break-word;letter-spacing:.25px;opacity:.92}.notification .close-button{background:transparent;border:none;cursor:pointer;color:var(--schmancy-sys-color-surface-onVariant);padding:8px;margin-left:8px;margin-right:-4px;margin-top:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.notification .close-button:hover{background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-onVariant) 8%,transparent);transform:scale(1.05)}.notification .close-button:active{transform:scale(.95)}.notification .close-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--schmancy-sys-color-primary-default)}') {
-  constructor() {
-    super(...arguments), this.title = "", this.message = "", this.type = "info", this.closable = !0, this.duration = 5e3, this.id = `notification-${Date.now()}-${Math.floor(1e4 * Math.random())}`, this.playSound = !0, this.showProgress = !1, this._visible = !0, this._progress = 100, this._hovered = !1, this._closing = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.duration > 0 && this._startAutoCloseTimer(), this.playSound && this._playSound();
-  }
-  disconnectedCallback() {
-    this._clearTimers(), super.disconnectedCallback();
-  }
-  updated(o) {
-    super.updated(o), o.has("duration") && this.duration > 0 && (this._clearTimers(), this._startAutoCloseTimer());
-  }
-  _startAutoCloseTimer() {
-    if (this.duration <= 0) return;
-    const o = Date.now() + this.duration;
-    this._autoCloseTimer = window.setTimeout(() => {
-      this.close();
-    }, this.duration), this._progressTimer = window.setInterval(() => {
-      if (this._hovered) return;
-      const t = Date.now(), e = Math.max(0, o - t);
-      this._progress = e / this.duration * 100, e <= 0 && this._clearTimers();
-    }, 16);
-  }
-  _clearTimers() {
-    this._autoCloseTimer && (clearTimeout(this._autoCloseTimer), this._autoCloseTimer = void 0), this._progressTimer && (clearInterval(this._progressTimer), this._progressTimer = void 0);
-  }
-  _pauseTimers() {
-    this._clearTimers();
-  }
-  _resumeTimers() {
-    if (this.duration > 0) {
-      const o = this._progress / 100 * this.duration;
-      if (o > 0) {
-        this._autoCloseTimer = window.setTimeout(() => {
-          this.close();
-        }, o);
-        const t = Date.now() + o;
-        this._progressTimer = window.setInterval(() => {
-          if (this._hovered) return;
-          const e = Date.now(), i = Math.max(0, t - e);
-          this._progress = i / o * 100, i <= 0 && this._clearTimers();
-        }, 16);
-      }
-    }
-  }
-  _playSound() {
-    this.dispatchEvent(new CustomEvent("playsound", { detail: { type: this.type }, bubbles: !0, composed: !0 }));
-  }
-  _handleMouseEnter() {
-    this._hovered = !0, this._pauseTimers();
-  }
-  _handleMouseLeave() {
-    this._hovered = !1, this._resumeTimers();
-  }
-  close() {
-    this._closing || (this._closing = !0, this._clearTimers(), this._visible = !1, setTimeout(() => {
-      this.dispatchEvent(new CustomEvent("close", { detail: { id: this.id }, bubbles: !0, composed: !0 }));
-    }, 300));
-  }
-  render() {
-    if (!this._visible && this._closing) return p``;
-    const o = this._getTypeStyles(), t = this._hovered ? "3" : "2";
-    return p`
-			<div
-				class=${S({ notification: !0, closing: this._closing, [this.type]: !0 })}
-				role="alert"
-				style=${A({ transform: this._closing ? "translateX(120%)" : "translateX(0)", opacity: this._closing ? "0" : "1", boxShadow: `var(--schmancy-sys-elevation-${t})`, transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease" })}
-				@mouseenter=${this._handleMouseEnter}
-				@mouseleave=${this._handleMouseLeave}
-			>
-				<div class="notification-content">
-					<div
-						class="icon-container"
-						${V({ color: o.iconColor, bgColor: `color-mix(in srgb, ${o.iconColor} 10%, transparent)` })}
-					>
-						${o.icon}
-					</div>
-
-					<div class="content">
-						${this.title ? p`
-									<div
-										class="title"
-										style=${A({ color: this.type === "info" ? `color-mix(in srgb, ${l.sys.color.primary.default} 90%, ${l.sys.color.surface.on} 10%)` : this.type === "success" ? `color-mix(in srgb, ${l.sys.color.success.default} 90%, ${l.sys.color.surface.on} 10%)` : this.type === "warning" ? `color-mix(in srgb, ${l.sys.color.tertiary.default} 90%, ${l.sys.color.surface.on} 10%)` : `color-mix(in srgb, ${l.sys.color.error.default} 90%, ${l.sys.color.surface.on} 10%)` })}
-									>
-										${this.title}
-									</div>
-								` : ""}
-
-						<div class="message">${this.message}</div>
-					</div>
-
-					${this.closable ? p`
-								<button
-									class="close-button"
-									aria-label="Close notification"
-									@click=${this.close}
-									style=${A({ color: this.type === "info" ? l.sys.color.surface.onVariant : `color-mix(in srgb, ${o.iconColor} 80%, ${l.sys.color.surface.onVariant} 20%)` })}
-								>
-									<svg
-										width="18"
-										height="18"
-										viewBox="0 0 24 24"
-										fill="none"
-										stroke="currentColor"
-										stroke-width="2"
-										stroke-linecap="round"
-										stroke-linejoin="round"
-									>
-										<line x1="18" y1="6" x2="6" y2="18"></line>
-										<line x1="6" y1="6" x2="18" y2="18"></line>
-									</svg>
-								</button>
-							` : ""}
-				</div>
-
-				${this.showProgress || this.duration > 0 ? p`
-							<schmancy-progress
-								style="position: absolute; bottom: 0; left: 0; right: 0; width: 100%;"
-								size="sm"
-								.color=${this.type === "error" ? "error" : this.type === "success" ? "success" : "primary"}
-								?indeterminate=${this.showProgress}
-								.value=${this.showProgress ? 0 : this._progress}
-								.max=${100}
-							></schmancy-progress>
-						` : ""}
-			</div>
-		`;
-  }
-  _getTypeStyles() {
-    switch (this.type) {
-      case "success":
-        return { icon: p`
-						<svg
-							width="20"
-							height="20"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-						>
-							<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
-							<polyline points="22 4 12 14.01 9 11.01"></polyline>
-						</svg>
-					`, iconColor: l.sys.color.success.default, progressColor: `color-mix(in srgb, ${l.sys.color.success.default} 95%, ${l.sys.color.success.container} 5%)` };
-      case "warning":
-        return { icon: p`
-						<svg
-							width="20"
-							height="20"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-						>
-							<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
-							<line x1="12" y1="9" x2="12" y2="13"></line>
-							<line x1="12" y1="17" x2="12.01" y2="17"></line>
-						</svg>
-					`, iconColor: l.sys.color.tertiary.default, progressColor: `color-mix(in srgb, ${l.sys.color.tertiary.default} 90%, ${l.sys.color.tertiary.container} 10%)` };
-      case "error":
-        return { icon: p`
-						<svg
-							width="20"
-							height="20"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-						>
-							<circle cx="12" cy="12" r="10"></circle>
-							<line x1="15" y1="9" x2="9" y2="15"></line>
-							<line x1="9" y1="9" x2="15" y2="15"></line>
-						</svg>
-					`, iconColor: l.sys.color.error.default, progressColor: `color-mix(in srgb, ${l.sys.color.error.default} 92%, ${l.sys.color.error.container} 8%)` };
-      default:
-        return { icon: p`
-						<svg
-							width="20"
-							height="20"
-							viewBox="0 0 24 24"
-							fill="none"
-							stroke="currentColor"
-							stroke-width="2"
-							stroke-linecap="round"
-							stroke-linejoin="round"
-						>
-							<circle cx="12" cy="12" r="10"></circle>
-							<line x1="12" y1="16" x2="12" y2="12"></line>
-							<line x1="12" y1="8" x2="12.01" y2="8"></line>
-						</svg>
-					`, iconColor: l.sys.color.primary.default, progressColor: `color-mix(in srgb, ${l.sys.color.primary.default} 94%, ${l.sys.color.primary.container} 6%)` };
-    }
-  }
-};
-d([h({ type: String })], u.prototype, "title", 2), d([h({ type: String })], u.prototype, "message", 2), d([h({ type: String })], u.prototype, "type", 2), d([h({ type: Boolean })], u.prototype, "closable", 2), d([h({ type: Number })], u.prototype, "duration", 2), d([h({ type: String })], u.prototype, "id", 2), d([h({ type: Boolean })], u.prototype, "playSound", 2), d([h({ type: Boolean })], u.prototype, "showProgress", 2), d([g()], u.prototype, "_visible", 2), d([g()], u.prototype, "_progress", 2), d([g()], u.prototype, "_hovered", 2), d([g()], u.prototype, "_closing", 2), d([g()], u.prototype, "_autoCloseTimer", 2), d([g()], u.prototype, "_progressTimer", 2), u = d([_("sch-notification")], u);
-class O {
-  constructor() {
-    this.audioContext = null;
-  }
-  getAudioContext() {
-    if (!this.audioContext) {
-      const t = window.AudioContext || window.webkitAudioContext;
-      this.audioContext = new t();
-    }
-    return this.audioContext;
-  }
-  playInfoSound(t = 0.2) {
-    const e = this.getAudioContext(), i = e.currentTime, s = e.createOscillator(), n = e.createGain(), a = e.createBiquadFilter();
-    s.type = "sine", s.frequency.setValueAtTime(392, i), s.frequency.exponentialRampToValueAtTime(523.25, i + 0.25), a.type = "lowpass", a.frequency.value = 1500, n.gain.setValueAtTime(1e-4, i), n.gain.exponentialRampToValueAtTime(t, i + 0.15), n.gain.exponentialRampToValueAtTime(1e-4, i + 0.4), s.connect(a).connect(n).connect(e.destination), s.start(i), s.stop(i + 0.45);
-  }
-  playSuccessSound(t = 0.2) {
-    const e = this.getAudioContext(), i = e.currentTime, s = (n, a, r) => {
-      const c = e.createOscillator(), w = e.createGain(), v = e.createBiquadFilter();
-      c.type = "sine", c.frequency.setValueAtTime(n, i), v.type = "lowpass", v.frequency.value = 4 * n, w.gain.setValueAtTime(1e-4, i), w.gain.exponentialRampToValueAtTime(t, i + 0.1), w.gain.exponentialRampToValueAtTime(1e-4, i + r), c.connect(v).connect(w).connect(e.destination), c.start(i + a), c.stop(i + r);
-    };
-    s(659.25, 0, 0.6), s(523.25, 0.05, 0.55);
-  }
-  playWarningSound(t = 0.25) {
-    const e = this.getAudioContext(), i = e.currentTime, s = e.createOscillator(), n = e.createOscillator(), a = e.createGain(), r = e.createBiquadFilter();
-    s.type = "sine", n.type = "sine", s.frequency.setValueAtTime(349.23, i), n.frequency.setValueAtTime(440, i), r.type = "lowpass", r.frequency.value = 1e3, a.gain.setValueAtTime(1e-4, i), a.gain.exponentialRampToValueAtTime(t, i + 0.08), a.gain.exponentialRampToValueAtTime(1e-4, i + 0.5), s.connect(r), n.connect(r), r.connect(a).connect(e.destination), s.start(i), n.start(i), s.stop(i + 0.55), n.stop(i + 0.55);
-  }
-  playErrorSound(t = 0.25) {
-    const e = this.getAudioContext(), i = e.currentTime, s = e.createOscillator(), n = e.createGain(), a = e.createBiquadFilter();
-    s.type = "triangle", s.frequency.setValueAtTime(220, i), s.frequency.exponentialRampToValueAtTime(1760, i + 0.3), a.type = "lowpass", a.frequency.value = 800, a.Q.value = 0.5, n.gain.setValueAtTime(1e-4, i), n.gain.exponentialRampToValueAtTime(0.8 * t, i + 0.1), n.gain.exponentialRampToValueAtTime(1e-4, i + 0.7), s.connect(a).connect(n).connect(e.destination), s.start(i), s.stop(i + 0.75);
-  }
-  async generateAudioFiles(t = 0.25) {
-    const i = {};
-    return i.info = await this.generateAudioFile(async (s) => {
-      const n = s.createOscillator();
-      n.type = "sine", n.frequency.setValueAtTime(320, 0), n.frequency.exponentialRampToValueAtTime(520, 0.3);
-      const a = s.createGain();
-      a.gain.setValueAtTime(0, 0), a.gain.linearRampToValueAtTime(t, 0.1), a.gain.linearRampToValueAtTime(0, 0.5), n.connect(a), a.connect(s.destination), n.start(), n.stop(0.5);
-    }, 44100, 1), i.success = await this.generateAudioFile(async (s) => {
-      const n = s.createOscillator();
-      n.type = "sine", n.frequency.setValueAtTime(660, 0);
-      const a = s.createOscillator();
-      a.type = "sine", a.frequency.setValueAtTime(440, 0);
-      const r = s.createGain();
-      r.gain.setValueAtTime(0, 0), r.gain.linearRampToValueAtTime(t, 0.1), r.gain.linearRampToValueAtTime(0, 0.5);
-      const c = s.createGain();
-      c.gain.setValueAtTime(0, 0), c.gain.linearRampToValueAtTime(0.6 * t, 0.15), c.gain.linearRampToValueAtTime(0, 0.7), n.connect(r), r.connect(s.destination), a.connect(c), c.connect(s.destination), n.start(), a.start(0.15), n.stop(0.5), a.stop(0.7);
-    }, 44100, 1), i.warning = await this.generateAudioFile(async (s) => {
-      const n = s.createOscillator();
-      n.type = "sine", n.frequency.setValueAtTime(293.66, 0);
-      const a = s.createOscillator();
-      a.type = "sine", a.frequency.setValueAtTime(349.23, 0);
-      const r = s.createGain();
-      r.gain.setValueAtTime(0, 0), r.gain.linearRampToValueAtTime(t, 0.1), r.gain.linearRampToValueAtTime(0.6 * t, 0.2), r.gain.linearRampToValueAtTime(0.8 * t, 0.3), r.gain.linearRampToValueAtTime(0, 0.6), n.connect(r), a.connect(r), r.connect(s.destination), n.start(), a.start(), n.stop(0.6), a.stop(0.6);
-    }, 44100, 1), i.error = await this.generateAudioFile(async (s) => {
-      const n = s.createOscillator();
-      n.type = "sine", n.frequency.setValueAtTime(196, 0);
-      const a = s.createGain();
-      a.gain.setValueAtTime(0, 0), a.gain.linearRampToValueAtTime(t, 0.1), a.gain.linearRampToValueAtTime(0.4 * t, 0.2), a.gain.linearRampToValueAtTime(0.6 * t, 0.3), a.gain.linearRampToValueAtTime(0, 0.7);
-      const r = s.createBiquadFilter();
-      r.type = "lowpass", r.frequency.value = 600, r.Q.value = 0.7, n.connect(r), r.connect(a), a.connect(s.destination), n.start(), n.stop(0.7);
-    }, 44100, 1), i;
-  }
-  async generateAudioFile(t, e = 44100, i = 1) {
-    const s = new OfflineAudioContext(2, e * i, e);
-    await t(s);
-    const n = await s.startRendering(), a = this.audioBufferToWav(n);
-    return URL.createObjectURL(a);
-  }
-  audioBufferToWav(t) {
-    const e = t.numberOfChannels, i = t.sampleRate, s = 2 * e, n = this.getAudioSamples(t, 16), a = 2 * n.length, r = new ArrayBuffer(44 + a), c = new DataView(r);
-    return this.writeString(c, 0, "RIFF"), c.setUint32(4, 36 + a, !0), this.writeString(c, 8, "WAVE"), this.writeString(c, 12, "fmt "), c.setUint32(16, 16, !0), c.setUint16(20, 1, !0), c.setUint16(22, e, !0), c.setUint32(24, i, !0), c.setUint32(28, i * s, !0), c.setUint16(32, s, !0), c.setUint16(34, 16, !0), this.writeString(c, 36, "data"), c.setUint32(40, a, !0), this.writeInt16Samples(c, 44, n), new Blob([r], { type: "audio/wav" });
-  }
-  getAudioSamples(t, e) {
-    const i = t.numberOfChannels, s = t.length, n = [], a = e === 16 ? 32768 : 128;
-    for (let r = 0; r < s; r++) for (let c = 0; c < i; c++) {
-      const w = t.getChannelData(c)[r], v = Math.max(-1, Math.min(1, w));
-      n.push(v * a);
-    }
-    return n;
-  }
-  writeInt16Samples(t, e, i) {
-    for (let s = 0; s < i.length; s++) t.setInt16(e + 2 * s, i[s], !0);
-  }
-  writeString(t, e, i) {
-    for (let s = 0; s < i.length; s++) t.setUint8(e + s, i.charCodeAt(s));
-  }
-}
-class E {
-  constructor() {
-    this.audioContext = null, this.soundBuffers = /* @__PURE__ */ new Map(), this.volume = 0.5, this.muted = !1, this.soundGenerator = new O(), this.disconnecting = new EventTarget(), this.soundUrls = { info: "/assets/sounds/notification-info.mp3", success: "/assets/sounds/notification-success.mp3", warning: "/assets/sounds/notification-warning.mp3", error: "/assets/sounds/notification-error.mp3" }, this.handleAudioEnded = (t) => () => {
-      t.remove();
-    }, this.initializeAudioFiles();
-  }
-  async initializeAudioFiles() {
-    try {
-      await this.preloadSounds();
-    } catch {
-      try {
-        const e = await this.soundGenerator.generateAudioFiles(this.volume);
-        this.soundUrls = e;
-      } catch {
-      }
-    }
-  }
-  getAudioContext() {
-    if (!this.audioContext) {
-      const t = window.AudioContext || window.webkitAudioContext;
-      this.audioContext = new t();
-    }
-    return this.audioContext;
-  }
-  async preloadSounds() {
-    const t = ["info", "success", "warning", "error"];
-    for (const e of t) try {
-      const i = await this.loadSound(e);
-      this.soundBuffers.set(e, i);
-    } catch {
-    }
-  }
-  async loadSound(t) {
-    const e = this.soundUrls[t], i = await fetch(e);
-    if (!i.ok) throw new Error(`Failed to load sound from ${e}: ${i.statusText}`);
-    const s = await i.arrayBuffer();
-    return await this.getAudioContext().decodeAudioData(s);
-  }
-  async playSound(t) {
-    if (!this.muted) try {
-      const e = this.getAudioContext();
-      if (e.state === "suspended" && await e.resume(), this.soundUrls[t].startsWith("blob:")) return void this.playFallbackSound(t);
-      if (!this.soundBuffers.has(t)) try {
-        const a = await this.loadSound(t);
-        this.soundBuffers.set(t, a);
-      } catch {
-        return void this.playDirectGeneratedSound(t);
-      }
-      const i = this.soundBuffers.get(t);
-      if (!i) throw new Error(`Sound buffer for ${t} not available`);
-      const s = e.createBufferSource();
-      s.buffer = i;
-      const n = e.createGain();
-      n.gain.value = this.volume, s.connect(n), n.connect(e.destination), s.start(0);
-    } catch {
-      this.playDirectGeneratedSound(t);
-    }
-  }
-  playDirectGeneratedSound(t) {
-    if (!this.muted) try {
-      switch (t) {
-        case "info":
-          this.soundGenerator.playInfoSound(this.volume);
-          break;
-        case "success":
-          this.soundGenerator.playSuccessSound(this.volume);
-          break;
-        case "warning":
-          this.soundGenerator.playWarningSound(this.volume);
-          break;
-        case "error":
-          this.soundGenerator.playErrorSound(this.volume);
-      }
-    } catch {
-    }
-  }
-  playFallbackSound(t) {
-    if (!this.muted) try {
-      const e = new Audio(this.soundUrls[t]);
-      e.volume = this.volume, x(e, "ended").pipe(T(x(this.disconnecting, "disconnect"))).subscribe(this.handleAudioEnded(e)), e.play().catch((i) => {
-        this.playDirectGeneratedSound(t);
-      });
-    } catch {
-      this.playDirectGeneratedSound(t);
-    }
-  }
-  setVolume(t) {
-    this.volume = Math.max(0, Math.min(1, t));
-  }
-  getVolume() {
-    return this.volume;
-  }
-  mute() {
-    this.muted = !0;
-  }
-  unmute() {
-    this.muted = !1;
-  }
-  isMuted() {
-    return this.muted;
-  }
-  setSoundUrl(t, e) {
-    this.soundUrls[t] = e, this.soundBuffers.delete(t);
-  }
-  getSoundUrl(t) {
-    return this.soundUrls[t];
-  }
-  dispose() {
-    this.disconnecting.dispatchEvent(new Event("disconnect")), this.audioContext && this.audioContext.state !== "closed" && this.audioContext.close().catch((t) => {
-    });
-  }
-}
-var B = Object.defineProperty, U = Object.getOwnPropertyDescriptor, b = (o, t, e, i) => {
-  for (var s, n = i > 1 ? void 0 : i ? U(t, e) : t, a = o.length - 1; a >= 0; a--) (s = o[a]) && (n = (i ? s(t, e, n) : s(n)) || n);
-  return i && n && B(t, e, n), n;
-};
-let y = class extends C(":host{display:block}.notification-container{position:fixed;z-index:10001;padding:12px;pointer-events:none;width:100%;max-width:424px}.notification-container sch-notification{pointer-events:auto}.notification-container.top-right{top:0;right:0;display:flex;flex-direction:column-reverse}.notification-container.top-left{top:0;left:0;display:flex;flex-direction:column-reverse}.notification-container.bottom-right{bottom:0;right:0;display:flex;flex-direction:column}.notification-container.bottom-left{bottom:0;left:0;display:flex;flex-direction:column}.notification-container.top-center{top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse}.notification-container.bottom-center{bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column}") {
-  constructor() {
-    super(...arguments), this.position = "top-right", this.maxVisibleNotifications = 2, this.playSound = !1, this.audioVolume = 0.1, this._notifications = [], this._audioService = new E(), this.handlePlaySound = (o) => {
-      this.playSound && this._audioService.playSound(o.detail.type);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._audioService.setVolume(this.audioVolume), x(window, "schmancy-notification").pipe(T(this.disconnecting)).subscribe((o) => {
-      this.addNotification(o.detail);
-    }), x(window, "schmancy-notification-dismiss").pipe(T(this.disconnecting)).subscribe((o) => {
-      this.removeNotification(o.detail.id);
-    }), x(window, "schmancy-notification-update").pipe(T(this.disconnecting)).subscribe((o) => {
-      this.updateNotification(o.detail.id, o.detail);
-    }), x(this, "playsound").pipe(T(this.disconnecting)).subscribe(this.handlePlaySound);
-  }
-  addNotification(o) {
-    const t = o.id || `notification-${Date.now()}-${Math.floor(1e4 * Math.random())}`, e = { id: t, title: o.title || "", message: o.message, type: o.type || "info", duration: o.duration !== void 0 ? o.duration : 750, closable: o.closable === void 0 || o.closable, playSound: o.playSound !== void 0 ? o.playSound : this.playSound, showProgress: o.showProgress !== void 0 && o.showProgress };
-    return this.position.startsWith("top") ? this._notifications = [...this._notifications, e] : this._notifications = [e, ...this._notifications], this._notifications.length > this.maxVisibleNotifications && (this._notifications = this._notifications.slice(-this.maxVisibleNotifications)), e.playSound && this._audioService.playSound(e.type), t;
-  }
-  removeNotification(o) {
-    this._notifications = this._notifications.filter((t) => t.id !== o);
-  }
-  updateNotification(o, t) {
-    const e = this._notifications.findIndex((i) => i.id === o);
-    e !== -1 && (this._notifications[e] = { ...this._notifications[e], ...t }, this.requestUpdate());
-  }
-  _handleClose(o) {
-    const t = o.detail.id;
-    this.removeNotification(t);
-  }
-  render() {
-    return p`
-			<div
-				class=${S({ "notification-container": !0, [this.position]: !0 })}
-			>
-				${k(this._notifications, (o) => o.id, (o) => p`
-            <sch-notification
-              .id=${o.id}
-              .title=${o.title}
-              .message=${o.message}
-              .type=${o.type}
-              .duration=${o.duration}
-              ?closable=${o.closable}
-              ?playSound=${!1}
-              ?showProgress=${o.showProgress}
-              @close=${this._handleClose}
-            ></sch-notification>
-          `)}
-			</div>
-		`;
-  }
-};
-b([h({ type: String })], y.prototype, "position", 2), b([h({ type: Number })], y.prototype, "maxVisibleNotifications", 2), b([h({ type: Boolean })], y.prototype, "playSound", 2), b([h({ type: Number })], y.prototype, "audioVolume", 2), b([g()], y.prototype, "_notifications", 2), y = b([_("sch-notification-container")], y);
-const f = class f {
-  constructor() {
-    this.notificationStack = [];
-  }
-  static getInstance() {
-    return f.instance || (f.instance = new f()), f.instance;
-  }
-  notify(t) {
-    const e = { ...f.DEFAULT_OPTIONS, ...t, duration: t.duration ?? f.DEFAULT_OPTIONS.duration }, i = e.id || `notification-${Date.now()}-${Math.floor(1e4 * Math.random())}`;
-    this.notificationStack.push(i);
-    const s = new CustomEvent("schmancy-notification", { bubbles: !0, composed: !0, detail: { ...e, id: i } });
-    return window.dispatchEvent(s), i;
-  }
-  dismiss(t) {
-    let e;
-    if (t) {
-      const i = this.notificationStack.indexOf(t);
-      i > -1 && (this.notificationStack.splice(i, 1), e = t);
-    } else e = this.notificationStack.pop();
-    if (e) {
-      const i = new CustomEvent("schmancy-notification-dismiss", { bubbles: !0, composed: !0, detail: { id: e } });
-      window.dispatchEvent(i);
-    }
-  }
-  update(t, e) {
-    const i = new CustomEvent("schmancy-notification-update", { bubbles: !0, composed: !0, detail: { id: t, ...e } });
-    window.dispatchEvent(i);
-  }
-  info(t, e = {}) {
-    return this.notify({ message: t ?? "", type: "info", duration: t ? e.duration : 1, ...e });
-  }
-  success(t, e = {}) {
-    return this.notify({ message: t ?? "", type: "success", duration: t ? e.duration : 1, ...e });
-  }
-  warning(t, e = {}) {
-    return this.notify({ message: t ?? "", type: "warning", duration: t ? e.duration : 1, ...e });
-  }
-  error(t, e = {}) {
-    return this.notify({ message: t ?? "", type: "error", duration: t ? e.duration : 1, ...e });
-  }
-  customDuration(t, e, i = {}) {
-    return this.notify({ message: t, duration: e, ...i });
-  }
-  persistent(t, e = {}) {
-    return this.notify({ message: t, duration: 0, ...e });
-  }
-};
-f.DEFAULT_OPTIONS = { duration: 1e3, closable: !0, playSound: !0 };
-let m = f;
-const X = { show: (o) => m.getInstance().notify(o), info: (o, t = {}) => m.getInstance().info(o, t), success: (o, t = {}) => m.getInstance().success(o, t), warning: (o, t = {}) => m.getInstance().warning(o, t), error: (o, t = {}) => m.getInstance().error(o, t), customDuration: (o, t, e = {}) => m.getInstance().customDuration(o, t, e), persistent: (o, t = {}) => m.getInstance().persistent(o, t), dismiss: (o) => m.getInstance().dismiss(o), update: (o, t) => m.getInstance().update(o, t) };
-export {
-  X as $,
-  E as N,
-  u as S,
-  y as a
-};
-//# sourceMappingURL=notification-service-B4nvP2Jc.js.map