snice 4.9.0 → 4.10.0

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

@@ -0,0 +1,168 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, dispatch, ready, dispose, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:inline-flex;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);color:var(--snice-color-text,rgb(23 23 23))}.countdown{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.segment{display:flex;flex-direction:column;align-items:center;gap:var(--snice-spacing-3xs,.125rem)}.value{font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);line-height:1;min-width:2.5rem;text-align:center}.label{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));text-transform:uppercase;letter-spacing:.05em}.separator{font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text-tertiary,rgb(115 115 115));align-self:flex-start;line-height:1}:host([variant=flip]) .value{background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);box-shadow:var(--snice-shadow-sm,0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1))}:host([variant=circular]) .segment{position:relative}:host([variant=circular]) .value{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--snice-color-primary,rgb(37 99 235));font-size:var(--snice-font-size-lg, 1.125rem)}:host(.complete) .value{color:var(--snice-color-success,rgb(22 163 74))}";
+
+let SniceCountdown = (() => {
+    let _classDecorators = [element('snice-countdown')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _target_decorators;
+    let _target_initializers = [];
+    let _target_extraInitializers = [];
+    let _format_decorators;
+    let _format_initializers = [];
+    let _format_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _days_decorators;
+    let _days_initializers = [];
+    let _days_extraInitializers = [];
+    let _hours_decorators;
+    let _hours_initializers = [];
+    let _hours_extraInitializers = [];
+    let _minutes_decorators;
+    let _minutes_initializers = [];
+    let _minutes_extraInitializers = [];
+    let _seconds_decorators;
+    let _seconds_initializers = [];
+    let _seconds_extraInitializers = [];
+    let _emitComplete_decorators;
+    let _emitTick_decorators;
+    let _init_decorators;
+    let _cleanup_decorators;
+    let _template_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _target_decorators = [property()];
+            _format_decorators = [property()];
+            _variant_decorators = [property()];
+            _days_decorators = [property({ type: Number })];
+            _hours_decorators = [property({ type: Number })];
+            _minutes_decorators = [property({ type: Number })];
+            _seconds_decorators = [property({ type: Number })];
+            _emitComplete_decorators = [dispatch('countdown-complete', { bubbles: true, composed: true })];
+            _emitTick_decorators = [dispatch('countdown-tick', { bubbles: true, composed: true })];
+            _init_decorators = [ready()];
+            _cleanup_decorators = [dispose()];
+            _template_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _emitComplete_decorators, { kind: "method", name: "emitComplete", static: false, private: false, access: { has: obj => "emitComplete" in obj, get: obj => obj.emitComplete }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTick_decorators, { kind: "method", name: "emitTick", static: false, private: false, access: { has: obj => "emitTick" in obj, get: obj => obj.emitTick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, 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(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(null, null, _target_decorators, { kind: "field", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _target_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, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+            __esDecorate(null, null, _days_decorators, { kind: "field", name: "days", static: false, private: false, access: { has: obj => "days" in obj, get: obj => obj.days, set: (obj, value) => { obj.days = value; } }, metadata: _metadata }, _days_initializers, _days_extraInitializers);
+            __esDecorate(null, null, _hours_decorators, { kind: "field", name: "hours", static: false, private: false, access: { has: obj => "hours" in obj, get: obj => obj.hours, set: (obj, value) => { obj.hours = value; } }, metadata: _metadata }, _hours_initializers, _hours_extraInitializers);
+            __esDecorate(null, null, _minutes_decorators, { kind: "field", name: "minutes", static: false, private: false, access: { has: obj => "minutes" in obj, get: obj => obj.minutes, set: (obj, value) => { obj.minutes = value; } }, metadata: _metadata }, _minutes_initializers, _minutes_extraInitializers);
+            __esDecorate(null, null, _seconds_decorators, { kind: "field", name: "seconds", static: false, private: false, access: { has: obj => "seconds" in obj, get: obj => obj.seconds, set: (obj, value) => { obj.seconds = value; } }, metadata: _metadata }, _seconds_initializers, _seconds_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);
+        }
+        emitComplete() {
+            return undefined;
+        }
+        emitTick() {
+            return { days: this.days, hours: this.hours, minutes: this.minutes, seconds: this.seconds, total: this.getRemaining() };
+        }
+        init() {
+            this.tick();
+            this.timer = setInterval(() => this.tick(), 1000);
+        }
+        cleanup() {
+            if (this.timer) {
+                clearInterval(this.timer);
+                this.timer = null;
+            }
+        }
+        getRemaining() {
+            if (!this.target)
+                return 0;
+            const targetDate = new Date(this.target).getTime();
+            return Math.max(0, targetDate - Date.now());
+        }
+        tick() {
+            const remaining = this.getRemaining();
+            if (remaining <= 0 && !this.completed) {
+                this.completed = true;
+                this.days = 0;
+                this.hours = 0;
+                this.minutes = 0;
+                this.seconds = 0;
+                this.classList.add('complete');
+                this.emitComplete();
+                if (this.timer) {
+                    clearInterval(this.timer);
+                    this.timer = null;
+                }
+                return;
+            }
+            const totalSeconds = Math.floor(remaining / 1000);
+            this.days = Math.floor(totalSeconds / 86400);
+            this.hours = Math.floor((totalSeconds % 86400) / 3600);
+            this.minutes = Math.floor((totalSeconds % 3600) / 60);
+            this.seconds = totalSeconds % 60;
+            this.emitTick();
+        }
+        pad(n) {
+            return String(n).padStart(2, '0');
+        }
+        template() {
+            const segments = [];
+            if (this.format === 'dhms') {
+                segments.push({ value: this.pad(this.days), label: 'Days' });
+            }
+            if (this.format === 'dhms' || this.format === 'hms') {
+                segments.push({ value: this.pad(this.hours), label: 'Hours' });
+            }
+            segments.push({ value: this.pad(this.minutes), label: 'Min' });
+            segments.push({ value: this.pad(this.seconds), label: 'Sec' });
+            const items = segments.map((seg, i) => {
+                const sep = i < segments.length - 1
+                    ? html `<span class="separator">:</span>`
+                    : html ``;
+                return html `
+        <div class="segment">
+          <span class="value">${seg.value}</span>
+          <span class="label">${seg.label}</span>
+        </div>
+        ${sep}
+      `;
+            });
+            return html `<div class="countdown">${items}</div>`;
+        }
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+        constructor() {
+            super(...arguments);
+            this.target = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _target_initializers, ''));
+            this.format = (__runInitializers(this, _target_extraInitializers), __runInitializers(this, _format_initializers, 'dhms'));
+            this.variant = (__runInitializers(this, _format_extraInitializers), __runInitializers(this, _variant_initializers, 'simple'));
+            this.timer = (__runInitializers(this, _variant_extraInitializers), null);
+            this.completed = false;
+            this.days = __runInitializers(this, _days_initializers, 0);
+            this.hours = (__runInitializers(this, _days_extraInitializers), __runInitializers(this, _hours_initializers, 0));
+            this.minutes = (__runInitializers(this, _hours_extraInitializers), __runInitializers(this, _minutes_initializers, 0));
+            this.seconds = (__runInitializers(this, _minutes_extraInitializers), __runInitializers(this, _seconds_initializers, 0));
+            __runInitializers(this, _seconds_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceCountdown };
+//# sourceMappingURL=snice-countdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-countdown.js","sources":["../../../components/countdown/snice-countdown.css?inline","../../../../components/countdown/snice-countdown.ts"],"sourcesContent":["export default \":host{display:inline-flex;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);color:var(--snice-color-text,rgb(23 23 23))}.countdown{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.segment{display:flex;flex-direction:column;align-items:center;gap:var(--snice-spacing-3xs,.125rem)}.value{font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);line-height:1;min-width:2.5rem;text-align:center}.label{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));text-transform:uppercase;letter-spacing:.05em}.separator{font-size:var(--snice-font-size-2xl, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text-tertiary,rgb(115 115 115));align-self:flex-start;line-height:1}:host([variant=flip]) .value{background:var(--snice-color-background-element,rgb(252 251 249));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);box-shadow:var(--snice-shadow-sm,0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1))}:host([variant=circular]) .segment{position:relative}:host([variant=circular]) .value{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--snice-color-primary,rgb(37 99 235));font-size:var(--snice-font-size-lg, 1.125rem)}:host(.complete) .value{color:var(--snice-color-success,rgb(22 163 74))}\";",null],"names":["cssTag"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+export type CountdownFormat = 'dhms' | 'hms' | 'ms';
+export type CountdownVariant = 'flip' | 'simple' | 'circular';
+export interface CountdownValues {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    total: number;
+}
+export interface SniceCountdownElement extends HTMLElement {
+    target: string;
+    format: CountdownFormat;
+    variant: CountdownVariant;
+}
+export interface SniceCountdownEventMap {
+    'countdown-complete': CustomEvent<void>;
+    'countdown-tick': CustomEvent<CountdownValues>;
+}

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

@@ -0,0 +1,32 @@
+import type { CropperOutputType, SniceCropperElement } from './snice-cropper.types';
+export declare class SniceCropper extends HTMLElement implements SniceCropperElement {
+    src: string;
+    aspectRatio: number;
+    minWidth: number;
+    minHeight: number;
+    outputType: CropperOutputType;
+    private container;
+    private img;
+    private cropAreaEl;
+    private cropRect;
+    private rotation;
+    private zoomLevel;
+    private dragging;
+    private dragStart;
+    private emitCropChange;
+    private emitCropComplete;
+    init(): void;
+    onSrcChange(): void;
+    private initCropArea;
+    private updateCropArea;
+    private onCropAreaMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private resizeCrop;
+    crop(): Promise<Blob | null>;
+    rotate(degrees: number): void;
+    reset(): void;
+    zoom(level: number): void;
+    template(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+}

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

@@ -0,0 +1,285 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, dispatch, ready, watch, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;width:100%;position:relative;overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:var(--snice-border-radius-lg,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226))}.cropper{position:relative;width:100%;height:100%;min-height:12.5rem;overflow:hidden;user-select:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;transform-origin:center center;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.crop-area{position:absolute;border:2px solid rgb(255 255 255);box-shadow:0 0 0 9999px rgb(0 0 0 / .5);cursor:move;pointer-events:auto}.crop-area::before{content:'';position:absolute;top:33.33%;left:0;right:0;height:33.34%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.crop-area::after{content:'';position:absolute;left:33.33%;top:0;bottom:0;width:33.34%;border-left:1px solid;border-right:1px solid;pointer-events:none}.handle{position:absolute;width:.75rem;height:.75rem;background:rgb(255 255 255);border:1px solid;border-radius:50%;pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}";
+
+let SniceCropper = (() => {
+    let _classDecorators = [element('snice-cropper')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _aspectRatio_decorators;
+    let _aspectRatio_initializers = [];
+    let _aspectRatio_extraInitializers = [];
+    let _minWidth_decorators;
+    let _minWidth_initializers = [];
+    let _minWidth_extraInitializers = [];
+    let _minHeight_decorators;
+    let _minHeight_initializers = [];
+    let _minHeight_extraInitializers = [];
+    let _outputType_decorators;
+    let _outputType_initializers = [];
+    let _outputType_extraInitializers = [];
+    let _container_decorators;
+    let _container_initializers = [];
+    let _container_extraInitializers = [];
+    let _img_decorators;
+    let _img_initializers = [];
+    let _img_extraInitializers = [];
+    let _cropAreaEl_decorators;
+    let _cropAreaEl_initializers = [];
+    let _cropAreaEl_extraInitializers = [];
+    let _emitCropChange_decorators;
+    let _emitCropComplete_decorators;
+    let _init_decorators;
+    let _onSrcChange_decorators;
+    let _template_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
+            this.aspectRatio = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _aspectRatio_initializers, 0));
+            this.minWidth = (__runInitializers(this, _aspectRatio_extraInitializers), __runInitializers(this, _minWidth_initializers, 20));
+            this.minHeight = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _minHeight_initializers, 20));
+            this.outputType = (__runInitializers(this, _minHeight_extraInitializers), __runInitializers(this, _outputType_initializers, 'png'));
+            this.container = (__runInitializers(this, _outputType_extraInitializers), __runInitializers(this, _container_initializers, void 0));
+            this.img = (__runInitializers(this, _container_extraInitializers), __runInitializers(this, _img_initializers, void 0));
+            this.cropAreaEl = (__runInitializers(this, _img_extraInitializers), __runInitializers(this, _cropAreaEl_initializers, void 0));
+            this.cropRect = (__runInitializers(this, _cropAreaEl_extraInitializers), { x: 0, y: 0, width: 0, height: 0 });
+            this.rotation = 0;
+            this.zoomLevel = 1;
+            this.dragging = null;
+            this.dragStart = { x: 0, y: 0, cropX: 0, cropY: 0, cropW: 0, cropH: 0 };
+            this.onCropAreaMouseDown = (e) => {
+                e.preventDefault();
+                const target = e.target;
+                this.dragging = target.classList.contains('crop-area') ? 'move' : target.dataset.handle || null;
+                this.dragStart = {
+                    x: e.clientX,
+                    y: e.clientY,
+                    cropX: this.cropRect.x,
+                    cropY: this.cropRect.y,
+                    cropW: this.cropRect.width,
+                    cropH: this.cropRect.height,
+                };
+            };
+            this.onMouseMove = (e) => {
+                if (!this.dragging || !this.container)
+                    return;
+                const bounds = this.container.getBoundingClientRect();
+                const dx = e.clientX - this.dragStart.x;
+                const dy = e.clientY - this.dragStart.y;
+                if (this.dragging === 'move') {
+                    this.cropRect.x = Math.max(0, Math.min(bounds.width - this.cropRect.width, this.dragStart.cropX + dx));
+                    this.cropRect.y = Math.max(0, Math.min(bounds.height - this.cropRect.height, this.dragStart.cropY + dy));
+                }
+                else {
+                    this.resizeCrop(this.dragging, dx, dy, bounds);
+                }
+                this.updateCropArea();
+                this.emitCropChange();
+            };
+            this.onMouseUp = () => {
+                this.dragging = null;
+            };
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _src_decorators = [property()];
+            _aspectRatio_decorators = [property({ type: Number, attribute: 'aspect-ratio' })];
+            _minWidth_decorators = [property({ type: Number, attribute: 'min-width' })];
+            _minHeight_decorators = [property({ type: Number, attribute: 'min-height' })];
+            _outputType_decorators = [property({ attribute: 'output-type' })];
+            _container_decorators = [query('.cropper')];
+            _img_decorators = [query('img')];
+            _cropAreaEl_decorators = [query('.crop-area')];
+            _emitCropChange_decorators = [dispatch('crop-change', { bubbles: true, composed: true })];
+            _emitCropComplete_decorators = [dispatch('crop-complete', { bubbles: true, composed: true })];
+            _init_decorators = [ready()];
+            _onSrcChange_decorators = [watch('src')];
+            _template_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _emitCropChange_decorators, { kind: "method", name: "emitCropChange", static: false, private: false, access: { has: obj => "emitCropChange" in obj, get: obj => obj.emitCropChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitCropComplete_decorators, { kind: "method", name: "emitCropComplete", static: false, private: false, access: { has: obj => "emitCropComplete" in obj, get: obj => obj.emitCropComplete }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _onSrcChange_decorators, { kind: "method", name: "onSrcChange", static: false, private: false, access: { has: obj => "onSrcChange" in obj, get: obj => obj.onSrcChange }, 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(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(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
+            __esDecorate(null, null, _aspectRatio_decorators, { kind: "field", name: "aspectRatio", static: false, private: false, access: { has: obj => "aspectRatio" in obj, get: obj => obj.aspectRatio, set: (obj, value) => { obj.aspectRatio = value; } }, metadata: _metadata }, _aspectRatio_initializers, _aspectRatio_extraInitializers);
+            __esDecorate(null, null, _minWidth_decorators, { kind: "field", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
+            __esDecorate(null, null, _minHeight_decorators, { kind: "field", name: "minHeight", static: false, private: false, access: { has: obj => "minHeight" in obj, get: obj => obj.minHeight, set: (obj, value) => { obj.minHeight = value; } }, metadata: _metadata }, _minHeight_initializers, _minHeight_extraInitializers);
+            __esDecorate(null, null, _outputType_decorators, { kind: "field", name: "outputType", static: false, private: false, access: { has: obj => "outputType" in obj, get: obj => obj.outputType, set: (obj, value) => { obj.outputType = value; } }, metadata: _metadata }, _outputType_initializers, _outputType_extraInitializers);
+            __esDecorate(null, null, _container_decorators, { kind: "field", name: "container", static: false, private: false, access: { has: obj => "container" in obj, get: obj => obj.container, set: (obj, value) => { obj.container = value; } }, metadata: _metadata }, _container_initializers, _container_extraInitializers);
+            __esDecorate(null, null, _img_decorators, { kind: "field", name: "img", static: false, private: false, access: { has: obj => "img" in obj, get: obj => obj.img, set: (obj, value) => { obj.img = value; } }, metadata: _metadata }, _img_initializers, _img_extraInitializers);
+            __esDecorate(null, null, _cropAreaEl_decorators, { kind: "field", name: "cropAreaEl", static: false, private: false, access: { has: obj => "cropAreaEl" in obj, get: obj => obj.cropAreaEl, set: (obj, value) => { obj.cropAreaEl = value; } }, metadata: _metadata }, _cropAreaEl_initializers, _cropAreaEl_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);
+        }
+        emitCropChange() {
+            return { rect: { ...this.cropRect } };
+        }
+        emitCropComplete(blob) {
+            return { blob };
+        }
+        init() {
+            document.addEventListener('mousemove', this.onMouseMove);
+            document.addEventListener('mouseup', this.onMouseUp);
+        }
+        onSrcChange() {
+            this.rotation = 0;
+            this.zoomLevel = 1;
+            // Reset crop after image loads
+            if (this.img) {
+                this.img.onload = () => this.initCropArea();
+            }
+        }
+        initCropArea() {
+            if (!this.container)
+                return;
+            const rect = this.container.getBoundingClientRect();
+            const padding = 20;
+            let w = rect.width - padding * 2;
+            let h = rect.height - padding * 2;
+            if (this.aspectRatio > 0) {
+                if (w / h > this.aspectRatio) {
+                    w = h * this.aspectRatio;
+                }
+                else {
+                    h = w / this.aspectRatio;
+                }
+            }
+            this.cropRect = {
+                x: (rect.width - w) / 2,
+                y: (rect.height - h) / 2,
+                width: w,
+                height: h,
+            };
+            this.updateCropArea();
+        }
+        updateCropArea() {
+            if (!this.cropAreaEl)
+                return;
+            this.cropAreaEl.style.left = `${this.cropRect.x}px`;
+            this.cropAreaEl.style.top = `${this.cropRect.y}px`;
+            this.cropAreaEl.style.width = `${this.cropRect.width}px`;
+            this.cropAreaEl.style.height = `${this.cropRect.height}px`;
+        }
+        resizeCrop(handle, dx, dy, bounds) {
+            let { x, y, width, height } = { x: this.dragStart.cropX, y: this.dragStart.cropY, width: this.dragStart.cropW, height: this.dragStart.cropH };
+            if (handle.includes('e'))
+                width = Math.max(this.minWidth, width + dx);
+            if (handle.includes('w')) {
+                width = Math.max(this.minWidth, width - dx);
+                x = this.dragStart.cropX + this.dragStart.cropW - width;
+            }
+            if (handle.includes('s'))
+                height = Math.max(this.minHeight, height + dy);
+            if (handle.includes('n')) {
+                height = Math.max(this.minHeight, height - dy);
+                y = this.dragStart.cropY + this.dragStart.cropH - height;
+            }
+            if (this.aspectRatio > 0) {
+                if (handle.includes('e') || handle.includes('w')) {
+                    height = width / this.aspectRatio;
+                }
+                else {
+                    width = height * this.aspectRatio;
+                }
+            }
+            // Clamp to container
+            x = Math.max(0, x);
+            y = Math.max(0, y);
+            width = Math.min(width, bounds.width - x);
+            height = Math.min(height, bounds.height - y);
+            this.cropRect = { x, y, width, height };
+        }
+        async crop() {
+            if (!this.img || !this.container)
+                return null;
+            const canvas = document.createElement('canvas');
+            const ctx = canvas.getContext('2d');
+            if (!ctx)
+                return null;
+            const containerRect = this.container.getBoundingClientRect();
+            const imgRect = this.img.getBoundingClientRect();
+            const scaleX = this.img.naturalWidth / imgRect.width;
+            const scaleY = this.img.naturalHeight / imgRect.height;
+            const sourceX = (this.cropRect.x - (imgRect.left - containerRect.left)) * scaleX;
+            const sourceY = (this.cropRect.y - (imgRect.top - containerRect.top)) * scaleY;
+            const sourceW = this.cropRect.width * scaleX;
+            const sourceH = this.cropRect.height * scaleY;
+            canvas.width = sourceW;
+            canvas.height = sourceH;
+            ctx.save();
+            if (this.rotation !== 0) {
+                ctx.translate(canvas.width / 2, canvas.height / 2);
+                ctx.rotate((this.rotation * Math.PI) / 180);
+                ctx.translate(-canvas.width / 2, -canvas.height / 2);
+            }
+            ctx.drawImage(this.img, sourceX, sourceY, sourceW, sourceH, 0, 0, sourceW, sourceH);
+            ctx.restore();
+            const mimeType = `image/${this.outputType}`;
+            return new Promise((resolve) => canvas.toBlob((blob) => {
+                this.emitCropComplete(blob);
+                resolve(blob);
+            }, mimeType));
+        }
+        rotate(degrees) {
+            this.rotation = (this.rotation + degrees) % 360;
+            if (this.img) {
+                this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;
+            }
+        }
+        reset() {
+            this.rotation = 0;
+            this.zoomLevel = 1;
+            if (this.img) {
+                this.img.style.transform = '';
+            }
+            this.initCropArea();
+        }
+        zoom(level) {
+            this.zoomLevel = Math.max(0.1, Math.min(10, level));
+            if (this.img) {
+                this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;
+            }
+        }
+        template() {
+            return html `
+      <div class="cropper">
+        <div class="image-container">
+          <img src="${this.src}" alt="Image to crop" @load=${() => this.initCropArea()} />
+        </div>
+        <div class="crop-area"
+             @mousedown=${this.onCropAreaMouseDown}>
+          <span class="handle handle-nw" data-handle="nw" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-ne" data-handle="ne" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-sw" data-handle="sw" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-se" data-handle="se" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-n" data-handle="n" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-s" data-handle="s" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-w" data-handle="w" @mousedown=${this.onCropAreaMouseDown}></span>
+          <span class="handle handle-e" data-handle="e" @mousedown=${this.onCropAreaMouseDown}></span>
+        </div>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceCropper };
+//# sourceMappingURL=snice-cropper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-cropper.js","sources":["../../../components/cropper/snice-cropper.css?inline","../../../../components/cropper/snice-cropper.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;width:100%;position:relative;overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:var(--snice-border-radius-lg,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226))}.cropper{position:relative;width:100%;height:100%;min-height:12.5rem;overflow:hidden;user-select:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;transform-origin:center center;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.crop-area{position:absolute;border:2px solid rgb(255 255 255);box-shadow:0 0 0 9999px rgb(0 0 0 / .5);cursor:move;pointer-events:auto}.crop-area::before{content:'';position:absolute;top:33.33%;left:0;right:0;height:33.34%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.crop-area::after{content:'';position:absolute;left:33.33%;top:0;bottom:0;width:33.34%;border-left:1px solid;border-right:1px solid;pointer-events:none}.handle{position:absolute;width:.75rem;height:.75rem;background:rgb(255 255 255);border:1px solid;border-radius:50%;pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}\";",null],"names":["cssTag"],"mappings":";;;AAAA,iBAAe,olEAAolE;;ICKtlE,YAAY,GAAA,CAAA,MAAA;4BADxB,OAAO,CAAC,eAAe,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAE3C,YAAA,IAAA,CAAA,GAAG,IAFQ,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAY,EAAA,iBAAA,CAAA,IAAA,EAAA,iBAAA,EAEjB,EAAE,CAAA,CAAA;YAGR,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAG,CAAC,CAAA,CAAA;YAGf,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,EAAE,CAAA,CAAA;YAGb,IAAA,CAAA,SAAS,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,EAAG,EAAE,CAAA,CAAA;YAGd,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,EAAsB,KAAK,CAAA,CAAA;AAG7B,YAAA,IAAA,CAAA,SAAS,IAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,EAAA,MAAA,CAAA,CAAA;AAGT,YAAA,IAAA,CAAA,GAAG,IAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,CAAA,CAAA;AAGH,YAAA,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,EAAA,MAAA,CAAA,CAAA;AAEV,YAAA,IAAA,CAAA,QAAQ,4DAAa,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;YACxD,IAAA,CAAA,QAAQ,GAAG,CAAC;YACZ,IAAA,CAAA,SAAS,GAAG,CAAC;YACb,IAAA,CAAA,QAAQ,GAAkB,IAAI;YAC9B,IAAA,CAAA,SAAS,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;AA4DlE,YAAA,IAAA,CAAA,mBAAmB,GAAG,CAAC,CAAa,KAAI;gBAC9C,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;gBACtC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;gBAC/F,IAAI,CAAC,SAAS,GAAG;oBACf,CAAC,EAAE,CAAC,CAAC,OAAO;oBACZ,CAAC,EAAE,CAAC,CAAC,OAAO;AACZ,oBAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtB,oBAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtB,oBAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;AAC1B,oBAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM;iBAC5B;AACH,YAAA,CAAC;AAEO,YAAA,IAAA,CAAA,WAAW,GAAG,CAAC,CAAa,KAAI;gBACtC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;oBAAE;gBACvC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;gBACrD,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;gBACvC,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AAEvC,gBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;AAC5B,oBAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;AACtG,oBAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;gBAC1G;qBAAO;AACL,oBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC;gBAChD;gBAEA,IAAI,CAAC,cAAc,EAAE;gBACrB,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,CAAC;YAEO,IAAA,CAAA,SAAS,GAAG,MAAK;AACvB,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACtB,YAAA,CAAC;QAiHH;;;AA1OG,YAAA,eAAA,GAAA,CAAA,QAAQ,EAAE,CAAA;uCAGV,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAA;oCAGrD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAA;qCAGlD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;AAGnD,YAAA,sBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAA;qCAGtC,KAAK,CAAC,UAAU,CAAC,CAAA;+BAGjB,KAAK,CAAC,KAAK,CAAC,CAAA;sCAGZ,KAAK,CAAC,YAAY,CAAC,CAAA;AASnB,YAAA,0BAAA,GAAA,CAAA,QAAQ,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAK1D,YAAA,4BAAA,GAAA,CAAA,QAAQ,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAK5D,YAAA,gBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;uCAMP,KAAK,CAAC,KAAK,CAAC,CAAA;AAkKZ,YAAA,oBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAsBR,YAAA,2BAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAvMT,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,cAAc,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKtB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKxB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,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,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAMJ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,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,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAkKX,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAsBR,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;YAtOf,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAG,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAH,GAAG,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,CAAA;YAGH,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,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,WAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,SAAS,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAT,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,CAAA;YAGT,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,YAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,UAAU,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAV,UAAU,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,6BAAA,CAAA;YAGV,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,WAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,SAAS,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAT,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,CAAA;YAGjB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,GAAG,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAH,GAAG,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,YAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,UAAU,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAV,UAAU,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,wBAAA,EAAA,6BAAA,CAAA;YAvBpB,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;;QAgCH,cAAc,GAAA;YACpB,OAAO,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE;QACvC;AAGQ,QAAA,gBAAgB,CAAC,IAAiB,EAAA;YACxC,OAAO,EAAE,IAAI,EAAE;QACjB;QAGA,IAAI,GAAA;YACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;YACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;QACtD;QAGA,WAAW,GAAA;AACT,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;;AAElB,YAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,gBAAA,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;YAC7C;QACF;QAEQ,YAAY,GAAA;YAClB,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;YACnD,MAAM,OAAO,GAAG,EAAE;YAClB,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC;YAChC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC;AAEjC,YAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;gBACxB,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE;AAC5B,oBAAA,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW;gBAC1B;qBAAO;AACL,oBAAA,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW;gBAC1B;YACF;YAEA,IAAI,CAAC,QAAQ,GAAG;gBACd,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC;gBACvB,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;AACxB,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE,CAAC;aACV;YACD,IAAI,CAAC,cAAc,EAAE;QACvB;QAEQ,cAAc,GAAA;YACpB,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE;AACtB,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI;AACnD,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI;AAClD,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI;AACxD,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI;QAC5D;AAqCQ,QAAA,UAAU,CAAC,MAAc,EAAE,EAAU,EAAE,EAAU,EAAE,MAAe,EAAA;AACxE,YAAA,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;AAE7I,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAAE,gBAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC;AACrE,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAAE,gBAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC;AAAE,gBAAA,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK;YAAE;AAClI,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAAE,gBAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC;AACxE,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAAE,gBAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC;AAAE,gBAAA,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,MAAM;YAAE;AAEtI,YAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;AACxB,gBAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAChD,oBAAA,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC,WAAW;gBACnC;qBAAO;AACL,oBAAA,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,WAAW;gBACnC;YACF;;YAGA,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AAClB,YAAA,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;AACzC,YAAA,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAE5C,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;QACzC;AAEA,QAAA,MAAM,IAAI,GAAA;YACR,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;AAAE,gBAAA,OAAO,IAAI;YAE7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;YAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,YAAA,IAAI,CAAC,GAAG;AAAE,gBAAA,OAAO,IAAI;YAErB,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;YAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE;YAEhD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK;YACpD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM;YAEtD,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,MAAM;YAChF,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,MAAM;YAC9E,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,MAAM;YAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM;AAE7C,YAAA,MAAM,CAAC,KAAK,GAAG,OAAO;AACtB,YAAA,MAAM,CAAC,MAAM,GAAG,OAAO;YAEvB,GAAG,CAAC,IAAI,EAAE;AACV,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;AACvB,gBAAA,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAClD,gBAAA,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC;AAC3C,gBAAA,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YACtD;YACA,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC;YACnF,GAAG,CAAC,OAAO,EAAE;AAEb,YAAA,MAAM,QAAQ,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,UAAU,EAAE;AAC3C,YAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AACrD,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;gBAC3B,OAAO,CAAC,IAAI,CAAC;AACf,YAAA,CAAC,EAAE,QAAQ,CAAC,CAAC;QACf;AAEA,QAAA,MAAM,CAAC,OAAe,EAAA;AACpB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO,IAAI,GAAG;AAC/C,YAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,gBAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,SAAS,CAAA,SAAA,EAAY,IAAI,CAAC,QAAQ,MAAM;YACnF;QACF;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,YAAA,IAAI,IAAI,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;YAC/B;YACA,IAAI,CAAC,YAAY,EAAE;QACrB;AAEA,QAAA,IAAI,CAAC,KAAa,EAAA;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AACnD,YAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,gBAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,SAAS,CAAA,SAAA,EAAY,IAAI,CAAC,QAAQ,MAAM;YACnF;QACF;QAGA,QAAQ,GAAA;AACN,YAAA,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,GAAG,CAAA,4BAAA,EAA+B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;;;AAG5D,wBAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACqB,qEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,qEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,qEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,qEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AAC1B,mEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,mEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,mEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;AACxB,mEAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;;;KAGxF;QACH;QAGA,eAAe,GAAA;AACb,YAAA,OAAOA,GAAM,CAAA,CAAA,EAAG,UAAU,EAAE;QAC9B;;;;;;;"}

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

@@ -0,0 +1,26 @@
+export type CropperOutputType = 'png' | 'jpeg' | 'webp';
+export interface CropRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface SniceCropperElement extends HTMLElement {
+    src: string;
+    aspectRatio: number;
+    minWidth: number;
+    minHeight: number;
+    outputType: CropperOutputType;
+    crop(): Promise<Blob | null>;
+    rotate(degrees: number): void;
+    reset(): void;
+    zoom(level: number): void;
+}
+export interface SniceCropperEventMap {
+    'crop-change': CustomEvent<{
+        rect: CropRect;
+    }>;
+    'crop-complete': CustomEvent<{
+        blob: Blob | null;
+    }>;
+}

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

@@ -0,0 +1,32 @@
+import type { DiffMode, SniceDiffElement } from './snice-diff.types';
+export declare class SniceDiff extends HTMLElement implements SniceDiffElement {
+    oldText: string;
+    newText: string;
+    language: string;
+    mode: DiffMode;
+    lineNumbers: boolean;
+    contextLines: number;
+    markers: boolean;
+    private hunks;
+    private additions;
+    private deletions;
+    componentStyles(): import("snice").CSSResult;
+    handleOldTextChange(): void;
+    handleNewTextChange(): void;
+    handleContextChange(): void;
+    renderDiff(): import("snice").TemplateResult;
+    private renderUnifiedView;
+    private renderSplitView;
+    private buildSplitPairs;
+    private computeDiff;
+    private myersDiff;
+    private groupIntoHunks;
+    private toggleHunk;
+    private escapeHtml;
+    private emitDiffComputed;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-diff': SniceDiff;
+    }
+}