@mhmo91/schmancy 0.4.53 → 0.4.55

package/types/src/map/map.d.ts

@@ -0,0 +1,129 @@
+import { Observable } from 'rxjs';
+interface GoogleMapsAPI {
+    maps: {
+        Map: new (element: HTMLElement, options: any) => any;
+        Marker: new (options: any) => any;
+        Geocoder: new () => any;
+        LatLng: new (lat: number, lng: number) => any;
+        MapTypeId: {
+            ROADMAP: string;
+            SATELLITE: string;
+            HYBRID: string;
+            TERRAIN: string;
+        };
+    };
+}
+declare global {
+    interface Window {
+        google?: GoogleMapsAPI;
+        initGoogleMaps?: () => void;
+        __schmancyGoogleMapsLoading?: Observable<boolean>;
+    }
+}
+declare const SchmancyMap_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * `<schmancy-map>` component
+ *
+ * A Google Maps component with an intuitive API for displaying interactive or static maps.
+ * Supports both address strings (with automatic geocoding) and precise coordinates.
+ *
+ * @element schmancy-map
+ *
+ * @example
+ * <!-- Simple address -->
+ * <schmancy-map address="Times Square, New York"></schmancy-map>
+ *
+ * @example
+ * <!-- With coordinates -->
+ * <schmancy-map latitude="40.758" longitude="-73.985" zoom="17"></schmancy-map>
+ *
+ * @example
+ * <!-- Satellite view -->
+ * <schmancy-map address="Grand Canyon" type="satellite" height="500px"></schmancy-map>
+ *
+ * @example
+ * <!-- Static map -->
+ * <schmancy-map address="Eiffel Tower, Paris" interactive="false" controls="false"></schmancy-map>
+ */
+export default class SchmancyMap extends SchmancyMap_base {
+    /**
+     * Simple address string that automatically geocodes to display the location.
+     * Takes precedence over latitude/longitude if both are provided.
+     */
+    address: string;
+    /**
+     * Latitude coordinate for precise location.
+     * Used when address is not provided.
+     */
+    latitude?: number;
+    /**
+     * Longitude coordinate for precise location.
+     * Used when address is not provided.
+     */
+    longitude?: number;
+    /**
+     * Map zoom level. Higher numbers show more detail.
+     * @default 15
+     */
+    zoom: number;
+    /**
+     * Height of the map with CSS unit (e.g., "400px", "50vh").
+     * @default "400px"
+     */
+    height: string;
+    /**
+     * Whether to show a marker at the location.
+     * @default true
+     */
+    marker: boolean;
+    /**
+     * Tooltip text for the location marker.
+     */
+    markerTitle: string;
+    /**
+     * Map display type.
+     * Options: "roadmap", "satellite", "hybrid", "terrain"
+     * @default "roadmap"
+     */
+    type: 'roadmap' | 'satellite' | 'hybrid' | 'terrain';
+    /**
+     * Whether users can interact with the map (pan, zoom, click).
+     * @default true
+     */
+    interactive: boolean;
+    /**
+     * Whether to show map controls (zoom buttons, fullscreen, etc.).
+     * @default true
+     */
+    controls: boolean;
+    /**
+     * Google Maps API key. Required for the map to load.
+     */
+    apiKey: string;
+    private loading;
+    private error;
+    private mapRef;
+    private map?;
+    private mapMarker?;
+    private geocoder?;
+    private intersectionObserver?;
+    private hasLoadedMap;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private setupIntersectionObserver;
+    private loadMap;
+    private pendingCoordinates?;
+    private getCoordinates;
+    private geocodeAddress;
+    private initializeMap;
+    private getMapTypeId;
+    private addMarker;
+    protected updated(changedProperties: Map<string, any>): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-map': SchmancyMap;
+    }
+}
+export {};

package/types/src/notification/index.d.ts

@@ -4,3 +4,5 @@ export { NotificationAudioService } from './notification-audio';
 export { default as SchmancyNotificationContainer } from './notification-container';
 export type { NotificationItem, NotificationOptions } from './notification-container';
 export { $notify } from './notification-service';
+export { notify, notifyProgress } from './notify';
+export type { NotifyOptions } from './notify';

package/types/src/notification/notification-container.d.ts

@@ -7,6 +7,7 @@ export interface NotificationItem {
     duration: number;
     closable: boolean;
     playSound: boolean;
+    showProgress?: boolean;
 }
 export interface NotificationOptions {
     id?: string;
@@ -16,6 +17,7 @@ export interface NotificationOptions {
     duration?: number;
     closable?: boolean;
     playSound?: boolean;
+    showProgress?: boolean;
 }
 declare const SchmancyNotificationContainer_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
@@ -33,6 +35,7 @@ export default class SchmancyNotificationContainer extends SchmancyNotificationC
     connectedCallback(): void;
     addNotification(options: NotificationOptions): string;
     removeNotification(id: string): void;
+    updateNotification(id: string, options: Partial<NotificationOptions>): void;
     private _handleClose;
     render(): import("lit-html").TemplateResult<1>;
 }

package/types/src/notification/notification-service.d.ts

@@ -5,6 +5,7 @@ import { NotificationOptions } from './notification-container';
  */
 export declare class NotificationService {
     private static instance;
+    private notificationStack;
     private static DEFAULT_OPTIONS;
     private constructor();
     /**
@@ -16,6 +17,15 @@ export declare class NotificationService {
      * @returns The ID of the created notification
      */
     notify(options: NotificationOptions): string;
+    /**
+     * Dismiss a notification
+     * @param id Optional notification ID. If not provided, dismisses the most recent notification
+     */
+    dismiss(id?: string): void;
+    /**
+     * Update a notification's content
+     */
+    update(id: string, options: Partial<NotificationOptions>): void;
     /**
      * Show an info notification
      */
@@ -76,5 +86,14 @@ export declare const $notify: {
      * Show a persistent notification that won't auto-dismiss
      */
     persistent: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "duration">>) => string;
+    /**
+     * Dismiss a notification
+     * @param id Optional notification ID. If not provided, dismisses the most recent notification (queue-like behavior)
+     */
+    dismiss: (id?: string) => void;
+    /**
+     * Update a notification's content
+     */
+    update: (id: string, options: Partial<NotificationOptions>) => void;
 };
 export default NotificationService;

package/types/src/notification/notification.d.ts

@@ -1,4 +1,5 @@
 import { PropertyValues } from 'lit';
+import '@schmancy/progress';
 export type NotificationType = 'info' | 'success' | 'warning' | 'error';
 declare const SchmancyNotification_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
@@ -12,6 +13,7 @@ export default class SchmancyNotification extends SchmancyNotification_base {
     duration: number;
     id: string;
     playSound: boolean;
+    showProgress: boolean;
     private _visible;
     private _progress;
     private _hovered;

package/types/src/notification/notify.d.ts

@@ -0,0 +1,100 @@
+import { Observable } from 'rxjs';
+import { NotificationOptions } from './notification-container';
+export interface NotifyOptions {
+    /**
+     * Message to show while the operation is in progress
+     */
+    loadingMessage?: string;
+    /**
+     * Message to show when the operation completes successfully
+     */
+    successMessage?: string;
+    /**
+     * Message to show when the operation fails (can be a function to format error)
+     */
+    errorMessage?: string | ((error: any) => string);
+    /**
+     * Type of notification for loading state
+     */
+    loadingType?: NotificationOptions['type'];
+    /**
+     * Type of notification for success state
+     */
+    successType?: NotificationOptions['type'];
+    /**
+     * Type of notification for error state
+     */
+    errorType?: NotificationOptions['type'];
+    /**
+     * Whether to auto-dismiss the loading notification on complete/error
+     */
+    autoDismissLoading?: boolean;
+    /**
+     * Duration for success notification (ms). Use 0 for persistent
+     */
+    successDuration?: number;
+    /**
+     * Duration for error notification (ms). Use 0 for persistent
+     */
+    errorDuration?: number;
+}
+/**
+ * Wraps an Observable with notification lifecycle management.
+ * Shows a loading notification with progress indicator, then auto-dismisses and shows success/error notification.
+ *
+ * @example
+ * ```typescript
+ * // Basic usage with progress indicator
+ * someApiCall().pipe(
+ *   notify({
+ *     loadingMessage: 'Loading data...',
+ *     successMessage: 'Data loaded successfully!',
+ *     errorMessage: 'Failed to load data'
+ *   })
+ * ).subscribe()
+ *
+ * // With custom durations
+ * saveData().pipe(
+ *   notify({
+ *     loadingMessage: 'Saving...',
+ *     successMessage: 'Saved!',
+ *     successDuration: 5000, // Success stays for 5 seconds
+ *     errorMessage: (err) => `Save failed: ${err.message}`,
+ *     errorDuration: 0 // Error is persistent until dismissed
+ *   })
+ * ).subscribe()
+ *
+ * // Full configuration example
+ * uploadFile().pipe(
+ *   notify({
+ *     loadingMessage: 'Uploading file...',
+ *     loadingType: 'info',
+ *     successMessage: 'Upload complete!',
+ *     successType: 'success',
+ *     successDuration: 3000,
+ *     errorMessage: (err) => `Upload failed: ${err.message}`,
+ *     errorType: 'error',
+ *     errorDuration: 10000,
+ *     autoDismissLoading: true
+ *   })
+ * ).subscribe()
+ * ```
+ */
+export declare function notify<T>(options: NotifyOptions): (source: Observable<T>) => Observable<T>;
+/**
+ * Simplified version for API calls that just need loading and auto-dismiss.
+ * Perfect for fire-and-forget operations where you want to show progress.
+ *
+ * @example
+ * ```typescript
+ * downloadData().pipe(
+ *   notifyProgress('Downloading...')
+ * ).subscribe()
+ *
+ * // With custom messages
+ * saveDocument().pipe(
+ *   notifyProgress('Saving document...', 'Document saved!', 'Save failed')
+ * ).subscribe()
+ * ```
+ */
+export declare function notifyProgress<T>(loadingMessage: string, successMessage?: string, errorMessage?: string): (source: Observable<T>) => Observable<T>;

package/types/src/utils/number.d.ts

@@ -103,3 +103,5 @@ export declare class Numbers {
      */
     private toSubscript;
 }
+declare const numbers: Numbers;
+export default numbers;

package/dist/notification-service-B6nHqzq5.cjs

@@ -1,141 +0,0 @@
-"use strict";const b=require("rxjs"),T=require("lit/directives/class-map.js"),v=require("lit/directives/style-map.js"),w=require("./litElement.mixin-B01R2oT7.cjs");require("./tailwind.mixin-DVKI3qb9.cjs");const u=require("lit/decorators.js"),x=require("./ripple-C2BHbhcS.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),A=require("lit/directives/repeat.js");var C=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(s,t,e,i)=>{for(var o,n=i>1?void 0:i?_(t,e):t,a=s.length-1;a>=0;a--)(o=s[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&C(t,e,n),n};exports.SchmancyNotification=class extends w.$LitElement(':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)}.notification .progress-bar-container{height:4px;width:100%;background-color:color-mix(in srgb,currentColor 8%,transparent);overflow:hidden;position:relative;z-index:2}.notification .progress-bar{height:100%;width:100%;transition:width .1s linear;border-radius:0 0 0 4px;background-image:linear-gradient(to right,currentColor 70%,color-mix(in srgb,currentColor 80%,white) 100%);opacity:.9}'){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._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(s){super.updated(s),s.has("duration")&&this.duration>0&&(this._clearTimers(),this._startAutoCloseTimer())}_startAutoCloseTimer(){if(this.duration<=0)return;const s=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,s-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 s=this._progress/100*this.duration;if(s>0){this._autoCloseTimer=window.setTimeout(()=>{this.close()},s);const t=Date.now()+s;this._progressTimer=window.setInterval(()=>{if(this._hovered)return;const e=Date.now(),i=Math.max(0,t-e);this._progress=i/s*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 h.html``;const s=this._getTypeStyles(),t=this._hovered?"3":"2";return h.html`
-			<div
-				class=${T.classMap({notification:!0,closing:this._closing,[this.type]:!0})}
-				role="alert"
-				style=${v.styleMap({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"
-						${x.color({color:s.iconColor,bgColor:`color-mix(in srgb, ${s.iconColor} 10%, transparent)`})}
-					>
-						${s.icon}
-					</div>
-
-					<div class="content">
-						${this.title?h.html`
-									<div
-										class="title"
-										style=${v.styleMap({color:this.type==="info"?`color-mix(in srgb, ${l.SchmancyTheme.sys.color.primary.default} 90%, ${l.SchmancyTheme.sys.color.surface.on} 10%)`:this.type==="success"?`color-mix(in srgb, ${l.SchmancyTheme.sys.color.success.default} 90%, ${l.SchmancyTheme.sys.color.surface.on} 10%)`:this.type==="warning"?`color-mix(in srgb, ${l.SchmancyTheme.sys.color.tertiary.default} 90%, ${l.SchmancyTheme.sys.color.surface.on} 10%)`:`color-mix(in srgb, ${l.SchmancyTheme.sys.color.error.default} 90%, ${l.SchmancyTheme.sys.color.surface.on} 10%)`})}
-									>
-										${this.title}
-									</div>
-								`:""}
-
-						<div class="message">${this.message}</div>
-					</div>
-
-					${this.closable?h.html`
-								<button
-									class="close-button"
-									aria-label="Close notification"
-									@click=${this.close}
-									style=${v.styleMap({color:this.type==="info"?l.SchmancyTheme.sys.color.surface.onVariant:`color-mix(in srgb, ${s.iconColor} 80%, ${l.SchmancyTheme.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.duration>0?h.html`
-							<div class="progress-bar-container">
-								<div
-									class="progress-bar"
-									style="width: ${this._progress}%"
-									${x.color({color:s.progressColor})}
-								></div>
-							</div>
-						`:""}
-			</div>
-		`}_getTypeStyles(){switch(this.type){case"success":return{icon:h.html`
-						<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.SchmancyTheme.sys.color.success.default,progressColor:`color-mix(in srgb, ${l.SchmancyTheme.sys.color.success.default} 95%, ${l.SchmancyTheme.sys.color.success.container} 5%)`};case"warning":return{icon:h.html`
-						<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.SchmancyTheme.sys.color.tertiary.default,progressColor:`color-mix(in srgb, ${l.SchmancyTheme.sys.color.tertiary.default} 90%, ${l.SchmancyTheme.sys.color.tertiary.container} 10%)`};case"error":return{icon:h.html`
-						<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.SchmancyTheme.sys.color.error.default,progressColor:`color-mix(in srgb, ${l.SchmancyTheme.sys.color.error.default} 92%, ${l.SchmancyTheme.sys.color.error.container} 8%)`};default:return{icon:h.html`
-						<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.SchmancyTheme.sys.color.primary.default,progressColor:`color-mix(in srgb, ${l.SchmancyTheme.sys.color.primary.default} 94%, ${l.SchmancyTheme.sys.color.primary.container} 6%)`}}}},d([u.property({type:String})],exports.SchmancyNotification.prototype,"title",2),d([u.property({type:String})],exports.SchmancyNotification.prototype,"message",2),d([u.property({type:String})],exports.SchmancyNotification.prototype,"type",2),d([u.property({type:Boolean})],exports.SchmancyNotification.prototype,"closable",2),d([u.property({type:Number})],exports.SchmancyNotification.prototype,"duration",2),d([u.property({type:String})],exports.SchmancyNotification.prototype,"id",2),d([u.property({type:Boolean})],exports.SchmancyNotification.prototype,"playSound",2),d([u.state()],exports.SchmancyNotification.prototype,"_visible",2),d([u.state()],exports.SchmancyNotification.prototype,"_progress",2),d([u.state()],exports.SchmancyNotification.prototype,"_hovered",2),d([u.state()],exports.SchmancyNotification.prototype,"_closing",2),d([u.state()],exports.SchmancyNotification.prototype,"_autoCloseTimer",2),d([u.state()],exports.SchmancyNotification.prototype,"_progressTimer",2),exports.SchmancyNotification=d([u.customElement("sch-notification")],exports.SchmancyNotification);class V{constructor(){this.audioContext=null}getAudioContext(){if(!this.audioContext){const t=window.AudioContext||window.webkitAudioContext;this.audioContext=new t}return this.audioContext}playInfoSound(t=.2){const e=this.getAudioContext(),i=e.currentTime,o=e.createOscillator(),n=e.createGain(),a=e.createBiquadFilter();o.type="sine",o.frequency.setValueAtTime(392,i),o.frequency.exponentialRampToValueAtTime(523.25,i+.25),a.type="lowpass",a.frequency.value=1500,n.gain.setValueAtTime(1e-4,i),n.gain.exponentialRampToValueAtTime(t,i+.15),n.gain.exponentialRampToValueAtTime(1e-4,i+.4),o.connect(a).connect(n).connect(e.destination),o.start(i),o.stop(i+.45)}playSuccessSound(t=.2){const e=this.getAudioContext(),i=e.currentTime,o=(n,a,r)=>{const c=e.createOscillator(),y=e.createGain(),g=e.createBiquadFilter();c.type="sine",c.frequency.setValueAtTime(n,i),g.type="lowpass",g.frequency.value=4*n,y.gain.setValueAtTime(1e-4,i),y.gain.exponentialRampToValueAtTime(t,i+.1),y.gain.exponentialRampToValueAtTime(1e-4,i+r),c.connect(g).connect(y).connect(e.destination),c.start(i+a),c.stop(i+r)};o(659.25,0,.6),o(523.25,.05,.55)}playWarningSound(t=.25){const e=this.getAudioContext(),i=e.currentTime,o=e.createOscillator(),n=e.createOscillator(),a=e.createGain(),r=e.createBiquadFilter();o.type="sine",n.type="sine",o.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+.08),a.gain.exponentialRampToValueAtTime(1e-4,i+.5),o.connect(r),n.connect(r),r.connect(a).connect(e.destination),o.start(i),n.start(i),o.stop(i+.55),n.stop(i+.55)}playErrorSound(t=.25){const e=this.getAudioContext(),i=e.currentTime,o=e.createOscillator(),n=e.createGain(),a=e.createBiquadFilter();o.type="triangle",o.frequency.setValueAtTime(220,i),o.frequency.exponentialRampToValueAtTime(1760,i+.3),a.type="lowpass",a.frequency.value=800,a.Q.value=.5,n.gain.setValueAtTime(1e-4,i),n.gain.exponentialRampToValueAtTime(.8*t,i+.1),n.gain.exponentialRampToValueAtTime(1e-4,i+.7),o.connect(a).connect(n).connect(e.destination),o.start(i),o.stop(i+.75)}async generateAudioFiles(t=.25){const i={};return i.info=await this.generateAudioFile(async o=>{const n=o.createOscillator();n.type="sine",n.frequency.setValueAtTime(320,0),n.frequency.exponentialRampToValueAtTime(520,.3);const a=o.createGain();a.gain.setValueAtTime(0,0),a.gain.linearRampToValueAtTime(t,.1),a.gain.linearRampToValueAtTime(0,.5),n.connect(a),a.connect(o.destination),n.start(),n.stop(.5)},44100,1),i.success=await this.generateAudioFile(async o=>{const n=o.createOscillator();n.type="sine",n.frequency.setValueAtTime(660,0);const a=o.createOscillator();a.type="sine",a.frequency.setValueAtTime(440,0);const r=o.createGain();r.gain.setValueAtTime(0,0),r.gain.linearRampToValueAtTime(t,.1),r.gain.linearRampToValueAtTime(0,.5);const c=o.createGain();c.gain.setValueAtTime(0,0),c.gain.linearRampToValueAtTime(.6*t,.15),c.gain.linearRampToValueAtTime(0,.7),n.connect(r),r.connect(o.destination),a.connect(c),c.connect(o.destination),n.start(),a.start(.15),n.stop(.5),a.stop(.7)},44100,1),i.warning=await this.generateAudioFile(async o=>{const n=o.createOscillator();n.type="sine",n.frequency.setValueAtTime(293.66,0);const a=o.createOscillator();a.type="sine",a.frequency.setValueAtTime(349.23,0);const r=o.createGain();r.gain.setValueAtTime(0,0),r.gain.linearRampToValueAtTime(t,.1),r.gain.linearRampToValueAtTime(.6*t,.2),r.gain.linearRampToValueAtTime(.8*t,.3),r.gain.linearRampToValueAtTime(0,.6),n.connect(r),a.connect(r),r.connect(o.destination),n.start(),a.start(),n.stop(.6),a.stop(.6)},44100,1),i.error=await this.generateAudioFile(async o=>{const n=o.createOscillator();n.type="sine",n.frequency.setValueAtTime(196,0);const a=o.createGain();a.gain.setValueAtTime(0,0),a.gain.linearRampToValueAtTime(t,.1),a.gain.linearRampToValueAtTime(.4*t,.2),a.gain.linearRampToValueAtTime(.6*t,.3),a.gain.linearRampToValueAtTime(0,.7);const r=o.createBiquadFilter();r.type="lowpass",r.frequency.value=600,r.Q.value=.7,n.connect(r),r.connect(a),a.connect(o.destination),n.start(),n.stop(.7)},44100,1),i}async generateAudioFile(t,e=44100,i=1){const o=new OfflineAudioContext(2,e*i,e);await t(o);const n=await o.startRendering(),a=this.audioBufferToWav(n);return URL.createObjectURL(a)}audioBufferToWav(t){const e=t.numberOfChannels,i=t.sampleRate,o=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*o,!0),c.setUint16(32,o,!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,o=t.length,n=[],a=e===16?32768:128;for(let r=0;r<o;r++)for(let c=0;c<i;c++){const y=t.getChannelData(c)[r],g=Math.max(-1,Math.min(1,y));n.push(g*a)}return n}writeInt16Samples(t,e,i){for(let o=0;o<i.length;o++)t.setInt16(e+2*o,i[o],!0)}writeString(t,e,i){for(let o=0;o<i.length;o++)t.setUint8(e+o,i.charCodeAt(o))}}class S{constructor(){this.audioContext=null,this.soundBuffers=new Map,this.volume=.5,this.muted=!1,this.soundGenerator=new V,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.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 o=await i.arrayBuffer();return await this.getAudioContext().decodeAudioData(o)}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 o=e.createBufferSource();o.buffer=i;const n=e.createGain();n.gain.value=this.volume,o.connect(n),n.connect(e.destination),o.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,e.addEventListener("ended",()=>{e.remove()}),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]}}var $=Object.defineProperty,k=Object.getOwnPropertyDescriptor,f=(s,t,e,i)=>{for(var o,n=i>1?void 0:i?k(t,e):t,a=s.length-1;a>=0;a--)(o=s[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&$(t,e,n),n};exports.SchmancyNotificationContainer=class extends w.$LitElement(":host{display:block}.notification-container{position:fixed;z-index:9999;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=.1,this._notifications=[],this._audioService=new S}connectedCallback(){super.connectedCallback(),this._audioService.setVolume(this.audioVolume),b.fromEvent(window,"schmancy-notification").pipe(b.takeUntil(this.disconnecting)).subscribe(s=>{this.addNotification(s.detail)}),this.addEventListener("playsound",s=>{this.playSound&&this._audioService.playSound(s.detail.type)})}addNotification(s){const t=s.id||`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,e={id:t,title:s.title||"",message:s.message,type:s.type||"info",duration:s.duration!==void 0?s.duration:750,closable:s.closable===void 0||s.closable,playSound:s.playSound!==void 0?s.playSound:this.playSound};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(s){this._notifications=this._notifications.filter(t=>t.id!==s)}_handleClose(s){const t=s.detail.id;this.removeNotification(t)}render(){return h.html`
-			<div
-				class=${T.classMap({"notification-container":!0,[this.position]:!0})}
-			>
-				${A.repeat(this._notifications,s=>s.id,s=>h.html`
-            <sch-notification
-              .id=${s.id}
-              .title=${s.title}
-              .message=${s.message}
-              .type=${s.type}
-              .duration=${s.duration}
-              ?closable=${s.closable}
-              ?playSound=${!1} /* We already played the sound on add */
-              @close=${this._handleClose}
-            ></sch-notification>
-          `)}
-			</div>
-		`}},f([u.property({type:String})],exports.SchmancyNotificationContainer.prototype,"position",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"maxVisibleNotifications",2),f([u.property({type:Boolean})],exports.SchmancyNotificationContainer.prototype,"playSound",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"audioVolume",2),f([u.state()],exports.SchmancyNotificationContainer.prototype,"_notifications",2),exports.SchmancyNotificationContainer=f([u.customElement("sch-notification-container")],exports.SchmancyNotificationContainer);const p=class p{constructor(){}static getInstance(){return p.instance||(p.instance=new p),p.instance}notify(t){const e={...p.DEFAULT_OPTIONS,...t,duration:t.duration??p.DEFAULT_OPTIONS.duration},i=e.id||`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,o=new CustomEvent("schmancy-notification",{bubbles:!0,composed:!0,detail:{...e,id:i}});return window.dispatchEvent(o),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})}};p.DEFAULT_OPTIONS={duration:1e3,closable:!0,playSound:!0};let m=p;const N={show:s=>m.getInstance().notify(s),info:(s,t={})=>m.getInstance().info(s,t),success:(s,t={})=>m.getInstance().success(s,t),warning:(s,t={})=>m.getInstance().warning(s,t),error:(s,t={})=>m.getInstance().error(s,t),customDuration:(s,t,e={})=>m.getInstance().customDuration(s,t,e),persistent:(s,t={})=>m.getInstance().persistent(s,t)};exports.$notify=N,exports.NotificationAudioService=S;
-//# sourceMappingURL=notification-service-B6nHqzq5.cjs.map