@dereekb/dbx-web 9.20.0 → 9.20.2

package/fesm2015/dereekb-dbx-web.mjs

@@ -5906,7 +5906,7 @@ DbxValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
       <dbx-anchor *ngFor="let item of items; trackBy: trackByFunction" [anchor]="item.anchor" [disabled]="item.disabled">
         <a mat-list-item class="dbx-list-view-item" [disabled]="item.disabled" [disableRipple]="rippleDisabledOnItem(item)" (click)="onClickItem(item)">
           <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
-          <div dbx-injection [config]="item.config"></div>
+          <dbx-injection [config]="item.config"></dbx-injection>
         </a>
       </dbx-anchor>
     </mat-nav-list>
@@ -5920,7 +5920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       <dbx-anchor *ngFor="let item of items; trackBy: trackByFunction" [anchor]="item.anchor" [disabled]="item.disabled">
         <a mat-list-item class="dbx-list-view-item" [disabled]="item.disabled" [disableRipple]="rippleDisabledOnItem(item)" (click)="onClickItem(item)">
           <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
-          <div dbx-injection [config]="item.config"></div>
+          <dbx-injection [config]="item.config"></dbx-injection>
         </a>
       </dbx-anchor>
     </mat-nav-list>
@@ -5991,7 +5991,7 @@ DbxSelectionValueListItemViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
         <mat-selection-list [disabled]="disabled$ | async" [multiple]="multiple" (selectionChange)="matSelectionChanged($event)">
           <mat-list-option class="dbx-list-view-item" *ngFor="let item of items; trackBy: trackByFunction" [selected]="item.selected" [disabled]="item.disabled" [value]="item.itemValue" (click)="onClickValue(item.itemValue)">
             <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
-            <div dbx-injection [config]="item.config"></div>
+            <dbx-injection [config]="item.config"></dbx-injection>
           </mat-list-option>
         </mat-selection-list>
       </ng-container>
@@ -6010,7 +6010,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         <mat-selection-list [disabled]="disabled$ | async" [multiple]="multiple" (selectionChange)="matSelectionChanged($event)">
           <mat-list-option class="dbx-list-view-item" *ngFor="let item of items; trackBy: trackByFunction" [selected]="item.selected" [disabled]="item.disabled" [value]="item.itemValue" (click)="onClickValue(item.itemValue)">
             <mat-icon matListIcon *ngIf="item.icon">{{ item.icon }}</mat-icon>
-            <div dbx-injection [config]="item.config"></div>
+            <dbx-injection [config]="item.config"></dbx-injection>
           </mat-list-option>
         </mat-selection-list>
       </ng-container>
@@ -6459,7 +6459,7 @@ class DbxSectionHeaderComponent {
     }
 }
 DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
+DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { paddedHeader: "paddedHeader", h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader", "class.dbx-section-header-padded": "paddedHeader" } }, ngImport: i0, template: `
     <div class="dbx-section-header-content">
       <ng-container *ngIf="showTitle">
         <ng-container [ngSwitch]="h ?? 1">
@@ -6530,10 +6530,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
     </ng-template>
   `,
                     host: {
-                        '[class.dbx-section-header-full-title]': 'onlyHeader'
+                        '[class.dbx-section-header-full-title]': 'onlyHeader',
+                        '[class.dbx-section-header-padded]': 'paddedHeader'
                     }
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { h: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { paddedHeader: [{
+                type: Input
+            }], h: [{
                 type: Input
             }], header: [{
                 type: Input
@@ -6566,7 +6569,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
     <div class="dbx-section-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["paddedHeader", "h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSectionComponent, decorators: [{
             type: Component,
             args: [{
@@ -6664,7 +6667,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <ng-content></ng-content>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["paddedHeader", "h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
@@ -6704,7 +6707,7 @@ DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
     <div class="dbx-section-page-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["paddedHeader", "h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
@@ -7891,12 +7894,13 @@ class DbxModelViewTrackerStorage {
     get maxEventsToKeep() {
         return DbxModelViewTrackerStorage.MAX_EVENTS;
     }
-    addEvent(event) {
+    addTrackerEvent(event) {
         const storageKey = this.getStorageKeyForFolder(event.folder);
         return this._getEventSetForStorageKey(storageKey).pipe(mergeMap$1((set) => {
             var _a, _b;
             const nextEvent = {
                 d: (_a = event.d) !== null && _a !== void 0 ? _a : unixTimeNumberForNow(),
+                c: event.c,
                 m: event.m
             };
             const e = ModelRelationUtility.removeDuplicates(set.e, (x) => encodeModelKeyTypePair(x.m), [encodeModelKeyTypePair(nextEvent.m)]);
@@ -7924,6 +7928,13 @@ class DbxModelViewTrackerStorage {
         const storageKey = `${this.storageKey}_${folder !== null && folder !== void 0 ? folder : 'default'}`;
         return storageKey;
     }
+    // MARK: Compat
+    /**
+     * @deprecated use addTrackerEvent() instead.
+     */
+    addEvent(event) {
+        return this.addTrackerEvent(event);
+    }
 }
 DbxModelViewTrackerStorage.OBJECT_VIEW_TRACKER_STORAGE_LIST_KEY = 'dbxModelViewTrackerEvents';
 DbxModelViewTrackerStorage.MAX_EVENTS = 60;
@@ -7950,12 +7961,14 @@ class DbxModelTrackerService {
         this._defaultFolder = folder !== null && folder !== void 0 ? folder : undefined;
     }
     // MARK: View
-    trackViewedObject(modelKeyTypeNamePair, folder = this._defaultFolder) {
+    trackViewedObject(modelKeyTypeNamePair, context, folder = this._defaultFolder) {
         this.viewTrackerStorage
-            .addEvent({
+            .addTrackerEvent({
             m: modelKeyTypeNamePair,
+            c: context,
             folder
         })
+            .pipe(first())
             .subscribe();
     }
     getAllViewEvents(folder = this._defaultFolder) {
@@ -7981,8 +7994,8 @@ class DbxModelTrackerEffects {
     constructor(actions$, dbxModelTrackerService) {
         this.actions$ = actions$;
         this.dbxModelTrackerService = dbxModelTrackerService;
-        this.trackModelViewed$ = createEffect(() => this.actions$.pipe(ofType(emitObjectViewEvent), distinctUntilChanged$1((a, b) => (a === null || a === void 0 ? void 0 : a.modelKeyTypeNamePair.key) === (b === null || b === void 0 ? void 0 : b.modelKeyTypeNamePair.key) && (a === null || a === void 0 ? void 0 : a.type) === (b === null || b === void 0 ? void 0 : b.type)), tap$1((x) => {
-            this.dbxModelTrackerService.trackViewedObject(x.modelKeyTypeNamePair);
+        this.trackModelViewed$ = createEffect(() => this.actions$.pipe(ofType(emitObjectViewEvent), distinctUntilChanged$1((a, b) => (a === null || a === void 0 ? void 0 : a.modelKeyTypeNamePair.key) === (b === null || b === void 0 ? void 0 : b.modelKeyTypeNamePair.key) && (a === null || a === void 0 ? void 0 : a.type) === (b === null || b === void 0 ? void 0 : b.type) && (a === null || a === void 0 ? void 0 : a.context) === (b === null || b === void 0 ? void 0 : b.context)), tap$1((x) => {
+            this.dbxModelTrackerService.trackViewedObject(x.modelKeyTypeNamePair, x.context);
         })), { dispatch: false });
         this.changeTrackerFolderToMatchAuth$ = createEffect(() => this.actions$.pipe(ofType(onDbxAppAuth.DbxAppAuthUserActions.setUserIdentifier), map$1((x) => x.id), filter$1((x) => Boolean(x)), distinctUntilChanged$1(), tap$1((accountId) => {
             this.dbxModelTrackerService.defaultFolder = accountId;
@@ -8078,8 +8091,8 @@ function allDbxModelViewTrackerEventModelKeys(events) {
 }
 
 class DbxModelTypesService {
-    constructor(store) {
-        this.store = store;
+    constructor(injector) {
+        this.injector = injector;
         this._configs = new BehaviorSubject({});
         // MARK: Accessors
         this.typesMap$ = this._configs.pipe(map$1((types) => {
@@ -8089,8 +8102,10 @@ class DbxModelTypesService {
                 const config = types[type];
                 const label = config.label || capitalCase(type);
                 const analyticsName = config.analyticsName || label;
-                typesMap[type] = Object.assign(Object.assign({}, config), { label,
-                    analyticsName, icon: (_a = config.icon) !== null && _a !== void 0 ? _a : DbxModelTypesService.DEFAULT_ICON, canSegueToView: Boolean(config.sref) });
+                const sref = config.srefBuilder ? config.srefBuilder(this.injector) : config.sref;
+                typesMap[type] = Object.assign(Object.assign({}, config), { sref,
+                    label,
+                    analyticsName, icon: (_a = config.icon) !== null && _a !== void 0 ? _a : DbxModelTypesService.DEFAULT_ICON, canSegueToView: Boolean(sref) });
             });
             return typesMap;
         }), shareReplay$1(1));
@@ -8119,14 +8134,14 @@ class DbxModelTypesService {
     }
 }
 DbxModelTypesService.DEFAULT_ICON = 'help_outline';
-DbxModelTypesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxModelTypesService, deps: [{ token: i1$b.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxModelTypesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxModelTypesService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
 DbxModelTypesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxModelTypesService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxModelTypesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$b.Store }]; } });
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 /**
  * Service used to register widgets.