@dereekb/dbx-web 13.12.5 → 13.12.7

package/eslint/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web/eslint",
-  "version": "13.12.5",
+  "version": "13.12.7",
   "peerDependencies": {
-    "@dereekb/util": "13.12.5",
+    "@dereekb/util": "13.12.7",
     "@typescript-eslint/utils": "8.59.3"
   },
   "devDependencies": {
     "@angular/core": "21.2.11",
-    "@dereekb/dbx-core": "13.12.5",
-    "@dereekb/rxjs": "13.12.5",
+    "@dereekb/dbx-core": "13.12.7",
+    "@dereekb/rxjs": "13.12.7",
     "@typescript-eslint/parser": "8.59.3",
     "eslint": "10.4.0",
     "rxjs": "^7.8.2"

package/fesm2022/dereekb-dbx-web.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, input, inject, effect, Directive, NgModule, ChangeDetectionStrategy, Component, output, computed, HostListener, forwardRef, InjectionToken, viewChild, ElementRef, makeEnvironmentProviders, ApplicationRef, Injector, EnvironmentInjector, createComponent, DestroyRef, signal, TemplateRef, model, SecurityContext, ViewContainerRef, booleanAttribute, Renderer2 } from '@angular/core';
 import { asPromise, DASH_CHARACTER_PREFIX_INSTANCE, cssTokenVar, isDefinedAndNotFalse, useIterableOrValue, spaceSeparatedCssClasses, cssClassesSet, objectHasNoKeys, getValueFromGetter, firstValue, filterUndefinedValues, separateValues, splitFront, asDecisionFunction, SLASH_PATH_FILE_TYPE_SEPARATOR, filterMaybeArrayValues, mapIterable, toReadableError, isDefaultReadableError, MS_IN_SECOND, mergeObjects, build, ServerErrorResponse, UnauthorizedServerErrorResponse, makeTimer, MS_IN_MINUTE, toggleTimerRunning, unixDateTimeSecondsNumberForNow, ModelRelationUtility, encodeModelKeyTypePair, safeCompareEquality, addMilliseconds, isPast, asArray, slashPathDetails, mimeTypeForFileExtension, slashPathDirectoryTree, isMaybeNot, isNotFalse, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, invertMaybeBoolean, splitCommaSeparatedStringToSet, ZIP_FILE_MIME_TYPE, cachedGetter, sortByNumberFunction, JPEG_MIME_TYPES, JPEG_MIME_TYPE, PNG_MIME_TYPE, PDF_MIME_TYPE, sequentialIncrementingNumberStringModelIdFactory, PDF_HEADER, PDF_EOF_MARKER, PDF_ENCRYPT_MARKER } from '@dereekb/util';
 import * as i1$2 from '@dereekb/dbx-core';
-import { completeOnDestroy, clean, AbstractTransitionWatcherDirective, DbxInjectionComponent, dbxActionWorkProgress, AbstractDbxButtonDirective, hasNonTrivialChildNodes, provideDbxButton, DbxCoreButtonModule, createInjectorForInjectionComponentConfig, initInjectionComponent, AbstractDbxActionValueGetterDirective, cleanSubscription, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DbxActionContextStoreSourceInstance, cleanSubscriptionWithLockSet, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, cleanLoadingContext, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, transformEmptyStringInputToUndefined, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, mergeStaticProviders, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive, anchorTypeForAnchor } from '@dereekb/dbx-core';
+import { completeOnDestroy, clean, AbstractTransitionWatcherDirective, DbxInjectionComponent, dbxActionWorkProgress, AbstractDbxButtonDirective, hasNonTrivialChildNodes, provideDbxButton, DbxCoreButtonModule, createInjectorForInjectionComponentConfig, initInjectionComponent, AbstractDbxActionValueGetterDirective, cleanSubscription, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DbxActionWorkable, provideDbxActionWorkable, DbxActionContextStoreSourceInstance, cleanSubscriptionWithLockSet, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, cleanLoadingContext, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, transformEmptyStringInputToUndefined, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, mergeStaticProviders, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive, anchorTypeForAnchor } from '@dereekb/dbx-core';
 import { NgPopoverRef, NgOverlayContainerService } from 'ng-overlay-container';
 import { of, map, BehaviorSubject, distinctUntilChanged, shareReplay, delay, Subject, first, startWith, filter, throttleTime, skip, defaultIfEmpty, combineLatest, switchMap, delayWhen, timer, asyncScheduler, from, firstValueFrom, mergeMap, race, tap, catchError, distinct, merge, exhaustMap, NEVER } from 'rxjs';
 import { LockSet, distinctUntilItemsHaveDifferentValues, filterMaybe, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, loadingStateContext, initialize, asObservable, isNot, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, loadingStateFromObs, errorResult, beginLoading, distinctUntilHasDifferentValues } from '@dereekb/rxjs';
@@ -5623,8 +5623,10 @@ function fileAcceptFunction(accept) {
 
 /**
  * Abstract interface for file upload components that can be controlled by the action system (disabled, working, multiple, accept states).
+ *
+ * Extends {@link DbxActionWorkable} (disabled/working), adding upload-specific multiple/accept controls.
  */
-class DbxFileUploadActionCompatable {
+class DbxFileUploadActionCompatable extends DbxActionWorkable {
 }
 /**
  * Provides a {@link DbxFileUploadActionCompatable} for dependency injection from the given component type.
@@ -5643,7 +5645,8 @@ function provideDbxFileUploadActionCompatable(sourceType) {
         {
             provide: DbxFileUploadActionCompatable,
             useExisting: forwardRef(() => sourceType)
-        }
+        },
+        ...provideDbxActionWorkable(sourceType)
     ];
 }
 
@@ -5997,27 +6000,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], area: [{ type: i0.ViewChild, args: ['area', { ...{ read: DbxFileUploadAreaComponent }, isSignal: true }] }], button: [{ type: i0.ViewChild, args: ['button', { ...{ read: DbxFileUploadButtonComponent }, isSignal: true }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], buttonDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonDisplay", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], clickAreaToUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickAreaToUpload", required: false }] }], filesChanged: [{ type: i0.Output, args: ["filesChanged"] }] } });
 
 /**
- * Syncs the disabled and working states from an ActionContextStoreSource to a {@link DbxFileUploadActionCompatable} component.
+ * Syncs the disabled and working states from an ActionContextStoreSource to a {@link DbxActionWorkable} target.
+ *
+ * The target is any element that provides {@link DbxActionWorkable} -- a {@link DbxFileUploadActionCompatable}
+ * file upload component, or a {@link DbxButton} (e.g. `<dbx-button>`).
  *
  * @example
  * ```html
  * <dbx-file-upload-button dbxFileUploadActionSync (filesChanged)="onFiles($event)"></dbx-file-upload-button>
  * ```
+ *
+ * @example
+ * ```html
+ * <dbx-button dbxFileUploadActionSync></dbx-button>
+ * ```
  */
 class DbxFileUploadActionSyncDirective {
     source = inject(DbxActionContextStoreSourceInstance);
-    uploadCompatable = inject(DbxFileUploadActionCompatable);
+    workable = inject(DbxActionWorkable);
     constructor() {
         cleanSubscriptionWithLockSet({
             lockSet: this.source.lockSet,
             sub: this.source.isWorkingOrWorkProgress$.subscribe((working) => {
-                this.uploadCompatable.setWorking(working);
+                this.workable.setWorking(working);
             })
         });
         cleanSubscriptionWithLockSet({
             lockSet: this.source.lockSet,
             sub: this.source.isDisabled$.subscribe((disabled) => {
-                this.uploadCompatable.setDisabled(disabled);
+                this.workable.setDisabled(disabled);
             })
         });
     }
@@ -18030,6 +18041,7 @@ const DBX_PDF_MERGE_EDITOR_INITIAL_STATE = {
 class DbxPdfMergeEditorStore extends ComponentStore {
     _validator$ = new BehaviorSubject(undefined);
     _outputSizeLimit$ = new BehaviorSubject(undefined);
+    _imageCompression$ = new BehaviorSubject(undefined);
     constructor() {
         super(DBX_PDF_MERGE_EDITOR_INITIAL_STATE);
     }
@@ -18108,6 +18120,10 @@ class DbxPdfMergeEditorStore extends ComponentStore {
      */
     currentMergeOutput$ = combineLatest([this._candidateMergeOutput$, this.sizeLimitValid$]).pipe(map(([blob, sizeLimitValid]) => (sizeLimitValid ? blob : undefined)), shareReplay(1));
     mergeOutput$ = this.currentMergeOutput$.pipe(filterMaybe());
+    /**
+     * Emits the active client-side image-compression config pushed via {@link setImageCompression}, or `undefined` when none is set. Consumed by the editor and its slot uploaders as the middle tier of compression resolution (own `[config]` input → store → {@link DBX_PDF_MERGE_EDITOR_CONFIG} token), letting {@link DbxPdfMergeEditorStoreDirective} supply a store-level default that flows through the upload dialog's bare editor.
+     */
+    imageCompression$ = this._imageCompression$.asObservable();
     /**
      * Returns an observable of entries belonging to the given slot id. The result is filtered from {@link entries$} so the per-slot stream still reflects validation progress and removals.
      *
@@ -18140,6 +18156,14 @@ class DbxPdfMergeEditorStore extends ComponentStore {
     setOutputSizeLimit(maxBytes) {
         this._outputSizeLimit$.next(maxBytes ?? undefined);
     }
+    /**
+     * Sets the store-level client-side image-compression config exposed via {@link imageCompression$}. The editor and its slot uploaders apply it as the middle tier of compression resolution (own `[config]` input → store → {@link DBX_PDF_MERGE_EDITOR_CONFIG} token), so a value pushed here by {@link DbxPdfMergeEditorStoreDirective} reaches the upload dialog's bare editor while a per-input/per-slot override still wins. Pass `null`/`undefined` to clear the store-level default.
+     *
+     * @param config - Image-compression config, or a falsy value to clear the store-level default.
+     */
+    setImageCompression(config) {
+        this._imageCompression$.next(config ?? undefined);
+    }
     // MARK: Updaters
     /**
      * Appends entries (already constructed) or builds them from raw files and appends them to state. Each entry's validation promise starts when the entry is built; {@link entries$} reflects each result as it resolves. When `input` is an object with `files` and `slotId`, the resulting entries are tagged with that slot id. When `input` is `{ entries }`, the entries are appended as-is — use this shape for entries that went through async client-side compression upstream.
@@ -18249,6 +18273,14 @@ class DbxPdfMergeEditorStoreDirective {
                 this.store.setOutputSizeLimit(errorBytes);
             }
         });
+        // Push the directive's image-compression config onto the store so it reaches the
+        // upload dialog's bare <dbx-pdf-merge-editor> (which renders with no own [config]).
+        // Only the store directive pushes — the editor reads the store as the middle tier of
+        // its resolution chain (own [config] → store → token) — so the bare editor never
+        // clobbers this value with an empty config.
+        effect(() => {
+            this.store.setImageCompression(this.config()?.imageCompression);
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxPdfMergeEditorStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: DbxPdfMergeEditorStoreDirective, isStandalone: true, selector: "[dbxPdfMergeEditorStore]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, outputSizeLimit: { classPropertyName: "outputSizeLimit", publicName: "outputSizeLimit", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxPdfMergeEditorStore], exportAs: ["dbxPdfMergeEditorStore"], ngImport: i0 });
@@ -18530,38 +18562,82 @@ class DbxPdfMergeEditorComponent {
      * Single-slot subscription tracker for the deferred Preview path. Replacing the slot cancels any earlier in-flight wait so rapid clicks (or repeated programmatic calls) cannot stack pending dialogs.
      */
     _pendingPreview = cleanSubscription();
-    accept = input(DEFAULT_PDF_MERGE_ACCEPT, ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
-    multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
-    fileName = input(DEFAULT_MERGED_FILE_NAME, ...(ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []));
-    showDownloadButton = input(false, ...(ngDevMode ? [{ debugName: "showDownloadButton" }] : /* istanbul ignore next */ []));
-    showPreviewButton = input(true, ...(ngDevMode ? [{ debugName: "showPreviewButton" }] : /* istanbul ignore next */ []));
-    downloadButton = input(DEFAULT_DOWNLOAD_BUTTON, ...(ngDevMode ? [{ debugName: "downloadButton" }] : /* istanbul ignore next */ []));
-    /**
-     * When `false`, hides the default "Add files" upload area. Use when projecting one or more {@link DbxPdfMergeEditorFileUploadComponent} slots through `<ng-content>` instead of relying on the unscoped uploader.
-     */
-    showAddFiles = input(true, ...(ngDevMode ? [{ debugName: "showAddFiles" }] : /* istanbul ignore next */ []));
     /**
-     * When `false`, hides the shared {@link DbxPdfMergeListComponent} below the slot content. Useful when each slot displays its owned files inline and you don't want a duplicate unified list.
+     * Individual inputs. Each takes precedence over the matching field on {@link config} (and the workspace-wide token), with defaults applied in the corresponding `*Signal` computed. See {@link DbxPdfMergeEditorConfig} for field docs.
      */
-    showFileList = input(true, ...(ngDevMode ? [{ debugName: "showFileList" }] : /* istanbul ignore next */ []));
+    accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : /* istanbul ignore next */ []));
+    multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : /* istanbul ignore next */ []));
+    fileName = input(...(ngDevMode ? [undefined, { debugName: "fileName" }] : /* istanbul ignore next */ []));
+    showDownloadButton = input(...(ngDevMode ? [undefined, { debugName: "showDownloadButton" }] : /* istanbul ignore next */ []));
+    showPreviewButton = input(...(ngDevMode ? [undefined, { debugName: "showPreviewButton" }] : /* istanbul ignore next */ []));
+    downloadButton = input(...(ngDevMode ? [undefined, { debugName: "downloadButton" }] : /* istanbul ignore next */ []));
+    showAddFiles = input(...(ngDevMode ? [undefined, { debugName: "showAddFiles" }] : /* istanbul ignore next */ []));
+    showFileList = input(...(ngDevMode ? [undefined, { debugName: "showFileList" }] : /* istanbul ignore next */ []));
     /**
-     * Optional configuration override for image compression and output-size limits. When omitted, falls back to the value provided via {@link DBX_PDF_MERGE_EDITOR_CONFIG} (if any).
+     * Bundles every editor option into one object (see {@link DbxPdfMergeEditorConfig}). Individual inputs override the matching field here, which in turn overrides the workspace-wide {@link DBX_PDF_MERGE_EDITOR_CONFIG} token.
      */
     config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
     entriesChanged = output();
     /**
-     * Merged config — the editor's own `config` input wins over the workspace-wide token.
+     * Store-level image-compression default pushed by {@link DbxPdfMergeEditorStoreDirective}. Resolved between the editor's own `config` input and the workspace-wide token so a store-level default flows through the upload dialog's bare editor.
+     */
+    storeImageCompressionSignal = toSignal(this.store.imageCompression$, { initialValue: undefined });
+    /**
+     * Merged config — the editor's own `config` input wins over the store-level default (for `imageCompression`), which in turn wins over the workspace-wide token. The individual inputs are resolved on top of this object in the per-field `*Signal` computeds below.
      */
     effectiveConfigSignal = computed(() => {
         const fromInput = this.config();
         const fromToken = this._injectedConfig;
+        const storeImageCompression = this.storeImageCompressionSignal();
         return {
-            imageCompression: fromInput?.imageCompression ?? fromToken?.imageCompression ?? null,
-            outputSizeLimits: fromInput?.outputSizeLimits ?? fromToken?.outputSizeLimits ?? null
+            imageCompression: fromInput?.imageCompression ?? storeImageCompression ?? fromToken?.imageCompression ?? null,
+            outputSizeLimits: fromInput?.outputSizeLimits ?? fromToken?.outputSizeLimits ?? null,
+            accept: fromInput?.accept ?? fromToken?.accept,
+            multiple: fromInput?.multiple ?? fromToken?.multiple,
+            fileName: fromInput?.fileName ?? fromToken?.fileName,
+            showDownloadButton: fromInput?.showDownloadButton ?? fromToken?.showDownloadButton,
+            showPreviewButton: fromInput?.showPreviewButton ?? fromToken?.showPreviewButton,
+            downloadButton: fromInput?.downloadButton ?? fromToken?.downloadButton,
+            showAddFiles: fromInput?.showAddFiles ?? fromToken?.showAddFiles,
+            showFileList: fromInput?.showFileList ?? fromToken?.showFileList
         };
     }, ...(ngDevMode ? [{ debugName: "effectiveConfigSignal" }] : /* istanbul ignore next */ []));
     imageCompressionConfigSignal = computed(() => this.effectiveConfigSignal().imageCompression, ...(ngDevMode ? [{ debugName: "imageCompressionConfigSignal" }] : /* istanbul ignore next */ []));
     outputSizeLimitsSignal = computed(() => this.effectiveConfigSignal().outputSizeLimits, ...(ngDevMode ? [{ debugName: "outputSizeLimitsSignal" }] : /* istanbul ignore next */ []));
+    // Per-field resolution: dedicated input → config (input/token) → default. The config signal is
+    // read unconditionally at the top of each computed so the computed tracks it on every run.
+    acceptSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.accept() ?? config.accept ?? DEFAULT_PDF_MERGE_ACCEPT;
+    }, ...(ngDevMode ? [{ debugName: "acceptSignal" }] : /* istanbul ignore next */ []));
+    multipleSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.multiple() ?? config.multiple ?? true;
+    }, ...(ngDevMode ? [{ debugName: "multipleSignal" }] : /* istanbul ignore next */ []));
+    fileNameSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.fileName() ?? config.fileName ?? DEFAULT_MERGED_FILE_NAME;
+    }, ...(ngDevMode ? [{ debugName: "fileNameSignal" }] : /* istanbul ignore next */ []));
+    showDownloadButtonSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.showDownloadButton() ?? config.showDownloadButton ?? false;
+    }, ...(ngDevMode ? [{ debugName: "showDownloadButtonSignal" }] : /* istanbul ignore next */ []));
+    showPreviewButtonSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.showPreviewButton() ?? config.showPreviewButton ?? true;
+    }, ...(ngDevMode ? [{ debugName: "showPreviewButtonSignal" }] : /* istanbul ignore next */ []));
+    downloadButtonSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.downloadButton() ?? config.downloadButton ?? DEFAULT_DOWNLOAD_BUTTON;
+    }, ...(ngDevMode ? [{ debugName: "downloadButtonSignal" }] : /* istanbul ignore next */ []));
+    showAddFilesSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.showAddFiles() ?? config.showAddFiles ?? true;
+    }, ...(ngDevMode ? [{ debugName: "showAddFilesSignal" }] : /* istanbul ignore next */ []));
+    showFileListSignal = computed(() => {
+        const config = this.effectiveConfigSignal();
+        return this.showFileList() ?? config.showFileList ?? true;
+    }, ...(ngDevMode ? [{ debugName: "showFileListSignal" }] : /* istanbul ignore next */ []));
     warnBytesSignal = computed(() => this.outputSizeLimitsSignal()?.warnBytes, ...(ngDevMode ? [{ debugName: "warnBytesSignal" }] : /* istanbul ignore next */ []));
     errorBytesSignal = computed(() => this.outputSizeLimitsSignal()?.errorBytes, ...(ngDevMode ? [{ debugName: "errorBytesSignal" }] : /* istanbul ignore next */ []));
     hasReadyEntriesSignal = toSignal(this.store.hasReadyEntries$, { initialValue: false });
@@ -18618,8 +18694,8 @@ class DbxPdfMergeEditorComponent {
     }, ...(ngDevMode ? [{ debugName: "formattedErrorLimitSignal" }] : /* istanbul ignore next */ []));
     downloadConfigSignal = computed(() => ({
         blob: this.mergeBlobSignal(),
-        fileName: this.fileName(),
-        buttonStylePair: this.downloadButton() ?? DEFAULT_DOWNLOAD_BUTTON
+        fileName: this.fileNameSignal(),
+        buttonStylePair: this.downloadButtonSignal()
     }), ...(ngDevMode ? [{ debugName: "downloadConfigSignal" }] : /* istanbul ignore next */ []));
     constructor() {
         this.store.entries$.pipe(takeUntilDestroyed()).subscribe((entries) => this.entriesChanged.emit(entries));
@@ -18662,20 +18738,20 @@ class DbxPdfMergeEditorComponent {
     openPreviewDialog(blob) {
         openPdfPreviewDialog(this._matDialog, {
             blob,
-            downloadFileName: this.fileName(),
+            downloadFileName: this.fileNameSignal(),
             width: '90vw',
             maxWidth: '1200px',
             height: '90vh'
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxPdfMergeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxPdfMergeEditorComponent, isStandalone: true, selector: "dbx-pdf-merge-editor", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, showDownloadButton: { classPropertyName: "showDownloadButton", publicName: "showDownloadButton", isSignal: true, isRequired: false, transformFunction: null }, showPreviewButton: { classPropertyName: "showPreviewButton", publicName: "showPreviewButton", isSignal: true, isRequired: false, transformFunction: null }, downloadButton: { classPropertyName: "downloadButton", publicName: "downloadButton", isSignal: true, isRequired: false, transformFunction: null }, showAddFiles: { classPropertyName: "showAddFiles", publicName: "showAddFiles", isSignal: true, isRequired: false, transformFunction: null }, showFileList: { classPropertyName: "showFileList", publicName: "showFileList", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entriesChanged: "entriesChanged" }, host: { classAttribute: "dbx-pdf-merge-editor d-block" }, ngImport: i0, template: "@if (showAddFiles()) {\n  <div class=\"dbx-pdf-merge-editor-upload d-block dbx-mb3\">\n    <dbx-file-upload [accept]=\"accept()\" [multiple]=\"multiple()\" (filesChanged)=\"onFiles($event)\" [hint]=\"'Drop PDFs or images here, or click to browse'\" [text]=\"'Add files'\" icon=\"upload_file\"></dbx-file-upload>\n  </div>\n}\n<ng-content></ng-content>\n@if (showFileList()) {\n  <dbx-pdf-merge-list></dbx-pdf-merge-list>\n}\n@switch (outputSizeStateSignal()) {\n  @case ('warn') {\n    <div class=\"dbx-pdf-merge-editor-size-warning\">\n      <mat-icon>warning</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }} \u2014 above the recommended {{ formattedWarnLimitSignal() }} limit.</span>\n    </div>\n  }\n  @case ('error') {\n    <div class=\"dbx-pdf-merge-editor-size-error\">\n      <mat-icon>error</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }}, exceeds the {{ formattedErrorLimitSignal() }} limit. Remove or compress files to continue.</span>\n    </div>\n  }\n}\n<div class=\"dbx-pdf-merge-editor-actions\">\n  <span class=\"dbx-hint dbx-small\">{{ entryCountSignal() }} file(s)</span>\n  <span class=\"dbx-spacer\"></span>\n  <dbx-button text=\"Clear\" icon=\"delete\" [disabled]=\"entryCountSignal() === 0\" (buttonClick)=\"onClear()\"></dbx-button>\n  @if (showPreviewButton()) {\n    <dbx-button text=\"Preview\" icon=\"picture_as_pdf\" [disabled]=\"!canMergeSignal()\" (buttonClick)=\"onPreview()\"></dbx-button>\n  }\n  @if (showDownloadButton() && canMergeSignal()) {\n    <dbx-download-blob-button [config]=\"downloadConfigSignal()\"></dbx-download-blob-button>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "customContent", "allowClickPropagation", "mode"] }, { kind: "component", type: DbxFileUploadComponent, selector: "dbx-file-upload", inputs: ["config", "buttonStyle", "buttonDisplay", "mode", "text", "icon", "hint", "clickAreaToUpload"], outputs: ["filesChanged"] }, { kind: "component", type: DbxDownloadBlobButtonComponent, selector: "dbx-download-blob-button", inputs: ["config"] }, { kind: "component", type: DbxPdfMergeListComponent, selector: "dbx-pdf-merge-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxPdfMergeEditorComponent, isStandalone: true, selector: "dbx-pdf-merge-editor", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, showDownloadButton: { classPropertyName: "showDownloadButton", publicName: "showDownloadButton", isSignal: true, isRequired: false, transformFunction: null }, showPreviewButton: { classPropertyName: "showPreviewButton", publicName: "showPreviewButton", isSignal: true, isRequired: false, transformFunction: null }, downloadButton: { classPropertyName: "downloadButton", publicName: "downloadButton", isSignal: true, isRequired: false, transformFunction: null }, showAddFiles: { classPropertyName: "showAddFiles", publicName: "showAddFiles", isSignal: true, isRequired: false, transformFunction: null }, showFileList: { classPropertyName: "showFileList", publicName: "showFileList", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entriesChanged: "entriesChanged" }, host: { classAttribute: "dbx-pdf-merge-editor d-block" }, ngImport: i0, template: "@if (showAddFilesSignal()) {\n  <div class=\"dbx-pdf-merge-editor-upload d-block dbx-mb3\">\n    <dbx-file-upload [accept]=\"acceptSignal()\" [multiple]=\"multipleSignal()\" (filesChanged)=\"onFiles($event)\" [hint]=\"'Drop PDFs or images here, or click to browse'\" [text]=\"'Add files'\" icon=\"upload_file\"></dbx-file-upload>\n  </div>\n}\n<ng-content></ng-content>\n@if (showFileListSignal()) {\n  <dbx-pdf-merge-list></dbx-pdf-merge-list>\n}\n@switch (outputSizeStateSignal()) {\n  @case ('warn') {\n    <div class=\"dbx-pdf-merge-editor-size-warning\">\n      <mat-icon>warning</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }} \u2014 above the recommended {{ formattedWarnLimitSignal() }} limit.</span>\n    </div>\n  }\n  @case ('error') {\n    <div class=\"dbx-pdf-merge-editor-size-error\">\n      <mat-icon>error</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }}, exceeds the {{ formattedErrorLimitSignal() }} limit. Remove or compress files to continue.</span>\n    </div>\n  }\n}\n<div class=\"dbx-pdf-merge-editor-actions\">\n  <span class=\"dbx-hint dbx-small\">{{ entryCountSignal() }} file(s)</span>\n  <span class=\"dbx-spacer\"></span>\n  <dbx-button text=\"Clear\" icon=\"delete\" [disabled]=\"entryCountSignal() === 0\" (buttonClick)=\"onClear()\"></dbx-button>\n  @if (showPreviewButtonSignal()) {\n    <dbx-button text=\"Preview\" icon=\"picture_as_pdf\" [disabled]=\"!canMergeSignal()\" (buttonClick)=\"onPreview()\"></dbx-button>\n  }\n  @if (showDownloadButtonSignal() && canMergeSignal()) {\n    <dbx-download-blob-button [config]=\"downloadConfigSignal()\"></dbx-download-blob-button>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "customContent", "allowClickPropagation", "mode"] }, { kind: "component", type: DbxFileUploadComponent, selector: "dbx-file-upload", inputs: ["config", "buttonStyle", "buttonDisplay", "mode", "text", "icon", "hint", "clickAreaToUpload"], outputs: ["filesChanged"] }, { kind: "component", type: DbxDownloadBlobButtonComponent, selector: "dbx-download-blob-button", inputs: ["config"] }, { kind: "component", type: DbxPdfMergeListComponent, selector: "dbx-pdf-merge-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxPdfMergeEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-pdf-merge-editor', host: {
                         class: 'dbx-pdf-merge-editor d-block'
-                    }, imports: [MatIconModule, DbxButtonComponent, DbxFileUploadComponent, DbxDownloadBlobButtonComponent, DbxPdfMergeListComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "@if (showAddFiles()) {\n  <div class=\"dbx-pdf-merge-editor-upload d-block dbx-mb3\">\n    <dbx-file-upload [accept]=\"accept()\" [multiple]=\"multiple()\" (filesChanged)=\"onFiles($event)\" [hint]=\"'Drop PDFs or images here, or click to browse'\" [text]=\"'Add files'\" icon=\"upload_file\"></dbx-file-upload>\n  </div>\n}\n<ng-content></ng-content>\n@if (showFileList()) {\n  <dbx-pdf-merge-list></dbx-pdf-merge-list>\n}\n@switch (outputSizeStateSignal()) {\n  @case ('warn') {\n    <div class=\"dbx-pdf-merge-editor-size-warning\">\n      <mat-icon>warning</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }} \u2014 above the recommended {{ formattedWarnLimitSignal() }} limit.</span>\n    </div>\n  }\n  @case ('error') {\n    <div class=\"dbx-pdf-merge-editor-size-error\">\n      <mat-icon>error</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }}, exceeds the {{ formattedErrorLimitSignal() }} limit. Remove or compress files to continue.</span>\n    </div>\n  }\n}\n<div class=\"dbx-pdf-merge-editor-actions\">\n  <span class=\"dbx-hint dbx-small\">{{ entryCountSignal() }} file(s)</span>\n  <span class=\"dbx-spacer\"></span>\n  <dbx-button text=\"Clear\" icon=\"delete\" [disabled]=\"entryCountSignal() === 0\" (buttonClick)=\"onClear()\"></dbx-button>\n  @if (showPreviewButton()) {\n    <dbx-button text=\"Preview\" icon=\"picture_as_pdf\" [disabled]=\"!canMergeSignal()\" (buttonClick)=\"onPreview()\"></dbx-button>\n  }\n  @if (showDownloadButton() && canMergeSignal()) {\n    <dbx-download-blob-button [config]=\"downloadConfigSignal()\"></dbx-download-blob-button>\n  }\n</div>\n" }]
+                    }, imports: [MatIconModule, DbxButtonComponent, DbxFileUploadComponent, DbxDownloadBlobButtonComponent, DbxPdfMergeListComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "@if (showAddFilesSignal()) {\n  <div class=\"dbx-pdf-merge-editor-upload d-block dbx-mb3\">\n    <dbx-file-upload [accept]=\"acceptSignal()\" [multiple]=\"multipleSignal()\" (filesChanged)=\"onFiles($event)\" [hint]=\"'Drop PDFs or images here, or click to browse'\" [text]=\"'Add files'\" icon=\"upload_file\"></dbx-file-upload>\n  </div>\n}\n<ng-content></ng-content>\n@if (showFileListSignal()) {\n  <dbx-pdf-merge-list></dbx-pdf-merge-list>\n}\n@switch (outputSizeStateSignal()) {\n  @case ('warn') {\n    <div class=\"dbx-pdf-merge-editor-size-warning\">\n      <mat-icon>warning</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }} \u2014 above the recommended {{ formattedWarnLimitSignal() }} limit.</span>\n    </div>\n  }\n  @case ('error') {\n    <div class=\"dbx-pdf-merge-editor-size-error\">\n      <mat-icon>error</mat-icon>\n      <span>Merged file is {{ formattedOutputSizeSignal() }}, exceeds the {{ formattedErrorLimitSignal() }} limit. Remove or compress files to continue.</span>\n    </div>\n  }\n}\n<div class=\"dbx-pdf-merge-editor-actions\">\n  <span class=\"dbx-hint dbx-small\">{{ entryCountSignal() }} file(s)</span>\n  <span class=\"dbx-spacer\"></span>\n  <dbx-button text=\"Clear\" icon=\"delete\" [disabled]=\"entryCountSignal() === 0\" (buttonClick)=\"onClear()\"></dbx-button>\n  @if (showPreviewButtonSignal()) {\n    <dbx-button text=\"Preview\" icon=\"picture_as_pdf\" [disabled]=\"!canMergeSignal()\" (buttonClick)=\"onPreview()\"></dbx-button>\n  }\n  @if (showDownloadButtonSignal() && canMergeSignal()) {\n    <dbx-download-blob-button [config]=\"downloadConfigSignal()\"></dbx-download-blob-button>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], showDownloadButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDownloadButton", required: false }] }], showPreviewButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPreviewButton", required: false }] }], downloadButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadButton", required: false }] }], showAddFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAddFiles", required: false }] }], showFileList: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFileList", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], entriesChanged: [{ type: i0.Output, args: ["entriesChanged"] }] } });
 
 /**
@@ -18873,9 +18949,16 @@ class DbxPdfMergeEditorFileUploadComponent {
         });
     }
     /**
-     * Resolves the active image compression config: per-slot override → workspace-wide DI token. The intermediate ancestor {@link DbxPdfMergeEditorComponent} config is not visible from a slot, so consumers needing per-editor compression should either set the slot's `imageCompression` directly or rely on the injection token.
+     * Store-level image-compression default pushed by {@link DbxPdfMergeEditorStoreDirective}. Resolved between the slot's own override and the workspace-wide token.
+     */
+    storeImageCompressionSignal = toSignal(this.store.imageCompression$, { initialValue: undefined });
+    /**
+     * Resolves the active image compression config: per-slot override → store-level default → workspace-wide DI token. The store tier lets a {@link DbxPdfMergeEditorStoreDirective} `[config]` supply a shared default (e.g. through the upload dialog) while a slot's own `imageCompression` still wins.
      */
-    effectiveImageCompressionSignal = computed(() => this.config()?.imageCompression ?? this._injectedConfig?.imageCompression ?? null, ...(ngDevMode ? [{ debugName: "effectiveImageCompressionSignal" }] : /* istanbul ignore next */ []));
+    effectiveImageCompressionSignal = computed(() => {
+        const storeImageCompression = this.storeImageCompressionSignal();
+        return this.config()?.imageCompression ?? storeImageCompression ?? this._injectedConfig?.imageCompression ?? null;
+    }, ...(ngDevMode ? [{ debugName: "effectiveImageCompressionSignal" }] : /* istanbul ignore next */ []));
     async onFiles(event) {
         const accepted = event.matchResult.accepted;
         const ownedCount = this.ownedEntriesSignal().length;