@yuuvis/client-framework 2.1.21 → 2.1.22

package/fesm2022/yuuvis-client-framework-list.mjs

@@ -123,7 +123,9 @@ class ListComponent {
                     }
                 });
                 items.forEach((item, index) => {
-                    item.onClick = (evt) => this.select(index, evt.shiftKey, evt.ctrlKey);
+                    item.onClick = (evt) => {
+                        this.select(index, evt.shiftKey, evt.ctrlKey);
+                    };
                     item.activeInput.set(false);
                 });
                 if (this._lastSelection !== undefined && this._lastSelection <= items.length) {
@@ -172,6 +174,8 @@ class ListComponent {
             this.clear();
         }
         if (event.code === 'Space' || (this.selectOnEnter && event.code === 'Enter')) {
+            // prevent default behavior of space in scroll environments
+            event.preventDefault();
             const aii = this._keyManager.activeItemIndex !== null ? this._keyManager.activeItemIndex : -1;
             if (aii >= 0) {
                 this.#select(aii);
@@ -182,12 +186,22 @@ class ListComponent {
             this._keyManager?.onKeydown(event);
     }
     onFocus() {
-        if (this.items().length > 0) {
-            const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;
-            this._keyManager.setActiveItem(indexToFocus);
-            this.itemFocus.emit(indexToFocus);
-            this.#updateActiveItemState();
-        }
+        // set timeout to check if the focus is coming from an item being clicked
+        setTimeout(() => {
+            // if there already is an active item, we do not want to set the focus again
+            if (this._keyManager.activeItemIndex === -1 && this.items().length > 0) {
+                const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;
+                this._keyManager.setActiveItem(indexToFocus);
+                this.itemFocus.emit(indexToFocus);
+                this.#updateActiveItemState();
+            }
+        }, 200);
+        // if (this.items().length > 0) {
+        //   const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;
+        //   this._keyManager.setActiveItem(indexToFocus);
+        //   this.itemFocus.emit(indexToFocus);
+        //   this.#updateActiveItemState();
+        // }
     }
     #itemsEffect;
     focus() {

package/fesm2022/yuuvis-client-framework-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-list.mjs","sources":["../../../../../libs/yuuvis/client-framework/list/src/lib/list-item.directive.ts","../../../../../libs/yuuvis/client-framework/list/src/lib/list.component.ts","../../../../../libs/yuuvis/client-framework/list/src/lib/list.module.ts","../../../../../libs/yuuvis/client-framework/list/src/yuuvis-client-framework-list.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostListener, inject, input, Input, linkedSignal } from '@angular/core';\n\n/**\n * Directive for list items. It is used in the `yuvList` component\n * to keep track of active and selected items. Every element with this\n * directive will be treated as a list item and can be selected and focused.\n * \n *```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Directive({\n  selector: '[yuvListItem]',\n  standalone: true,\n  host: {\n    '[attr.aria-current]': 'activeInput()',\n    '[attr.aria-selected]': 'selectedInput()'\n  }\n})\nexport class ListItemDirective implements Highlightable {\n  #elRef = inject(ElementRef);\n\n  onClick?: (evt: MouseEvent) => void;\n\n  // TO SATISFY THE HIGHLIGHTABLE INTERFACE\n  @Input() disabled?: boolean | undefined;\n\n  /**\n   * Whether the item is active or not. \n   */\n  active = input<boolean>(false);\n  /**\n   * Whether the item is selected or not. \n   */\n  selected = input<boolean>(false);\n\n  selectedInput = linkedSignal({\n    source: this.selected,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  activeInput = linkedSignal({\n    source: this.active,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  @HostListener('click', ['$event']) onHostClick(evt: MouseEvent) {\n    if (!this.disabled && this.onClick) {\n      this.#elRef.nativeElement.parentElement.focus();\n      this.onClick(evt);\n    }\n  }\n\n  setActiveStyles(): void {\n    this.activeInput.set(true);\n    this.#scrollIntoView();\n  }\n\n  setInactiveStyles(): void {\n    this.activeInput.set(false);\n  }\n\n  #scrollIntoView() {\n    const el = this.#elRef.nativeElement as HTMLElement;\n    const { bottom, top, left, right } = el.getBoundingClientRect();\n    const containerRect = this.#elRef.nativeElement.parentElement.getBoundingClientRect();\n\n    const offsetY =\n      top <= containerRect.top\n        ? containerRect.top - top > 0\n          ? (containerRect.top - top) * -1\n          : 0\n        : bottom - containerRect.bottom > 0\n          ? bottom - containerRect.bottom\n          : 0;\n    const offsetX =\n      left <= containerRect.left\n        ? containerRect.left - left > 0\n          ? (containerRect.left - left) * -1\n          : 0\n        : right - containerRect.right > 0\n          ? right - containerRect.right\n          : 0;\n\n    if (offsetX || offsetY) (this.#elRef.nativeElement.parentElement as HTMLElement).scrollBy(offsetX, offsetY);\n  }\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  HostAttributeToken,\n  HostListener,\n  OnDestroy,\n  ViewEncapsulation,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n  untracked\n} from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\n\n/**\n * Component rendering a simple list of items. It supports keyboard\n * navigation as well as accessibility. To create a list just wrap\n * `yuvListItem` elements into this component:\n *\n * ```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Component({\n  selector: 'yuv-list',\n  standalone: true,\n  imports: [CommonModule, A11yModule],\n  template: '<ng-content></ng-content>',\n  styleUrl: './list.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'listbox',\n    tabindex: '0',\n    '[class.self-handle-selection]': 'selfHandleSelection()'\n  }\n})\nexport class ListComponent implements OnDestroy {\n  #dir = inject(Directionality);\n  #elRef = inject(ElementRef);\n\n  @HostListener('keydown', ['$event']) onKeydown(event: KeyboardEvent) {\n    if (this.disableSelection()) return;\n    if (event.code === 'Escape') {\n      this.clear();\n    }\n\n    if (event.code === 'Space' || (this.selectOnEnter && event.code === 'Enter')) {\n      const aii: number = this._keyManager.activeItemIndex !== null ? this._keyManager.activeItemIndex : -1;\n      if (aii >= 0) {\n        this.#select(aii);\n        this.#emitSelection();\n      }\n    } else this._keyManager?.onKeydown(event);\n  }\n\n  @HostListener('focus') onFocus() {\n    if (this.items().length > 0) {\n      const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;\n      this._keyManager.setActiveItem(indexToFocus);\n      this.itemFocus.emit(indexToFocus);\n      this.#updateActiveItemState();\n    }\n  }\n\n  items = contentChildren(ListItemDirective);\n\n  #itemsEffect = effect(() => {\n    const items = this.items();\n\n    if (this._keyManager) this._keyManager.destroy();\n\n    untracked(() => {\n      this._keyManager = this.horizontal\n        ? new ActiveDescendantKeyManager(items).withWrap().withHorizontalOrientation(this.#dir.value)\n        : new ActiveDescendantKeyManager(items).withWrap();\n\n      this._keyManager.change.subscribe((activeIndex) => {\n        if (activeIndex !== null) {\n          this.#updateActiveItemState();\n          this.itemFocus.emit(activeIndex);\n        }\n      });\n\n      items.forEach((item, index) => {\n        item.onClick = (evt: MouseEvent) => this.select(index, evt.shiftKey, evt.ctrlKey);\n        item.activeInput.set(false);\n      });\n      if (this._lastSelection !== undefined && this._lastSelection <= items.length) {\n        this.select(this._lastSelection);\n      }\n    });\n  });\n\n  private _keyManager!: ActiveDescendantKeyManager<ListItemDirective>;\n  private _selection: number[] = [];\n  private _lastSelection?: number;\n\n  /**\n   * If `true`, multiple items can be selected at once.\n   */\n  multiselect = input<boolean>(false);\n  /**\n   * If `true`, the component will handle selection itself. This means that\n   * the parent component will be responsible for styling the selected and \n   * focused items. If `false`, the component will take care of visualizing \n   * the selection and focus states.\n   * @default false\n   */\n  selfHandleSelection = input<boolean>(false);\n\n  /**\n   * Emits the selected items indices.\n   * @type {output<number[]>}\n   */\n  itemSelect = output<number[]>();\n  /**\n   * Emits the index of the item that has focus.\n   * @type {output<number>}\n   */\n  itemFocus = output<number>();\n\n  // autoselectFirst: boolean = (inject(new HostAttributeToken('autoselectFirst'), { optional: true }) || 'false') === 'true';\n  selectOnEnter: boolean = (inject(new HostAttributeToken('selectOnEnter'), { optional: true }) || 'false') === 'true';\n  horizontal: boolean = (inject(new HostAttributeToken('horizontal'), { optional: true }) || 'false') === 'true';\n  \n  /**\n   * If `true`, the list will not allow selection of items.\n   * This is useful for lists that are used for display purposes only.\n   */\n  disableSelection = input<boolean>(false);\n\n  focus() {\n    this.#elRef.nativeElement.focus()\n  }\n\n  select(index: number, shiftKey = false, ctrlKey = false) {\n    if (this.disableSelection()) return;\n    if (index >= this.items().length) index = this.items().length - 1;\n    if (this._keyManager) this._keyManager.setActiveItem(index);\n    \n    this.#select(index, shiftKey, ctrlKey);\n    this.#emitSelection();    \n  }\n\n  /**\n   * Clear the current selection.\n   * @param silent If `true`, the `itemSelect` event will not be emitted.\n   */\n  clear(silent = false) {\n    if (this._selection.length !== 0) {\n      this.#select(-1);\n      this._keyManager.setActiveItem(-1);\n      if (!silent) this.#emitSelection();\n    }\n  }\n\n  #select(index: number, shiftKey = false, ctrlKey = false) {\n    if (index === -1) this._selection = [];\n    else {\n      if (this.multiselect()) {\n        this._selection = this._selection.filter((i) => i !== index);\n        if (ctrlKey) {\n          this._selection.push(index);\n        } else if (shiftKey) {\n          if (this._lastSelection) {\n            for (let i = this._lastSelection < index ? this._lastSelection : index; i < (this._lastSelection > index ? this._lastSelection : index); i++) {\n              this._selection.push(i);\n            }\n          } else {\n            this._selection = [index];\n          }\n        } else {\n          this._selection = [index];\n        }\n      } else this._selection = [index];\n    }\n    this._lastSelection = this._selection.length === 0 ? undefined : index;\n    this._selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this._selection.includes(i)));\n  }\n\n  #updateActiveItemState() {\n    const activeIndex = this._keyManager.activeItemIndex;\n    this.items().forEach((item: ListItemDirective, i: number) => {\n      item.activeInput.set(i === activeIndex);\n    });\n  }\n\n  #emitSelection() {\n    this.itemSelect.emit(this._selection);\n  }\n\n  ngOnDestroy(): void {\n    this._keyManager?.destroy();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\nimport { ListComponent } from './list.component';\n\n@NgModule({\n  imports: [ListComponent, ListItemDirective],\n  exports: [ListComponent, ListItemDirective]\n})\nexport class YuvListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-list.mjs","sources":["../../../../../libs/yuuvis/client-framework/list/src/lib/list-item.directive.ts","../../../../../libs/yuuvis/client-framework/list/src/lib/list.component.ts","../../../../../libs/yuuvis/client-framework/list/src/lib/list.module.ts","../../../../../libs/yuuvis/client-framework/list/src/yuuvis-client-framework-list.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostListener, inject, input, Input, linkedSignal } from '@angular/core';\n\n/**\n * Directive for list items. It is used in the `yuvList` component\n * to keep track of active and selected items. Every element with this\n * directive will be treated as a list item and can be selected and focused.\n * \n *```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Directive({\n  selector: '[yuvListItem]',\n  standalone: true,\n  host: {\n    '[attr.aria-current]': 'activeInput()',\n    '[attr.aria-selected]': 'selectedInput()'\n  }\n})\nexport class ListItemDirective implements Highlightable {\n  #elRef = inject(ElementRef);\n\n  onClick?: (evt: MouseEvent) => void;\n\n  // TO SATISFY THE HIGHLIGHTABLE INTERFACE\n  @Input() disabled?: boolean | undefined;\n\n  /**\n   * Whether the item is active or not. \n   */\n  active = input<boolean>(false);\n  /**\n   * Whether the item is selected or not. \n   */\n  selected = input<boolean>(false);\n\n  selectedInput = linkedSignal({\n    source: this.selected,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  activeInput = linkedSignal({\n    source: this.active,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  @HostListener('click', ['$event']) onHostClick(evt: MouseEvent) {\n    if (!this.disabled && this.onClick) {\n      this.#elRef.nativeElement.parentElement.focus();\n      this.onClick(evt);\n    }\n  }\n\n  setActiveStyles(): void {\n    this.activeInput.set(true);\n    this.#scrollIntoView();\n  }\n\n  setInactiveStyles(): void {\n    this.activeInput.set(false);\n  }\n\n  #scrollIntoView() {\n    const el = this.#elRef.nativeElement as HTMLElement;\n    const { bottom, top, left, right } = el.getBoundingClientRect();\n    const containerRect = this.#elRef.nativeElement.parentElement.getBoundingClientRect();\n\n    const offsetY =\n      top <= containerRect.top\n        ? containerRect.top - top > 0\n          ? (containerRect.top - top) * -1\n          : 0\n        : bottom - containerRect.bottom > 0\n          ? bottom - containerRect.bottom\n          : 0;\n    const offsetX =\n      left <= containerRect.left\n        ? containerRect.left - left > 0\n          ? (containerRect.left - left) * -1\n          : 0\n        : right - containerRect.right > 0\n          ? right - containerRect.right\n          : 0;\n\n    if (offsetX || offsetY) (this.#elRef.nativeElement.parentElement as HTMLElement).scrollBy(offsetX, offsetY);\n  }\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  HostAttributeToken,\n  HostListener,\n  OnDestroy,\n  ViewEncapsulation,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n  untracked\n} from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\n\n/**\n * Component rendering a simple list of items. It supports keyboard\n * navigation as well as accessibility. To create a list just wrap\n * `yuvListItem` elements into this component:\n *\n * ```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Component({\n  selector: 'yuv-list',\n  standalone: true,\n  imports: [CommonModule, A11yModule],\n  template: '<ng-content></ng-content>',\n  styleUrl: './list.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'listbox',\n    tabindex: '0',\n    '[class.self-handle-selection]': 'selfHandleSelection()'\n  }\n})\nexport class ListComponent implements OnDestroy {\n  #dir = inject(Directionality);\n  #elRef = inject(ElementRef);\n\n  @HostListener('keydown', ['$event']) onKeydown(event: KeyboardEvent) {\n    if (this.disableSelection()) return;\n    if (event.code === 'Escape') {\n      this.clear();\n    }\n\n    if (event.code === 'Space' || (this.selectOnEnter && event.code === 'Enter')) {\n      // prevent default behavior of space in scroll environments\n      event.preventDefault();\n      const aii: number = this._keyManager.activeItemIndex !== null ? this._keyManager.activeItemIndex : -1;\n      if (aii >= 0) {\n        this.#select(aii);\n        this.#emitSelection();\n      }\n    } else this._keyManager?.onKeydown(event);\n  }\n\n  @HostListener('focus') onFocus() {\n    // set timeout to check if the focus is coming from an item being clicked\n    setTimeout(() => {\n      // if there already is an active item, we do not want to set the focus again\n      if (this._keyManager.activeItemIndex === -1 && this.items().length > 0) {\n        const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;\n        this._keyManager.setActiveItem(indexToFocus);\n        this.itemFocus.emit(indexToFocus);\n        this.#updateActiveItemState();\n      }\n    }, 200);\n\n    // if (this.items().length > 0) {\n    //   const indexToFocus = this._selection.length > 0 ? this._selection[0] : 0;\n    //   this._keyManager.setActiveItem(indexToFocus);\n    //   this.itemFocus.emit(indexToFocus);\n    //   this.#updateActiveItemState();\n    // }\n  }\n\n  items = contentChildren(ListItemDirective);\n\n  #itemsEffect = effect(() => {\n    const items = this.items();\n\n    if (this._keyManager) this._keyManager.destroy();\n\n    untracked(() => {\n      this._keyManager = this.horizontal\n        ? new ActiveDescendantKeyManager(items).withWrap().withHorizontalOrientation(this.#dir.value)\n        : new ActiveDescendantKeyManager(items).withWrap();\n\n      this._keyManager.change.subscribe((activeIndex) => {\n        if (activeIndex !== null) {\n          this.#updateActiveItemState();\n          this.itemFocus.emit(activeIndex);\n        }\n      });\n\n      items.forEach((item, index) => {\n        item.onClick = (evt: MouseEvent) => {\n          this.select(index, evt.shiftKey, evt.ctrlKey);\n        };\n        item.activeInput.set(false);\n      });\n      if (this._lastSelection !== undefined && this._lastSelection <= items.length) {\n        this.select(this._lastSelection);\n      }\n    });\n  });\n\n  private _keyManager!: ActiveDescendantKeyManager<ListItemDirective>;\n  private _selection: number[] = [];\n  private _lastSelection?: number;\n\n  /**\n   * If `true`, multiple items can be selected at once.\n   */\n  multiselect = input<boolean>(false);\n  /**\n   * If `true`, the component will handle selection itself. This means that\n   * the parent component will be responsible for styling the selected and\n   * focused items. If `false`, the component will take care of visualizing\n   * the selection and focus states.\n   * @default false\n   */\n  selfHandleSelection = input<boolean>(false);\n\n  /**\n   * Emits the selected items indices.\n   * @type {output<number[]>}\n   */\n  itemSelect = output<number[]>();\n  /**\n   * Emits the index of the item that has focus.\n   * @type {output<number>}\n   */\n  itemFocus = output<number>();\n\n  // autoselectFirst: boolean = (inject(new HostAttributeToken('autoselectFirst'), { optional: true }) || 'false') === 'true';\n  selectOnEnter: boolean = (inject(new HostAttributeToken('selectOnEnter'), { optional: true }) || 'false') === 'true';\n  horizontal: boolean = (inject(new HostAttributeToken('horizontal'), { optional: true }) || 'false') === 'true';\n\n  /**\n   * If `true`, the list will not allow selection of items.\n   * This is useful for lists that are used for display purposes only.\n   */\n  disableSelection = input<boolean>(false);\n\n  focus() {\n    this.#elRef.nativeElement.focus();\n  }\n\n  select(index: number, shiftKey = false, ctrlKey = false) {\n    if (this.disableSelection()) return;\n    if (index >= this.items().length) index = this.items().length - 1;\n    if (this._keyManager) this._keyManager.setActiveItem(index);\n\n    this.#select(index, shiftKey, ctrlKey);\n    this.#emitSelection();\n  }\n\n  /**\n   * Clear the current selection.\n   * @param silent If `true`, the `itemSelect` event will not be emitted.\n   */\n  clear(silent = false) {\n    if (this._selection.length !== 0) {\n      this.#select(-1);\n      this._keyManager.setActiveItem(-1);\n      if (!silent) this.#emitSelection();\n    }\n  }\n\n  #select(index: number, shiftKey = false, ctrlKey = false) {\n    if (index === -1) this._selection = [];\n    else {\n      if (this.multiselect()) {\n        this._selection = this._selection.filter((i) => i !== index);\n        if (ctrlKey) {\n          this._selection.push(index);\n        } else if (shiftKey) {\n          if (this._lastSelection) {\n            for (let i = this._lastSelection < index ? this._lastSelection : index; i < (this._lastSelection > index ? this._lastSelection : index); i++) {\n              this._selection.push(i);\n            }\n          } else {\n            this._selection = [index];\n          }\n        } else {\n          this._selection = [index];\n        }\n      } else this._selection = [index];\n    }\n    this._lastSelection = this._selection.length === 0 ? undefined : index;\n    this._selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this._selection.includes(i)));\n  }\n\n  #updateActiveItemState() {\n    const activeIndex = this._keyManager.activeItemIndex;\n    this.items().forEach((item: ListItemDirective, i: number) => {\n      item.activeInput.set(i === activeIndex);\n    });\n  }\n\n  #emitSelection() {\n    this.itemSelect.emit(this._selection);\n  }\n\n  ngOnDestroy(): void {\n    this._keyManager?.destroy();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\nimport { ListComponent } from './list.component';\n\n@NgModule({\n  imports: [ListComponent, ListItemDirective],\n  exports: [ListComponent, ListItemDirective]\n})\nexport class YuvListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-framework-object-summary.mjs

@@ -130,11 +130,11 @@ class ObjectSummaryDataComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryDataComponent, isStandalone: true, selector: "yuv-object-summary-data", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, showAppliedFlavors: { classPropertyName: "showAppliedFlavors", publicName: "showAppliedFlavors", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>{{'yuv.object-summary-data.base.headline'|translate}}</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--_object-summary-section-background: var(--object-summary-section-background, var(--ymt-surface));--_object-summary-section-corner: var(--object-summary-section-corner, var(--ymt-corner-m));--_object-summary-section-border-color: var(--object-summary-section-border-color, transparent)}:host section.properties{container:section/inline-size;background-color:var(--_object-summary-section-background);border:1px solid var(--_object-summary-section-border-color);border-radius:var(--_object-summary-section-corner);padding:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-m)}:host section.properties h2{margin-block-start:0}:host section.properties .row{display:flex;flex-flow:column}:host section.properties .row .label{font:var(--ymt-font-body-subtle);flex:0 1 33%;font-weight:700;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host section.properties .row .value{flex:1;word-break:break-all;font:var(--ymt-font-body-subtle);margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 300px){:host section.properties .row{flex-flow:row}}\n"], dependencies: [{ kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectSummaryDataComponent, isStandalone: true, selector: "yuv-object-summary-data", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, showAppliedFlavors: { classPropertyName: "showAppliedFlavors", publicName: "showAppliedFlavors", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h3 class=\"object-summary__title\">{{ flavor.label }}</h3>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h3 class=\"object-summary__title\">{{'yuv.object-summary-data.base.headline'|translate}}</h3>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--_object-summary-section-background: var(--object-summary-section-background, var(--ymt-surface));--_object-summary-section-corner: var(--object-summary-section-corner, var(--ymt-corner-m));--_object-summary-section-border-color: var(--object-summary-section-border-color, transparent)}:host section.properties{container:section/inline-size;background-color:var(--_object-summary-section-background);border:1px solid var(--_object-summary-section-border-color);border-radius:var(--_object-summary-section-corner);padding:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-m)}:host section.properties .object-summary__title{margin-block-start:0;font:var(--ymt-font-body-subtle);letter-spacing:var(--ymt-font-body-subtle-tracking);text-transform:uppercase}:host section.properties .row{display:flex;flex-flow:column}:host section.properties .row .label{font:var(--ymt-font-body-subtle);flex:0 1 33%;font-weight:700;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host section.properties .row .value{flex:1;word-break:break-all;font:var(--ymt-font-body-subtle);margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 300px){:host section.properties .row{flex-flow:row}}\n"], dependencies: [{ kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectSummaryDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-summary-data', standalone: true, imports: [RendererDirective, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>{{'yuv.object-summary-data.base.headline'|translate}}</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--_object-summary-section-background: var(--object-summary-section-background, var(--ymt-surface));--_object-summary-section-corner: var(--object-summary-section-corner, var(--ymt-corner-m));--_object-summary-section-border-color: var(--object-summary-section-border-color, transparent)}:host section.properties{container:section/inline-size;background-color:var(--_object-summary-section-background);border:1px solid var(--_object-summary-section-border-color);border-radius:var(--_object-summary-section-corner);padding:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-m)}:host section.properties h2{margin-block-start:0}:host section.properties .row{display:flex;flex-flow:column}:host section.properties .row .label{font:var(--ymt-font-body-subtle);flex:0 1 33%;font-weight:700;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host section.properties .row .value{flex:1;word-break:break-all;font:var(--ymt-font-body-subtle);margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 300px){:host section.properties .row{flex-flow:row}}\n"] }]
+            args: [{ selector: 'yuv-object-summary-data', standalone: true, imports: [RendererDirective, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h3 class=\"object-summary__title\">{{ flavor.label }}</h3>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h3 class=\"object-summary__title\">{{'yuv.object-summary-data.base.headline'|translate}}</h3>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n", styles: ["section.title{padding:var(--ymt-spacing-m);display:flex;justify-content:space-between;align-items:center;gap:var(--ymt-spacing-m)}section.title .actions button.quickAccess.isFavorite{color:var(--ymt-primary)}section.slide{display:flex;flex-flow:column;align-items:center;justify-content:center;border-block-end:1px solid var(--ymt-outline-variant);background-color:var(--ymt-surface-panel);position:relative;height:25%;overflow:hidden;container-type:size}section.slide .badge{position:absolute;inset-inline-end:var(--ymt-spacing-l);inset-block-start:var(--ymt-spacing-m);font-size:var(--ymt-sizing-2xl);font-weight:700;line-height:1}section.slide .badge,section.slide mat-icon{color:var(--ymt-text-color-subtle)}section.slide img{object-fit:cover;object-position:top;opacity:0;transition:opacity .3s;margin:auto;max-height:100%;max-width:100%;outline:4px solid var(--ymt-surface-panel);outline-offset:-4px;box-shadow:0 0 0 1px var(--ymt-outline-variant)}section.slide img:not(.loading){opacity:1}@container (height < 160px){section.slide mat-icon{height:var(--ymt-sizing-4xl);width:var(--ymt-sizing-4xl);font-size:var(--ymt-sizing-4xl);line-height:1}section.slide .badge{inset-inline-end:var(--ymt-spacing-m);inset-block-start:var(--ymt-spacing-s);font-size:var(--ymt-sizing-s)}}:host{--_object-summary-section-background: var(--object-summary-section-background, var(--ymt-surface));--_object-summary-section-corner: var(--object-summary-section-corner, var(--ymt-corner-m));--_object-summary-section-border-color: var(--object-summary-section-border-color, transparent)}:host section.properties{container:section/inline-size;background-color:var(--_object-summary-section-background);border:1px solid var(--_object-summary-section-border-color);border-radius:var(--_object-summary-section-corner);padding:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-m)}:host section.properties .object-summary__title{margin-block-start:0;font:var(--ymt-font-body-subtle);letter-spacing:var(--ymt-font-body-subtle-tracking);text-transform:uppercase}:host section.properties .row{display:flex;flex-flow:column}:host section.properties .row .label{font:var(--ymt-font-body-subtle);flex:0 1 33%;font-weight:700;padding-inline-end:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-3xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host section.properties .row .value{flex:1;word-break:break-all;font:var(--ymt-font-body-subtle);margin-block-end:var(--ymt-spacing-xs)}@container section (min-width: 300px){:host section.properties .row{flex-flow:row}}\n"] }]
         }] });
 
 /**

package/fesm2022/yuuvis-client-framework-object-summary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-object-summary.mjs","sources":["../../../../../libs/yuuvis/client-framework/object-summary/src/lib/multi-object-summary/multi-object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary.module.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [MatIcon],\n  template: `\n    <section class=\"slide\">\n      <mat-icon class=\"ymt-icon--size-6xl\">{{ icon() }}</mat-icon>\n    </section>\n\n    <section class=\"title\">\n      <h1>{{ headline() }}</h1>\n    </section>\n  `,\n  styleUrl: './multi-object-summary.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiObjectSummaryComponent {\n  icon = signal('home_storage');\n\n  headline = input<string>('this could be your headline');\n}\n","import { ChangeDetectionStrategy, Component, effect, inject, input, signal, untracked } from '@angular/core';\nimport { BaseObjectTypeField, ContentStreamField, DmsObject, SystemService, TranslateModule, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective, TranslateModule],\n  templateUrl: './object-summary-data.component.html',\n  styleUrl: './object-summary-data.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ObjectSummaryDataComponent {\n  readonly #shell = inject(ShellService);\n  readonly #systemService = inject(SystemService);\n  readonly translate = inject(TranslateService);\n\n  dmsObject = input.required<DmsObject>();\n  /**\n   * IDs of flavors to show. If `showAppliedFlavors` is true, all the applied flavors will be shown.\n   */\n  flavors = input<ObjectFlavor[]>();\n  #flavorDataEffect = effect(() => {\n    this.flavorData.set(this.#getFlavorData(this.dmsObject(), this.flavors() || []));\n  });\n\n  /**\n   * Whether to identify and show all applied flavors of the object.\n   */\n  showAppliedFlavors = input<boolean>();\n  #showAppliedFlavorsEffect = effect(() => {\n    const o = this.dmsObject();\n    if (this.showAppliedFlavors()) {\n      this.flavorData.set(this.#getFlavorData(o, this.#shell.getAppliedObjectFlavors(o).applied));\n    }\n  });\n\n  baseData = signal<any[]>([]);\n  flavorData = signal<\n    {\n      label: string;\n      properties: {\n        label: string;\n        value: RendererDirectiveInput;\n      }[];\n    }[]\n  >([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n      });\n    }\n  });\n\n  #getBaseData() {\n    this.baseData.set([]);\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      (dmsObject.content ? [...fields, ...contentFields] : fields).forEach((f) => {\n        this.baseData.update((data) => [\n          ...data,\n          {\n            label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n            value: {\n              propertyName: f,\n              value: dmsObject.data[f]\n            }\n          }\n        ]);\n      });\n    }\n    // console.log('baseData', this.baseData());\n  }\n\n  #getFlavorData(\n    dmsObject: DmsObject,\n    flavors: ObjectFlavor[]\n  ): {\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  }[] {\n    const sots = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]) || [];\n    return flavors\n      .filter((f) => sots.includes(f.sot))\n      .map((f) => {\n        const sot = this.#systemService.getSecondaryObjectType(f.sot, true);\n        const properties = sot\n          ? sot.fields.map((f) => ({\n              label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n              value: {\n                propertyName: f.id,\n                value: dmsObject.data[f.id]\n              }\n            }))\n          : [];\n\n        return {\n          label: this.#systemService.getLocalizedLabel(f.id) || this.translate.instant(f.id),\n          properties\n        };\n      });\n  }\n}\n","@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h2>{{ flavor.label }}</h2>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h2>{{'yuv.object-summary-data.base.headline'|translate}}</h2>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectorRef, Component, effect, inject, input, signal, untracked, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  BaseObjectTypeField,\n  ConfigTypeOption,\n  ContentStreamField,\n  DmsObject,\n  DmsService,\n  EventService,\n  ObjectConfigRecord,\n  ObjectConfigService,\n  Operator,\n  ResolvedObjectConfig,\n  SearchQuery,\n  SearchService,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective, RetentionBadgeComponent } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { OverflowMenuComponent, OverflowMenuItem } from '@yuuvis/client-framework/overflow-menu';\nimport { RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\nimport { ObjectSummaryDataComponent } from '../object-summary-data/object-summary-data.component';\n\n/**\n * Component showing a summary of the given dms object.\n */\n@Component({\n  selector: 'yuv-object-summary',\n  standalone: true,\n  imports: [\n    NgClass,\n    BusyOverlayDirective,\n    RetentionBadgeComponent,\n    TranslateModule,\n    ObjectFlavorComponent,\n    OverflowMenuComponent,\n    MatIconModule,\n    ObjectSummaryDataComponent\n  ],\n  templateUrl: './object-summary.component.html',\n  styleUrl: './object-summary.component.scss',\n  hostDirectives: [\n    {\n      directive: BusyOverlayDirective,\n      inputs: ['yuvBusyOverlay: busy']\n    }\n  ]\n})\nexport class ObjectSummaryComponent {\n  readonly #eventService = inject(EventService);\n  readonly #dmsService = inject(DmsService);\n  private readonly translate = inject(TranslateService);\n  readonly #objectConfigService = inject(ObjectConfigService);\n  readonly #searchService = inject(SearchService);\n  readonly #cd = inject(ChangeDetectorRef);\n\n  flavorCmp = viewChild(ObjectFlavorComponent);\n\n  #oc?: ObjectConfigRecord;\n\n  slide = signal<{\n    icon?: {\n      name?: string;\n      title?: string;\n    };\n    uri?: string;\n    loading: boolean;\n    orientation?: 'portrait' | 'landscape';\n  }>({\n    loading: false\n  });\n  busy = true;\n\n  contextError?: string;\n  headerData = signal<\n    | {\n        icon?: {\n          name?: string;\n          title?: string;\n        };\n        title?: string;\n        description?: string;\n      }\n    | undefined\n  >(undefined);\n\n  baseData: {\n    label: string;\n    value: RendererDirectiveInput;\n  }[] = [];\n\n  flavors: ObjectFlavor[] = [];\n\n  icons = {\n    folder: YUV_ICONS.folder\n  };\n\n  actions = input<OverflowMenuItem[]>([]);\n\n  folderInfo?: {\n    size: number;\n    entries: {\n      key: string;\n      count: number;\n    }[];\n  };\n\n  /**\n   * DmsObject to show the details for.\n   */\n\n  dmsObject = signal<DmsObject | undefined>(undefined);\n\n  dmsObjectInput = input<DmsObject | undefined>(undefined, { alias: 'dmsObject' });\n  #dmsObjectInputEffect = effect(() => {\n    const dmsObject = this.dmsObjectInput();\n    const contentChanged = this.dmsObject()?.content?.contentStreamId !== dmsObject?.content?.contentStreamId;\n\n    untracked(() => {\n      this.dmsObject.set(dmsObject);\n      contentChanged && this.slide.update((slide) => ({ ...slide, uri: undefined, icon: undefined, iconSvg: undefined }));\n      if (dmsObject) {\n        this.#getHeaderData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // TODO: if a flavor has been selected and a new object comes in, we'll check if\n        // the new object has the same flavor and update the flavor data\n        // if (this.flavorData && dmsObject.sots.includes(this.flavorData.flavor.sot)) {\n        //   this.#getFlavorData(this.flavorData.flavor);\n        // } else this.flavorData = undefined;\n      }\n    });\n  });\n\n  /**\n   * ID of a DmsObject. The object will be fetched from the backend upfront.\n   */\n  objectId = input<string | undefined | null>(null);\n  #objectIdEffect = effect(() => {\n    const id = this.objectId();\n    untracked(() => {\n      id && this.#getDmsObject(id);\n    });\n  });\n\n  // virtual object type to be used for header data\n  configType = input<ConfigTypeOption>();\n\n  constructor() {\n    this.#objectConfigService\n      .getObjectConfigs$(undefined, true)\n      .pipe(takeUntilDestroyed())\n      .subscribe((res: ObjectConfigRecord) => {\n        this.#oc = res;\n        const dmsObject = this.dmsObject();\n        if (dmsObject) this.#getHeaderData();\n      });\n    this.#eventService\n      .on(YuvEventType.DMS_OBJECT_UPDATED)\n      .pipe(takeUntilDestroyed())\n      .subscribe((e: YuvEvent) => {\n        const o = e.data as DmsObject;\n        const dmsObject = this.dmsObject();\n        this.#setupSlide();\n        if (dmsObject?.id === o.id) {\n          this.dmsObject.set(o);\n        }\n      });\n  }\n\n  #setupSlide() {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      if (dmsObject.content) {\n        const slideUri = this.#dmsService.getSlideURI(dmsObject.id, dmsObject.content?.mimeType);\n        if (slideUri) {\n          this.slide.update((slide) => ({ ...slide, loading: true }));\n          const img = new Image();\n          img.onload = () => {\n            this.slide.update((slide) => ({\n              ...slide,\n              orientation: img.width > img.height ? 'landscape' : 'portrait',\n              uri: `${slideUri}?${new Date().getTime()}`, // add Timestamp to force image reload\n              loading: false\n            }));\n            this.#cd.markForCheck();\n          };\n          img.onerror = () => {\n            const headerData = this.headerData();\n            this.slide.update((slide) => ({ ...slide, icon: headerData?.icon, loading: false }));\n            this.#cd.markForCheck();\n          };\n          img.src = slideUri;\n        }\n      } else {\n        const headerData = this.headerData();\n        this.slide.update((slide) => ({ ...slide, icon: headerData?.icon }));\n      }\n    }\n  }\n\n  onFlavorSelect(flavor: ObjectFlavor | undefined) {\n    this.flavors = flavor ? [flavor] : [];\n  }\n\n  #fetchFolderInfo(id: string) {\n    const q: SearchQuery = {\n      fields: [`SUM(${ContentStreamField.LENGTH})`],\n      aggs: [BaseObjectTypeField.BASE_TYPE_ID],\n      filters: [\n        {\n          f: BaseObjectTypeField.PARENT_ID,\n          o: Operator.EQUAL,\n          v1: id\n        }\n      ]\n    };\n    this.#searchService.aggregate(q, [BaseObjectTypeField.BASE_TYPE_ID]).subscribe((res) => {\n      const entries = res.aggregations[0].entries;\n      this.folderInfo = {\n        size: entries.reduce((s, v) => s + v.count, 0),\n        entries\n      };\n    });\n  }\n\n  #getDmsObject(id: string) {\n    this.busy = true;\n    this.#dmsService.getDmsObject(id).subscribe({\n      next: (dmsObject) => this.dmsObject.set(dmsObject),\n      error: () => {\n        this.dmsObject.set(undefined);\n        this.contextError = this.translate.instant('yuv.object-summary.load.error');\n      },\n      complete: () => {\n        this.busy = false;\n      }\n    });\n  }\n\n  #getObjectConfig(type?: VirtualObjectType, bucket?: string): ResolvedObjectConfig | undefined {\n    const dmsObject = this.dmsObject();\n    return dmsObject\n      ? this.#objectConfigService.getResolvedObjectConfig(\n          dmsObject.data,\n          type || {\n            id: dmsObject.objectTypeId,\n            objectType: dmsObject.objectTypeId\n          },\n          bucket,\n          true\n        )\n      : undefined;\n  }\n\n  #getHeaderData() {\n    const oc = this.#getObjectConfig(this.configType()?.type, this.configType()?.bucket);\n    const dmsObject = this.dmsObject();\n    if (oc && dmsObject) {\n      this.headerData.update((data) => ({\n        ...data,\n        title: oc.title.value,\n        description: oc.description?.value,\n        icon: {\n          title: oc.title.value,\n          ...(oc.icon ? { name: oc.icon.value } : undefined)\n        }\n      }));\n    } else this.headerData.set(undefined);\n  }\n}\n","@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n\n    <yuv-object-summary-data [dmsObject]=\"o\" [flavors]=\"flavors\"></yuv-object-summary-data>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { MultiObjectSummaryComponent } from './multi-object-summary/multi-object-summary.component';\nimport { ObjectSummaryDataComponent } from './object-summary-data/object-summary-data.component';\nimport { ObjectSummaryComponent } from './object-summary/object-summary.component';\n\nconst cmp = [ObjectSummaryComponent, MultiObjectSummaryComponent, ObjectSummaryDataComponent];\n@NgModule({\n  imports: cmp,\n  exports: cmp\n})\nexport class YuvObjectSummaryModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-object-summary.mjs","sources":["../../../../../libs/yuuvis/client-framework/object-summary/src/lib/multi-object-summary/multi-object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary-data/object-summary-data.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary/object-summary.component.html","../../../../../libs/yuuvis/client-framework/object-summary/src/lib/object-summary.module.ts","../../../../../libs/yuuvis/client-framework/object-summary/src/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [MatIcon],\n  template: `\n    <section class=\"slide\">\n      <mat-icon class=\"ymt-icon--size-6xl\">{{ icon() }}</mat-icon>\n    </section>\n\n    <section class=\"title\">\n      <h1>{{ headline() }}</h1>\n    </section>\n  `,\n  styleUrl: './multi-object-summary.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiObjectSummaryComponent {\n  icon = signal('home_storage');\n\n  headline = input<string>('this could be your headline');\n}\n","import { ChangeDetectionStrategy, Component, effect, inject, input, signal, untracked } from '@angular/core';\nimport { BaseObjectTypeField, ContentStreamField, DmsObject, SystemService, TranslateModule, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective, TranslateModule],\n  templateUrl: './object-summary-data.component.html',\n  styleUrl: './object-summary-data.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ObjectSummaryDataComponent {\n  readonly #shell = inject(ShellService);\n  readonly #systemService = inject(SystemService);\n  readonly translate = inject(TranslateService);\n\n  dmsObject = input.required<DmsObject>();\n  /**\n   * IDs of flavors to show. If `showAppliedFlavors` is true, all the applied flavors will be shown.\n   */\n  flavors = input<ObjectFlavor[]>();\n  #flavorDataEffect = effect(() => {\n    this.flavorData.set(this.#getFlavorData(this.dmsObject(), this.flavors() || []));\n  });\n\n  /**\n   * Whether to identify and show all applied flavors of the object.\n   */\n  showAppliedFlavors = input<boolean>();\n  #showAppliedFlavorsEffect = effect(() => {\n    const o = this.dmsObject();\n    if (this.showAppliedFlavors()) {\n      this.flavorData.set(this.#getFlavorData(o, this.#shell.getAppliedObjectFlavors(o).applied));\n    }\n  });\n\n  baseData = signal<any[]>([]);\n  flavorData = signal<\n    {\n      label: string;\n      properties: {\n        label: string;\n        value: RendererDirectiveInput;\n      }[];\n    }[]\n  >([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n      });\n    }\n  });\n\n  #getBaseData() {\n    this.baseData.set([]);\n\n    const fields = [\n      BaseObjectTypeField.CREATION_DATE,\n      `${BaseObjectTypeField.CREATED_BY}_title`,\n      BaseObjectTypeField.MODIFICATION_DATE,\n      `${BaseObjectTypeField.MODIFIED_BY}_title`\n    ];\n    const contentFields = [ContentStreamField.FILENAME, ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      (dmsObject.content ? [...fields, ...contentFields] : fields).forEach((f) => {\n        this.baseData.update((data) => [\n          ...data,\n          {\n            label: this.#systemService.getLocalizedLabel(f.replace('_title', '')) || f,\n            value: {\n              propertyName: f,\n              value: dmsObject.data[f]\n            }\n          }\n        ]);\n      });\n    }\n    // console.log('baseData', this.baseData());\n  }\n\n  #getFlavorData(\n    dmsObject: DmsObject,\n    flavors: ObjectFlavor[]\n  ): {\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  }[] {\n    const sots = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]) || [];\n    return flavors\n      .filter((f) => sots.includes(f.sot))\n      .map((f) => {\n        const sot = this.#systemService.getSecondaryObjectType(f.sot, true);\n        const properties = sot\n          ? sot.fields.map((f) => ({\n              label: this.#systemService.getLocalizedLabel(f.id) || f.id,\n              value: {\n                propertyName: f.id,\n                value: dmsObject.data[f.id]\n              }\n            }))\n          : [];\n\n        return {\n          label: this.#systemService.getLocalizedLabel(f.id) || this.translate.instant(f.id),\n          properties\n        };\n      });\n  }\n}\n","@let flavors = flavorData();\n\n<div class=\"content\">\n  @if (flavors.length > 0) {\n    <section class=\"flavor properties\">\n      @for (flavor of flavors; track $index) {\n        <div class=\"flavour-groups\">\n          <h3 class=\"object-summary__title\">{{ flavor.label }}</h3>\n          @for (property of flavor.properties; track $index) {\n            <div class=\"row\">\n              <div class=\"label\">{{ property.label }}</div>\n              <div class=\"value\">\n                <ng-container *yuvRenderer=\"property.value\"></ng-container>\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </section>\n  }\n\n  @let base = baseData();\n  @if (base) {\n    <section class=\"base properties\">\n      <h3 class=\"object-summary__title\">{{'yuv.object-summary-data.base.headline'|translate}}</h3>\n      @for (p of base; track $index) {\n        <div class=\"row\">\n          <div class=\"label\">{{ p.label }}</div>\n          <div class=\"value\">\n            <ng-container *yuvRenderer=\"p.value\"></ng-container>\n          </div>\n        </div>\n      }\n    </section>\n  }\n</div>\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectorRef, Component, effect, inject, input, signal, untracked, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  BaseObjectTypeField,\n  ConfigTypeOption,\n  ContentStreamField,\n  DmsObject,\n  DmsService,\n  EventService,\n  ObjectConfigRecord,\n  ObjectConfigService,\n  Operator,\n  ResolvedObjectConfig,\n  SearchQuery,\n  SearchService,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective, RetentionBadgeComponent } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { OverflowMenuComponent, OverflowMenuItem } from '@yuuvis/client-framework/overflow-menu';\nimport { RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\nimport { ObjectSummaryDataComponent } from '../object-summary-data/object-summary-data.component';\n\n/**\n * Component showing a summary of the given dms object.\n */\n@Component({\n  selector: 'yuv-object-summary',\n  standalone: true,\n  imports: [\n    NgClass,\n    BusyOverlayDirective,\n    RetentionBadgeComponent,\n    TranslateModule,\n    ObjectFlavorComponent,\n    OverflowMenuComponent,\n    MatIconModule,\n    ObjectSummaryDataComponent\n  ],\n  templateUrl: './object-summary.component.html',\n  styleUrl: './object-summary.component.scss',\n  hostDirectives: [\n    {\n      directive: BusyOverlayDirective,\n      inputs: ['yuvBusyOverlay: busy']\n    }\n  ]\n})\nexport class ObjectSummaryComponent {\n  readonly #eventService = inject(EventService);\n  readonly #dmsService = inject(DmsService);\n  private readonly translate = inject(TranslateService);\n  readonly #objectConfigService = inject(ObjectConfigService);\n  readonly #searchService = inject(SearchService);\n  readonly #cd = inject(ChangeDetectorRef);\n\n  flavorCmp = viewChild(ObjectFlavorComponent);\n\n  #oc?: ObjectConfigRecord;\n\n  slide = signal<{\n    icon?: {\n      name?: string;\n      title?: string;\n    };\n    uri?: string;\n    loading: boolean;\n    orientation?: 'portrait' | 'landscape';\n  }>({\n    loading: false\n  });\n  busy = true;\n\n  contextError?: string;\n  headerData = signal<\n    | {\n        icon?: {\n          name?: string;\n          title?: string;\n        };\n        title?: string;\n        description?: string;\n      }\n    | undefined\n  >(undefined);\n\n  baseData: {\n    label: string;\n    value: RendererDirectiveInput;\n  }[] = [];\n\n  flavors: ObjectFlavor[] = [];\n\n  icons = {\n    folder: YUV_ICONS.folder\n  };\n\n  actions = input<OverflowMenuItem[]>([]);\n\n  folderInfo?: {\n    size: number;\n    entries: {\n      key: string;\n      count: number;\n    }[];\n  };\n\n  /**\n   * DmsObject to show the details for.\n   */\n\n  dmsObject = signal<DmsObject | undefined>(undefined);\n\n  dmsObjectInput = input<DmsObject | undefined>(undefined, { alias: 'dmsObject' });\n  #dmsObjectInputEffect = effect(() => {\n    const dmsObject = this.dmsObjectInput();\n    const contentChanged = this.dmsObject()?.content?.contentStreamId !== dmsObject?.content?.contentStreamId;\n\n    untracked(() => {\n      this.dmsObject.set(dmsObject);\n      contentChanged && this.slide.update((slide) => ({ ...slide, uri: undefined, icon: undefined, iconSvg: undefined }));\n      if (dmsObject) {\n        this.#getHeaderData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // TODO: if a flavor has been selected and a new object comes in, we'll check if\n        // the new object has the same flavor and update the flavor data\n        // if (this.flavorData && dmsObject.sots.includes(this.flavorData.flavor.sot)) {\n        //   this.#getFlavorData(this.flavorData.flavor);\n        // } else this.flavorData = undefined;\n      }\n    });\n  });\n\n  /**\n   * ID of a DmsObject. The object will be fetched from the backend upfront.\n   */\n  objectId = input<string | undefined | null>(null);\n  #objectIdEffect = effect(() => {\n    const id = this.objectId();\n    untracked(() => {\n      id && this.#getDmsObject(id);\n    });\n  });\n\n  // virtual object type to be used for header data\n  configType = input<ConfigTypeOption>();\n\n  constructor() {\n    this.#objectConfigService\n      .getObjectConfigs$(undefined, true)\n      .pipe(takeUntilDestroyed())\n      .subscribe((res: ObjectConfigRecord) => {\n        this.#oc = res;\n        const dmsObject = this.dmsObject();\n        if (dmsObject) this.#getHeaderData();\n      });\n    this.#eventService\n      .on(YuvEventType.DMS_OBJECT_UPDATED)\n      .pipe(takeUntilDestroyed())\n      .subscribe((e: YuvEvent) => {\n        const o = e.data as DmsObject;\n        const dmsObject = this.dmsObject();\n        this.#setupSlide();\n        if (dmsObject?.id === o.id) {\n          this.dmsObject.set(o);\n        }\n      });\n  }\n\n  #setupSlide() {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      if (dmsObject.content) {\n        const slideUri = this.#dmsService.getSlideURI(dmsObject.id, dmsObject.content?.mimeType);\n        if (slideUri) {\n          this.slide.update((slide) => ({ ...slide, loading: true }));\n          const img = new Image();\n          img.onload = () => {\n            this.slide.update((slide) => ({\n              ...slide,\n              orientation: img.width > img.height ? 'landscape' : 'portrait',\n              uri: `${slideUri}?${new Date().getTime()}`, // add Timestamp to force image reload\n              loading: false\n            }));\n            this.#cd.markForCheck();\n          };\n          img.onerror = () => {\n            const headerData = this.headerData();\n            this.slide.update((slide) => ({ ...slide, icon: headerData?.icon, loading: false }));\n            this.#cd.markForCheck();\n          };\n          img.src = slideUri;\n        }\n      } else {\n        const headerData = this.headerData();\n        this.slide.update((slide) => ({ ...slide, icon: headerData?.icon }));\n      }\n    }\n  }\n\n  onFlavorSelect(flavor: ObjectFlavor | undefined) {\n    this.flavors = flavor ? [flavor] : [];\n  }\n\n  #fetchFolderInfo(id: string) {\n    const q: SearchQuery = {\n      fields: [`SUM(${ContentStreamField.LENGTH})`],\n      aggs: [BaseObjectTypeField.BASE_TYPE_ID],\n      filters: [\n        {\n          f: BaseObjectTypeField.PARENT_ID,\n          o: Operator.EQUAL,\n          v1: id\n        }\n      ]\n    };\n    this.#searchService.aggregate(q, [BaseObjectTypeField.BASE_TYPE_ID]).subscribe((res) => {\n      const entries = res.aggregations[0].entries;\n      this.folderInfo = {\n        size: entries.reduce((s, v) => s + v.count, 0),\n        entries\n      };\n    });\n  }\n\n  #getDmsObject(id: string) {\n    this.busy = true;\n    this.#dmsService.getDmsObject(id).subscribe({\n      next: (dmsObject) => this.dmsObject.set(dmsObject),\n      error: () => {\n        this.dmsObject.set(undefined);\n        this.contextError = this.translate.instant('yuv.object-summary.load.error');\n      },\n      complete: () => {\n        this.busy = false;\n      }\n    });\n  }\n\n  #getObjectConfig(type?: VirtualObjectType, bucket?: string): ResolvedObjectConfig | undefined {\n    const dmsObject = this.dmsObject();\n    return dmsObject\n      ? this.#objectConfigService.getResolvedObjectConfig(\n          dmsObject.data,\n          type || {\n            id: dmsObject.objectTypeId,\n            objectType: dmsObject.objectTypeId\n          },\n          bucket,\n          true\n        )\n      : undefined;\n  }\n\n  #getHeaderData() {\n    const oc = this.#getObjectConfig(this.configType()?.type, this.configType()?.bucket);\n    const dmsObject = this.dmsObject();\n    if (oc && dmsObject) {\n      this.headerData.update((data) => ({\n        ...data,\n        title: oc.title.value,\n        description: oc.description?.value,\n        icon: {\n          title: oc.title.value,\n          ...(oc.icon ? { name: oc.icon.value } : undefined)\n        }\n      }));\n    } else this.headerData.set(undefined);\n  }\n}\n","@let imageSlide = slide();\n<section class=\"slide\" [yuvBusyOverlay]=\"imageSlide.loading\">\n  @if (imageSlide.uri || imageSlide.loading) {\n    <img draggable=\"false\" [ngClass]=\"{ loading: imageSlide.loading }\" [attr.data-orientation]=\"imageSlide.orientation\" [src]=\"imageSlide.uri\" />\n  } @else if (imageSlide.icon && imageSlide.icon.name) {\n    <mat-icon draggable=\"false\" class=\"ymt-icon--size-6xl\">{{ imageSlide.icon.name }}</mat-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">\n      {{ folderInfo.size }}\n    </div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o) {\n  <section class=\"object-flavors\">\n    <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\n  </section>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h2>{{ header?.title }}</h2>\n\n    <div class=\"actions\">\n      <yuv-overflow-menu [menuItems]=\"actions()\"></yuv-overflow-menu>\n    </div>\n  </section>\n\n  @if (o) {\n    <section class=\"badges\">\n      <yuv-retention-badge [dmsObject]=\"o\"></yuv-retention-badge>\n    </section>\n\n    <yuv-object-summary-data [dmsObject]=\"o\" [flavors]=\"flavors\"></yuv-object-summary-data>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { MultiObjectSummaryComponent } from './multi-object-summary/multi-object-summary.component';\nimport { ObjectSummaryDataComponent } from './object-summary-data/object-summary-data.component';\nimport { ObjectSummaryComponent } from './object-summary/object-summary.component';\n\nconst cmp = [ObjectSummaryComponent, MultiObjectSummaryComponent, ObjectSummaryDataComponent];\n@NgModule({\n  imports: cmp,\n  exports: cmp\n})\nexport class YuvObjectSummaryModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "2.1.21",
+  "version": "2.1.22",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
@@ -8,15 +8,15 @@
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",
     "angular-gridster2": "^19.0.0",
-    "@yuuvis/client-core": "^2.1.21",
-    "@yuuvis/client-shell-core": "^2.1.21",
+    "@yuuvis/client-core": "^2.1.22",
+    "@yuuvis/client-shell-core": "^2.1.22",
     "ng-dynamic-component": "^10.8.2",
     "modern-normalize": "^3.0.1"
   },
   "dependencies": {
     "@angular/material": "^19.2.15",
     "@ngrx/signals": "^19.2.0",
-    "@yuuvis/material": "2.1.21",
+    "@yuuvis/material": "2.1.22",
     "@yuuvis/media-viewer": "^2.0.4",
     "angular-split": "^19.0.0",
     "tslib": "^2.3.0"
@@ -115,14 +115,14 @@
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-pagination.mjs"
     },
-    "./popout": {
-      "types": "./popout/index.d.ts",
-      "default": "./fesm2022/yuuvis-client-framework-popout.mjs"
-    },
     "./panel": {
       "types": "./panel/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-panel.mjs"
     },
+    "./popout": {
+      "types": "./popout/index.d.ts",
+      "default": "./fesm2022/yuuvis-client-framework-popout.mjs"
+    },
     "./renderer": {
       "types": "./renderer/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-renderer.mjs"