@rosettadash/vue 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/package.json +8 -2
  2. package/src/domain/role-gate/role-gate.d.ts +21 -0
  3. package/src/domain/role-gate/role-gate.js +32 -4
  4. package/src/domain/role-gate/role-gate.js.map +1 -1
  5. package/src/domain/time-preset/time-preset.d.ts +4 -2
  6. package/src/domain/time-preset/time-preset.js +12 -2
  7. package/src/domain/time-preset/time-preset.js.map +1 -1
  8. package/src/index.d.ts +1 -0
  9. package/src/index.js +1 -0
  10. package/src/index.js.map +1 -1
  11. package/src/layout/scroll-region/index.d.ts +2 -0
  12. package/src/layout/scroll-region/index.js +2 -0
  13. package/src/layout/scroll-region/index.js.map +1 -0
  14. package/src/layout/scroll-region/scroll-region.d.ts +53 -0
  15. package/src/layout/scroll-region/scroll-region.js +28 -0
  16. package/src/layout/scroll-region/scroll-region.js.map +1 -0
  17. package/src/lib/custom-element-host.js +6 -2
  18. package/src/lib/custom-element-host.js.map +1 -1
  19. package/src/visual/chart/bar/bar-chart.d.ts +34 -0
  20. package/src/visual/chart/bar/bar-chart.js +71 -7
  21. package/src/visual/chart/bar/bar-chart.js.map +1 -1
  22. package/src/visual/chart/line/line-chart.d.ts +44 -0
  23. package/src/visual/chart/line/line-chart.js +104 -7
  24. package/src/visual/chart/line/line-chart.js.map +1 -1
  25. package/src/visual/display/3d-geo-globe/three-geo-globe.d.ts +18 -29
  26. package/src/visual/display/3d-geo-globe/three-geo-globe.js +19 -20
  27. package/src/visual/display/3d-geo-globe/three-geo-globe.js.map +1 -1
  28. package/src/visual/input/date-range/date-range-filter.d.ts +32 -2
  29. package/src/visual/input/date-range/date-range-filter.js +38 -6
  30. package/src/visual/input/date-range/date-range-filter.js.map +1 -1
  31. package/src/visual/input/number/number-input.d.ts +24 -2
  32. package/src/visual/input/number/number-input.js +31 -5
  33. package/src/visual/input/number/number-input.js.map +1 -1
  34. package/src/visual/input/select/select-input.d.ts +14 -2
  35. package/src/visual/input/select/select-input.js +25 -7
  36. package/src/visual/input/select/select-input.js.map +1 -1
  37. package/src/visual/media/equirect-sphere-viewport/equirect-sphere-viewport.d.ts +205 -0
  38. package/src/visual/media/equirect-sphere-viewport/equirect-sphere-viewport.js +576 -0
  39. package/src/visual/media/equirect-sphere-viewport/equirect-sphere-viewport.js.map +1 -0
  40. package/src/visual/media/equirect-sphere-viewport/index.d.ts +2 -0
  41. package/src/visual/media/equirect-sphere-viewport/index.js +2 -0
  42. package/src/visual/media/equirect-sphere-viewport/index.js.map +1 -0
  43. package/src/visual/media/equirect-sphere-viewport/planet-shader.d.ts +6 -0
  44. package/src/visual/media/equirect-sphere-viewport/planet-shader.js +69 -0
  45. package/src/visual/media/equirect-sphere-viewport/planet-shader.js.map +1 -0
  46. package/src/visual/media/flat-video-viewport/flat-video-viewport.d.ts +160 -0
  47. package/src/visual/media/flat-video-viewport/flat-video-viewport.js +370 -0
  48. package/src/visual/media/flat-video-viewport/flat-video-viewport.js.map +1 -0
  49. package/src/visual/media/flat-video-viewport/index.d.ts +2 -0
  50. package/src/visual/media/flat-video-viewport/index.js +2 -0
  51. package/src/visual/media/flat-video-viewport/index.js.map +1 -0
  52. package/src/visual/news/language-select/news-language-select.js +4 -4
  53. package/src/visual/news/language-select/news-language-select.js.map +1 -1
  54. package/src/visual/news/region-select/news-region-select.js +4 -4
  55. package/src/visual/news/region-select/news-region-select.js.map +1 -1
  56. package/src/visual/news/type-select/news-type-select.js +4 -4
  57. package/src/visual/news/type-select/news-type-select.js.map +1 -1
  58. package/src/visual/table/data-table.d.ts +25 -3
  59. package/src/visual/table/data-table.js +38 -10
  60. package/src/visual/table/data-table.js.map +1 -1
@@ -0,0 +1,69 @@
1
+ /**
2
+ * Unified equirect viewport: rectilinear (Three.js unproject) blended to stereographic
3
+ * little-planet. Yaw/pitch define the projection center (center of attention).
4
+ */
5
+ export const VIEWPORT_VERTEX_SHADER = `
6
+ varying vec2 vNdc;
7
+ void main() {
8
+ vNdc = position.xy;
9
+ gl_Position = vec4(position.xy, 0.0, 1.0);
10
+ }
11
+ `;
12
+ export const VIEWPORT_FRAGMENT_SHADER = `
13
+ precision highp float;
14
+
15
+ uniform sampler2D map;
16
+ uniform mat4 projectionMatrixInverse;
17
+ uniform mat4 cameraMatrixWorld;
18
+ uniform vec3 cameraOrigin;
19
+ uniform mat3 viewRot;
20
+ uniform float planetMix;
21
+ uniform float planetSpread;
22
+ uniform float aspect;
23
+ uniform float flipInterior;
24
+
25
+ varying vec2 vNdc;
26
+
27
+ const float PI = 3.141592653589793;
28
+
29
+ vec3 cameraWorldRay(vec2 ndc) {
30
+ vec4 clip = vec4(ndc.x, ndc.y, 0.5, 1.0);
31
+ vec4 view = projectionMatrixInverse * clip;
32
+ view /= view.w;
33
+ vec4 world = cameraMatrixWorld * view;
34
+ return normalize(world.xyz - cameraOrigin);
35
+ }
36
+
37
+ /** Stereographic disk in camera space; center = look direction (0,0,-1). */
38
+ vec3 stereographicLocal(vec2 ndc) {
39
+ vec2 p = ndc * planetSpread;
40
+ float r2 = dot(p, p);
41
+ return vec3(2.0 * p.x, 2.0 * p.y, r2 - 1.0) / (1.0 + r2);
42
+ }
43
+
44
+ /** Match Three.js SphereGeometry UV + horizontal flip used on interior sphere. */
45
+ vec2 equirectUv(vec3 dir) {
46
+ vec3 d = normalize(dir);
47
+ float theta = acos(clamp(d.y, -1.0, 1.0));
48
+ float phi = atan(d.z, -d.x);
49
+ float u = phi / (2.0 * PI) + 0.5;
50
+ float v = 1.0 - theta / PI;
51
+ if (flipInterior > 0.5) {
52
+ u = 1.0 - u;
53
+ }
54
+ return vec2(u, v);
55
+ }
56
+
57
+ void main() {
58
+ vec2 ndc = vNdc;
59
+ ndc.x *= aspect;
60
+
61
+ float mixAmt = clamp(planetMix, 0.0, 1.0);
62
+ vec3 dirRect = cameraWorldRay(ndc);
63
+ vec3 dirStereo = viewRot * stereographicLocal(ndc);
64
+ vec3 dir = normalize(mix(dirRect, dirStereo, mixAmt));
65
+
66
+ gl_FragColor = texture2D(map, equirectUv(dir));
67
+ }
68
+ `;
69
+ //# sourceMappingURL=planet-shader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"planet-shader.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/equirect-sphere-viewport/planet-shader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;CAMrC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDvC,CAAC"}
@@ -0,0 +1,160 @@
1
+ import { type FlatCropRect } from '@rosettadash/core';
2
+ import { type PropType, type StyleValue } from 'vue';
3
+ export type FlatVideoCropChange = FlatCropRect;
4
+ export interface FlatVideoViewportHandle {
5
+ play: () => Promise<void>;
6
+ pause: () => void;
7
+ stop: () => void;
8
+ seek: (time: number) => void;
9
+ getCurrentTime: () => number;
10
+ getDuration: () => number;
11
+ isPaused: () => boolean;
12
+ getOutputCanvas: () => HTMLCanvasElement | null;
13
+ startRecording: () => void;
14
+ stopRecording: () => Promise<Blob | null>;
15
+ }
16
+ export interface FlatVideoViewportProps {
17
+ videoSrc?: string | null;
18
+ sourceWidth: number;
19
+ sourceHeight: number;
20
+ cropX: number;
21
+ cropY: number;
22
+ cropWidth: number;
23
+ cropHeight: number;
24
+ outputWidth?: number;
25
+ outputHeight?: number;
26
+ lockAspectRatio?: boolean;
27
+ className?: string;
28
+ style?: StyleValue;
29
+ outputPreviewHost?: HTMLElement | null;
30
+ onCropChange?: (detail: FlatVideoCropChange) => void;
31
+ }
32
+ export declare const FlatVideoViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
33
+ className: {
34
+ type: PropType<string | undefined>;
35
+ default: undefined;
36
+ };
37
+ style: {
38
+ type: PropType<StyleValue | undefined>;
39
+ default: undefined;
40
+ };
41
+ videoSrc: {
42
+ type: PropType<string | null | undefined>;
43
+ default: undefined;
44
+ };
45
+ sourceWidth: {
46
+ type: NumberConstructor;
47
+ required: true;
48
+ };
49
+ sourceHeight: {
50
+ type: NumberConstructor;
51
+ required: true;
52
+ };
53
+ cropX: {
54
+ type: NumberConstructor;
55
+ required: true;
56
+ };
57
+ cropY: {
58
+ type: NumberConstructor;
59
+ required: true;
60
+ };
61
+ cropWidth: {
62
+ type: NumberConstructor;
63
+ required: true;
64
+ };
65
+ cropHeight: {
66
+ type: NumberConstructor;
67
+ required: true;
68
+ };
69
+ outputWidth: {
70
+ type: PropType<number | undefined>;
71
+ default: number;
72
+ };
73
+ outputHeight: {
74
+ type: PropType<number | undefined>;
75
+ default: number;
76
+ };
77
+ lockAspectRatio: {
78
+ type: PropType<boolean | undefined>;
79
+ default: boolean;
80
+ };
81
+ outputPreviewHost: {
82
+ type: PropType<HTMLElement | null | undefined>;
83
+ default: undefined;
84
+ };
85
+ onCropChange: {
86
+ type: PropType<((detail: FlatVideoCropChange) => void) | undefined>;
87
+ default: undefined;
88
+ };
89
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
90
+ [key: string]: any;
91
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cropChange"[], "cropChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
92
+ className: {
93
+ type: PropType<string | undefined>;
94
+ default: undefined;
95
+ };
96
+ style: {
97
+ type: PropType<StyleValue | undefined>;
98
+ default: undefined;
99
+ };
100
+ videoSrc: {
101
+ type: PropType<string | null | undefined>;
102
+ default: undefined;
103
+ };
104
+ sourceWidth: {
105
+ type: NumberConstructor;
106
+ required: true;
107
+ };
108
+ sourceHeight: {
109
+ type: NumberConstructor;
110
+ required: true;
111
+ };
112
+ cropX: {
113
+ type: NumberConstructor;
114
+ required: true;
115
+ };
116
+ cropY: {
117
+ type: NumberConstructor;
118
+ required: true;
119
+ };
120
+ cropWidth: {
121
+ type: NumberConstructor;
122
+ required: true;
123
+ };
124
+ cropHeight: {
125
+ type: NumberConstructor;
126
+ required: true;
127
+ };
128
+ outputWidth: {
129
+ type: PropType<number | undefined>;
130
+ default: number;
131
+ };
132
+ outputHeight: {
133
+ type: PropType<number | undefined>;
134
+ default: number;
135
+ };
136
+ lockAspectRatio: {
137
+ type: PropType<boolean | undefined>;
138
+ default: boolean;
139
+ };
140
+ outputPreviewHost: {
141
+ type: PropType<HTMLElement | null | undefined>;
142
+ default: undefined;
143
+ };
144
+ onCropChange: {
145
+ type: PropType<((detail: FlatVideoCropChange) => void) | undefined>;
146
+ default: undefined;
147
+ };
148
+ }>> & Readonly<{
149
+ onCropChange?: ((...args: any[]) => any) | undefined;
150
+ }>, {
151
+ className: string | undefined;
152
+ style: StyleValue;
153
+ outputWidth: number | undefined;
154
+ outputHeight: number | undefined;
155
+ videoSrc: string | null | undefined;
156
+ outputPreviewHost: HTMLElement | null | undefined;
157
+ lockAspectRatio: boolean | undefined;
158
+ onCropChange: ((detail: FlatVideoCropChange) => void) | undefined;
159
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
160
+ export type FlatVideoViewportComponent = typeof FlatVideoViewport;
@@ -0,0 +1,370 @@
1
+ import { __awaiter } from "tslib";
2
+ import { clampCropToSource } from '@rosettadash/core';
3
+ import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, } from 'vue';
4
+ function clamp(value, low, high) {
5
+ return Math.min(high, Math.max(low, value));
6
+ }
7
+ function pickRecorderMimeType() {
8
+ const candidates = ['video/webm;codecs=vp9', 'video/webm;codecs=vp8', 'video/webm'];
9
+ for (const type of candidates) {
10
+ if (MediaRecorder.isTypeSupported(type)) {
11
+ return type;
12
+ }
13
+ }
14
+ return 'video/webm';
15
+ }
16
+ function previewCanvasSize(cropWidth, cropHeight, maxEdge = 720) {
17
+ const safeCropWidth = Math.max(2, Math.round(cropWidth));
18
+ const safeCropHeight = Math.max(2, Math.round(cropHeight));
19
+ const scale = Math.min(1, maxEdge / Math.max(safeCropWidth, safeCropHeight));
20
+ return {
21
+ width: Math.max(2, Math.round((safeCropWidth * scale) / 2) * 2),
22
+ height: Math.max(2, Math.round((safeCropHeight * scale) / 2) * 2),
23
+ };
24
+ }
25
+ function fitCropSizeInHost(cropWidth, cropHeight, hostWidth, hostHeight, dpr = 1) {
26
+ const cropW = Math.max(2, Math.round(cropWidth));
27
+ const cropH = Math.max(2, Math.round(cropHeight));
28
+ const cropAspect = cropW / cropH;
29
+ const hostAspect = hostWidth / hostHeight;
30
+ let fitWidth;
31
+ let fitHeight;
32
+ if (cropAspect > hostAspect) {
33
+ fitWidth = hostWidth;
34
+ fitHeight = hostWidth / cropAspect;
35
+ }
36
+ else {
37
+ fitHeight = hostHeight;
38
+ fitWidth = hostHeight * cropAspect;
39
+ }
40
+ return {
41
+ width: Math.max(2, Math.round((fitWidth * dpr) / 2) * 2),
42
+ height: Math.max(2, Math.round((fitHeight * dpr) / 2) * 2),
43
+ };
44
+ }
45
+ function applyPreviewCanvasLayout(canvas, cropWidth, cropHeight, host) {
46
+ const dpr = Math.min(typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1, 2);
47
+ const rect = host === null || host === void 0 ? void 0 : host.getBoundingClientRect();
48
+ const { width, height } = rect && rect.width > 0 && rect.height > 0
49
+ ? fitCropSizeInHost(cropWidth, cropHeight, rect.width, rect.height, dpr)
50
+ : previewCanvasSize(cropWidth, cropHeight);
51
+ canvas.width = width;
52
+ canvas.height = height;
53
+ canvas.style.removeProperty('width');
54
+ canvas.style.removeProperty('height');
55
+ canvas.style.removeProperty('max-width');
56
+ canvas.style.removeProperty('max-height');
57
+ canvas.style.removeProperty('aspect-ratio');
58
+ }
59
+ function drawFlatCropPreview(ctx, video, cropX, cropY, cropWidth, cropHeight, canvasWidth, canvasHeight) {
60
+ ctx.fillStyle = '#000';
61
+ ctx.fillRect(0, 0, canvasWidth, canvasHeight);
62
+ ctx.drawImage(video, cropX, cropY, cropWidth, cropHeight, 0, 0, canvasWidth, canvasHeight);
63
+ }
64
+ function cropToPercent(crop, sourceWidth, sourceHeight) {
65
+ return {
66
+ left: (crop.cropX / sourceWidth) * 100,
67
+ top: (crop.cropY / sourceHeight) * 100,
68
+ width: (crop.cropWidth / sourceWidth) * 100,
69
+ height: (crop.cropHeight / sourceHeight) * 100,
70
+ };
71
+ }
72
+ function pointerToSource(clientX, clientY, frameRect, sourceWidth, sourceHeight) {
73
+ const x = clamp(((clientX - frameRect.left) / frameRect.width) * sourceWidth, 0, sourceWidth);
74
+ const y = clamp(((clientY - frameRect.top) / frameRect.height) * sourceHeight, 0, sourceHeight);
75
+ return { x, y };
76
+ }
77
+ export const FlatVideoViewport = defineComponent({
78
+ name: 'RdFlatVideoViewport',
79
+ props: {
80
+ className: { type: String, default: undefined },
81
+ style: { type: [String, Object, Array], default: undefined },
82
+ videoSrc: { type: String, default: undefined },
83
+ sourceWidth: { type: Number, required: true },
84
+ sourceHeight: { type: Number, required: true },
85
+ cropX: { type: Number, required: true },
86
+ cropY: { type: Number, required: true },
87
+ cropWidth: { type: Number, required: true },
88
+ cropHeight: { type: Number, required: true },
89
+ outputWidth: { type: Number, default: 640 },
90
+ outputHeight: { type: Number, default: 360 },
91
+ lockAspectRatio: { type: Boolean, default: false },
92
+ outputPreviewHost: { type: Object, default: undefined },
93
+ onCropChange: {
94
+ type: Function,
95
+ default: undefined,
96
+ },
97
+ },
98
+ emits: ['cropChange'],
99
+ setup(props, { emit, expose, attrs }) {
100
+ const hostRef = ref(null);
101
+ const frameRef = ref(null);
102
+ const videoRef = ref(null);
103
+ const outputCanvasRef = ref(null);
104
+ const dragRef = ref(null);
105
+ let disposePreview = null;
106
+ const handle = {
107
+ play: () => __awaiter(this, void 0, void 0, function* () {
108
+ const video = videoRef.value;
109
+ if (!video) {
110
+ return;
111
+ }
112
+ yield video.play();
113
+ }),
114
+ pause: () => { var _a; return (_a = videoRef.value) === null || _a === void 0 ? void 0 : _a.pause(); },
115
+ stop: () => {
116
+ const video = videoRef.value;
117
+ if (!video) {
118
+ return;
119
+ }
120
+ video.pause();
121
+ video.currentTime = 0;
122
+ },
123
+ seek: (time) => {
124
+ const video = videoRef.value;
125
+ if (!video) {
126
+ return;
127
+ }
128
+ video.currentTime = clamp(time, 0, video.duration || time);
129
+ },
130
+ getCurrentTime: () => { var _a, _b; return (_b = (_a = videoRef.value) === null || _a === void 0 ? void 0 : _a.currentTime) !== null && _b !== void 0 ? _b : 0; },
131
+ getDuration: () => { var _a, _b; return (_b = (_a = videoRef.value) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0; },
132
+ isPaused: () => { var _a, _b; return (_b = (_a = videoRef.value) === null || _a === void 0 ? void 0 : _a.paused) !== null && _b !== void 0 ? _b : true; },
133
+ getOutputCanvas: () => outputCanvasRef.value,
134
+ startRecording: () => {
135
+ const canvas = outputCanvasRef.value;
136
+ const host = hostRef.value;
137
+ if (!canvas || !host || host.__recorder) {
138
+ return;
139
+ }
140
+ const stream = canvas.captureStream(30);
141
+ const chunks = [];
142
+ host.__recordedChunks = chunks;
143
+ const recorder = new MediaRecorder(stream, { mimeType: pickRecorderMimeType() });
144
+ host.__recorder = recorder;
145
+ recorder.ondataavailable = (event) => {
146
+ if (event.data.size > 0) {
147
+ chunks.push(event.data);
148
+ }
149
+ };
150
+ recorder.start(200);
151
+ },
152
+ stopRecording: () => new Promise((resolve) => {
153
+ const host = hostRef.value;
154
+ const recorder = host === null || host === void 0 ? void 0 : host.__recorder;
155
+ if (!recorder || recorder.state === 'inactive') {
156
+ resolve(null);
157
+ return;
158
+ }
159
+ recorder.onstop = () => {
160
+ var _a;
161
+ const chunks = (_a = host === null || host === void 0 ? void 0 : host.__recordedChunks) !== null && _a !== void 0 ? _a : [];
162
+ if (host) {
163
+ host.__recorder = null;
164
+ host.__recordedChunks = [];
165
+ }
166
+ resolve(new Blob(chunks, { type: recorder.mimeType || 'video/webm' }));
167
+ };
168
+ recorder.stop();
169
+ }),
170
+ };
171
+ expose(handle);
172
+ function mountPreview() {
173
+ disposePreview === null || disposePreview === void 0 ? void 0 : disposePreview();
174
+ disposePreview = null;
175
+ const host = props.outputPreviewHost;
176
+ if (!host) {
177
+ return;
178
+ }
179
+ const canvas = document.createElement('canvas');
180
+ canvas.className = 'rd-flat-video-viewport__mirror';
181
+ canvas.setAttribute('aria-label', 'Output view (cropped region)');
182
+ host.appendChild(canvas);
183
+ outputCanvasRef.value = canvas;
184
+ const resize = () => {
185
+ applyPreviewCanvasLayout(canvas, props.cropWidth, props.cropHeight, host);
186
+ };
187
+ resize();
188
+ let animationId = 0;
189
+ const tick = () => {
190
+ const video = videoRef.value;
191
+ const ctx = canvas.getContext('2d');
192
+ if (video && ctx && video.readyState >= 2) {
193
+ drawFlatCropPreview(ctx, video, props.cropX, props.cropY, props.cropWidth, props.cropHeight, canvas.width, canvas.height);
194
+ }
195
+ animationId = requestAnimationFrame(tick);
196
+ };
197
+ tick();
198
+ const resizeObserver = new ResizeObserver(resize);
199
+ resizeObserver.observe(host);
200
+ disposePreview = () => {
201
+ cancelAnimationFrame(animationId);
202
+ resizeObserver.disconnect();
203
+ canvas.remove();
204
+ outputCanvasRef.value = null;
205
+ };
206
+ }
207
+ const emitCrop = (next) => {
208
+ var _a;
209
+ const clamped = clampCropToSource(next, props.sourceWidth, props.sourceHeight);
210
+ (_a = props.onCropChange) === null || _a === void 0 ? void 0 : _a.call(props, clamped);
211
+ emit('cropChange', clamped);
212
+ };
213
+ const applyDrag = (clientX, clientY) => {
214
+ var _a, _b;
215
+ const drag = dragRef.value;
216
+ const frame = frameRef.value;
217
+ if (!drag || !frame) {
218
+ return;
219
+ }
220
+ const frameRect = frame.getBoundingClientRect();
221
+ const pointer = pointerToSource(clientX, clientY, frameRect, props.sourceWidth, props.sourceHeight);
222
+ const dx = pointer.x - drag.startX;
223
+ const dy = pointer.y - drag.startY;
224
+ const origin = drag.origin;
225
+ const outputAspect = ((_a = props.outputWidth) !== null && _a !== void 0 ? _a : 640) / ((_b = props.outputHeight) !== null && _b !== void 0 ? _b : 360);
226
+ if (drag.mode === 'move') {
227
+ emitCrop({
228
+ cropX: origin.cropX + dx,
229
+ cropY: origin.cropY + dy,
230
+ cropWidth: origin.cropWidth,
231
+ cropHeight: origin.cropHeight,
232
+ });
233
+ return;
234
+ }
235
+ let nextX = origin.cropX;
236
+ let nextY = origin.cropY;
237
+ let nextW = origin.cropWidth;
238
+ let nextH = origin.cropHeight;
239
+ if (drag.mode.includes('e')) {
240
+ nextW = origin.cropWidth + dx;
241
+ }
242
+ if (drag.mode.includes('w')) {
243
+ nextW = origin.cropWidth - dx;
244
+ nextX = origin.cropX + dx;
245
+ }
246
+ if (drag.mode.includes('s')) {
247
+ nextH = origin.cropHeight + dy;
248
+ }
249
+ if (drag.mode.includes('n')) {
250
+ nextH = origin.cropHeight - dy;
251
+ nextY = origin.cropY + dy;
252
+ }
253
+ if (props.lockAspectRatio && outputAspect > 0) {
254
+ nextH = nextW / outputAspect;
255
+ if (drag.mode.includes('n')) {
256
+ nextY = origin.cropY + origin.cropHeight - nextH;
257
+ }
258
+ if (drag.mode.includes('w')) {
259
+ nextX = origin.cropX + origin.cropWidth - nextW;
260
+ }
261
+ }
262
+ nextW = Math.max(2, nextW);
263
+ nextH = Math.max(2, nextH);
264
+ emitCrop({ cropX: nextX, cropY: nextY, cropWidth: nextW, cropHeight: nextH });
265
+ };
266
+ const onPointerDown = (event, mode) => {
267
+ const frame = frameRef.value;
268
+ if (!frame || event.button !== 0) {
269
+ return;
270
+ }
271
+ event.preventDefault();
272
+ event.stopPropagation();
273
+ const frameRect = frame.getBoundingClientRect();
274
+ const pointer = pointerToSource(event.clientX, event.clientY, frameRect, props.sourceWidth, props.sourceHeight);
275
+ dragRef.value = {
276
+ mode,
277
+ startX: pointer.x,
278
+ startY: pointer.y,
279
+ origin: {
280
+ cropX: props.cropX,
281
+ cropY: props.cropY,
282
+ cropWidth: props.cropWidth,
283
+ cropHeight: props.cropHeight,
284
+ },
285
+ };
286
+ const onWindowMove = (moveEvent) => {
287
+ applyDrag(moveEvent.clientX, moveEvent.clientY);
288
+ };
289
+ const onWindowUp = () => {
290
+ dragRef.value = null;
291
+ window.removeEventListener('pointermove', onWindowMove);
292
+ window.removeEventListener('pointerup', onWindowUp);
293
+ window.removeEventListener('pointercancel', onWindowUp);
294
+ };
295
+ window.addEventListener('pointermove', onWindowMove);
296
+ window.addEventListener('pointerup', onWindowUp);
297
+ window.addEventListener('pointercancel', onWindowUp);
298
+ };
299
+ onMounted(() => {
300
+ watch(() => [props.outputPreviewHost, props.videoSrc], () => mountPreview(), { immediate: true, flush: 'post' });
301
+ watch(() => [props.cropWidth, props.cropHeight], () => {
302
+ const canvas = outputCanvasRef.value;
303
+ if (!canvas) {
304
+ return;
305
+ }
306
+ applyPreviewCanvasLayout(canvas, props.cropWidth, props.cropHeight, props.outputPreviewHost);
307
+ });
308
+ watch(() => props.videoSrc, (src) => {
309
+ const video = videoRef.value;
310
+ if (!video || !src) {
311
+ return;
312
+ }
313
+ video.src = src;
314
+ video.load();
315
+ void video.play().catch(() => undefined);
316
+ }, { immediate: true });
317
+ });
318
+ onBeforeUnmount(() => {
319
+ disposePreview === null || disposePreview === void 0 ? void 0 : disposePreview();
320
+ disposePreview = null;
321
+ });
322
+ return () => {
323
+ const cropPct = cropToPercent({
324
+ cropX: props.cropX,
325
+ cropY: props.cropY,
326
+ cropWidth: props.cropWidth,
327
+ cropHeight: props.cropHeight,
328
+ }, props.sourceWidth, props.sourceHeight);
329
+ const rootClass = [
330
+ 'rd-flat-video-viewport',
331
+ props.className,
332
+ typeof attrs.class === 'string' ? attrs.class : '',
333
+ ]
334
+ .filter(Boolean)
335
+ .join(' ');
336
+ const handles = ['nw', 'ne', 'sw', 'se'];
337
+ return h('div', { ref: hostRef, class: rootClass, style: props.style, 'data-testid': 'rd-flat-video-viewport' }, [
338
+ h('div', {
339
+ ref: frameRef,
340
+ class: 'rd-flat-video-viewport__frame',
341
+ style: { aspectRatio: `${props.sourceWidth} / ${props.sourceHeight}` },
342
+ }, [
343
+ h('video', {
344
+ ref: videoRef,
345
+ class: 'rd-flat-video-viewport__video',
346
+ muted: true,
347
+ playsInline: true,
348
+ loop: false,
349
+ crossOrigin: 'anonymous',
350
+ }),
351
+ h('div', {
352
+ class: 'rd-flat-video-viewport__crop',
353
+ style: {
354
+ left: `${cropPct.left}%`,
355
+ top: `${cropPct.top}%`,
356
+ width: `${cropPct.width}%`,
357
+ height: `${cropPct.height}%`,
358
+ },
359
+ onPointerdown: (event) => onPointerDown(event, 'move'),
360
+ }, handles.map((handleName) => h('span', {
361
+ key: handleName,
362
+ class: `rd-flat-video-viewport__handle rd-flat-video-viewport__handle--${handleName}`,
363
+ onPointerdown: (event) => onPointerDown(event, handleName),
364
+ }))),
365
+ ]),
366
+ ]);
367
+ };
368
+ },
369
+ });
370
+ //# sourceMappingURL=flat-video-viewport.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flat-video-viewport.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/flat-video-viewport/flat-video-viewport.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export type { FlatVideoViewportHandle, FlatVideoViewportProps, FlatVideoCropChange, FlatVideoViewportComponent, } from './flat-video-viewport';
2
+ export { FlatVideoViewport } from './flat-video-viewport';
@@ -0,0 +1,2 @@
1
+ export { FlatVideoViewport } from './flat-video-viewport';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/flat-video-viewport/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -12,15 +12,15 @@ export const NewsLanguageSelect = defineComponent({
12
12
  slots: Object,
13
13
  setup(props, { slots, attrs }) {
14
14
  return () => {
15
- var _a, _b, _c, _d;
15
+ var _a, _b, _c, _d, _e;
16
16
  const rootClass = ['rd-news-language-select', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
17
17
  return h('section', { class: rootClass, 'data-testid': 'rd-news-language-select' }, [
18
18
  props.label ? h('span', { class: 'rd-field__label' }, props.label) : null,
19
19
  h('select', { class: 'rd-select', value: (_a = props.value) !== null && _a !== void 0 ? _a : '' }, [
20
- h('option', { value: '' }, (_b = props.placeholder) !== null && _b !== void 0 ? _b : 'Select…'),
21
- ...((_c = props.options) !== null && _c !== void 0 ? _c : []).map((o) => h('option', { key: o.value, value: o.value }, o.label)),
20
+ h('option', { value: '', selected: !((_b = props.value) !== null && _b !== void 0 ? _b : '') }, (_c = props.placeholder) !== null && _c !== void 0 ? _c : 'Select…'),
21
+ ...((_d = props.options) !== null && _d !== void 0 ? _d : []).map((o) => { var _a; return h('option', { key: o.value, value: o.value, selected: o.value === ((_a = props.value) !== null && _a !== void 0 ? _a : '') }, o.label); }),
22
22
  ]),
23
- (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots),
23
+ (_e = slots.default) === null || _e === void 0 ? void 0 : _e.call(slots),
24
24
  ]);
25
25
  };
26
26
  },