@rosettadash/vue 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rosettadash/vue",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "RosettaDash Vue 3 runtime — same import paths as @rosettadash/web-components. Storybook: github.com/KevinEverywhere/rosettadash (port 6008).",
   "author": "Kevin Ready <kevin@planetkevin.com>",
   "type": "module",
@@ -14,6 +14,11 @@
       "import": "./src/index.js",
       "default": "./src/index.js"
     },
+    "./domain/i18n/app-language-select": {
+      "types": "./src/domain/i18n/app-language-select/index.d.ts",
+      "import": "./src/domain/i18n/app-language-select/index.js",
+      "default": "./src/domain/i18n/app-language-select/index.js"
+    },
     "./domain/person-invite": {
       "types": "./src/domain/person-invite/index.d.ts",
       "import": "./src/domain/person-invite/index.js",
@@ -169,6 +174,11 @@
       "import": "./src/visual/display/3d-scene/index.js",
       "default": "./src/visual/display/3d-scene/index.js"
     },
+    "./visual/display/geo-map": {
+      "types": "./src/visual/display/geo-map/index.d.ts",
+      "import": "./src/visual/display/geo-map/index.js",
+      "default": "./src/visual/display/geo-map/index.js"
+    },
     "./visual/input/checkbox": {
       "types": "./src/visual/input/checkbox/index.d.ts",
       "import": "./src/visual/input/checkbox/index.js",
@@ -224,6 +234,11 @@
       "import": "./src/visual/media/video-source/index.js",
       "default": "./src/visual/media/video-source/index.js"
     },
+    "./visual/media/youtube-embed": {
+      "types": "./src/visual/media/youtube-embed/index.d.ts",
+      "import": "./src/visual/media/youtube-embed/index.js",
+      "default": "./src/visual/media/youtube-embed/index.js"
+    },
     "./visual/news/article-detail": {
       "types": "./src/visual/news/article-detail/index.d.ts",
       "import": "./src/visual/news/article-detail/index.js",
@@ -305,6 +320,7 @@
       "default": "./src/wasm/wasm-media/index.js"
     },
     "./package.json": "./package.json",
+    "./domain/i18n/app-language-select/index": "./src/domain/i18n/app-language-select/index.js",
     "./domain/person-invite/index": "./src/domain/person-invite/index.js",
     "./domain/role-assign/index": "./src/domain/role-assign/index.js",
     "./domain/role-gate/index": "./src/domain/role-gate/index.js",
@@ -336,6 +352,7 @@
     "./visual/display/3d-gltf-model/index": "./src/visual/display/3d-gltf-model/index.js",
     "./visual/display/3d-scatter/index": "./src/visual/display/3d-scatter/index.js",
     "./visual/display/3d-scene/index": "./src/visual/display/3d-scene/index.js",
+    "./visual/display/geo-map/index": "./src/visual/display/geo-map/index.js",
     "./visual/input/checkbox/index": "./src/visual/input/checkbox/index.js",
     "./visual/input/date-range/index": "./src/visual/input/date-range/index.js",
     "./visual/input/number/index": "./src/visual/input/number/index.js",
@@ -347,6 +364,7 @@
     "./visual/media/equirect-viewport/index": "./src/visual/media/equirect-viewport/index.js",
     "./visual/media/live-capture/index": "./src/visual/media/live-capture/index.js",
     "./visual/media/video-source/index": "./src/visual/media/video-source/index.js",
+    "./visual/media/youtube-embed/index": "./src/visual/media/youtube-embed/index.js",
     "./visual/news/article-detail/index": "./src/visual/news/article-detail/index.js",
     "./visual/news/language-select/index": "./src/visual/news/language-select/index.js",
     "./visual/news/region-select/index": "./src/visual/news/region-select/index.js",

package/src/domain/i18n/app-language-select/index.d.ts

@@ -0,0 +1,29 @@
+import { type AppLocaleOption } from '@rosettadash/web-components/domain/i18n/app-language-select';
+export type { AppLocaleOption };
+export interface AppLanguageSelectProps {
+    locales?: AppLocaleOption[];
+    value?: string;
+    defaultLocale?: string;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+}
+/** Vue wrapper around `<rd-app-language-select>`. */
+export declare const AppLanguageSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type AppLanguageSelectComponent = typeof AppLanguageSelect;

package/src/domain/i18n/app-language-select/index.js

@@ -0,0 +1,22 @@
+import { DB_APP_LANGUAGE_SELECT_TAG, registerRdAppLanguageSelect, } from '@rosettadash/web-components/domain/i18n/app-language-select';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/** Vue wrapper around `<rd-app-language-select>`. */
+export const AppLanguageSelect = defineCustomElementHost({
+    name: 'RdAppLanguageSelect',
+    tagName: DB_APP_LANGUAGE_SELECT_TAG,
+    register: registerRdAppLanguageSelect,
+    attrs: {
+        defaultLocale: 'default-locale',
+    },
+    properties: ['locales'],
+    events: {
+        'locale-change': 'localeChange',
+    },
+}, {
+    locales: { type: Array, default: undefined },
+    value: { type: String, default: undefined },
+    defaultLocale: { type: String, default: undefined },
+    label: { type: String, default: undefined },
+    placeholder: { type: String, default: undefined },
+});
+//# sourceMappingURL=index.js.map

package/src/domain/i18n/app-language-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/domain/i18n/app-language-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,GAE5B,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAa3E,qDAAqD;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,uBAAuB,CACtD;IACE,IAAI,EAAE,qBAAqB;IAC3B,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,2BAA2B;IACrC,KAAK,EAAE;QACL,aAAa,EAAE,gBAAgB;KAChC;IACD,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE;QACN,eAAe,EAAE,cAAc;KAChC;CACF,EACD;IACE,OAAO,EAAE,EAAE,IAAI,EAAE,KAAgC,EAAE,OAAO,EAAE,SAAS,EAAE;IACvE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;CAClD,CACF,CAAC"}

package/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from './domain/i18n/app-language-select/index.js';
 export * from './domain/person-invite/index.js';
 export * from './domain/role-assign/index.js';
 export * from './domain/role-gate/index.js';
@@ -29,6 +30,7 @@ export * from './visual/display/3d-geo-globe/index.js';
 export * from './visual/display/3d-gltf-model/index.js';
 export * from './visual/display/3d-scatter/index.js';
 export * from './visual/display/3d-scene/index.js';
+export * from './visual/display/geo-map/index.js';
 export * from './visual/input/checkbox/index.js';
 export * from './visual/input/date-range/index.js';
 export * from './visual/input/number/index.js';
@@ -40,6 +42,7 @@ export * from './visual/link-list/index.js';
 export * from './visual/media/equirect-viewport/index.js';
 export * from './visual/media/live-capture/index.js';
 export * from './visual/media/video-source/index.js';
+export * from './visual/media/youtube-embed/index.js';
 export * from './visual/news/article-detail/index.js';
 export * from './visual/news/language-select/index.js';
 export * from './visual/news/region-select/index.js';

package/src/index.js

@@ -1,3 +1,4 @@
+export * from './domain/i18n/app-language-select/index.js';
 export * from './domain/person-invite/index.js';
 export * from './domain/role-assign/index.js';
 export * from './domain/role-gate/index.js';
@@ -29,6 +30,7 @@ export * from './visual/display/3d-geo-globe/index.js';
 export * from './visual/display/3d-gltf-model/index.js';
 export * from './visual/display/3d-scatter/index.js';
 export * from './visual/display/3d-scene/index.js';
+export * from './visual/display/geo-map/index.js';
 export * from './visual/input/checkbox/index.js';
 export * from './visual/input/date-range/index.js';
 export * from './visual/input/number/index.js';
@@ -40,6 +42,7 @@ export * from './visual/link-list/index.js';
 export * from './visual/media/equirect-viewport/index.js';
 export * from './visual/media/live-capture/index.js';
 export * from './visual/media/video-source/index.js';
+export * from './visual/media/youtube-embed/index.js';
 export * from './visual/news/article-detail/index.js';
 export * from './visual/news/language-select/index.js';
 export * from './visual/news/region-select/index.js';

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/vue/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/vue/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC"}

package/src/visual/display/geo-map/index.d.ts

@@ -0,0 +1,36 @@
+import { type GeoMapMarker, type GeoMapProvider } from '@rosettadash/web-components/visual/display/geo-map';
+export type { GeoMapMarker, GeoMapProvider };
+export interface GeoMapProps {
+    provider?: GeoMapProvider;
+    tileUrl?: string;
+    apiKey?: string;
+    center?: string;
+    zoom?: number;
+    markers?: GeoMapMarker[];
+    selectedId?: string;
+    className?: string;
+    onMarkerSelect?: (detail: {
+        id: string;
+        lat: number;
+        lng: number;
+    }) => void;
+}
+/** Vue wrapper around `<rd-geo-map>`. */
+export declare const GeoMap: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type GeoMapComponent = typeof GeoMap;

package/src/visual/display/geo-map/index.js

@@ -0,0 +1,25 @@
+import { DB_GEO_MAP_TAG, registerRdGeoMap, } from '@rosettadash/web-components/visual/display/geo-map';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/** Vue wrapper around `<rd-geo-map>`. */
+export const GeoMap = defineCustomElementHost({
+    name: 'RdGeoMap',
+    tagName: DB_GEO_MAP_TAG,
+    register: registerRdGeoMap,
+    attrs: {
+        tileUrl: 'tile-url',
+        apiKey: 'api-key',
+        selectedId: 'selected-id',
+    },
+    properties: ['markers'],
+    events: {
+        'marker-select': 'onMarkerSelect',
+    },
+}, {
+    provider: { type: String, default: undefined },
+    tileUrl: { type: String, default: undefined },
+    apiKey: { type: String, default: undefined },
+    center: { type: String, default: undefined },
+    zoom: { type: Number, default: undefined },
+    selectedId: { type: String, default: undefined },
+});
+//# sourceMappingURL=index.js.map

package/src/visual/display/geo-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/display/geo-map/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,gBAAgB,GAGjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAgB3E,yCAAyC;AACzC,MAAM,CAAC,MAAM,MAAM,GAAG,uBAAuB,CAC3C;IACE,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAgB;IAC1B,KAAK,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,aAAa;KAC1B;IACD,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;KAClC;CACF,EACD;IACE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC5C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;CACjD,CACF,CAAC"}

package/src/visual/input/number/number-input.d.ts

@@ -73,8 +73,8 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: number | undefined;
+    placeholder: string | undefined;
     min: number | undefined;
     max: number | undefined;
     step: number | undefined;

package/src/visual/input/select/select-input.d.ts

@@ -59,8 +59,8 @@ export declare const SelectInput: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     options: SelectInputOption[] | undefined;
 }, SlotsType<{
     default?: () => VNode[];

package/src/visual/input/text/text-input.d.ts

@@ -64,8 +64,8 @@ export declare const TextInput: import("vue").DefineComponent<import("vue").Extr
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     required: boolean | undefined;
     defaultValue: string | undefined;
 }, SlotsType<{

package/src/visual/input/textarea/textarea-input.d.ts

@@ -55,8 +55,8 @@ export declare const TextareaInput: import("vue").DefineComponent<import("vue").
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     rows: number | undefined;
 }, SlotsType<{
     default?: () => VNode[];

package/src/visual/media/youtube-embed/index.d.ts

@@ -0,0 +1,29 @@
+export interface YoutubeEmbedProps {
+    videoId?: string;
+    url?: string;
+    start?: number;
+    autoplay?: boolean;
+    mute?: boolean;
+    controls?: boolean;
+    title?: string;
+    className?: string;
+}
+/** Vue wrapper around `<rd-youtube-embed>`. */
+export declare const YoutubeEmbed: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type YoutubeEmbedComponent = typeof YoutubeEmbed;

package/src/visual/media/youtube-embed/index.js

@@ -0,0 +1,21 @@
+import { DB_YOUTUBE_EMBED_TAG, registerRdYoutubeEmbed, } from '@rosettadash/web-components/visual/media/youtube-embed';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/** Vue wrapper around `<rd-youtube-embed>`. */
+export const YoutubeEmbed = defineCustomElementHost({
+    name: 'RdYoutubeEmbed',
+    tagName: DB_YOUTUBE_EMBED_TAG,
+    register: registerRdYoutubeEmbed,
+    attrs: {
+        videoId: 'video-id',
+        title: 'embed-title',
+    },
+}, {
+    videoId: { type: String, default: undefined },
+    url: { type: String, default: undefined },
+    start: { type: Number, default: undefined },
+    autoplay: { type: Boolean, default: undefined },
+    mute: { type: Boolean, default: undefined },
+    controls: { type: Boolean, default: undefined },
+    title: { type: String, default: undefined },
+});
+//# sourceMappingURL=index.js.map

package/src/visual/media/youtube-embed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/youtube-embed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAa3E,+CAA+C;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,uBAAuB,CACjD;IACE,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,oBAAoB;IAC7B,QAAQ,EAAE,sBAAsB;IAChC,KAAK,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,aAAa;KACrB;CACF,EACD;IACE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC7C,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;CAC5C,CACF,CAAC"}

package/src/visual/news/language-select/news-language-select.d.ts

@@ -64,8 +64,8 @@ export declare const NewsLanguageSelect: import("vue").DefineComponent<import("v
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     options: {
         value: string;
         label: string;

package/src/visual/news/region-select/news-region-select.d.ts

@@ -64,8 +64,8 @@ export declare const NewsRegionSelect: import("vue").DefineComponent<import("vue
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     options: {
         value: string;
         label: string;

package/src/visual/news/search-box/news-search-box.d.ts

@@ -46,8 +46,8 @@ export declare const NewsSearchBox: import("vue").DefineComponent<import("vue").
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
 }, SlotsType<{
     default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/visual/news/type-select/news-type-select.d.ts

@@ -64,8 +64,8 @@ export declare const NewsTypeSelect: import("vue").DefineComponent<import("vue")
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     options: {
         value: string;
         label: string;

package/src/visual/svg/inline/svg-inline.d.ts

@@ -44,9 +44,9 @@ export declare const SvgInline: import("vue").DefineComponent<import("vue").Extr
     };
 }>> & Readonly<{}>, {
     className: string | undefined;
-    height: string | number | undefined;
-    width: string | number | undefined;
     markup: string | undefined;
+    width: string | number | undefined;
+    height: string | number | undefined;
 }, SlotsType<{
     default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,3 +1,4 @@
+import type { AuthoringRecordRange } from '@rosettadash/core';
 import type { PropType } from 'vue';
 export interface WasmMediaProps {
     label?: string;
@@ -14,8 +15,10 @@ export interface WasmMediaProps {
     yaw?: number;
     pitch?: number;
     horizontalFov?: number;
+    reverse?: boolean;
     inputFile?: File | Blob | null;
     cropRegion?: Record<string, string | number | boolean | null | undefined> | null;
+    recordRange?: AuthoringRecordRange | null;
     className?: string;
 }
 /** Vue host for `<rd-wasm-media>`. */

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

@@ -5,7 +5,7 @@ export const WasmMedia = defineCustomElementHost({
     name: 'RdWasmMedia',
     tagName: DB_WASM_MEDIA_TAG,
     register: registerRdWasmMedia,
-    properties: ['inputFile', 'cropRegion'],
+    properties: ['inputFile', 'cropRegion', 'recordRange'],
     attrs: {
         extractionMode: 'extraction-mode',
         outputFormat: 'output-format',
@@ -16,11 +16,15 @@ export const WasmMedia = defineCustomElementHost({
         cropHeight: 'crop-height',
         outputWidth: 'output-width',
         outputHeight: 'output-height',
+        yaw: 'yaw',
+        pitch: 'pitch',
         horizontalFov: 'horizontal-fov',
+        reverse: 'reverse',
     },
     events: {
         progress: 'progress',
         'extract-complete': 'extractComplete',
+        'extract-error': 'extractError',
         metadata: 'metadata',
     },
 }, {
@@ -38,10 +42,15 @@ export const WasmMedia = defineCustomElementHost({
     yaw: { type: Number, default: undefined },
     pitch: { type: Number, default: undefined },
     horizontalFov: { type: Number, default: undefined },
+    reverse: { type: Boolean, default: undefined },
     inputFile: { type: [Object, File], default: undefined },
     cropRegion: {
         type: Object,
         default: undefined,
     },
+    recordRange: {
+        type: Object,
+        default: undefined,
+    },
 });
 //# sourceMappingURL=wasm-media.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wasm-media.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/media/wasm-media.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAsB3E,sCAAsC;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG,uBAAuB,CAC9C;IACE,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;IACvC,KAAK,EAAE;QACL,cAAc,EAAE,iBAAiB;QACjC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,eAAe;QAC7B,aAAa,EAAE,gBAAgB;KAChC;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,kBAAkB,EAAE,iBAAiB;QACrC,QAAQ,EAAE,UAAU;KACrB;CACF,EACD;IACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,CAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;IACnG,UAAU,EAAE;QACV,IAAI,EAAE,MAEL;QACD,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC"}
+{"version":3,"file":"wasm-media.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/media/wasm-media.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAwB3E,sCAAsC;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG,uBAAuB,CAC9C;IACE,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC;IACtD,KAAK,EAAE;QACL,cAAc,EAAE,iBAAiB;QACjC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,eAAe;QAC7B,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,gBAAgB;QAC/B,OAAO,EAAE,SAAS;KACnB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,kBAAkB,EAAE,iBAAiB;QACrC,eAAe,EAAE,cAAc;QAC/B,QAAQ,EAAE,UAAU;KACrB;CACF,EACD;IACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,CAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;IACnG,UAAU,EAAE;QACV,IAAI,EAAE,MAEL;QACD,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,IAAI,EAAE,MAA2D;QACjE,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC"}