@rosettadash/web-components 0.1.0

package/src/visual/media/equirect-viewport/rd-equirect-viewport.js

@@ -0,0 +1,199 @@
+import { buildEquirectExtractFilter, DEFAULT_EQUIRECT_FLAT_CROP, DEFAULT_EQUIRECT_SOURCE, } from '@rosettadash/core';
+import { defineRosettaElement, readNumber, readString } from '../../../lib/element-utils.js';
+import { applyShadowMount, ensureShadowBase, getShadowBase, loadShadowPairForTag } from '../../../lib/shadow-base.js';
+import { loadTextResource } from '../../../lib/shadow-resources.js';
+export const DB_EQUIRECT_VIEWPORT_TAG = 'rd-equirect-viewport';
+export class RdEquirectViewportElement extends HTMLElement {
+    static tagName = DB_EQUIRECT_VIEWPORT_TAG;
+    resourcesReady = null;
+    static get observedAttributes() {
+        return [
+            'label',
+            'preview-mode',
+            'source-width',
+            'source-height',
+            'crop-x',
+            'crop-y',
+            'crop-width',
+            'crop-height',
+            'output-width',
+            'output-height',
+            'yaw',
+            'pitch',
+            'horizontal-fov',
+        ];
+    }
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => {
+            this.paint();
+            this.emitCropRegion();
+        });
+    }
+    attributeChangedCallback() {
+        if (this.shadowRoot && this.resourcesReady) {
+            void this.resourcesReady.then(() => {
+                this.paint();
+                this.emitCropRegion();
+            });
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    setProperty(name, value) {
+        const attrMap = {
+            previewMode: 'preview-mode',
+            sourceWidth: 'source-width',
+            sourceHeight: 'source-height',
+            cropX: 'crop-x',
+            cropY: 'crop-y',
+            cropWidth: 'crop-width',
+            cropHeight: 'crop-height',
+            outputWidth: 'output-width',
+            outputHeight: 'output-height',
+            horizontalFov: 'horizontal-fov',
+        };
+        const attr = attrMap[name] ?? name;
+        if (value === null || value === undefined) {
+            this.removeAttribute(attr);
+        }
+        else {
+            this.setAttribute(attr, String(value));
+        }
+    }
+    get previewMode() {
+        const mode = readString(this.getAttribute('preview-mode'), 'flat-crop');
+        return mode === 'rectilinear' ? 'rectilinear' : 'flat-crop';
+    }
+    get label() {
+        return readString(this.getAttribute('label'), 'Equirect viewport');
+    }
+    get cropRegion() {
+        return {
+            cropX: this.cropX,
+            cropY: this.cropY,
+            cropWidth: this.cropWidth,
+            cropHeight: this.cropHeight,
+            outputWidth: this.outputWidth,
+            outputHeight: this.outputHeight,
+            yaw: this.yaw,
+            pitch: this.pitch,
+            horizontalFov: this.horizontalFov,
+            previewMode: this.previewMode,
+            filter: buildEquirectExtractFilter(this.previewMode, {
+                cropX: this.cropX,
+                cropY: this.cropY,
+                cropWidth: this.cropWidth,
+                cropHeight: this.cropHeight,
+                outputWidth: this.outputWidth,
+                outputHeight: this.outputHeight,
+                yaw: this.yaw,
+                pitch: this.pitch,
+                horizontalFov: this.horizontalFov,
+            }),
+        };
+    }
+    get sourceWidth() {
+        return readNumber(this.getAttribute('source-width'), DEFAULT_EQUIRECT_SOURCE.width);
+    }
+    get sourceHeight() {
+        return readNumber(this.getAttribute('source-height'), DEFAULT_EQUIRECT_SOURCE.height);
+    }
+    get cropX() {
+        return readNumber(this.getAttribute('crop-x'), DEFAULT_EQUIRECT_FLAT_CROP.cropX);
+    }
+    get cropY() {
+        return readNumber(this.getAttribute('crop-y'), DEFAULT_EQUIRECT_FLAT_CROP.cropY);
+    }
+    get cropWidth() {
+        return readNumber(this.getAttribute('crop-width'), DEFAULT_EQUIRECT_FLAT_CROP.cropWidth);
+    }
+    get cropHeight() {
+        return readNumber(this.getAttribute('crop-height'), DEFAULT_EQUIRECT_FLAT_CROP.cropHeight);
+    }
+    get outputWidth() {
+        return readNumber(this.getAttribute('output-width'), DEFAULT_EQUIRECT_FLAT_CROP.outputWidth);
+    }
+    get outputHeight() {
+        return readNumber(this.getAttribute('output-height'), DEFAULT_EQUIRECT_FLAT_CROP.outputHeight);
+    }
+    get yaw() {
+        return readNumber(this.getAttribute('yaw'), 0);
+    }
+    get pitch() {
+        return readNumber(this.getAttribute('pitch'), 0);
+    }
+    get horizontalFov() {
+        return readNumber(this.getAttribute('horizontal-fov'), 90);
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('[data-ref="root"]')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(DB_EQUIRECT_VIEWPORT_TAG, './rd-equirect-viewport.html', './rd-equirect-viewport.css');
+        const panelCss = await loadTextResource('../../../lib/panel.css', getShadowBase(DB_EQUIRECT_VIEWPORT_TAG));
+        applyShadowMount(root, { html: pair.html, css: `${panelCss}\n${pair.css}` });
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const cropLeftPct = (this.cropX / this.sourceWidth) * 100;
+        const cropTopPct = (this.cropY / this.sourceHeight) * 100;
+        const cropWidthPct = (this.cropWidth / this.sourceWidth) * 100;
+        const cropHeightPct = (this.cropHeight / this.sourceHeight) * 100;
+        const flatPreview = `
+      <div class="equirect-frame" style="aspect-ratio: ${this.sourceWidth} / ${this.sourceHeight}">
+        <div class="equirect-frame__crop" style="left:${cropLeftPct}%;top:${cropTopPct}%;width:${cropWidthPct}%;height:${cropHeightPct}%"></div>
+      </div>
+    `;
+        const rectilinearPreview = `
+      <div class="rectilinear-preview">
+        <div class="rectilinear-preview__cone" style="transform: rotateY(${this.yaw}deg) rotateX(${-this.pitch}deg)"></div>
+        <dl class="rectilinear-preview__meta">
+          <div><dt>Yaw</dt><dd>${this.yaw}°</dd></div>
+          <div><dt>Pitch</dt><dd>${this.pitch}°</dd></div>
+          <div><dt>FOV</dt><dd>${this.horizontalFov}°</dd></div>
+        </dl>
+      </div>
+    `;
+        const labelEl = root.querySelector('[data-ref="label"]');
+        const modeEl = root.querySelector('[data-ref="mode"]');
+        if (labelEl) {
+            labelEl.textContent = this.label;
+        }
+        if (modeEl) {
+            modeEl.textContent = this.previewMode === 'flat-crop' ? 'Flat crop' : 'Rectilinear';
+        }
+        const preview = root.querySelector('[data-ref="preview"]');
+        if (preview) {
+            preview.innerHTML = this.previewMode === 'flat-crop' ? flatPreview : rectilinearPreview;
+        }
+        const filterEl = root.querySelector('[data-ref="filter"]');
+        if (filterEl) {
+            filterEl.textContent = String(this.cropRegion['filter']);
+        }
+        const outputEl = root.querySelector('[data-ref="output"]');
+        if (outputEl) {
+            outputEl.textContent = `Output ${this.outputWidth}×${this.outputHeight}`;
+        }
+    }
+    emitCropRegion() {
+        this.dispatchEvent(new CustomEvent('crop-region', {
+            detail: this.cropRegion,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+}
+export function registerRdEquirectViewport() {
+    ensureShadowBase(DB_EQUIRECT_VIEWPORT_TAG);
+    defineRosettaElement(RdEquirectViewportElement.tagName, RdEquirectViewportElement);
+}
+//# sourceMappingURL=rd-equirect-viewport.js.map

package/src/visual/media/equirect-viewport/rd-equirect-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-equirect-viewport.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/media/equirect-viewport/rd-equirect-viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAgB,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3G,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACtH,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;AAI/D,MAAM,OAAO,yBAA0B,SAAQ,WAAW;IACxD,MAAM,CAAU,OAAO,GAAG,wBAAwB,CAAC;IAE3C,cAAc,GAAyB,IAAI,CAAC;IAEpD,MAAM,KAAK,kBAAkB;QAC3B,OAAO;YACL,OAAO;YACP,cAAc;YACd,cAAc;YACd,eAAe;YACf,QAAQ;YACR,QAAQ;YACR,YAAY;YACZ,aAAa;YACb,cAAc;YACd,eAAe;YACf,KAAK;YACL,OAAO;YACP,gBAAgB;SACjB,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC3C,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;gBACjC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;IAED,WAAW,CAAC,IAAY,EAAE,KAAc;QACtC,MAAM,OAAO,GAA2B;YACtC,WAAW,EAAE,cAAc;YAC3B,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,eAAe;YAC7B,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,aAAa;YACzB,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,gBAAgB;SAChC,CAAC;QAEF,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;QACnC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,IAAI,WAAW;QACb,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;QACxE,OAAO,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;IAC9D,CAAC;IAED,IAAI,KAAK;QACP,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC,CAAC;IACrE,CAAC;IAED,IAAI,UAAU;QACZ,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,MAAM,EAAE,0BAA0B,CAAC,IAAI,CAAC,WAAW,EAAE;gBACnD,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,aAAa,EAAE,IAAI,CAAC,aAAa;aAClC,CAAC;SACH,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACtF,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACxF,CAAC;IAED,IAAY,KAAK;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACnF,CAAC;IAED,IAAY,KAAK;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACnF,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAC3F,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,0BAA0B,CAAC,UAAU,CAAC,CAAC;IAC7F,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IAC/F,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IACjG,CAAC;IAED,IAAY,GAAG;QACb,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,IAAY,KAAK;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IACnD,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEO,KAAK,CAAC,WAAW;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,oBAAoB,CACrC,wBAAwB,EACxB,6BAA6B,EAC7B,4BAA4B,CAC7B,CAAC;QACF,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,wBAAwB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC;QAC3G,gBAAgB,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,KAAK,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC/E,CAAC;IAEO,KAAK;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC;QAC1D,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;QAC1D,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC;QAC/D,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;QAElE,MAAM,WAAW,GAAG;yDACiC,IAAI,CAAC,WAAW,MAAM,IAAI,CAAC,YAAY;wDACxC,WAAW,SAAS,UAAU,WAAW,YAAY,YAAY,aAAa;;KAEjI,CAAC;QAEF,MAAM,kBAAkB,GAAG;;2EAE4C,IAAI,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK;;iCAE7E,IAAI,CAAC,GAAG;mCACN,IAAI,CAAC,KAAK;iCACZ,IAAI,CAAC,aAAa;;;KAG9C,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACvD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;QACtF,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC3D,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAC1F,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC3D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC3D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,WAAW,GAAG,UAAU,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3E,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,MAAM,EAAE,IAAI,CAAC,UAAU;YACvB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;;AAGH,MAAM,UAAU,0BAA0B;IACxC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;IAC3C,oBAAoB,CAAC,yBAAyB,CAAC,OAAO,EAAE,yBAAyB,CAAC,CAAC;AACrF,CAAC"}

package/src/visual/media/index.d.ts

@@ -0,0 +1,3 @@
+export { RdVideoSourceElement, DB_VIDEO_SOURCE_TAG, registerRdVideoSource } from './video-source/index.js';
+export { RdEquirectViewportElement, DB_EQUIRECT_VIEWPORT_TAG, registerRdEquirectViewport, type EquirectPreviewMode, } from './equirect-viewport/index.js';
+export declare function registerRosettaDashMediaElements(): void;

package/src/visual/media/index.js

@@ -0,0 +1,9 @@
+export { RdVideoSourceElement, DB_VIDEO_SOURCE_TAG, registerRdVideoSource } from './video-source/index.js';
+export { RdEquirectViewportElement, DB_EQUIRECT_VIEWPORT_TAG, registerRdEquirectViewport, } from './equirect-viewport/index.js';
+import { registerRdEquirectViewport } from './equirect-viewport/index.js';
+import { registerRdVideoSource } from './video-source/index.js';
+export function registerRosettaDashMediaElements() {
+    registerRdVideoSource();
+    registerRdEquirectViewport();
+}
+//# sourceMappingURL=index.js.map

package/src/visual/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3G,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAE3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,gCAAgC;IAC9C,qBAAqB,EAAE,CAAC;IACxB,0BAA0B,EAAE,CAAC;AAC/B,CAAC"}

package/src/visual/media/video-source/index.d.ts

@@ -0,0 +1 @@
+export { RdVideoSourceElement, DB_VIDEO_SOURCE_TAG, registerRdVideoSource } from './rd-video-source.js';

package/src/visual/media/video-source/index.js

@@ -0,0 +1,2 @@
+export { RdVideoSourceElement, DB_VIDEO_SOURCE_TAG, registerRdVideoSource } from './rd-video-source.js';
+//# sourceMappingURL=index.js.map

package/src/visual/media/video-source/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/media/video-source/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/src/visual/media/video-source/rd-video-source.d.ts

@@ -0,0 +1,19 @@
+export declare const DB_VIDEO_SOURCE_TAG = "rd-video-source";
+export declare class RdVideoSourceElement extends HTMLElement {
+    static readonly tagName = "rd-video-source";
+    private inputEl;
+    private resourcesReady;
+    private changeListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setProperty(name: string, value: unknown): void;
+    whenReady(): Promise<void>;
+    get label(): string;
+    get accept(): string;
+    get sourceWidth(): number;
+    get sourceHeight(): number;
+    private mountShadow;
+    private paint;
+    private handleFileSelected;
+}
+export declare function registerRdVideoSource(): void;

package/src/visual/media/video-source/rd-video-source.js

@@ -0,0 +1,105 @@
+import { DEFAULT_EQUIRECT_SOURCE } from '@rosettadash/core';
+import { defineRosettaElement, readNumber, readString } from '../../../lib/element-utils.js';
+import { applyShadowMount, ensureShadowBase, loadShadowPairForTag } from '../../../lib/shadow-base.js';
+export const DB_VIDEO_SOURCE_TAG = 'rd-video-source';
+export class RdVideoSourceElement extends HTMLElement {
+    static tagName = DB_VIDEO_SOURCE_TAG;
+    inputEl = null;
+    resourcesReady = null;
+    changeListener = null;
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+        this.resourcesReady = this.mountShadow();
+        void this.resourcesReady.then(() => this.paint());
+    }
+    disconnectedCallback() {
+        if (this.inputEl && this.changeListener) {
+            this.inputEl.removeEventListener('change', this.changeListener);
+        }
+        this.changeListener = null;
+        this.inputEl = null;
+    }
+    setProperty(name, value) {
+        this[name] = value;
+        if (this.resourcesReady) {
+            void this.resourcesReady.then(() => this.paint());
+        }
+    }
+    whenReady() {
+        return this.resourcesReady ?? Promise.resolve();
+    }
+    get label() {
+        return readString(this.getAttribute('label'), 'Video source');
+    }
+    get accept() {
+        return readString(this.getAttribute('accept'), 'video/*');
+    }
+    get sourceWidth() {
+        return readNumber(this.getAttribute('source-width'), DEFAULT_EQUIRECT_SOURCE.width);
+    }
+    get sourceHeight() {
+        return readNumber(this.getAttribute('source-height'), DEFAULT_EQUIRECT_SOURCE.height);
+    }
+    async mountShadow() {
+        const root = this.shadowRoot;
+        if (!root || root.querySelector('.video-source')) {
+            return;
+        }
+        const pair = await loadShadowPairForTag(DB_VIDEO_SOURCE_TAG, './rd-video-source.html', './rd-video-source.css');
+        applyShadowMount(root, pair);
+        this.inputEl = root.querySelector('[data-ref="input"]');
+        this.changeListener = () => this.handleFileSelected();
+        this.inputEl?.addEventListener('change', this.changeListener);
+    }
+    paint() {
+        const root = this.shadowRoot;
+        if (!root) {
+            return;
+        }
+        const labelEl = root.querySelector('[data-ref="label"]');
+        const metaEl = root.querySelector('[data-ref="meta"]');
+        if (labelEl) {
+            labelEl.textContent = this.label;
+        }
+        if (metaEl) {
+            metaEl.textContent = `${this.sourceWidth}×${this.sourceHeight}`;
+        }
+        const input = root.querySelector('[data-ref="input"]');
+        if (input) {
+            input.accept = this.accept;
+        }
+    }
+    handleFileSelected() {
+        const file = this.inputEl?.files?.[0];
+        if (!file) {
+            return;
+        }
+        const nameEl = this.shadowRoot?.querySelector('[data-ref="file-name"]');
+        if (nameEl) {
+            nameEl.textContent = file.name;
+        }
+        const metadata = {
+            name: file.name,
+            sourceWidth: this.sourceWidth,
+            sourceHeight: this.sourceHeight,
+            size: file.size,
+        };
+        this.dispatchEvent(new CustomEvent('video-file', {
+            detail: { file, metadata },
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent('metadata', {
+            detail: metadata,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+}
+export function registerRdVideoSource() {
+    ensureShadowBase(DB_VIDEO_SOURCE_TAG);
+    defineRosettaElement(RdVideoSourceElement.tagName, RdVideoSourceElement);
+}
+//# sourceMappingURL=rd-video-source.js.map

package/src/visual/media/video-source/rd-video-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-video-source.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/media/video-source/rd-video-source.ts"],"names":[],"mappings":"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"}

package/src/wasm/index.d.ts

@@ -0,0 +1,2 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia } from './wasm-media/index.js';
+export declare function registerRosettaDashWasmElements(): void;

package/src/wasm/index.js

@@ -0,0 +1,6 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia } from './wasm-media/index.js';
+import { registerRdWasmMedia } from './wasm-media/index.js';
+export function registerRosettaDashWasmElements() {
+    registerRdWasmMedia();
+}
+//# sourceMappingURL=index.js.map

package/src/wasm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/web-components/src/wasm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,+BAA+B;IAC7C,mBAAmB,EAAE,CAAC;AACxB,CAAC"}

package/src/wasm/wasm-media/index.d.ts

@@ -0,0 +1 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia } from './rd-wasm-media.js';

package/src/wasm/wasm-media/index.js

@@ -0,0 +1,2 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia } from './rd-wasm-media.js';
+//# sourceMappingURL=index.js.map

package/src/wasm/wasm-media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/wasm/wasm-media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/src/wasm/wasm-media/rd-wasm-media.d.ts

@@ -0,0 +1,30 @@
+export declare const DB_WASM_MEDIA_TAG = "rd-wasm-media";
+type ExtractionMode = 'flat-crop' | 'rectilinear';
+export declare class RdWasmMediaElement extends HTMLElement {
+    static readonly tagName = "rd-wasm-media";
+    private ffmpeg;
+    private inputFile;
+    private cropRegion;
+    private busy;
+    private progress;
+    private error;
+    private resourcesReady;
+    private extractListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setProperty(name: string, value: unknown): void;
+    whenReady(): Promise<void>;
+    get label(): string;
+    get operation(): string;
+    get extractionMode(): ExtractionMode;
+    get outputFormat(): string;
+    get showProgress(): boolean;
+    get filterPreview(): string;
+    private resolveCrop;
+    private mountShadow;
+    private paint;
+    private ensureFfmpeg;
+    runEquirectExtract(): Promise<void>;
+}
+export declare function registerRdWasmMedia(): void;
+export {};