@omegagrid/core 0.10.25 → 0.10.26

package/dist/ui/annotation.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+export declare class AnnotationTool extends LitElement {
+    logoSvg: string;
+    colors: string[];
+    static styles: import("lit").CSSResult[];
+    private color;
+    private calloutNum;
+    private toolVisible;
+    private fillEnabled;
+    private arrowMode;
+    private tbLeft;
+    private tbTop;
+    private capturing;
+    private rl;
+    private cl;
+    private history;
+    private dragging;
+    private sx;
+    private sy;
+    private curRect;
+    private curArrow;
+    private tbDrag;
+    private tbOx;
+    private tbOy;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _makeArrowEl;
+    private _doUndo;
+    private _doClear;
+    private _nextColor;
+    private _copyScreenshot;
+    private _onKeyDown;
+    private _onTbMouseDown;
+    private _onLayerMouseDown;
+    private _onLayerContextMenu;
+    private _onMouseMove;
+    private _onMouseUp;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=annotation.d.ts.map

package/dist/ui/annotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.d.ts","sourceRoot":"","sources":["../../src/ui/annotation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAWhD,qBACa,cAAe,SAAQ,UAAU;IAG7C,OAAO,EAAE,MAAM,CAAoB;IAGnC,MAAM,EAAE,MAAM,EAAE,CAAkB;IAElC,MAAM,CAAC,MAAM,4BAAW;IAEf,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,SAAS,CAAS;IAErB,OAAO,CAAC,EAAE,CAAe;IACzB,OAAO,CAAC,EAAE,CAAe;IAEvC,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,IAAI,CAAK;IAEjB,iBAAiB;IAOjB,oBAAoB;IAOpB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,UAAU;YAMJ,eAAe;IAoC7B,OAAO,CAAC,UAAU,CAgBhB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,OAAO,CAAC,mBAAmB,CAQzB;IAEF,OAAO,CAAC,YAAY,CAgBlB;IAEF,OAAO,CAAC,UAAU,CAgBhB;IAEF,MAAM;CAgEN"}

package/dist/ui/annotation.js

@@ -0,0 +1,354 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import constants from '../constants';
+import { style } from './annotation.style';
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const DEFAULT_COLORS = ['#007AFF', '#34C759', '#FF9500', '#AF52DE', '#FF3B30', '#00ffff', '#636363'];
+const DEFAULT_LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28"><path fill="#5ec7d1" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`;
+let AnnotationTool = class AnnotationTool extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.logoSvg = DEFAULT_LOGO_SVG;
+        this.colors = DEFAULT_COLORS;
+        this.color = this.colors[0];
+        this.calloutNum = 1;
+        this.toolVisible = true;
+        this.fillEnabled = false;
+        this.arrowMode = false;
+        this.tbLeft = null;
+        this.tbTop = null;
+        this.capturing = false;
+        this.history = [];
+        this.dragging = false;
+        this.sx = 0;
+        this.sy = 0;
+        this.curRect = null;
+        this.curArrow = null;
+        this.tbDrag = false;
+        this.tbOx = 0;
+        this.tbOy = 0;
+        this._onKeyDown = (e) => {
+            if (e.key === ';' || e.key === '`') {
+                e.preventDefault();
+                this.toolVisible = !this.toolVisible;
+            }
+            if (this.toolVisible && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                if (e.key === 'z') {
+                    e.preventDefault();
+                    this._doUndo();
+                }
+                if (e.key === 'r') {
+                    const tag = document.activeElement?.tagName;
+                    if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
+                        e.preventDefault();
+                        this._doClear();
+                    }
+                }
+                if (e.key === 'c') {
+                    e.preventDefault();
+                    this._nextColor();
+                }
+                if (e.key === 'f') {
+                    e.preventDefault();
+                    this.fillEnabled = !this.fillEnabled;
+                }
+                if (e.key === 'a') {
+                    e.preventDefault();
+                    this.arrowMode = !this.arrowMode;
+                }
+                if (e.key === 's') {
+                    e.preventDefault();
+                    this._copyScreenshot();
+                }
+            }
+        };
+        this._onTbMouseDown = (e) => {
+            if (e.target !== e.currentTarget)
+                return;
+            this.tbDrag = true;
+            const tb = this.shadowRoot.querySelector('.tb');
+            const rect = tb.getBoundingClientRect();
+            this.tbOx = e.clientX - rect.left;
+            this.tbOy = e.clientY - rect.top;
+        };
+        this._onLayerMouseDown = (e) => {
+            e.stopPropagation();
+            if (e.button !== 0)
+                return;
+            this.dragging = true;
+            this.sx = e.clientX;
+            this.sy = e.clientY;
+            if (this.arrowMode) {
+                this.curArrow = this._makeArrowEl(this.sx, this.sy, this.sx, this.sy, this.color);
+                if (this.curArrow)
+                    this.rl.appendChild(this.curArrow);
+            }
+            else {
+                this.curRect = document.createElementNS(SVG_NS, 'rect');
+                this.curRect.setAttribute('fill', this.fillEnabled ? this.color : 'none');
+                this.curRect.setAttribute('fill-opacity', this.fillEnabled ? '0.2' : '1');
+                this.curRect.setAttribute('stroke', this.color);
+                this.curRect.setAttribute('stroke-width', '2.5');
+                this.curRect.setAttribute('rx', '4');
+                this.rl.appendChild(this.curRect);
+            }
+        };
+        this._onLayerContextMenu = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const g = document.createElementNS(SVG_NS, 'g');
+            g.innerHTML = `<circle cx="${e.clientX}" cy="${e.clientY}" r="14" fill="${this.color}"/><text x="${e.clientX}" y="${e.clientY + 5}" text-anchor="middle" fill="white" font-size="13" font-weight="bold" font-family="system-ui,sans-serif">${this.calloutNum}</text>`;
+            this.cl.appendChild(g);
+            this.history.push({ type: 'callout', el: g });
+            this.calloutNum++;
+        };
+        this._onMouseMove = (e) => {
+            if (this.tbDrag) {
+                this.tbLeft = e.clientX - this.tbOx;
+                this.tbTop = e.clientY - this.tbOy;
+            }
+            if (!this.dragging)
+                return;
+            if (this.arrowMode) {
+                if (this.curArrow)
+                    this.curArrow.remove();
+                this.curArrow = this._makeArrowEl(this.sx, this.sy, e.clientX, e.clientY, this.color);
+                if (this.curArrow)
+                    this.rl.appendChild(this.curArrow);
+            }
+            else if (this.curRect) {
+                this.curRect.setAttribute('x', String(Math.min(e.clientX, this.sx)));
+                this.curRect.setAttribute('y', String(Math.min(e.clientY, this.sy)));
+                this.curRect.setAttribute('width', String(Math.abs(e.clientX - this.sx)));
+                this.curRect.setAttribute('height', String(Math.abs(e.clientY - this.sy)));
+            }
+        };
+        this._onMouseUp = (e) => {
+            this.tbDrag = false;
+            if (!this.dragging)
+                return;
+            this.dragging = false;
+            if (Math.abs(e.clientX - this.sx) < 5 && Math.abs(e.clientY - this.sy) < 5) {
+                this.curRect?.remove();
+                this.curRect = null;
+                this.curArrow?.remove();
+                this.curArrow = null;
+                return;
+            }
+            if (this.arrowMode) {
+                if (this.curArrow)
+                    this.history.push({ type: 'arrow', el: this.curArrow });
+                this.curArrow = null;
+            }
+            else {
+                if (this.curRect)
+                    this.history.push({ type: 'rect', el: this.curRect });
+                this.curRect = null;
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this._onKeyDown);
+        document.addEventListener('mousemove', this._onMouseMove);
+        document.addEventListener('mouseup', this._onMouseUp);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._onKeyDown);
+        document.removeEventListener('mousemove', this._onMouseMove);
+        document.removeEventListener('mouseup', this._onMouseUp);
+    }
+    _makeArrowEl(x1, y1, x2, y2, col) {
+        const dx = x2 - x1, dy = y2 - y1;
+        const len = Math.sqrt(dx * dx + dy * dy);
+        if (len < 5)
+            return null;
+        const ux = dx / len, uy = dy / len;
+        const headLen = 14, headWidth = 7;
+        const ax = x2 - ux * headLen, ay = y2 - uy * headLen;
+        const px = -uy * headWidth, py = ux * headWidth;
+        const g = document.createElementNS(SVG_NS, 'g');
+        const line = document.createElementNS(SVG_NS, 'line');
+        line.setAttribute('x1', String(x1));
+        line.setAttribute('y1', String(y1));
+        line.setAttribute('x2', String(ax));
+        line.setAttribute('y2', String(ay));
+        line.setAttribute('stroke', col);
+        line.setAttribute('stroke-width', '2.5');
+        line.setAttribute('stroke-linecap', 'round');
+        const poly = document.createElementNS(SVG_NS, 'polygon');
+        poly.setAttribute('points', `${x2},${y2} ${ax + px},${ay + py} ${ax - px},${ay - py}`);
+        poly.setAttribute('fill', col);
+        g.append(line, poly);
+        return g;
+    }
+    _doUndo() {
+        const last = this.history.pop();
+        if (!last)
+            return;
+        last.el.remove();
+        if (last.type === 'callout')
+            this.calloutNum--;
+    }
+    _doClear() {
+        this.rl.innerHTML = '';
+        this.cl.innerHTML = '';
+        this.calloutNum = 1;
+        this.history = [];
+    }
+    _nextColor() {
+        const colors = this.colors;
+        const idx = colors.indexOf(this.color);
+        this.color = colors[(idx + 1) % colors.length];
+    }
+    async _copyScreenshot() {
+        const toolWasVisible = this.toolVisible;
+        this.toolVisible = false;
+        this.capturing = true;
+        await this.updateComplete;
+        try {
+            document.documentElement.style.cursor = 'none';
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const stream = await navigator.mediaDevices.getDisplayMedia({
+                video: { displaySurface: 'browser', cursor: 'never' },
+                preferCurrentTab: true,
+                audio: false,
+            });
+            const video = document.createElement('video');
+            video.srcObject = stream;
+            await new Promise(resolve => { video.onloadedmetadata = () => resolve(); });
+            await video.play();
+            const canvas = document.createElement('canvas');
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            const ctx = canvas.getContext('2d');
+            await new Promise(resolve => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
+            ctx.drawImage(video, 0, 0);
+            document.documentElement.style.cursor = '';
+            stream.getTracks().forEach((t) => t.stop());
+            const blob = await new Promise(resolve => canvas.toBlob(b => resolve(b)));
+            await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);
+        }
+        catch {
+            // user cancelled or permission denied
+        }
+        finally {
+            this.capturing = false;
+            this.toolVisible = toolWasVisible;
+        }
+    }
+    render() {
+        const tbStyle = this.tbLeft !== null
+            ? styleMap({ left: `${this.tbLeft}px`, top: `${this.tbTop}px`, transform: 'none' })
+            : {};
+        return html `
+			<svg class="overlay">
+				<g class="rl"></g>
+				<g class="cl"></g>
+			</svg>
+
+			${this.toolVisible ? html `
+				<div class="layer"
+					@mousedown=${this._onLayerMouseDown}
+					@contextmenu=${this._onLayerContextMenu}></div>
+			` : nothing}
+
+			<div class="tb" style=${tbStyle} @mousedown=${this._onTbMouseDown} ?hidden=${!this.toolVisible || this.capturing}>
+				<span class="hint">
+					LMB=<og-icon icon="${this.arrowMode ? 'arrow-right' : 'square'}"></og-icon>&nbsp;
+					RMB=<og-icon icon="circle-1"></og-icon>&nbsp;
+					c=color
+				</span>
+				<div class="sep"></div>
+				${(this.colors).map(hex => html `
+					<button class="color-btn ${hex === this.color ? 'active' : ''}"
+						style="background:${hex}"
+						@click=${(e) => { e.stopPropagation(); this.color = hex; }}>
+					</button>
+				`)}
+				<div class="sep"></div>
+				<span class="num">#${this.calloutNum}</span>
+				<og-button icon="arrow-right" color="${this.arrowMode ? 'blue' : 'gray'}"
+					title="Arrow mode (A)"
+					@click=${(e) => { e.stopPropagation(); this.arrowMode = !this.arrowMode; }}></og-button>
+				<og-button icon="fill" color="${this.fillEnabled ? 'blue' : 'gray'}"
+					title="Toggle fill (F)"
+					@click=${(e) => { e.stopPropagation(); this.fillEnabled = !this.fillEnabled; }}></og-button>
+				<og-button icon="rotate-left" color="gray"
+					title="Undo (Z)"
+					@click=${(e) => { e.stopPropagation(); this._doUndo(); }}></og-button>
+				<og-button icon="trash" color="gray"
+					title="Clear all (R)"
+					@click=${(e) => { e.stopPropagation(); this._doClear(); }}></og-button>
+				<og-button icon="copy" color="gray"
+					title="Copy screenshot to clipboard (S)"
+					@click=${(e) => { e.stopPropagation(); this._copyScreenshot(); }}></og-button>
+				<og-button icon="eye-slash" color="gray"
+					title="Hide (;)"
+					@click=${(e) => { e.stopPropagation(); this.toolVisible = false; }}></og-button>
+				<og-button icon="xmark" color="red"
+					title="Exit annotation tool"
+					@click=${(e) => { e.stopPropagation(); this.remove(); }}></og-button>
+			</div>
+
+			${!this.toolVisible ? html `
+				<div class="pip"
+					title="Restore annotation panel (;)"
+					@click=${(e) => { e.stopPropagation(); this.toolVisible = true; }}>
+					${unsafeHTML(this.logoSvg)}
+				</div>
+			` : nothing}
+		`;
+    }
+};
+AnnotationTool.styles = [style];
+__decorate([
+    property({ type: String, attribute: 'logo-svg' })
+], AnnotationTool.prototype, "logoSvg", void 0);
+__decorate([
+    property({ type: Array })
+], AnnotationTool.prototype, "colors", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "color", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "calloutNum", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "toolVisible", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "fillEnabled", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "arrowMode", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "tbLeft", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "tbTop", void 0);
+__decorate([
+    state()
+], AnnotationTool.prototype, "capturing", void 0);
+__decorate([
+    query('.rl')
+], AnnotationTool.prototype, "rl", void 0);
+__decorate([
+    query('.cl')
+], AnnotationTool.prototype, "cl", void 0);
+AnnotationTool = __decorate([
+    customElement(`${constants.PREFIX}-annotation-tool`)
+], AnnotationTool);
+export { AnnotationTool };
+//# sourceMappingURL=annotation.js.map

package/dist/ui/annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.js","sourceRoot":"","sources":["../../src/ui/annotation.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport constants from '../constants';\nimport { style } from './annotation.style';\n\nconst SVG_NS = 'http://www.w3.org/2000/svg';\nconst DEFAULT_COLORS = ['#007AFF', '#34C759', '#FF9500', '#AF52DE', '#FF3B30', '#00ffff', '#636363'];\nconst DEFAULT_LOGO_SVG = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\"><path fill=\"#5ec7d1\" d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`;\n\n@customElement(`${constants.PREFIX}-annotation-tool`)\nexport class AnnotationTool extends LitElement {\n\n\t@property({type: String, attribute: 'logo-svg'})\n\tlogoSvg: string = DEFAULT_LOGO_SVG;\n\n\t@property({type: Array})\n\tcolors: string[] = DEFAULT_COLORS;\n\n\tstatic styles = [style];\n\n\t@state() private color = this.colors[0];\n\t@state() private calloutNum = 1;\n\t@state() private toolVisible = true;\n\t@state() private fillEnabled = false;\n\t@state() private arrowMode = false;\n\t@state() private tbLeft: number | null = null;\n\t@state() private tbTop: number | null = null;\n\t@state() private capturing = false;\n\n\t@query('.rl') private rl!: SVGGElement;\n\t@query('.cl') private cl!: SVGGElement;\n\n\tprivate history: { type: string; el: Element }[] = [];\n\tprivate dragging = false;\n\tprivate sx = 0;\n\tprivate sy = 0;\n\tprivate curRect: SVGRectElement | null = null;\n\tprivate curArrow: SVGGElement | null = null;\n\tprivate tbDrag = false;\n\tprivate tbOx = 0;\n\tprivate tbOy = 0;\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tdocument.addEventListener('keydown', this._onKeyDown);\n\t\tdocument.addEventListener('mousemove', this._onMouseMove);\n\t\tdocument.addEventListener('mouseup', this._onMouseUp);\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tdocument.removeEventListener('keydown', this._onKeyDown);\n\t\tdocument.removeEventListener('mousemove', this._onMouseMove);\n\t\tdocument.removeEventListener('mouseup', this._onMouseUp);\n\t}\n\n\tprivate _makeArrowEl(x1: number, y1: number, x2: number, y2: number, col: string): SVGGElement | null {\n\t\tconst dx = x2 - x1, dy = y2 - y1;\n\t\tconst len = Math.sqrt(dx * dx + dy * dy);\n\t\tif (len < 5) return null;\n\t\tconst ux = dx / len, uy = dy / len;\n\t\tconst headLen = 14, headWidth = 7;\n\t\tconst ax = x2 - ux * headLen, ay = y2 - uy * headLen;\n\t\tconst px = -uy * headWidth, py = ux * headWidth;\n\t\tconst g = document.createElementNS(SVG_NS, 'g');\n\t\tconst line = document.createElementNS(SVG_NS, 'line');\n\t\tline.setAttribute('x1', String(x1)); line.setAttribute('y1', String(y1));\n\t\tline.setAttribute('x2', String(ax)); line.setAttribute('y2', String(ay));\n\t\tline.setAttribute('stroke', col); line.setAttribute('stroke-width', '2.5');\n\t\tline.setAttribute('stroke-linecap', 'round');\n\t\tconst poly = document.createElementNS(SVG_NS, 'polygon');\n\t\tpoly.setAttribute('points', `${x2},${y2} ${ax + px},${ay + py} ${ax - px},${ay - py}`);\n\t\tpoly.setAttribute('fill', col);\n\t\tg.append(line, poly);\n\t\treturn g;\n\t}\n\n\tprivate _doUndo() {\n\t\tconst last = this.history.pop();\n\t\tif (!last) return;\n\t\tlast.el.remove();\n\t\tif (last.type === 'callout') this.calloutNum--;\n\t}\n\n\tprivate _doClear() {\n\t\tthis.rl.innerHTML = '';\n\t\tthis.cl.innerHTML = '';\n\t\tthis.calloutNum = 1;\n\t\tthis.history = [];\n\t}\n\n\tprivate _nextColor() {\n\t\tconst colors = this.colors;\n\t\tconst idx = colors.indexOf(this.color);\n\t\tthis.color = colors[(idx + 1) % colors.length];\n\t}\n\n\tprivate async _copyScreenshot() {\n\t\tconst toolWasVisible = this.toolVisible;\n\t\tthis.toolVisible = false;\n\t\tthis.capturing = true;\n\t\tawait this.updateComplete;\n\t\ttry {\n\t\t\tdocument.documentElement.style.cursor = 'none';\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\tconst stream = await (navigator.mediaDevices as any).getDisplayMedia({\n\t\t\t\tvideo: { displaySurface: 'browser', cursor: 'never' },\n\t\t\t\tpreferCurrentTab: true,\n\t\t\t\taudio: false,\n\t\t\t});\n\t\t\tconst video = document.createElement('video');\n\t\t\tvideo.srcObject = stream;\n\t\t\tawait new Promise<void>(resolve => { video.onloadedmetadata = () => resolve(); });\n\t\t\tawait video.play();\n\t\t\tconst canvas = document.createElement('canvas');\n\t\t\tcanvas.width = video.videoWidth;\n\t\t\tcanvas.height = video.videoHeight;\n\t\t\tconst ctx = canvas.getContext('2d')!;\n\t\t\tawait new Promise<void>(resolve => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));\n\t\t\tctx.drawImage(video, 0, 0);\n\t\t\tdocument.documentElement.style.cursor = '';\n\t\t\tstream.getTracks().forEach((t: MediaStreamTrack) => t.stop());\n\n\t\t\tconst blob = await new Promise<Blob>(resolve => canvas.toBlob(b => resolve(b!)));\n\t\t\tawait navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]);\n\t\t} catch {\n\t\t\t// user cancelled or permission denied\n\t\t} finally {\n\t\t\tthis.capturing = false;\n\t\t\tthis.toolVisible = toolWasVisible;\n\t\t}\n\t}\n\n\tprivate _onKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key === ';' || e.key === '`') {\n\t\t\te.preventDefault();\n\t\t\tthis.toolVisible = !this.toolVisible;\n\t\t}\n\t\tif (this.toolVisible && !e.ctrlKey && !e.metaKey && !e.altKey) {\n\t\t\tif (e.key === 'z') { e.preventDefault(); this._doUndo(); }\n\t\t\tif (e.key === 'r') {\n\t\t\t\tconst tag = document.activeElement?.tagName;\n\t\t\t\tif (tag !== 'INPUT' && tag !== 'TEXTAREA') { e.preventDefault(); this._doClear(); }\n\t\t\t}\n\t\t\tif (e.key === 'c') { e.preventDefault(); this._nextColor(); }\n\t\t\tif (e.key === 'f') { e.preventDefault(); this.fillEnabled = !this.fillEnabled; }\n\t\t\tif (e.key === 'a') { e.preventDefault(); this.arrowMode = !this.arrowMode; }\n\t\t\tif (e.key === 's') { e.preventDefault(); this._copyScreenshot(); }\n\t\t}\n\t};\n\n\tprivate _onTbMouseDown = (e: MouseEvent) => {\n\t\tif (e.target !== e.currentTarget) return;\n\t\tthis.tbDrag = true;\n\t\tconst tb = this.shadowRoot!.querySelector('.tb') as HTMLElement;\n\t\tconst rect = tb.getBoundingClientRect();\n\t\tthis.tbOx = e.clientX - rect.left;\n\t\tthis.tbOy = e.clientY - rect.top;\n\t};\n\n\tprivate _onLayerMouseDown = (e: MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (e.button !== 0) return;\n\t\tthis.dragging = true;\n\t\tthis.sx = e.clientX;\n\t\tthis.sy = e.clientY;\n\t\tif (this.arrowMode) {\n\t\t\tthis.curArrow = this._makeArrowEl(this.sx, this.sy, this.sx, this.sy, this.color);\n\t\t\tif (this.curArrow) this.rl.appendChild(this.curArrow);\n\t\t} else {\n\t\t\tthis.curRect = document.createElementNS(SVG_NS, 'rect');\n\t\t\tthis.curRect.setAttribute('fill', this.fillEnabled ? this.color : 'none');\n\t\t\tthis.curRect.setAttribute('fill-opacity', this.fillEnabled ? '0.2' : '1');\n\t\t\tthis.curRect.setAttribute('stroke', this.color);\n\t\t\tthis.curRect.setAttribute('stroke-width', '2.5');\n\t\t\tthis.curRect.setAttribute('rx', '4');\n\t\t\tthis.rl.appendChild(this.curRect);\n\t\t}\n\t};\n\n\tprivate _onLayerContextMenu = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tconst g = document.createElementNS(SVG_NS, 'g');\n\t\tg.innerHTML = `<circle cx=\"${e.clientX}\" cy=\"${e.clientY}\" r=\"14\" fill=\"${this.color}\"/><text x=\"${e.clientX}\" y=\"${e.clientY + 5}\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\" font-family=\"system-ui,sans-serif\">${this.calloutNum}</text>`;\n\t\tthis.cl.appendChild(g);\n\t\tthis.history.push({ type: 'callout', el: g });\n\t\tthis.calloutNum++;\n\t};\n\n\tprivate _onMouseMove = (e: MouseEvent) => {\n\t\tif (this.tbDrag) {\n\t\t\tthis.tbLeft = e.clientX - this.tbOx;\n\t\t\tthis.tbTop = e.clientY - this.tbOy;\n\t\t}\n\t\tif (!this.dragging) return;\n\t\tif (this.arrowMode) {\n\t\t\tif (this.curArrow) this.curArrow.remove();\n\t\t\tthis.curArrow = this._makeArrowEl(this.sx, this.sy, e.clientX, e.clientY, this.color);\n\t\t\tif (this.curArrow) this.rl.appendChild(this.curArrow);\n\t\t} else if (this.curRect) {\n\t\t\tthis.curRect.setAttribute('x', String(Math.min(e.clientX, this.sx)));\n\t\t\tthis.curRect.setAttribute('y', String(Math.min(e.clientY, this.sy)));\n\t\t\tthis.curRect.setAttribute('width', String(Math.abs(e.clientX - this.sx)));\n\t\t\tthis.curRect.setAttribute('height', String(Math.abs(e.clientY - this.sy)));\n\t\t}\n\t};\n\n\tprivate _onMouseUp = (e: MouseEvent) => {\n\t\tthis.tbDrag = false;\n\t\tif (!this.dragging) return;\n\t\tthis.dragging = false;\n\t\tif (Math.abs(e.clientX - this.sx) < 5 && Math.abs(e.clientY - this.sy) < 5) {\n\t\t\tthis.curRect?.remove(); this.curRect = null;\n\t\t\tthis.curArrow?.remove(); this.curArrow = null;\n\t\t\treturn;\n\t\t}\n\t\tif (this.arrowMode) {\n\t\t\tif (this.curArrow) this.history.push({ type: 'arrow', el: this.curArrow });\n\t\t\tthis.curArrow = null;\n\t\t} else {\n\t\t\tif (this.curRect) this.history.push({ type: 'rect', el: this.curRect });\n\t\t\tthis.curRect = null;\n\t\t}\n\t};\n\n\trender() {\n\t\tconst tbStyle = this.tbLeft !== null\n\t\t\t? styleMap({ left: `${this.tbLeft}px`, top: `${this.tbTop}px`, transform: 'none' })\n\t\t\t: {};\n\n\t\treturn html`\n\t\t\t<svg class=\"overlay\">\n\t\t\t\t<g class=\"rl\"></g>\n\t\t\t\t<g class=\"cl\"></g>\n\t\t\t</svg>\n\n\t\t\t${this.toolVisible ? html`\n\t\t\t\t<div class=\"layer\"\n\t\t\t\t\t@mousedown=${this._onLayerMouseDown}\n\t\t\t\t\t@contextmenu=${this._onLayerContextMenu}></div>\n\t\t\t` : nothing}\n\n\t\t\t<div class=\"tb\" style=${tbStyle} @mousedown=${this._onTbMouseDown} ?hidden=${!this.toolVisible || this.capturing}>\n\t\t\t\t<span class=\"hint\">\n\t\t\t\t\tLMB=<og-icon icon=\"${this.arrowMode ? 'arrow-right' : 'square'}\"></og-icon>&nbsp;\n\t\t\t\t\tRMB=<og-icon icon=\"circle-1\"></og-icon>&nbsp;\n\t\t\t\t\tc=color\n\t\t\t\t</span>\n\t\t\t\t<div class=\"sep\"></div>\n\t\t\t\t${(this.colors).map(hex => html`\n\t\t\t\t\t<button class=\"color-btn ${hex === this.color ? 'active' : ''}\"\n\t\t\t\t\t\tstyle=\"background:${hex}\"\n\t\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.color = hex; }}>\n\t\t\t\t\t</button>\n\t\t\t\t`)}\n\t\t\t\t<div class=\"sep\"></div>\n\t\t\t\t<span class=\"num\">#${this.calloutNum}</span>\n\t\t\t\t<og-button icon=\"arrow-right\" color=\"${this.arrowMode ? 'blue' : 'gray'}\"\n\t\t\t\t\ttitle=\"Arrow mode (A)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.arrowMode = !this.arrowMode; }}></og-button>\n\t\t\t\t<og-button icon=\"fill\" color=\"${this.fillEnabled ? 'blue' : 'gray'}\"\n\t\t\t\t\ttitle=\"Toggle fill (F)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.fillEnabled = !this.fillEnabled; }}></og-button>\n\t\t\t\t<og-button icon=\"rotate-left\" color=\"gray\"\n\t\t\t\t\ttitle=\"Undo (Z)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this._doUndo(); }}></og-button>\n\t\t\t\t<og-button icon=\"trash\" color=\"gray\"\n\t\t\t\t\ttitle=\"Clear all (R)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this._doClear(); }}></og-button>\n\t\t\t\t<og-button icon=\"copy\" color=\"gray\"\n\t\t\t\t\ttitle=\"Copy screenshot to clipboard (S)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this._copyScreenshot(); }}></og-button>\n\t\t\t\t<og-button icon=\"eye-slash\" color=\"gray\"\n\t\t\t\t\ttitle=\"Hide (;)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.toolVisible = false; }}></og-button>\n\t\t\t\t<og-button icon=\"xmark\" color=\"red\"\n\t\t\t\t\ttitle=\"Exit annotation tool\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.remove(); }}></og-button>\n\t\t\t</div>\n\n\t\t\t${!this.toolVisible ? html`\n\t\t\t\t<div class=\"pip\"\n\t\t\t\t\ttitle=\"Restore annotation panel (;)\"\n\t\t\t\t\t@click=${(e: Event) => { e.stopPropagation(); this.toolVisible = true; }}>\n\t\t\t\t\t${unsafeHTML(this.logoSvg)}\n\t\t\t\t</div>\n\t\t\t` : nothing}\n\t\t`;\n\t}\n}\n"]}

package/dist/ui/annotation.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=annotation.style.d.ts.map

package/dist/ui/annotation.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.style.d.ts","sourceRoot":"","sources":["../../src/ui/annotation.style.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,yBAuFjB,CAAC"}

package/dist/ui/annotation.style.js

@@ -0,0 +1,90 @@
+import { css } from 'lit';
+export const style = css `
+	:host { display: contents; }
+
+	og-button {
+		padding: 5px;
+	}
+
+	.overlay {
+		position: fixed;
+		top: 0; left: 0;
+		width: 100vw; height: 100vh;
+		z-index: 999998;
+		pointer-events: none;
+	}
+
+	.layer {
+		position: fixed;
+		top: 0; left: 0;
+		width: 100vw; height: 100vh;
+		z-index: 999997;
+		cursor: crosshair;
+	}
+
+	.tb[hidden] { display: none; }
+
+	.tb {
+		position: fixed;
+		top: 12px; left: 50%;
+		transform: translateX(-50%);
+		z-index: 999999;
+		background: #1c1c1e;
+		border: 1px solid #48484a;
+		border-radius: 10px;
+		padding: 7px 12px;
+		display: flex;
+		align-items: center;
+		gap: 7px;
+		box-shadow: 0 4px 24px rgba(0,0,0,.6);
+		font-family: system-ui, sans-serif;
+		font-size: 12px;
+		color: #fff;
+		user-select: none;
+		cursor: move;
+	}
+
+	.pip {
+		position: fixed;
+		bottom: 16px; right: 16px;
+		z-index: 999999;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		opacity: 0.75;
+	}
+
+	.sep {
+		width: 1px;
+		height: 18px;
+		background: #48484a;
+		flex-shrink: 0;
+	}
+
+	.hint {
+		color: #8e8e93;
+		font-size: 11px;
+		white-space: nowrap;
+		display: flex;
+	}
+
+	.num {
+		color: #8e8e93;
+		min-width: 22px;
+		text-align: center;
+	}
+
+	.color-btn {
+		width: 18px;
+		height: 18px;
+		border-radius: 50%;
+		border: 2px solid transparent;
+		cursor: pointer;
+		padding: 0;
+		flex-shrink: 0;
+	}
+
+	.color-btn.active { border-color: #fff; }
+`;
+//# sourceMappingURL=annotation.style.js.map

package/dist/ui/annotation.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation.style.js","sourceRoot":"","sources":["../../src/ui/annotation.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFvB,CAAC","sourcesContent":["import { css } from 'lit';\nexport const style = css`\n\t:host { display: contents; }\n\n\tog-button {\n\t\tpadding: 5px;\n\t}\n\n\t.overlay {\n\t\tposition: fixed;\n\t\ttop: 0; left: 0;\n\t\twidth: 100vw; height: 100vh;\n\t\tz-index: 999998;\n\t\tpointer-events: none;\n\t}\n\n\t.layer {\n\t\tposition: fixed;\n\t\ttop: 0; left: 0;\n\t\twidth: 100vw; height: 100vh;\n\t\tz-index: 999997;\n\t\tcursor: crosshair;\n\t}\n\n\t.tb[hidden] { display: none; }\n\n\t.tb {\n\t\tposition: fixed;\n\t\ttop: 12px; left: 50%;\n\t\ttransform: translateX(-50%);\n\t\tz-index: 999999;\n\t\tbackground: #1c1c1e;\n\t\tborder: 1px solid #48484a;\n\t\tborder-radius: 10px;\n\t\tpadding: 7px 12px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 7px;\n\t\tbox-shadow: 0 4px 24px rgba(0,0,0,.6);\n\t\tfont-family: system-ui, sans-serif;\n\t\tfont-size: 12px;\n\t\tcolor: #fff;\n\t\tuser-select: none;\n\t\tcursor: move;\n\t}\n\n\t.pip {\n\t\tposition: fixed;\n\t\tbottom: 16px; right: 16px;\n\t\tz-index: 999999;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\topacity: 0.75;\n\t}\n\n\t.sep {\n\t\twidth: 1px;\n\t\theight: 18px;\n\t\tbackground: #48484a;\n\t\tflex-shrink: 0;\n\t}\n\n\t.hint {\n\t\tcolor: #8e8e93;\n\t\tfont-size: 11px;\n\t\twhite-space: nowrap;\n\t\tdisplay: flex;\n\t}\n\n\t.num {\n\t\tcolor: #8e8e93;\n\t\tmin-width: 22px;\n\t\ttext-align: center;\n\t}\n\n\t.color-btn {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder-radius: 50%;\n\t\tborder: 2px solid transparent;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t\tflex-shrink: 0;\n\t}\n\n\t.color-btn.active { border-color: #fff; }\n`;\n"]}

package/dist/ui/index.d.ts

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './annotation';
 export * from './alert';
 export * from './baseElement';
 export * from './button';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

package/dist/ui/index.js

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './annotation';
 export * from './alert';
 export * from './baseElement';
 export * from './button';

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './baseElement';\nexport * from './button';\nexport * from './close';\nexport * from './checkbox';\nexport * from './container';\nexport * from './colorpicker';\nexport * from './dropdown';\nexport * from './dropdownColorPicker';\nexport * from './dropdownList';\nexport * from './dropdownMenu';\nexport * from './expander';\nexport * from './floatingWindow';\nexport * from './icon';\nexport * from './images';\nexport * from './input';\nexport * from './label';\nexport * from './fileInput';\nexport * from './numericInput';\nexport * from './list';\nexport * from './menu';\nexport * from './overlay';\nexport * from './panel';\nexport * from './sizer';\nexport * from './splitContainer';\nexport * from './slider';\nexport * from './sortableList';\nexport * from './switch';\nexport * from './tooltip';\nexport * from './loader';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './accordion';\nexport * from './annotation';\nexport * from './alert';\nexport * from './baseElement';\nexport * from './button';\nexport * from './close';\nexport * from './checkbox';\nexport * from './container';\nexport * from './colorpicker';\nexport * from './dropdown';\nexport * from './dropdownColorPicker';\nexport * from './dropdownList';\nexport * from './dropdownMenu';\nexport * from './expander';\nexport * from './floatingWindow';\nexport * from './icon';\nexport * from './images';\nexport * from './input';\nexport * from './label';\nexport * from './fileInput';\nexport * from './numericInput';\nexport * from './list';\nexport * from './menu';\nexport * from './overlay';\nexport * from './panel';\nexport * from './sizer';\nexport * from './splitContainer';\nexport * from './slider';\nexport * from './sortableList';\nexport * from './switch';\nexport * from './tooltip';\nexport * from './loader';"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/core",
-  "version": "0.10.25",
+  "version": "0.10.26",
   "license": "UNLICENSED",
   "description": "Core components",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/localize": "^0.10.25",
+    "@omegagrid/localize": "^0.10.26",
     "color": "^4.2.3",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",