@dereekb/dbx-web 12.6.1 → 12.6.4

package/lib/extension/preview/index.d.ts

@@ -1,3 +1,4 @@
 export * from './webfilepreview';
+export * from './webfilepreview.component';
 export * from './webfilepreview.service';
 export * from './webfilepreview.service.preset';

package/lib/extension/preview/webfilepreview.component.d.ts

@@ -0,0 +1,19 @@
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { DbxWebFilePreviewService } from './webfilepreview.service';
+import { Maybe } from '@dereekb/util';
+import { DbxWebFilePreviewServicePreviewComponentFunctionInput } from './webfilepreview';
+import * as i0 from "@angular/core";
+/**
+ * Config for DbxWebFilePreviewComponent.
+ */
+export type DbxWebFilePreviewComponentConfig = DbxWebFilePreviewServicePreviewComponentFunctionInput;
+/**
+ * Component used to preview a file using the DbxWebFilePreviewService's createPreviewConfig function for the given input.
+ */
+export declare class DbxWebFilePreviewComponent {
+    readonly webFilePreviewService: DbxWebFilePreviewService;
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxWebFilePreviewServicePreviewComponentFunctionInput>>;
+    readonly componentConfigSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<any>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebFilePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWebFilePreviewComponent, "dbx-web-file-preview", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/extension/preview/webfilepreview.d.ts

@@ -1,13 +1,94 @@
-import { type MatDialog, type MatDialogRef } from '@angular/material/dialog';
+import { type MatDialogConfig, type MatDialog, type MatDialogRef } from '@angular/material/dialog';
+import { type DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { type WebsiteUrlWithPrefix, type Maybe, type ContentTypeMimeType, type ArrayOrValue, type MimeTypeWithoutParameters } from '@dereekb/util';
 /**
- * Used for previewing a src url and embedMimeType.
+ * Configuration for a DbxWebFilePreviewServicePreviewComponentFunction.
+ */
+export interface DbxWebFilePreviewServicePreviewComponentFunctionInput {
+    /**
+     * The srcUrl to preview, if applicable.
+     *
+     * Either the srcUrl or the blob must be provided.
+     */
+    readonly srcUrl?: Maybe<WebsiteUrlWithPrefix>;
+    /**
+     * Whether or not to sanitize the srcUrl. Ignored if srcUrl is not provided.
+     *
+     * Defaults to true.
+     */
+    readonly sanitizeSrcUrl?: Maybe<boolean>;
+    /**
+     * The blob to preview, if applicable. The embedMimeType should also be provided.
+     *
+     * Either the srcUrl or the blob must be provided.
+     */
+    readonly blob?: Maybe<Blob>;
+    /**
+     * The mimetype to instruct the browser to use for the preview.
+     *
+     * Should typically be provided, otherwise the browser will guess how to handle the data.
+     */
+    readonly embedMimeType?: Maybe<ContentTypeMimeType | string>;
+}
+/**
+ * Used for generating a preview component for the given src url and embedMimeType.
+ */
+export type DbxWebFilePreviewServicePreviewComponentFunction = (input: DbxWebFilePreviewServicePreviewComponentFunctionInput) => DbxInjectionComponentConfig<any>;
+/**
+ * Configuration for a DbxWebFilePreviewServicePreviewDialogFunction.
+ */
+export interface DbxWebFilePreviewServicePreviewDialogFunctionInput extends DbxWebFilePreviewServicePreviewComponentFunctionInput {
+    /**
+     * Arbitrary MatDialogConfig to use for configuring the dialog.
+     */
+    readonly dialogConfig?: Maybe<Omit<MatDialogConfig, 'data'>>;
+}
+/**
+ * Configuration for a DbxWebFilePreviewServicePreviewDialogFunction.
+ */
+export interface DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog extends DbxWebFilePreviewServicePreviewDialogFunctionInput {
+    /**
+     * MatDialog instance to use for opening the dialog.
+     */
+    readonly matDialog: MatDialog;
+}
+/**
+ * Used for previewing a src url and embedMimeType in a dialog.
+ */
+export type DbxWebFilePreviewServicePreviewDialogFunction = (input: DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog) => MatDialogRef<any, any>;
+/**
+ * Configuration for a preview entry.
  */
-export type DbxWebFilePreviewServicePreviewFunction = (matDialog: MatDialog, srcUrl: WebsiteUrlWithPrefix, embedMimeType?: Maybe<ContentTypeMimeType | string>) => MatDialogRef<any, any>;
 export interface DbxWebFilePreviewServiceEntry {
     /**
      * The MimeType(s) to associate the preview function with.
      */
     readonly mimeType: ArrayOrValue<MimeTypeWithoutParameters | string>;
-    readonly previewFunction: DbxWebFilePreviewServicePreviewFunction;
+    /**
+     * The preview component function to use.
+     */
+    readonly previewComponentFunction: DbxWebFilePreviewServicePreviewComponentFunction;
+    /**
+     * The preview dialog function to use.
+     *
+     * If one is not provided, a default dialog will be used that opens the preview component in a dialog.
+     */
+    readonly previewDialogFunction?: DbxWebFilePreviewServicePreviewDialogFunction;
 }
+/**
+ * Configuration for a DbxWebFilePreviewServicePreviewDialogWithComponentFunction.
+ */
+export interface DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput extends Omit<DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, 'dialogConfig'> {
+    /**
+     * The component configuration for the component to display in the dialog.
+     */
+    readonly componentConfig: DbxInjectionComponentConfig<any>;
+}
+/**
+ * Used for previewing a src url and embedMimeType in a dialog.
+ */
+export type DbxWebFilePreviewServicePreviewDialogWithComponentFunction = (input: DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput) => MatDialogRef<any, any>;
+/**
+ * @deprecated use DbxWebFilePreviewServicePreviewDialogFunction instead.
+ */
+export type DbxWebFilePreviewServicePreviewFunction = DbxWebFilePreviewServicePreviewDialogFunction;

package/lib/extension/preview/webfilepreview.service.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { WebsiteUrlWithPrefix, Maybe, ContentTypeMimeType, MimeTypeWithoutParameters, ArrayOrValue } from '@dereekb/util';
-import { DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewFunction } from './webfilepreview';
+import { ArrayOrValue } from '@dereekb/util';
+import { DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogWithComponentFunction } from './webfilepreview';
 import * as i0 from "@angular/core";
 /**
  * Default entries to inject.
@@ -11,6 +11,11 @@ export declare function provideDbxWebFilePreviewServiceEntries(entries: DbxWebFi
     provide: InjectionToken<DbxWebFilePreviewServiceEntry[]>;
     useValue: DbxWebFilePreviewServiceEntry[];
 };
+/**
+ * Default preset for previewing a file using a DbxEmbedDialogComponent.
+ */
+export declare const DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION: DbxWebFilePreviewServicePreviewComponentFunction;
+export declare const DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION: DbxWebFilePreviewServicePreviewDialogWithComponentFunction;
 /**
  * Service used for previewing files with given mime types.
  */
@@ -18,14 +23,14 @@ export declare class DbxWebFilePreviewService {
     readonly matDialog: MatDialog;
     private readonly _entries;
     constructor(entries: DbxWebFilePreviewServiceEntry[]);
-    private _defaultPreviewFunction;
+    private _defaultPreviewComponentFunction;
+    private _defaultPreviewDialogWithComponentFunction;
     registerPreviewEntries(entries: ArrayOrValue<DbxWebFilePreviewServiceEntry>): void;
-    /**
-     * Registers a preview function for the given mime type(s).
-     */
-    registerPreviewFunctions(mimeType: ArrayOrValue<MimeTypeWithoutParameters | string>, previewFunction: DbxWebFilePreviewServicePreviewFunction): void;
-    setDefaultPreviewFunction(previewFunction: DbxWebFilePreviewServicePreviewFunction): void;
-    openPreviewDialog(srcUrl: WebsiteUrlWithPrefix, embedMimeType?: Maybe<ContentTypeMimeType | string>): MatDialogRef<any, any>;
+    registerPreviewEntry(entry: DbxWebFilePreviewServiceEntry): void;
+    setDefaultPreviewComponentFunction(previewFunction: DbxWebFilePreviewServicePreviewComponentFunction): void;
+    setDefaultPreviewDialogWithComponentFunction(previewDialogWithComponentFunction: DbxWebFilePreviewServicePreviewDialogWithComponentFunction): void;
+    createPreviewConfig(input: DbxWebFilePreviewServicePreviewComponentFunctionInput): import("@dereekb/dbx-core").DbxInjectionComponentConfig<any>;
+    openPreviewDialog(input: DbxWebFilePreviewServicePreviewDialogFunctionInput): MatDialogRef<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebFilePreviewService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxWebFilePreviewService>;
 }

package/lib/extension/preview/webfilepreview.service.preset.d.ts

@@ -1,12 +1,5 @@
-import { type DbxWebFilePreviewServiceEntry, type DbxWebFilePreviewServicePreviewFunction } from './webfilepreview';
-/**
- * Default preset for previewing a file using a DbxEmbedDialogComponent.
- */
-export declare const DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PRESET: DbxWebFilePreviewServicePreviewFunction;
-/**
- * Preset for previewing a zip file using a DbxZipPreviewDialogComponent.
- */
-export declare const DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET: DbxWebFilePreviewServicePreviewFunction;
+import { type DbxWebFilePreviewServicePreviewComponentFunction, type DbxWebFilePreviewServiceEntry } from './webfilepreview';
+export declare const DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET: DbxWebFilePreviewServicePreviewComponentFunction;
 /**
  * DbxWebFilePreviewServiceEntry for previewing a zip file using a DbxZipPreviewDialogComponent.
  */

package/lib/extension/zip/zip.preview.component.d.ts

@@ -10,15 +10,15 @@ export declare class DbxZipPreviewComponent implements OnDestroy {
     /**
      * The URL to download the zip file from, if applicable.
      */
-    readonly srcUrl: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly srcUrl: import("@angular/core").ModelSignal<Maybe<string>>;
     /**
      * The blob to use for the zip file, if applicable.
      */
-    readonly blob: import("@angular/core").InputSignal<Maybe<Blob>>;
+    readonly blob: import("@angular/core").ModelSignal<Maybe<Blob>>;
     /**
      * The file name to use for the zip file.
      */
-    readonly downloadFileName: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly downloadFileName: import("@angular/core").ModelSignal<Maybe<string>>;
     readonly srcUrl$: Observable<Maybe<string>>;
     readonly blob$: Observable<Maybe<Blob>>;
     readonly zipFileBlobLoadingState$: Observable<LoadingState<Blob>>;
@@ -27,5 +27,5 @@ export declare class DbxZipPreviewComponent implements OnDestroy {
     readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, LoadingState<Blob>, import("@dereekb/rxjs").LoadingContextEvent & LoadingState<Blob>>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxZipPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxZipPreviewComponent, "dbx-zip-preview", never, { "srcUrl": { "alias": "srcUrl"; "required": false; "isSignal": true; }; "blob": { "alias": "blob"; "required": false; "isSignal": true; }; "downloadFileName": { "alias": "downloadFileName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxZipPreviewComponent, "dbx-zip-preview", never, { "srcUrl": { "alias": "srcUrl"; "required": false; "isSignal": true; }; "blob": { "alias": "blob"; "required": false; "isSignal": true; }; "downloadFileName": { "alias": "downloadFileName"; "required": false; "isSignal": true; }; }, { "srcUrl": "srcUrlChange"; "blob": "blobChange"; "downloadFileName": "downloadFileNameChange"; }, never, never, true, never>;
 }

package/lib/extension/zip/zip.preview.dialog.component.d.ts

@@ -1,17 +1,17 @@
-import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
-import { WebsiteUrlWithPrefix, Maybe } from '@dereekb/util';
-import { AbstractDialogDirective } from '../../interaction/dialog';
-import * as i0 from "@angular/core";
+import { type MatDialog, type MatDialogRef, type MatDialogConfig } from '@angular/material/dialog';
+import { type WebsiteUrlWithPrefix, type Maybe } from '@dereekb/util';
+import { DbxInjectionDialogComponent } from '../../interaction/dialog';
+import { DbxZipPreviewComponent } from './zip.preview.component';
 export interface DbxZipPreviewDialogConfig extends Omit<MatDialogConfig, 'data'> {
     readonly srcUrl?: Maybe<WebsiteUrlWithPrefix>;
     readonly blob?: Maybe<Blob>;
     readonly downloadFileName?: Maybe<string>;
 }
-export declare class DbxZipPreviewDialogComponent extends AbstractDialogDirective<void, DbxZipPreviewDialogConfig> {
-    get srcUrl(): Maybe<string>;
-    get blob(): Maybe<Blob>;
-    get downloadFileName(): Maybe<string>;
-    static openDialog(matDialog: MatDialog, config: DbxZipPreviewDialogConfig): MatDialogRef<DbxZipPreviewDialogComponent, void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxZipPreviewDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxZipPreviewDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
+/**
+ * Opens a dialog with DbxZipPreviewComponent.
+ *
+ * @param matDialog The MatDialog instance to use.
+ * @param config The configuration for the dialog.
+ * @returns The MatDialogRef for the dialog.
+ */
+export declare function openZipPreviewDialog(matDialog: MatDialog, config: DbxZipPreviewDialogConfig): MatDialogRef<DbxInjectionDialogComponent<DbxZipPreviewComponent>, void>;

package/lib/interaction/dialog/_dialog.scss

@@ -5,6 +5,7 @@ $max-dialog-width: 90vw;
 $mat-dialog-close-icon-size: 48px;
 $mat-dialog-close-icon-half-size: $mat-dialog-close-icon-size / 2;
 $mat-dialog-container-padding: 18px;
+$mat-dialog-container-close-button-padding: $mat-dialog-container-padding;
 $dbx-dialog-content-close-edge-padding: 4px;
 $dbx-dialog-content-close-top-offset: $dbx-dialog-content-close-edge-padding;
 $dbx-dialog-content-close-right-offset: $dbx-dialog-content-close-edge-padding;
@@ -69,7 +70,7 @@ $dbx-dialog-content-close-right-offset: $dbx-dialog-content-close-edge-padding;
   }
 
   .dbx-dialog-content-close.dbx-dialog-content-close-padding {
-    padding-bottom: $mat-dialog-container-padding;
+    padding-bottom: $mat-dialog-container-close-button-padding;
 
     > .dbx-dialog-content-close-button {
       top: $dbx-dialog-content-close-edge-padding;
@@ -82,6 +83,14 @@ $dbx-dialog-content-close-right-offset: $dbx-dialog-content-close-edge-padding;
     align-items: center;
     justify-content: center;
   }
+
+  .dbx-dialog-content-100.dbx-dialog-content {
+    height: 100%;
+  }
+
+  .dbx-dialog-content-100.dbx-dialog-content-100-padded-closed.dbx-dialog-content {
+    height: calc(100% - #{$mat-dialog-container-close-button-padding + ($mat-dialog-container-padding * 2)});
+  }
 }
 
 @mixin color($theme-config) {

package/lib/interaction/dialog/dialog.content.directive.d.ts

@@ -1,10 +1,11 @@
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export type DbxDialogContentContainerWidth = 'normal' | 'wide';
 /**
  * Component used to style a dialog.
  */
 export declare class DbxDialogContentDirective {
-    readonly width: import("@angular/core").InputSignal<DbxDialogContentContainerWidth>;
+    readonly width: import("@angular/core").InputSignalWithTransform<DbxDialogContentContainerWidth, Maybe<DbxDialogContentContainerWidth>>;
     readonly classConfig: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent],.dbx-dialog-content", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/interaction/dialog/dialog.injection.component.d.ts

@@ -0,0 +1,19 @@
+import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { AbstractDialogDirective } from './abstract.dialog.directive';
+import { DbxDialogContentContainerWidth } from './dialog.content.directive';
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+export interface DbxInjectionDialogComponentConfig<T = unknown> extends Omit<MatDialogConfig, 'data'> {
+    readonly contentWidth?: Maybe<DbxDialogContentContainerWidth>;
+    readonly showCloseButton?: boolean;
+    readonly componentConfig: DbxInjectionComponentConfig<T>;
+}
+export declare class DbxInjectionDialogComponent<T = unknown> extends AbstractDialogDirective<void, DbxInjectionDialogComponentConfig<T>> {
+    get showCloseButton(): boolean;
+    get contentWidth(): Maybe<DbxDialogContentContainerWidth>;
+    get componentConfig(): DbxInjectionComponentConfig<T>;
+    static openDialog<T>(matDialog: MatDialog, config: DbxInjectionDialogComponentConfig<T>): MatDialogRef<DbxInjectionDialogComponent<T>, void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxInjectionDialogComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxInjectionDialogComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/lib/interaction/dialog/index.d.ts

@@ -3,5 +3,6 @@ export * from './dialog.content.close.component';
 export * from './dialog.content.footer.component';
 export * from './dialog.content.directive';
 export * from './dialog.action.directive';
+export * from './dialog.injection.component';
 export * from './dialog.content';
 export * from './dialog.module';

package/lib/interaction/iframe/_iframe.scss

@@ -15,17 +15,11 @@ $dbx-iframe-height-var: --dbx-iframe-height;
     width: 100%;
   }
 
-  dbx-embed embed {
+  dbx-embed .embed {
     // because of the way embed works, the embed element itself must have weight/height set, but this can cause issues with images.
     height: 100%;
     width: 100%;
-  }
-
-  dbx-embed embed.embed-image {
-    // This class aims to retain the original aspect ratio of the image while ensuring it does not overflow the container.
-    width: unset;
-    max-width: 100%;
-    max-height: 100%;
+    object-fit: contain;
   }
 }
 

package/lib/interaction/iframe/embed.component.d.ts

@@ -3,29 +3,38 @@ import { Maybe } from '@dereekb/util';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
+export type DbxEmbedComponentElement = 'embed' | 'img';
 export declare class DbxEmbedComponent extends AbstractSubscriptionDirective implements OnDestroy {
     private readonly _browserObjectUrlRef;
     readonly sanitizer: DomSanitizer;
     readonly root: import("@angular/core").Signal<ElementRef<HTMLSpanElement> | undefined>;
-    readonly sanitizeUrl: import("@angular/core").InputSignal<Maybe<boolean>>;
-    readonly srcUrl: import("@angular/core").InputSignal<Maybe<string | SafeResourceUrl>>;
-    readonly type: import("@angular/core").InputSignal<Maybe<string>>;
     /**
-     * The input src blob or media source to use.
+     * The element to embed. Can be either embed or img. If not provided, will be determined by the input mimetype.
+     *
+     * If set to 'embed', the embed element will be used.
+     * If set to 'img', the img element will be used.
+     */
+    readonly embedElement: import("@angular/core").ModelSignal<Maybe<DbxEmbedComponentElement>>;
+    readonly sanitizeUrl: import("@angular/core").ModelSignal<Maybe<boolean>>;
+    readonly srcUrl: import("@angular/core").ModelSignal<Maybe<string | SafeResourceUrl>>;
+    readonly type: import("@angular/core").ModelSignal<Maybe<string>>;
+    /**
+     * The input blob or media source to use.
      *
      * If set, the srcUrl will be updated with the browser object URL.
      */
-    readonly srcBlob: import("@angular/core").InputSignal<Maybe<Blob>>;
+    readonly blob: import("@angular/core").ModelSignal<Maybe<Blob>>;
     readonly srcUrlFromBlob: import("@angular/core").WritableSignal<Maybe<string>>;
     readonly typeFromBlob: import("@angular/core").WritableSignal<Maybe<string>>;
-    readonly srcBlobEffect: import("@angular/core").EffectRef;
+    readonly blobEffect: import("@angular/core").EffectRef;
     readonly srcUrlSignal: import("@angular/core").Signal<Maybe<string | SafeResourceUrl>>;
     readonly typeSignal: import("@angular/core").Signal<Maybe<string>>;
     readonly root$: import("rxjs").Observable<ElementRef<HTMLSpanElement> | undefined>;
     readonly srcUrl$: import("rxjs").Observable<Maybe<string | SafeResourceUrl>>;
     readonly type$: import("rxjs").Observable<Maybe<string>>;
+    readonly embedElementName$: import("rxjs").Observable<Maybe<DbxEmbedComponentElement>>;
     constructor();
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxEmbedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxEmbedComponent, "dbx-embed", never, { "sanitizeUrl": { "alias": "sanitizeUrl"; "required": false; "isSignal": true; }; "srcUrl": { "alias": "srcUrl"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "srcBlob": { "alias": "srcBlob"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxEmbedComponent, "dbx-embed", never, { "embedElement": { "alias": "embedElement"; "required": false; "isSignal": true; }; "sanitizeUrl": { "alias": "sanitizeUrl"; "required": false; "isSignal": true; }; "srcUrl": { "alias": "srcUrl"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "blob": { "alias": "blob"; "required": false; "isSignal": true; }; }, { "embedElement": "embedElementChange"; "sanitizeUrl": "sanitizeUrlChange"; "srcUrl": "srcUrlChange"; "type": "typeChange"; "blob": "blobChange"; }, never, never, true, never>;
 }

package/lib/interaction/iframe/embed.dialog.component.d.ts

@@ -1,17 +1,18 @@
-import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
-import { ContentTypeMimeType, Maybe, WebsiteUrlWithPrefix } from '@dereekb/util';
-import { AbstractDialogDirective } from '../dialog/abstract.dialog.directive';
-import * as i0 from "@angular/core";
+import { type MatDialog, type MatDialogRef, type MatDialogConfig } from '@angular/material/dialog';
+import { type ContentTypeMimeType, type Maybe, type WebsiteUrlWithPrefix } from '@dereekb/util';
+import { DbxEmbedComponent } from './embed.component';
+import { DbxInjectionDialogComponent } from '../dialog/dialog.injection.component';
 export interface DbxEmbedDialogConfig extends Omit<MatDialogConfig, 'data'> {
-    readonly srcUrl: WebsiteUrlWithPrefix;
+    readonly srcUrl?: Maybe<WebsiteUrlWithPrefix>;
+    readonly blob?: Maybe<Blob>;
     readonly embedMimeType?: Maybe<ContentTypeMimeType | string>;
     readonly sanitizeUrl?: boolean;
 }
-export declare class DbxEmbedDialogComponent extends AbstractDialogDirective<void, DbxEmbedDialogConfig> {
-    get type(): Maybe<string>;
-    get srcUrl(): string;
-    get sanitizeUrl(): boolean | undefined;
-    static openDialog(matDialog: MatDialog, config: DbxEmbedDialogConfig): MatDialogRef<DbxEmbedDialogComponent, void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxEmbedDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxEmbedDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
+/**
+ * Opens a dialog with DbxEmbedComponent.
+ *
+ * @param matDialog The MatDialog instance to use.
+ * @param config The configuration for the dialog.
+ * @returns The MatDialogRef for the dialog.
+ */
+export declare function openEmbedDialog(matDialog: MatDialog, config: DbxEmbedDialogConfig): MatDialogRef<DbxInjectionDialogComponent<DbxEmbedComponent>, void>;

package/lib/interaction/iframe/iframe.component.d.ts

@@ -10,7 +10,7 @@ export declare class DbxIframeComponent extends AbstractSubscriptionDirective im
     readonly iframe: import("@angular/core").Signal<ElementRef<HTMLIFrameElement> | undefined>;
     readonly scrolling: import("@angular/core").InputSignalWithTransform<"auto" | "no" | "yes", boolean | "auto" | "no" | "yes">;
     readonly sanitizeUrl: import("@angular/core").InputSignal<boolean>;
-    readonly contentUrl: import("@angular/core").InputSignal<Maybe<string | SafeResourceUrl>>;
+    readonly contentUrl: import("@angular/core").ModelSignal<Maybe<string | SafeResourceUrl>>;
     readonly contentUrlSignal: import("@angular/core").Signal<Maybe<string | SafeResourceUrl>>;
     readonly iframe$: import("rxjs").Observable<ElementRef<HTMLIFrameElement> | undefined>;
     readonly contentUrl$: import("rxjs").Observable<Maybe<string | SafeResourceUrl>>;
@@ -18,5 +18,5 @@ export declare class DbxIframeComponent extends AbstractSubscriptionDirective im
     constructor();
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxIframeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIframeComponent, "dbx-iframe", never, { "scrolling": { "alias": "scrolling"; "required": false; "isSignal": true; }; "sanitizeUrl": { "alias": "sanitizeUrl"; "required": false; "isSignal": true; }; "contentUrl": { "alias": "contentUrl"; "required": true; "isSignal": true; }; }, { "iframeLocationChanged": "iframeLocationChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIframeComponent, "dbx-iframe", never, { "scrolling": { "alias": "scrolling"; "required": false; "isSignal": true; }; "sanitizeUrl": { "alias": "sanitizeUrl"; "required": false; "isSignal": true; }; "contentUrl": { "alias": "contentUrl"; "required": false; "isSignal": true; }; }, { "iframeLocationChanged": "iframeLocationChanged"; "contentUrl": "contentUrlChange"; }, never, never, true, never>;
 }

package/lib/interaction/iframe/iframe.dialog.component.d.ts

@@ -1,13 +1,15 @@
-import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
-import { WebsiteUrlWithPrefix } from '@dereekb/util';
-import { AbstractDialogDirective } from '../dialog/abstract.dialog.directive';
-import * as i0 from "@angular/core";
+import { type MatDialog, type MatDialogRef, type MatDialogConfig } from '@angular/material/dialog';
+import { type WebsiteUrlWithPrefix } from '@dereekb/util';
+import { DbxIframeComponent } from './iframe.component';
+import { DbxInjectionDialogComponent } from '../dialog/dialog.injection.component';
 export interface DbxIframeDialogConfig extends Omit<MatDialogConfig, 'data'> {
     readonly contentUrl: WebsiteUrlWithPrefix;
 }
-export declare class DbxIframeDialogComponent extends AbstractDialogDirective<void, DbxIframeDialogConfig> {
-    get contentUrl(): string;
-    static openDialog(matDialog: MatDialog, config: DbxIframeDialogConfig): MatDialogRef<DbxIframeDialogComponent, void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxIframeDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIframeDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
-}
+/**
+ * Opens a dialog with DbxEmbedComponent.
+ *
+ * @param matDialog The MatDialog instance to use.
+ * @param config The configuration for the dialog.
+ * @returns The MatDialogRef for the dialog.
+ */
+export declare function openIframeDialog(matDialog: MatDialog, config: DbxIframeDialogConfig): MatDialogRef<DbxInjectionDialogComponent<DbxIframeComponent>, void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "12.6.1",
+  "version": "12.6.4",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",