snice 3.2.0 → 3.3.1

package/dist/components/actions/snice-actions.types.d.ts

@@ -0,0 +1,27 @@
+export type ActionButtonSize = 'small' | 'medium' | 'large';
+export type ActionButtonVariant = 'text' | 'outlined' | 'filled';
+export interface ActionButton {
+    id: string;
+    label?: string;
+    icon?: string;
+    iconImage?: string;
+    variant?: ActionButtonVariant;
+    disabled?: boolean;
+    danger?: boolean;
+    tooltip?: string;
+    action?: () => void | Promise<void>;
+    href?: string;
+    target?: string;
+    data?: any;
+}
+export interface SniceActionsElement extends HTMLElement {
+    actions: ActionButton[];
+    size: ActionButtonSize;
+    variant: ActionButtonVariant;
+    showLabels: boolean;
+    maxVisible: number;
+    moreLabel: string;
+    moreIcon: string;
+    triggerAction(id: string): void;
+    getAction(id: string): ActionButton | undefined;
+}

package/dist/components/alert/snice-alert.d.ts

@@ -7,8 +7,8 @@ export declare class SniceAlert extends HTMLElement implements SniceAlertElement
     icon: string;
     alertElement?: HTMLElement;
     private isHidden;
-    renderContent(): import("snice").TemplateResult;
-    componentStyles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
     private shouldShowDefaultIcon;
     handleDismiss(): {
         variant: AlertVariant;

package/dist/components/alert/snice-alert.js

@@ -28,8 +28,8 @@ let SniceAlert = (() => {
     let _alertElement_decorators;
     let _alertElement_initializers = [];
     let _alertElement_extraInitializers = [];
-    let _renderContent_decorators;
-    let _componentStyles_decorators;
+    let _render_decorators;
+    let _styles_decorators;
     let _handleDismiss_decorators;
     let _dispatchAlertHidden_decorators;
     let _dispatchAlertShown_decorators;
@@ -53,13 +53,13 @@ let SniceAlert = (() => {
             _dismissible_decorators = [property({ type: Boolean, })];
             _icon_decorators = [property({})];
             _alertElement_decorators = [query('.alert')];
-            _renderContent_decorators = [render()];
-            _componentStyles_decorators = [styles()];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
             _handleDismiss_decorators = [dispatch('alert-dismiss')];
             _dispatchAlertHidden_decorators = [dispatch('alert-hidden')];
             _dispatchAlertShown_decorators = [dispatch('alert-shown')];
-            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleDismiss_decorators, { kind: "method", name: "handleDismiss", static: false, private: false, access: { has: obj => "handleDismiss" in obj, get: obj => obj.handleDismiss }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchAlertHidden_decorators, { kind: "method", name: "dispatchAlertHidden", static: false, private: false, access: { has: obj => "dispatchAlertHidden" in obj, get: obj => obj.dispatchAlertHidden }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchAlertShown_decorators, { kind: "method", name: "dispatchAlertShown", static: false, private: false, access: { has: obj => "dispatchAlertShown" in obj, get: obj => obj.dispatchAlertShown }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -74,7 +74,7 @@ let SniceAlert = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        renderContent() {
+        render() {
             const hasIcon = this.icon ? this.icon !== 'none' : this.shouldShowDefaultIcon();
             const classes = [
                 'alert',
@@ -109,7 +109,7 @@ let SniceAlert = (() => {
       </div>
     `;
         }
-        componentStyles() {
+        styles() {
             return css /*css*/ `${cssContent}`;
         }
         shouldShowDefaultIcon() {

package/dist/components/alert/snice-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-alert.js","sources":["../../../components/alert/snice-alert.css?inline","../../../../components/alert/snice-alert.ts"],"sourcesContent":["export default \":host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:rgb(var(--snice-color-blue-50,239 246 255));border-color:rgb(var(--snice-color-blue-200,191 219 254));color:rgb(var(--snice-color-blue-900,30 58 138))}:host([variant=success]) .alert{background:rgb(var(--snice-color-green-50,240 253 244));border-color:rgb(var(--snice-color-green-200,187 247 208));color:rgb(var(--snice-color-green-900,20 83 45))}:host([variant=warning]) .alert{background:rgb(var(--snice-color-yellow-50,254 252 232));border-color:rgb(var(--snice-color-yellow-200,254 240 138));color:rgb(var(--snice-color-yellow-900,113 63 18))}:host([variant=error]) .alert{background:rgb(var(--snice-color-red-50,254 242 242));border-color:rgb(var(--snice-color-red-200,254 202 202));color:rgb(var(--snice-color-red-900,127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}:host([variant=info]) .alert-icon--default::before{content:\\\"ℹ\\\";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:\\\"✓\\\";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:\\\"⚠\\\";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:\\\"✕\\\";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\";",null],"names":[],"mappings":";;;AAAA,iBAAe,25FAA25F;;ICK75F,UAAU,GAAA,CAAA,MAAA;4BADtB,OAAO,CAAC,aAAa,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAEzC,YAAA,IAAA,CAAA,OAAO,IAFI,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAU,EAAA,iBAAA,CAAA,IAAA,EAAA,qBAAA,EAEG,MAAM,CAAA,CAAA;YAG9B,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAc,QAAQ,CAAA,CAAA;YAG1B,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAG,EAAE,CAAA,CAAA;YAGV,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAG,KAAK,CAAA,CAAA;YAGnB,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAG,EAAE,CAAA,CAAA;AAGT,YAAA,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,EAAA,MAAA,CAAA,CAAA;YAEJ,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,CAAA,EAAG,KAAK,CAAA;QAsG1B;;;mCAxHG,QAAQ,CAAC,EAAI,CAAC,CAAA;gCAGd,QAAQ,CAAC,EAAI,CAAC,CAAA;iCAGd,QAAQ,CAAC,EAAI,CAAC,CAAA;AAGd,YAAA,uBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;gCAG7B,QAAQ,CAAC,EAAI,CAAC,CAAA;wCAGd,KAAK,CAAC,QAAQ,CAAC,CAAA;AAKf,YAAA,yBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAuCR,YAAA,2BAAA,GAAA,CAAA,MAAM,EAAE,CAAA;yCAWR,QAAQ,CAAC,eAAe,CAAC,CAAA;+CAoBzB,QAAQ,CAAC,cAAc,CAAC,CAAA;8CAQxB,QAAQ,CAAC,aAAa,CAAC,CAAA;AA7ExB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAuCb,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAWf,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAoBb,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,+BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,qBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,mBAAmB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQ3B,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,8BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,oBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,kBAAkB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YAlG1B,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAP,OAAO,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,qBAAA,EAAA,0BAAA,CAAA;YAGP,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,YAAY,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAZ,YAAY,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,0BAAA,EAAA,+BAAA,CAAA;YAjBd,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAsBX,aAAa,GAAA;YACX,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAC/E,YAAA,MAAM,OAAO,GAAG;gBACd,OAAO;gBACP,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,CAAE;gBACxB,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CAAA,CAAE;gBACrB,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG;aACnC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAE3B,YAAA,MAAM,eAAe,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAC1D,MAAM,WAAW,GAAG,eAAe,GAAG,gCAAgC,GAAG,YAAY;YAErF,OAAO,IAAI,UAAQ;oBACH,OAAO,CAAA,gDAAA,EAAmD,IAAI,CAAC,kBAAkB,CAAA;qBAChF,OAAO,CAAA;wBACJ,WAAW,CAAA;cACrB,IAAI,CAAC,IAAI,IAAI,EAAE;;;;AAIN,qBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;AACM,qCAAA,EAAA,IAAI,CAAC,KAAK,CAAA;;;;;;AAM5B,mBAAA,EAAA,IAAI,CAAC,WAAW,CAAA;AACqD,wFAAA,EAAA,IAAI,CAAC,aAAa,CAAA;;;;;;;KAOvG;QACH;QAGA,eAAe,GAAA;AACb,YAAA,OAAO,GAAG,SAAO,CAAA,EAAG,UAAU,EAAE;QAClC;QAEQ,qBAAqB,GAAA;;AAE3B,YAAA,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;QAC7B;QAIA,aAAa,GAAA;YACX,IAAI,CAAC,IAAI,EAAE;YACX,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC;aACb;QACH;AAEA,QAAA,kBAAkB,CAAC,KAAqB,EAAA;AACtC,YAAA,IAAI,KAAK,CAAC,aAAa,KAAK,UAAU,EAAE;AACtC,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;oBACrB,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;oBAChD,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;gBACrD;gBACA,IAAI,CAAC,mBAAmB,EAAE;YAC5B;QACF;QAGQ,mBAAmB,GAAA;YACzB,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC;aACb;QACH;QAGQ,kBAAkB,GAAA;YACxB,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC;aACb;QACH;QAEA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC;YACtE;YACA,IAAI,CAAC,kBAAkB,EAAE;QAC3B;QAEA,IAAI,GAAA;YACF,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACvC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;YAClD;QACF;;;;;;;"}
+{"version":3,"file":"snice-alert.js","sources":["../../../components/alert/snice-alert.css?inline","../../../../components/alert/snice-alert.ts"],"sourcesContent":["export default \":host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:rgb(var(--snice-color-blue-50,239 246 255));border-color:rgb(var(--snice-color-blue-200,191 219 254));color:rgb(var(--snice-color-blue-900,30 58 138))}:host([variant=success]) .alert{background:rgb(var(--snice-color-green-50,240 253 244));border-color:rgb(var(--snice-color-green-200,187 247 208));color:rgb(var(--snice-color-green-900,20 83 45))}:host([variant=warning]) .alert{background:rgb(var(--snice-color-yellow-50,254 252 232));border-color:rgb(var(--snice-color-yellow-200,254 240 138));color:rgb(var(--snice-color-yellow-900,113 63 18))}:host([variant=error]) .alert{background:rgb(var(--snice-color-red-50,254 242 242));border-color:rgb(var(--snice-color-red-200,254 202 202));color:rgb(var(--snice-color-red-900,127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}:host([variant=info]) .alert-icon--default::before{content:\\\"ℹ\\\";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:\\\"✓\\\";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:\\\"⚠\\\";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:\\\"✕\\\";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\";",null],"names":[],"mappings":"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"}

package/dist/components/audio-recorder/snice-audio-recorder.d.ts

@@ -0,0 +1,58 @@
+import type { AudioFormat, RecorderState, AudioRecording, SniceAudioRecorderElement } from './snice-audio-recorder.types';
+export declare class SniceAudioRecorder extends HTMLElement implements SniceAudioRecorderElement {
+    autoStart: boolean;
+    format: AudioFormat;
+    bitrate: number;
+    showControls: boolean;
+    showVisualizer: boolean;
+    maxDuration: number;
+    showTimer: boolean;
+    private mediaRecorder;
+    private stream;
+    private audioChunks;
+    private state;
+    private startTime;
+    private pausedTime;
+    private duration;
+    private timerInterval;
+    private errorMessage;
+    private audioContext;
+    private analyser;
+    private visualizerData;
+    private animationFrame;
+    private recordedUrl;
+    styles(): import("snice").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("snice").TemplateResult;
+    private renderVisualizer;
+    private renderControls;
+    private getStateLabel;
+    private formatTime;
+    private getVisualizerHeight;
+    start(): Promise<void>;
+    stop(): Promise<AudioRecording>;
+    pause(): void;
+    resume(): void;
+    cancel(): void;
+    getState(): RecorderState;
+    getDuration(): number;
+    isRecording(): boolean;
+    download(filename?: string): void;
+    private handleRecordingComplete;
+    private startTimer;
+    private stopTimer;
+    private updateVisualizer;
+    private cleanup;
+    private emitRecorderStart;
+    private emitRecorderError;
+    private emitRecorderPause;
+    private emitRecorderResume;
+    private emitRecorderCancel;
+    private emitRecorderStop;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-audio-recorder': SniceAudioRecorder;
+    }
+}

package/dist/components/audio-recorder/snice-audio-recorder.js

@@ -0,0 +1,413 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, styles, render, dispatch, css, html } from 'snice';
+
+var recorderStyles = ":host{display:block;width:100%;max-width:500px;font-family:var(--font-family, system-ui, -apple-system, sans-serif)}.recorder-container{background:var(--recorder-bg,#f5f5f5);border-radius:var(--recorder-border-radius,12px);padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recorder-status{text-align:center;margin-bottom:20px}.recorder-state{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.recorder-state.inactive{background:#e0e0e0;color:#666}.recorder-state.recording{background:#f443361a;color:#f44336}.recorder-state.paused{background:#ff98001a;color:#ff9800}.recorder-state-icon{width:8px;height:8px;border-radius:50%;background:currentColor}.recorder-state.recording .recorder-state-icon{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.recorder-timer{font-size:32px;font-weight:300;text-align:center;margin:20px 0;font-variant-numeric:tabular-nums;color:var(--text-color,#333)}.recorder-visualizer{height:80px;display:flex;align-items:center;justify-content:center;gap:2px;margin:20px 0;background:rgba(0,0,0,.05);border-radius:8px;padding:10px}.visualizer-bar{flex:1;max-width:4px;background:var(--primary-color,#2196f3);border-radius:2px;transition:height .1s}.recorder-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.recorder-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;color:#fff;font-size:20px;background:var(--primary-color,#2196f3)}.recorder-btn:hover{transform:scale(1.1)}.recorder-btn:active{transform:scale(.95)}.recorder-btn.record{width:64px;height:64px;background:#f44336}.recorder-btn.record:hover{background:#d32f2f}.recorder-btn.pause{background:#ff9800}.recorder-btn.pause:hover{background:#f57c00}.recorder-btn.stop{background:#666}.recorder-btn.stop:hover{background:#555}.recorder-btn.cancel{background:0 0;color:#666;border:2px solid #e0e0e0}.recorder-btn.cancel:hover{border-color:#666;color:#333}.recorder-btn.download{background:#4caf50}.recorder-btn.download:hover{background:#45a049}.recorder-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.recorder-info{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;font-size:12px;color:#666}.recorder-error{margin-top:12px;padding:12px;background:#ffebee;color:#c62828;border-radius:6px;font-size:14px;text-align:center}.recorder-playback{margin-top:20px}.recorder-playback audio{width:100%;border-radius:8px}";
+
+let SniceAudioRecorder = (() => {
+    let _classDecorators = [element('snice-audio-recorder')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _autoStart_decorators;
+    let _autoStart_initializers = [];
+    let _autoStart_extraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _bitrate_decorators;
+    let _bitrate_initializers = [];
+    let _bitrate_extraInitializers = [];
+    let _showControls_decorators;
+    let _showControls_initializers = [];
+    let _showControls_extraInitializers = [];
+    let _showVisualizer_decorators;
+    let _showVisualizer_initializers = [];
+    let _showVisualizer_extraInitializers = [];
+    let _maxDuration_decorators;
+    let _maxDuration_initializers = [];
+    let _maxDuration_extraInitializers = [];
+    let _showTimer_decorators;
+    let _showTimer_initializers = [];
+    let _showTimer_extraInitializers = [];
+    let _styles_decorators;
+    let _render_decorators;
+    let _emitRecorderStart_decorators;
+    let _emitRecorderError_decorators;
+    let _emitRecorderPause_decorators;
+    let _emitRecorderResume_decorators;
+    let _emitRecorderCancel_decorators;
+    let _emitRecorderStop_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.autoStart = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _autoStart_initializers, false));
+            this.format = (__runInitializers(this, _autoStart_extraInitializers), __runInitializers(this, _format_initializers, 'audio/webm'));
+            this.bitrate = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _bitrate_initializers, 128000));
+            this.showControls = (__runInitializers(this, _bitrate_extraInitializers), __runInitializers(this, _showControls_initializers, true));
+            this.showVisualizer = (__runInitializers(this, _showControls_extraInitializers), __runInitializers(this, _showVisualizer_initializers, true));
+            this.maxDuration = (__runInitializers(this, _showVisualizer_extraInitializers), __runInitializers(this, _maxDuration_initializers, 0)); // 0 = unlimited
+            this.showTimer = (__runInitializers(this, _maxDuration_extraInitializers), __runInitializers(this, _showTimer_initializers, true));
+            this.mediaRecorder = (__runInitializers(this, _showTimer_extraInitializers), null);
+            this.stream = null;
+            this.audioChunks = [];
+            this.state = 'inactive';
+            this.startTime = 0;
+            this.pausedTime = 0;
+            this.duration = 0;
+            this.timerInterval = null;
+            this.errorMessage = '';
+            this.audioContext = null;
+            this.analyser = null;
+            this.visualizerData = null;
+            this.animationFrame = null;
+            this.recordedUrl = '';
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _autoStart_decorators = [property({ type: Boolean, attribute: 'auto-start' })];
+            _format_decorators = [property({ type: String })];
+            _bitrate_decorators = [property({ type: Number })];
+            _showControls_decorators = [property({ type: Boolean, attribute: 'show-controls' })];
+            _showVisualizer_decorators = [property({ type: Boolean, attribute: 'show-visualizer' })];
+            _maxDuration_decorators = [property({ type: Number, attribute: 'max-duration' })];
+            _showTimer_decorators = [property({ type: Boolean, attribute: 'show-timer' })];
+            _styles_decorators = [styles()];
+            _render_decorators = [render()];
+            _emitRecorderStart_decorators = [dispatch('@snice/recorder-start', { bubbles: true, composed: true })];
+            _emitRecorderError_decorators = [dispatch('@snice/recorder-error', { bubbles: true, composed: true })];
+            _emitRecorderPause_decorators = [dispatch('@snice/recorder-pause', { bubbles: true, composed: true })];
+            _emitRecorderResume_decorators = [dispatch('@snice/recorder-resume', { bubbles: true, composed: true })];
+            _emitRecorderCancel_decorators = [dispatch('@snice/recorder-cancel', { bubbles: true, composed: true })];
+            _emitRecorderStop_decorators = [dispatch('@snice/recorder-stop', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderStart_decorators, { kind: "method", name: "emitRecorderStart", static: false, private: false, access: { has: obj => "emitRecorderStart" in obj, get: obj => obj.emitRecorderStart }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderError_decorators, { kind: "method", name: "emitRecorderError", static: false, private: false, access: { has: obj => "emitRecorderError" in obj, get: obj => obj.emitRecorderError }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderPause_decorators, { kind: "method", name: "emitRecorderPause", static: false, private: false, access: { has: obj => "emitRecorderPause" in obj, get: obj => obj.emitRecorderPause }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderResume_decorators, { kind: "method", name: "emitRecorderResume", static: false, private: false, access: { has: obj => "emitRecorderResume" in obj, get: obj => obj.emitRecorderResume }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderCancel_decorators, { kind: "method", name: "emitRecorderCancel", static: false, private: false, access: { has: obj => "emitRecorderCancel" in obj, get: obj => obj.emitRecorderCancel }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRecorderStop_decorators, { kind: "method", name: "emitRecorderStop", static: false, private: false, access: { has: obj => "emitRecorderStop" in obj, get: obj => obj.emitRecorderStop }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _autoStart_decorators, { kind: "field", name: "autoStart", static: false, private: false, access: { has: obj => "autoStart" in obj, get: obj => obj.autoStart, set: (obj, value) => { obj.autoStart = value; } }, metadata: _metadata }, _autoStart_initializers, _autoStart_extraInitializers);
+            __esDecorate(null, null, _format_decorators, { kind: "field", name: "format", static: false, private: false, access: { has: obj => "format" in obj, get: obj => obj.format, set: (obj, value) => { obj.format = value; } }, metadata: _metadata }, _format_initializers, _format_extraInitializers);
+            __esDecorate(null, null, _bitrate_decorators, { kind: "field", name: "bitrate", static: false, private: false, access: { has: obj => "bitrate" in obj, get: obj => obj.bitrate, set: (obj, value) => { obj.bitrate = value; } }, metadata: _metadata }, _bitrate_initializers, _bitrate_extraInitializers);
+            __esDecorate(null, null, _showControls_decorators, { kind: "field", name: "showControls", static: false, private: false, access: { has: obj => "showControls" in obj, get: obj => obj.showControls, set: (obj, value) => { obj.showControls = value; } }, metadata: _metadata }, _showControls_initializers, _showControls_extraInitializers);
+            __esDecorate(null, null, _showVisualizer_decorators, { kind: "field", name: "showVisualizer", static: false, private: false, access: { has: obj => "showVisualizer" in obj, get: obj => obj.showVisualizer, set: (obj, value) => { obj.showVisualizer = value; } }, metadata: _metadata }, _showVisualizer_initializers, _showVisualizer_extraInitializers);
+            __esDecorate(null, null, _maxDuration_decorators, { kind: "field", name: "maxDuration", static: false, private: false, access: { has: obj => "maxDuration" in obj, get: obj => obj.maxDuration, set: (obj, value) => { obj.maxDuration = value; } }, metadata: _metadata }, _maxDuration_initializers, _maxDuration_extraInitializers);
+            __esDecorate(null, null, _showTimer_decorators, { kind: "field", name: "showTimer", static: false, private: false, access: { has: obj => "showTimer" in obj, get: obj => obj.showTimer, set: (obj, value) => { obj.showTimer = value; } }, metadata: _metadata }, _showTimer_initializers, _showTimer_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        styles() {
+            return css /*css*/ `${recorderStyles}`;
+        }
+        connectedCallback() {
+            if (this.autoStart) {
+                this.start();
+            }
+        }
+        disconnectedCallback() {
+            this.cleanup();
+        }
+        render() {
+            return html /*html*/ `
+      <div class="recorder-container">
+        <div class="recorder-status">
+          <div class="recorder-state ${this.state}">
+            <div class="recorder-state-icon"></div>
+            <span>${this.getStateLabel()}</span>
+          </div>
+        </div>
+
+        ${this.showTimer ? html `
+          <div class="recorder-timer">${this.formatTime(this.duration)}</div>
+        ` : ''}
+
+        ${this.showVisualizer ? this.renderVisualizer() : ''}
+
+        ${this.showControls ? this.renderControls() : ''}
+
+        ${this.errorMessage ? html `
+          <div class="recorder-error">${this.errorMessage}</div>
+        ` : ''}
+
+        ${this.recordedUrl ? html `
+          <div class="recorder-playback">
+            <audio src="${this.recordedUrl}" controls></audio>
+          </div>
+        ` : ''}
+
+        <div class="recorder-info">
+          <span>Format: ${this.format.split('/')[1].toUpperCase()}</span>
+          <span>Bitrate: ${this.bitrate / 1000}kbps</span>
+        </div>
+      </div>
+    `;
+        }
+        renderVisualizer() {
+            const bars = Array.from({ length: 32 }, (_, i) => {
+                const height = this.getVisualizerHeight(i);
+                return html /*html*/ `<div class="visualizer-bar" style="height: ${height}px;"></div>`;
+            });
+            return html /*html*/ `<div class="recorder-visualizer">${bars}</div>`;
+        }
+        renderControls() {
+            if (this.state === 'inactive') {
+                return html /*html*/ `
+        <div class="recorder-controls">
+          <button class="recorder-btn record" @click=${() => this.start()} title="Start Recording">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <circle cx="12" cy="12" r="8"/>
+            </svg>
+          </button>
+        </div>
+      `;
+            }
+            if (this.state === 'recording') {
+                return html /*html*/ `
+        <div class="recorder-controls">
+          <button class="recorder-btn cancel" @click=${() => this.cancel()} title="Cancel">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="18" y1="6" x2="6" y2="18"></line>
+              <line x1="6" y1="6" x2="18" y2="18"></line>
+            </svg>
+          </button>
+          <button class="recorder-btn pause" @click=${() => this.pause()} title="Pause">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <rect x="6" y="4" width="4" height="16"></rect>
+              <rect x="14" y="4" width="4" height="16"></rect>
+            </svg>
+          </button>
+          <button class="recorder-btn stop" @click=${() => this.stop()} title="Stop">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <rect x="6" y="6" width="12" height="12"></rect>
+            </svg>
+          </button>
+        </div>
+      `;
+            }
+            if (this.state === 'paused') {
+                return html /*html*/ `
+        <div class="recorder-controls">
+          <button class="recorder-btn cancel" @click=${() => this.cancel()} title="Cancel">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="18" y1="6" x2="6" y2="18"></line>
+              <line x1="6" y1="6" x2="18" y2="18"></line>
+            </svg>
+          </button>
+          <button class="recorder-btn record" @click=${() => this.resume()} title="Resume">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M8 5v14l11-7z"/>
+            </svg>
+          </button>
+          <button class="recorder-btn stop" @click=${() => this.stop()} title="Stop">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <rect x="6" y="6" width="12" height="12"></rect>
+            </svg>
+          </button>
+        </div>
+      `;
+            }
+            return '';
+        }
+        getStateLabel() {
+            switch (this.state) {
+                case 'recording': return 'Recording';
+                case 'paused': return 'Paused';
+                default: return 'Ready';
+            }
+        }
+        formatTime(seconds) {
+            const mins = Math.floor(seconds / 60);
+            const secs = Math.floor(seconds % 60);
+            return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+        }
+        getVisualizerHeight(index) {
+            if (!this.visualizerData || this.state !== 'recording') {
+                return 4;
+            }
+            const value = this.visualizerData[index * 4] || 0;
+            return 4 + (value / 255) * 60;
+        }
+        async start() {
+            try {
+                this.errorMessage = '';
+                this.audioChunks = [];
+                this.recordedUrl = '';
+                this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                // Setup visualizer
+                if (this.showVisualizer) {
+                    this.audioContext = new AudioContext();
+                    this.analyser = this.audioContext.createAnalyser();
+                    const source = this.audioContext.createMediaStreamSource(this.stream);
+                    source.connect(this.analyser);
+                    this.analyser.fftSize = 256;
+                    this.visualizerData = new Uint8Array(this.analyser.frequencyBinCount);
+                    this.updateVisualizer();
+                }
+                const options = {
+                    mimeType: this.format,
+                    audioBitsPerSecond: this.bitrate
+                };
+                this.mediaRecorder = new MediaRecorder(this.stream, options);
+                this.mediaRecorder.ondataavailable = (event) => {
+                    if (event.data.size > 0) {
+                        this.audioChunks.push(event.data);
+                    }
+                };
+                this.mediaRecorder.onstop = () => {
+                    this.handleRecordingComplete();
+                };
+                this.mediaRecorder.start();
+                this.state = 'recording';
+                this.startTime = Date.now();
+                this.startTimer();
+                this.emitRecorderStart();
+            }
+            catch (error) {
+                this.errorMessage = error instanceof Error ? error.message : 'Failed to start recording';
+                this.emitRecorderError(error);
+            }
+        }
+        async stop() {
+            if (!this.mediaRecorder || this.state === 'inactive') {
+                throw new Error('No active recording');
+            }
+            return new Promise((resolve) => {
+                const resolveWithRecording = () => {
+                    const blob = new Blob(this.audioChunks, { type: this.format });
+                    const url = URL.createObjectURL(blob);
+                    const recording = {
+                        blob,
+                        url,
+                        duration: this.duration,
+                        size: blob.size,
+                        format: this.format,
+                        timestamp: Date.now()
+                    };
+                    this.recordedUrl = url;
+                    resolve(recording);
+                };
+                this.mediaRecorder.addEventListener('stop', resolveWithRecording, { once: true });
+                this.mediaRecorder.stop();
+                this.stopTimer();
+                this.cleanup();
+                this.state = 'inactive';
+            });
+        }
+        pause() {
+            if (this.mediaRecorder && this.state === 'recording') {
+                this.mediaRecorder.pause();
+                this.pausedTime = Date.now();
+                this.state = 'paused';
+                this.stopTimer();
+                this.emitRecorderPause();
+            }
+        }
+        resume() {
+            if (this.mediaRecorder && this.state === 'paused') {
+                this.mediaRecorder.resume();
+                const pauseDuration = (Date.now() - this.pausedTime) / 1000;
+                this.startTime += pauseDuration * 1000;
+                this.state = 'recording';
+                this.startTimer();
+                this.emitRecorderResume();
+            }
+        }
+        cancel() {
+            if (this.mediaRecorder) {
+                this.mediaRecorder.stop();
+            }
+            this.audioChunks = [];
+            this.stopTimer();
+            this.cleanup();
+            this.state = 'inactive';
+            this.duration = 0;
+            this.emitRecorderCancel();
+        }
+        getState() {
+            return this.state;
+        }
+        getDuration() {
+            return this.duration;
+        }
+        isRecording() {
+            return this.state === 'recording';
+        }
+        download(filename = `recording-${Date.now()}.webm`) {
+            if (!this.recordedUrl) {
+                throw new Error('No recording available');
+            }
+            const a = document.createElement('a');
+            a.href = this.recordedUrl;
+            a.download = filename;
+            a.click();
+        }
+        handleRecordingComplete() {
+            this.emitRecorderStop();
+        }
+        startTimer() {
+            this.timerInterval = window.setInterval(() => {
+                this.duration = (Date.now() - this.startTime) / 1000;
+                if (this.maxDuration > 0 && this.duration >= this.maxDuration) {
+                    this.stop();
+                }
+            }, 100);
+        }
+        stopTimer() {
+            if (this.timerInterval !== null) {
+                clearInterval(this.timerInterval);
+                this.timerInterval = null;
+            }
+        }
+        updateVisualizer() {
+            if (!this.analyser || !this.visualizerData || this.state !== 'recording') {
+                return;
+            }
+            this.analyser.getByteFrequencyData(this.visualizerData);
+            this.animationFrame = requestAnimationFrame(() => this.updateVisualizer());
+        }
+        cleanup() {
+            if (this.stream) {
+                this.stream.getTracks().forEach(track => track.stop());
+                this.stream = null;
+            }
+            if (this.audioContext) {
+                this.audioContext.close();
+                this.audioContext = null;
+            }
+            if (this.animationFrame !== null) {
+                cancelAnimationFrame(this.animationFrame);
+                this.animationFrame = null;
+            }
+            this.analyser = null;
+            this.visualizerData = null;
+        }
+        emitRecorderStart() {
+            return { recorder: this };
+        }
+        emitRecorderError(error) {
+            return { recorder: this, error };
+        }
+        emitRecorderPause() {
+            return { recorder: this };
+        }
+        emitRecorderResume() {
+            return { recorder: this };
+        }
+        emitRecorderCancel() {
+            return { recorder: this };
+        }
+        emitRecorderStop() {
+            return { recorder: this };
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceAudioRecorder };
+//# sourceMappingURL=snice-audio-recorder.js.map