@dereekb/dbx-web 9.24.9 → 9.24.11

package/fesm2020/dereekb-dbx-web.mjs

@@ -5,7 +5,7 @@ import { BehaviorSubject, map, combineLatest, distinctUntilChanged, shareReplay,
 import * as i1$1 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i1$2 from '@dereekb/dbx-core';
-import { AbstractSubscriptionDirective, safeMarkForCheck, AbstractDbxButtonDirective, provideDbxButton, DbxCoreButtonModule, AbstractTransitionWatcherDirective, AbstractDbxActionValueOnTriggerDirective, safeDetectChanges, DbxInjectionComponentModule, AbstractDbxActionHandlerDirective, provideActionStoreSource, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, AbstractIfDirective, DbxCoreFilterModule, asSegueRef, isSegueRefActive, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxCoreActionModule, isIdleActionState, canTriggerAction, onDbxAppAuth, SimpleStorageAccessorFactory } from '@dereekb/dbx-core';
+import { AbstractSubscriptionDirective, safeMarkForCheck, AbstractDbxButtonDirective, provideDbxButton, DbxCoreButtonModule, AbstractTransitionWatcherDirective, AbstractDbxActionValueOnTriggerDirective, safeDetectChanges, DbxInjectionComponentModule, AbstractDbxActionHandlerDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, AbstractTransitionDirective, tapDetectChanges, AbstractIfDirective, DbxCoreFilterModule, asSegueRef, isSegueRefActive, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, anchorTypeForAnchor, AnchorType, DbxCoreActionModule, isIdleActionState, canTriggerAction, onDbxAppAuth, SimpleStorageAccessorFactory } from '@dereekb/dbx-core';
 import ms from 'ms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -2281,18 +2281,41 @@ class AbstractDbxPresetFilterMenuComponent {
         //TODO: Rename to AbstractDbxPresetFilterMenuDirective with next breaking changes
         this._presets = new BehaviorSubject([]);
         this.selected$ = this.filterSourceDirective.filter$.pipe(startWith(undefined), distinctUntilChanged(), shareReplay(1));
+        this.presetsWithPresetStringOnly$ = this._presets.pipe(map((x) => x.filter((y) => Boolean(y.preset))));
         this.selectedPresetString$ = this.selected$.pipe(map((selectedFilter) => (selectedFilter ? selectedFilter.preset : undefined)), distinctUntilChanged());
-        this.presetAnchors$ = combineLatest([this._presets, this.selectedPresetString$]).pipe(map(([presets, selectedPresetString]) => {
-            return presets.map((x) => ({
-                ...x,
-                selected: x.preset === selectedPresetString,
-                onClick: () => {
-                    this.selectPreset(x);
+        this.presetAnchorsPairs$ = combineLatest([this._presets, this.selected$, this.selectedPresetString$]).pipe(map(([presets, currentFilterValue, selectedPresetString]) => {
+            return presets.map((x) => {
+                let selected;
+                let type;
+                if (isClickableFilterPreset(x)) {
+                    selected = x.preset === selectedPresetString;
+                    type = 'preset';
                 }
-            }));
+                else {
+                    selected = x.isActive(currentFilterValue);
+                    type = 'partialPreset';
+                }
+                return [
+                    type,
+                    x,
+                    {
+                        ...x,
+                        selected,
+                        onClick: () => {
+                            this.selectPreset(x);
+                        }
+                    }
+                ];
+            });
+        }), shareReplay(1));
+        this.presetAnchors$ = this.presetAnchorsPairs$.pipe(map((x) => x.map((x) => x[2])), shareReplay(1));
+        this.firstSelectedAnchorPair$ = this.presetAnchorsPairs$.pipe(map((presets) => {
+            const firstSelected = presets.find((x) => x[2].selected);
+            return firstSelected ? firstSelected : undefined;
         }), shareReplay(1));
-        this.selectedPreset$ = combineLatest([this._presets, this.selectedPresetString$]).pipe(map(([presets, selectedPresetString]) => {
-            return selectedPresetString != null ? presets.find((x) => x.preset === selectedPresetString) : undefined;
+        this.selectedPreset$ = this.presetAnchorsPairs$.pipe(map((presets) => {
+            const firstSelected = presets.filter((x) => x[0] === 'preset').find((x) => x[2].selected);
+            return firstSelected ? firstSelected[1] : undefined;
         }), shareReplay(1));
     }
     get presets() {
@@ -2302,18 +2325,19 @@ class AbstractDbxPresetFilterMenuComponent {
         this._presets.next(presets);
     }
     selectPreset(preset) {
-        const presetValue = preset.presetValue;
+        const presetString = preset.preset;
+        const presetValue = preset.presetValue || preset.partialPresetValue;
         if (presetValue == null || (typeof presetValue !== 'function' && objectHasNoKeys(presetValue))) {
             // set and then reset if the value is null or empty
             this.filterSourceDirective.setFilter((presetValue ?? {}));
             this.filterSourceDirective.resetFilter();
         }
         else {
-            let filter = getValueFromGetter(preset.presetValue);
-            if (filter.preset !== preset.preset) {
+            let filter = getValueFromGetter(presetValue);
+            if (filter.preset !== presetString) {
                 filter = {
                     ...filter,
-                    preset: preset.preset
+                    preset: presetString
                 };
             }
             this.filterSourceDirective.setFilter(filter);
@@ -5998,15 +6022,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 class DbxLinkifyComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
-        this._text = new BehaviorSubject('');
-        this.linkifiedText$ = this._text.pipe(distinctUntilChanged(), map((x) => linkifyStr(x, {
-            defaultProtocol: 'https',
-            target: {
-                url: '_blank'
-            }
-        })), shareReplay(1));
+        this._text = new BehaviorSubject(undefined);
+        this.linkifiedText$ = this._text.pipe(distinctUntilChanged(), map((x) => x
+            ? linkifyStr(x, {
+                defaultProtocol: 'https',
+                target: {
+                    url: '_blank'
+                }
+            })
+            : undefined), shareReplay(1));
         this.linkifiedBody$ = this.linkifiedText$.pipe(map((x) => {
-            return this.sanitizer.bypassSecurityTrustHtml(x);
+            return x ? this.sanitizer.bypassSecurityTrustHtml(x) : undefined;
         }), shareReplay(1));
     }
     ngOnDestroy() {
@@ -6020,16 +6046,19 @@ class DbxLinkifyComponent {
     }
 }
 DbxLinkifyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxLinkifyComponent, deps: [{ token: i1$9.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, ngImport: i0, template: `
-    <span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>
+DbxLinkifyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxLinkifyComponent, selector: "dbx-linkify", inputs: { text: "text" }, host: { classAttribute: "dbx-i dbx-linkify" }, ngImport: i0, template: `
+    <span [innerHTML]="linkifiedBody$ | async"></span>
   `, isInline: true, dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxLinkifyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-linkify',
                     template: `
-    <span class="dbx-linkify" [innerHTML]="linkifiedBody$ | async"></span>
-  `
+    <span [innerHTML]="linkifiedBody$ | async"></span>
+  `,
+                    host: {
+                        class: 'dbx-i dbx-linkify'
+                    }
                 }]
         }], ctorParameters: function () { return [{ type: i1$9.DomSanitizer }]; }, propDecorators: { text: [{
                 type: Input