snice 3.2.0 → 3.3.1

package/dist/components/virtual-scroller/snice-virtual-scroller.js

@@ -0,0 +1,160 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, styles, ready, render, css, html } from 'snice';
+
+var cssContent = ":host{display:block;height:400px;overflow:auto;position:relative;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}.scroller{position:relative;width:100%}.scroller__spacer{position:absolute;top:0;left:0;width:1px;pointer-events:none}.scroller__viewport{position:relative;will-change:transform}.scroller__item{position:absolute;left:0;right:0;will-change:transform}";
+
+let SniceVirtualScroller = (() => {
+    let _classDecorators = [element('snice-virtual-scroller')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _items_decorators;
+    let _items_initializers = [];
+    let _items_extraInitializers = [];
+    let _itemHeight_decorators;
+    let _itemHeight_initializers = [];
+    let _itemHeight_extraInitializers = [];
+    let _bufferSize_decorators;
+    let _bufferSize_initializers = [];
+    let _bufferSize_extraInitializers = [];
+    let _estimatedItemHeight_decorators;
+    let _estimatedItemHeight_initializers = [];
+    let _estimatedItemHeight_extraInitializers = [];
+    let _renderItem_decorators;
+    let _renderItem_initializers = [];
+    let _renderItem_extraInitializers = [];
+    let _scrollerElement_decorators;
+    let _scrollerElement_initializers = [];
+    let _scrollerElement_extraInitializers = [];
+    let _styles_decorators;
+    let _initialize_decorators;
+    let _template_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.items = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _items_initializers, []));
+            this.itemHeight = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _itemHeight_initializers, 50));
+            this.bufferSize = (__runInitializers(this, _itemHeight_extraInitializers), __runInitializers(this, _bufferSize_initializers, 5));
+            this.estimatedItemHeight = (__runInitializers(this, _bufferSize_extraInitializers), __runInitializers(this, _estimatedItemHeight_initializers, 50));
+            this.renderItem = (__runInitializers(this, _estimatedItemHeight_extraInitializers), __runInitializers(this, _renderItem_initializers, (item, index) => {
+                return `<div>${JSON.stringify(item.data)}</div>`;
+            }));
+            this.scrollerElement = (__runInitializers(this, _renderItem_extraInitializers), __runInitializers(this, _scrollerElement_initializers, void 0));
+            this.visibleStart = (__runInitializers(this, _scrollerElement_extraInitializers), 0);
+            this.visibleEnd = 0;
+            this._scrollTop = 0;
+            this.handleScroll = () => {
+                this.scrollTop = this.scrollTop;
+                this.updateVisibleRange();
+            };
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _items_decorators = [property({ type: Array })];
+            _itemHeight_decorators = [property({ type: Number, attribute: 'item-height' })];
+            _bufferSize_decorators = [property({ type: Number, attribute: 'buffer-size' })];
+            _estimatedItemHeight_decorators = [property({ type: Number, attribute: 'estimated-item-height' })];
+            _renderItem_decorators = [property({ attribute: false })];
+            _scrollerElement_decorators = [query('.scroller')];
+            _styles_decorators = [styles()];
+            _initialize_decorators = [ready()];
+            _template_decorators = [render()];
+            __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, _initialize_decorators, { kind: "method", name: "initialize", static: false, private: false, access: { has: obj => "initialize" in obj, get: obj => obj.initialize }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
+            __esDecorate(null, null, _itemHeight_decorators, { kind: "field", name: "itemHeight", static: false, private: false, access: { has: obj => "itemHeight" in obj, get: obj => obj.itemHeight, set: (obj, value) => { obj.itemHeight = value; } }, metadata: _metadata }, _itemHeight_initializers, _itemHeight_extraInitializers);
+            __esDecorate(null, null, _bufferSize_decorators, { kind: "field", name: "bufferSize", static: false, private: false, access: { has: obj => "bufferSize" in obj, get: obj => obj.bufferSize, set: (obj, value) => { obj.bufferSize = value; } }, metadata: _metadata }, _bufferSize_initializers, _bufferSize_extraInitializers);
+            __esDecorate(null, null, _estimatedItemHeight_decorators, { kind: "field", name: "estimatedItemHeight", static: false, private: false, access: { has: obj => "estimatedItemHeight" in obj, get: obj => obj.estimatedItemHeight, set: (obj, value) => { obj.estimatedItemHeight = value; } }, metadata: _metadata }, _estimatedItemHeight_initializers, _estimatedItemHeight_extraInitializers);
+            __esDecorate(null, null, _renderItem_decorators, { kind: "field", name: "renderItem", static: false, private: false, access: { has: obj => "renderItem" in obj, get: obj => obj.renderItem, set: (obj, value) => { obj.renderItem = value; } }, metadata: _metadata }, _renderItem_initializers, _renderItem_extraInitializers);
+            __esDecorate(null, null, _scrollerElement_decorators, { kind: "field", name: "scrollerElement", static: false, private: false, access: { has: obj => "scrollerElement" in obj, get: obj => obj.scrollerElement, set: (obj, value) => { obj.scrollerElement = value; } }, metadata: _metadata }, _scrollerElement_initializers, _scrollerElement_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*/ `${cssContent}`;
+        }
+        initialize() {
+            this.updateVisibleRange();
+        }
+        scrollToIndex(index) {
+            if (index < 0 || index >= this.items.length)
+                return;
+            const offset = index * this.itemHeight;
+            this._scrollTop = offset;
+            if (this.scrollerElement) {
+                this._scrollTop = offset;
+            }
+        }
+        scrollToItem(id) {
+            const index = this.items.findIndex(item => item.id === id);
+            if (index !== -1) {
+                this.scrollToIndex(index);
+            }
+        }
+        refresh() {
+            this.updateVisibleRange();
+        }
+        getVisibleRange() {
+            return {
+                start: this.visibleStart,
+                end: this.visibleEnd
+            };
+        }
+        updateVisibleRange() {
+            const containerHeight = this.offsetHeight || 400;
+            const scrollTop = this._scrollTop;
+            const start = Math.floor(scrollTop / this.itemHeight);
+            const visibleCount = Math.ceil(containerHeight / this.itemHeight);
+            this.visibleStart = Math.max(0, start - this.bufferSize);
+            this.visibleEnd = Math.min(this.items.length, start + visibleCount + this.bufferSize);
+        }
+        template() {
+            this.updateVisibleRange();
+            const totalHeight = this.items.length * this.itemHeight;
+            const visibleItems = this.items.slice(this.visibleStart, this.visibleEnd);
+            return html /*html*/ `
+      <div class="scroller" @scroll=${this.handleScroll}>
+        <div class="scroller__spacer" style="height: ${totalHeight}px;"></div>
+        <div class="scroller__viewport" style="transform: translateY(${this.visibleStart * this.itemHeight}px);">
+          ${visibleItems.map((item, idx) => {
+                const actualIndex = this.visibleStart + idx;
+                const itemContent = this.renderItem(item, actualIndex);
+                if (typeof itemContent === 'string') {
+                    return html /*html*/ `
+                <div
+                  class="scroller__item"
+                  style="top: ${idx * this.itemHeight}px; height: ${item.height || this.itemHeight}px;"
+                  data-index="${actualIndex}">
+                  ${itemContent}
+                </div>
+              `;
+                }
+                return html /*html*/ `
+              <div
+                class="scroller__item"
+                style="top: ${idx * this.itemHeight}px; height: ${item.height || this.itemHeight}px;"
+                data-index="${actualIndex}"></div>
+            `;
+            })}
+        </div>
+      </div>
+    `;
+        }
+        connectedCallback() {
+            this.addEventListener('scroll', this.handleScroll);
+        }
+        disconnectedCallback() {
+            this.removeEventListener('scroll', this.handleScroll);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceVirtualScroller };
+//# sourceMappingURL=snice-virtual-scroller.js.map

package/dist/components/virtual-scroller/snice-virtual-scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-virtual-scroller.js","sources":["../../../components/virtual-scroller/snice-virtual-scroller.css?inline","../../../../components/virtual-scroller/snice-virtual-scroller.ts"],"sourcesContent":["export default \":host{display:block;height:400px;overflow:auto;position:relative;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}.scroller{position:relative;width:100%}.scroller__spacer{position:absolute;top:0;left:0;width:1px;pointer-events:none}.scroller__viewport{position:relative;will-change:transform}.scroller__item{position:absolute;left:0;right:0;will-change:transform}\";",null],"names":[],"mappings":"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"}

package/dist/components/virtual-scroller/snice-virtual-scroller.types.d.ts

@@ -0,0 +1,19 @@
+export interface VirtualScrollerItem {
+    id: string | number;
+    data: any;
+    height?: number;
+}
+export interface SniceVirtualScrollerElement extends HTMLElement {
+    items: VirtualScrollerItem[];
+    itemHeight: number;
+    bufferSize: number;
+    estimatedItemHeight: number;
+    renderItem: (item: VirtualScrollerItem, index: number) => string | HTMLElement;
+    scrollToIndex(index: number): void;
+    scrollToItem(id: string | number): void;
+    refresh(): void;
+    getVisibleRange(): {
+        start: number;
+        end: number;
+    };
+}

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/index.iife.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/symbols.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/symbols.esm.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/transitions.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/transitions.esm.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.1.0
+ * snice v3.3.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/docs/ai/components/actions.md

@@ -0,0 +1,81 @@
+# snice-actions
+
+Action button group with overflow menu.
+
+## Properties
+
+```typescript
+actions: ActionButton[] = [];
+size: 'small'|'medium'|'large' = 'medium';
+variant: 'text'|'outlined'|'filled' = 'text';
+showLabels: boolean = true;
+maxVisible: number = 3;
+moreLabel: string = 'More';
+moreIcon: string = '⋯';
+```
+
+## ActionButton Interface
+
+```typescript
+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;
+}
+```
+
+## Methods
+
+```typescript
+triggerAction(id: string): void
+getAction(id: string): ActionButton | undefined
+```
+
+## Events
+
+- `@snice/action-trigger` - Dispatched when action triggered (detail: { action, actionsElement })
+
+## Usage
+
+```javascript
+actions.actions = [
+  { id: 'edit', label: 'Edit', icon: '✏️' },
+  { id: 'delete', label: 'Delete', icon: '🗑️', danger: true }
+];
+```
+
+```html
+<!-- Icon only -->
+<snice-actions show-labels="false"></snice-actions>
+
+<!-- With overflow (max 3 visible) -->
+<snice-actions max-visible="3"></snice-actions>
+
+<!-- Outlined variant -->
+<snice-actions variant="outlined"></snice-actions>
+
+<!-- Small size -->
+<snice-actions size="small"></snice-actions>
+```
+
+## Features
+
+- Multiple button variants (text/outlined/filled)
+- Icon-only mode
+- Overflow menu for many actions
+- Danger styling for destructive actions
+- Link support (href/target)
+- Async action callbacks
+- Per-action variant override
+- Disabled state
+- Custom tooltips
+- Programmatic triggering

package/docs/ai/components/audio-recorder.md

@@ -0,0 +1,97 @@
+# snice-audio-recorder
+
+Audio recording with visualization and playback.
+
+## Properties
+
+```typescript
+autoStart: boolean = false;
+format: 'audio/webm'|'audio/ogg'|'audio/mp4'|'audio/wav' = 'audio/webm';
+bitrate: number = 128000;
+showControls: boolean = true;
+showVisualizer: boolean = true;
+maxDuration: number = 0;
+showTimer: boolean = true;
+```
+
+## Methods
+
+```typescript
+start(): Promise<void>
+stop(): Promise<AudioRecording>
+pause(): void
+resume(): void
+cancel(): void
+getState(): 'inactive'|'recording'|'paused'
+getDuration(): number
+isRecording(): boolean
+download(filename?: string): void
+```
+
+## AudioRecording
+
+```typescript
+interface AudioRecording {
+  blob: Blob;
+  url: string;
+  duration: number;
+  size: number;
+  format: string;
+  timestamp: number;
+}
+```
+
+## Events
+
+- `@snice/recorder-start` - Recording started
+- `@snice/recorder-stop` - Recording stopped
+- `@snice/recorder-pause` - Paused
+- `@snice/recorder-resume` - Resumed
+- `@snice/recorder-cancel` - Cancelled
+- `@snice/recorder-error` - Error
+
+## Usage
+
+```javascript
+// Start
+await recorder.start();
+
+// Stop and get recording
+const recording = await recorder.stop();
+// { blob, url, duration, size, format, timestamp }
+
+// Pause/resume
+recorder.pause();
+recorder.resume();
+
+// Cancel
+recorder.cancel();
+
+// Download
+recorder.download('recording.webm');
+
+// Upload
+const formData = new FormData();
+formData.append('audio', recording.blob);
+await fetch('/upload', { method: 'POST', body: formData });
+```
+
+```html
+<snice-audio-recorder
+  auto-start
+  format="audio/mp4"
+  bitrate="256000"
+  max-duration="60">
+</snice-audio-recorder>
+```
+
+## Features
+
+- MediaRecorder API
+- Real-time visualizer
+- Pause/resume
+- Timer
+- Multiple formats
+- Playback
+- Download
+- Requires HTTPS

package/docs/ai/components/calendar.md

@@ -0,0 +1,95 @@
+# snice-calendar
+
+Calendar with date selection and event support.
+
+## Properties
+
+```typescript
+value: Date | string = new Date();
+view: 'month'|'week'|'day' = 'month';
+events: CalendarEvent[] = [];
+minDate: Date | string = '';
+maxDate: Date | string = '';
+disabledDates: (Date | string)[] = [];
+highlightToday: boolean = true;
+showWeekNumbers: boolean = false;
+firstDayOfWeek: number = 0; // 0=Sun, 1=Mon
+locale: string = 'en-US';
+```
+
+## CalendarEvent
+
+```typescript
+interface CalendarEvent {
+  id: string | number;
+  title: string;
+  start: Date | string;
+  end?: Date | string;
+  color?: string;
+  data?: any;
+}
+```
+
+## Methods
+
+```typescript
+goToToday(): void
+goToDate(date: Date | string): void
+previousMonth(): void
+nextMonth(): void
+previousWeek(): void
+nextWeek(): void
+previousDay(): void
+nextDay(): void
+getDisplayedMonth(): { month: number; year: number }
+getEventsForDate(date: Date | string): CalendarEvent[]
+```
+
+## Events
+
+- `@snice/calendar-change` - Date selected (detail: { value, calendar })
+- `@snice/calendar-event-click` - Event clicked (detail: { event, calendar })
+
+## Usage
+
+```html
+<snice-calendar></snice-calendar>
+
+<!-- With events -->
+<snice-calendar id="cal"></snice-calendar>
+<script>
+cal.events = [
+  { id: 1, title: 'Meeting', start: new Date(), color: '#2196f3' }
+];
+</script>
+
+<!-- With restrictions -->
+<snice-calendar
+  min-date="2024-01-01"
+  max-date="2024-12-31"
+  first-day-of-week="1"
+  locale="fr-FR">
+</snice-calendar>
+
+<!-- Programmatic control -->
+<script>
+calendar.goToToday();
+calendar.previousMonth();
+calendar.nextMonth();
+calendar.goToDate(new Date(2024, 5, 15));
+</script>
+```
+
+## Features
+
+- Month/week/day views
+- Event display with colors
+- Date restrictions (min/max/disabled)
+- Locale support
+- Week starting day configuration
+- Week numbers (optional)
+- Keyboard navigation
+- Event click handling
+- Programmatic navigation
+- Multi-event days
+- Today highlighting

package/docs/ai/components/camera.md

@@ -0,0 +1,130 @@
+# snice-camera
+
+Live camera feed with built-in mobile-style controls.
+
+## Properties
+
+```typescript
+autoStart: boolean = true;
+facingMode: 'user'|'environment' = 'user';
+mirror: boolean = true;
+controlsPosition: ControlsPosition = 'auto';
+showControls: boolean = true;
+width: number = 1280;
+height: number = 720;
+aspectRatio: string = '';  // '16:9', '4:3', '1:1', '21:9'
+```
+
+## ControlsPosition
+
+```typescript
+type ControlsPosition =
+  | 'auto'                    // Auto-detect (bottom-right portrait, right landscape)
+  | 'bottom' | 'right' | 'left' | 'top'     // Edge positions
+  | 'bottom-left' | 'bottom-right'          // Corner positions
+  | 'top-left' | 'top-right';
+```
+
+## Methods
+
+```typescript
+start(): Promise<void>
+stop(): void
+capture(): Promise<CapturedImage>
+switchCamera(): Promise<void>
+isActive(): boolean
+getStream(): MediaStream | null
+enterFullscreen(): void
+exitFullscreen(): void
+toggleFullscreen(): void
+```
+
+## CapturedImage
+
+```typescript
+interface CapturedImage {
+  dataURL: string;
+  blob: Blob;
+  width: number;
+  height: number;
+  timestamp: number;
+}
+```
+
+## Events
+
+- `@snice/camera-start` - Camera started (detail: { stream })
+- `@snice/camera-stop` - Camera stopped
+- `@snice/camera-capture` - Photo captured (detail: { image })
+- `@snice/camera-error` - Error occurred (detail: { error })
+
+## Slots
+
+- `controls` - Custom controls overlay (full viewport, positioned absolutely)
+
+## Usage
+
+```html
+<!-- Zero config -->
+<snice-camera></snice-camera>
+
+<!-- Custom position -->
+<snice-camera controls-position="bottom-left"></snice-camera>
+
+<!-- Back camera -->
+<snice-camera facing-mode="environment"></snice-camera>
+
+<!-- Custom controls overlay -->
+<snice-camera>
+  <div slot="controls" style="position: absolute; top: 10px; left: 10px;">
+    LIVE
+  </div>
+</snice-camera>
+
+<!-- Hide built-in controls, use only custom -->
+<snice-camera show-controls="false">
+  <div slot="controls" style="position: absolute; bottom: 20px; right: 20px;">
+    <button onclick="this.closest('snice-camera').capture()">📷</button>
+  </div>
+</snice-camera>
+
+<!-- 4K resolution -->
+<snice-camera width="3840" height="2160"></snice-camera>
+
+<!-- 16:9 aspect ratio -->
+<snice-camera aspect-ratio="16:9"></snice-camera>
+
+<!-- Square -->
+<snice-camera aspect-ratio="1:1" width="1080" height="1080"></snice-camera>
+```
+
+```javascript
+// Capture photo
+const image = await camera.capture();
+// { dataURL, blob, width, height, timestamp }
+
+// Switch camera
+await camera.switchCamera();
+
+// Events
+camera.addEventListener('@snice/camera-capture', (e) => {
+  const img = e.detail.image;
+  console.log(img.dataURL);
+});
+
+// Fullscreen
+camera.toggleFullscreen();
+```
+
+## Features
+
+- Auto-starts on load (default)
+- Built-in mobile-style controls (Material Design icons)
+- 720p HD quality (1280x720 hardcoded)
+- Switch camera button (auto-hides if only one camera)
+- Capture button with camera icon
+- Auto-detect orientation for control positioning
+- Corner and edge control positioning
+- Mirror mode for front camera
+- Slotted custom controls overlay
+- Requires HTTPS