@yuuvis/client-framework 2.0.0-beta.0 → 2.0.0-beta.3

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/object-summary.module.ts","../../../../../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/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/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule]\n})\nexport class ObjectSummaryModule {}\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 {\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  SystemService,\n  SystemSOT,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { RetentionBadgeComponent } from '@yuuvis/client-framework/object-details';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\nimport { YvcIconModule } from '@yuuvis/components/icon';\nimport { MenuItem, YvcOverflowMenuComponent } from '@yuuvis/components/overflow-menu';\nimport { YvcOverlayModule } from '@yuuvis/components/overlay';\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    TranslateModule,\n    RendererDirective,\n    ObjectFlavorComponent,\n    YvcOverlayModule,\n    YvcIconModule,\n    YvcOverflowMenuComponent,\n    RetentionBadgeComponent\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 #systemService = inject(SystemService);\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      src?: string;\n      svg?: 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          src?: string;\n          svg?: 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  flavorData?: {\n    flavor: ObjectFlavor;\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  };\n\n  icons = {\n    folder: YUV_ICONS.folder\n  };\n\n  actions = input<MenuItem[]>([]);\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        this.#getBaseData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // 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      } else {\n        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        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  onFlavorClick(flavor: ObjectFlavor) {\n    this.#getFlavorData(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  #getFlavorData(flavor: ObjectFlavor) {\n    if (!flavor) {\n      this.flavorData = undefined;\n      return;\n    }\n    const sot = this.#systemService.getSecondaryObjectType(flavor.sot, true);\n    const dmsObject = this.dmsObject();\n    if (dmsObject && sot) {\n      this.flavorData = {\n        flavor,\n        label: this.translate.instant(flavor.id),\n        properties: sot.fields.filter(f => f._internalType !== 'table').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    } else this.flavorData = 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 ? { svg: oc.icon.value } : { src: this.#systemService.getObjectTypeIconUri(dmsObject.objectTypeId) })\n        }\n      }));\n\n      // this.headerData.icon =;\n    } else this.headerData.set(undefined);\n  }\n\n  #getBaseData() {\n    this.baseData = [];\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      const retentionFields = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]).includes(SystemSOT.DESTRUCTION_RETENTION)\n        ? [BaseObjectTypeField.RETENTION_START, BaseObjectTypeField.RETENTION_END]\n        : [];\n\n      (dmsObject.content ? [...fields, ...contentFields, ...retentionFields] : fields).forEach((f) => {\n        this.baseData.push({\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}\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?.svg) {\n    <yvc-icon draggable=\"false\" [svg]=\"imageSlide.icon?.svg!\"></yvc-icon>\n  } @else if (imageSlide.icon?.src) {\n    <yvc-icon draggable=\"false\" [svgSrc]=\"imageSlide.icon?.src!\"></yvc-icon>\n  }\n  @if (folderInfo) {\n    <div class=\"badge\">{{ folderInfo.size }}</div>\n  }\n</section>\n\n@let o = dmsObject();\n@if (o && !o.isFolder) {\n  <yuv-object-flavor [dmsObject]=\"o\" (flavorClick)=\"onFlavorClick($event)\"></yuv-object-flavor>\n}\n\n<div class=\"content\">\n  @let header = headerData();\n  <section class=\"title\">\n    <h1>{{ header?.title }}</h1>\n\n    <div class=\"actions\">\n      <yvc-overflow-menu [hideLabels]=\"true\" [menuItems]=\"actions()\"></yvc-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\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; 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\n  <section class=\"properties\">\n    @for (p of baseData; 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</div>\n","import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { YvcIconModule } from '@yuuvis/components/icon';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [YvcIconModule],\n  template: `\n    <section class=\"slide\">\n      <yvc-icon [svg]=\"icon()\"></yvc-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(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"#5f6368\" viewBox=\"0 -960 960 960\"><path d=\"m200-120-80-480h720l-80 480H200Zm67-80h426l51-320H216l51 320Zm133-160h160q17 0 28.5-11.5T600-400q0-17-11.5-28.5T560-440H400q-17 0-28.5 11.5T360-400q0 17 11.5 28.5T400-360ZM240-640q-17 0-28.5-11.5T200-680q0-17 11.5-28.5T240-720h480q17 0 28.5 11.5T760-680q0 17-11.5 28.5T720-640H240Zm80-120q-17 0-28.5-11.5T280-800q0-17 11.5-28.5T320-840h320q17 0 28.5 11.5T680-800q0 17-11.5 28.5T640-760H320Zm-53 560h426-426Z\"/></svg>'\n  );\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, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective } from '@yuuvis/client-framework/renderer';\nimport { ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective],\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  baseData = signal<any[]>([]);\n  flavorData = signal<any[]>([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n        this.#getAppliedFlavors(dmsObject);\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  #getAppliedFlavors(dmsObject: DmsObject) {\n    this.flavorData.set([]);\n    const appliedFlavors = this.#shell.getAppliedObjectFlavors(dmsObject).applied;\n    for (const flavor of appliedFlavors) {\n      this.flavorData.update((data) => [\n        ...data,\n        {\n          flavor,\n          label: this.translate.instant(flavor.id),\n          properties: this.#systemService.getSecondaryObjectType(flavor.sot, true)?.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    }\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>BASE</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","/**\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/object-summary.module.ts","../../../../../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/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/yuuvis-client-framework-object-summary.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule]\n})\nexport class ObjectSummaryModule {}\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  SystemService,\n  SystemSOT,\n  TranslateModule,\n  TranslateService,\n  VirtualObjectType,\n  YuvEvent,\n  YuvEventType\n} from '@yuuvis/client-core';\nimport { BusyOverlayDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { RetentionBadgeComponent } from '@yuuvis/client-framework/object-details';\nimport { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';\nimport { OverflowMenuComponent, OverflowMenuItem } from '@yuuvis/client-framework/overflow-menu';\nimport { RendererDirective, RendererDirectiveInput } from '@yuuvis/client-framework/renderer';\nimport { ObjectFlavor } from '@yuuvis/client-shell-core';\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    RendererDirective,\n    ObjectFlavorComponent,\n    OverflowMenuComponent,\n    MatIconModule\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 #systemService = inject(SystemService);\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  flavorData?: {\n    flavor: ObjectFlavor;\n    label: string;\n    properties: {\n      label: string;\n      value: RendererDirectiveInput;\n    }[];\n  };\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      this.flavorData = undefined;\n      if (dmsObject) {\n        this.#getHeaderData();\n        this.#getBaseData();\n        (contentChanged || dmsObject.isFolder) && this.#setupSlide();\n        this.folderInfo = undefined;\n\n        if (dmsObject.isFolder) this.#fetchFolderInfo(dmsObject.id);\n\n        // 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      // else {\n      //   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    if (flavor) {\n      this.#getFlavorData(flavor);\n    } else this.flavorData = undefined;\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  #getFlavorData(flavor: ObjectFlavor) {\n    if (!flavor) {\n      this.flavorData = undefined;\n      return;\n    }\n    const sot = this.#systemService.getSecondaryObjectType(flavor.sot, true);\n    const dmsObject = this.dmsObject();\n    if (dmsObject && sot) {\n      this.flavorData = {\n        flavor,\n        label: this.translate.instant(flavor.id),\n        properties: sot.fields\n          .filter((f) => f._internalType !== 'table')\n          .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    } else this.flavorData = 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\n      // this.headerData.icon =;\n    } else this.headerData.set(undefined);\n  }\n\n  #getBaseData() {\n    this.baseData = [];\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      const retentionFields = (dmsObject.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string[]).includes(SystemSOT.DESTRUCTION_RETENTION)\n        ? [BaseObjectTypeField.RETENTION_START, BaseObjectTypeField.RETENTION_END]\n        : [];\n\n      (dmsObject.content ? [...fields, ...contentFields, ...retentionFields] : fields).forEach((f) => {\n        this.baseData.push({\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}\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\">{{ 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  <yuv-object-flavor [dmsObject]=\"o\" (flavorSelect)=\"onFlavorSelect($event)\"></yuv-object-flavor>\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\n  @if (flavorData) {\n    <section class=\"flavor properties\">\n      <!-- <h2>{{ flavorData.label }}</h2> -->\n      @for (p of flavorData.properties; 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\n  <section class=\"properties\">\n    @for (p of baseData; 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</div>\n","import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\nimport { YuvIconComponent } from '@yuuvis/client-framework/icons';\n\n@Component({\n  selector: 'yuv-multi-object-summary',\n  standalone: true,\n  imports: [YuvIconComponent],\n  template: `\n    <section class=\"slide\">\n      <yuv-icon [svg]=\"icon()\"></yuv-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(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"#5f6368\" viewBox=\"0 -960 960 960\"><path d=\"m200-120-80-480h720l-80 480H200Zm67-80h426l51-320H216l51 320Zm133-160h160q17 0 28.5-11.5T600-400q0-17-11.5-28.5T560-440H400q-17 0-28.5 11.5T360-400q0 17 11.5 28.5T400-360ZM240-640q-17 0-28.5-11.5T200-680q0-17 11.5-28.5T240-720h480q17 0 28.5 11.5T760-680q0 17-11.5 28.5T720-640H240Zm80-120q-17 0-28.5-11.5T280-800q0-17 11.5-28.5T320-840h320q17 0 28.5 11.5T680-800q0 17-11.5 28.5T640-760H320Zm-53 560h426-426Z\"/></svg>'\n  );\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, TranslateService } from '@yuuvis/client-core';\nimport { RendererDirective } from '@yuuvis/client-framework/renderer';\nimport { ShellService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-object-summary-data',\n  standalone: true,\n  imports: [RendererDirective],\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  baseData = signal<any[]>([]);\n  flavorData = signal<any[]>([]);\n\n  #dmsObjectEffect = effect(() => {\n    const dmsObject = this.dmsObject();\n    if (dmsObject) {\n      untracked(() => {\n        this.#getBaseData();\n        this.#getAppliedFlavors(dmsObject);\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  #getAppliedFlavors(dmsObject: DmsObject) {\n    this.flavorData.set([]);\n    const appliedFlavors = this.#shell.getAppliedObjectFlavors(dmsObject).applied;\n    for (const flavor of appliedFlavors) {\n      this.flavorData.update((data) => [\n        ...data,\n        {\n          flavor,\n          label: this.translate.instant(flavor.id),\n          properties: this.#systemService.getSecondaryObjectType(flavor.sot, true)?.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    }\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>BASE</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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-framework-overflow-menu.mjs

@@ -0,0 +1,126 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, effect, computed, signal, Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+/**
+ * Renders items in a toolbar. If menu items provide a 'group' property they will
+ * be organized in sections.
+ */
+class OverflowMenuComponent {
+    constructor() {
+        this.#elRef = inject(ElementRef);
+        this.overflowIcon = input('more_horiz');
+        this.groupLabels = input();
+        /**
+         * Items of the menu
+         */
+        this.menuItems = input([]);
+        this.#menuItemsEffect = effect(() => {
+            this.#observe(this.menuItems());
+        });
+        this.__menuGroups = computed(() => this.#groupItems(this.__menuItems()));
+        this.__menuItems = computed(() => {
+            return this.menuItems().map((i) => ({ ...i, overflow: false }));
+        });
+        this.overflowGroups = signal([]);
+        this.#itemObserver = {
+            observer: undefined,
+            observedElements: []
+        };
+    }
+    #elRef;
+    #menuItemsEffect;
+    #itemObserver;
+    #initObservers() {
+        // observe tab navigation elements to show navigation controls (arrow buttons) once
+        // the first or the last tab is not visible anymore
+        this.#itemObserver.observer = new IntersectionObserver((entries) => {
+            entries.forEach((e, i) => {
+                const id = e.target.getAttribute('data-item-id');
+                const _i = this.__menuItems().find((mi) => id === mi.id);
+                if (_i)
+                    _i.overflow = !e.isIntersecting;
+                const overflowTrigger = this.#elRef.nativeElement.querySelector('button.overflow-trigger');
+                if (overflowTrigger) {
+                    !this.__menuItems().find((i) => i.overflow) ? overflowTrigger.setAttribute('inert', 'true') : overflowTrigger.removeAttribute('inert');
+                }
+                const intersecting = !e.isIntersecting;
+                if (intersecting)
+                    e.target.setAttribute('inert', 'true');
+                else
+                    e.target.removeAttribute('inert');
+            });
+            this.overflowGroups.set(this.#groupItems(this.__menuItems().filter((i) => i.overflow)));
+        }, {
+            threshold: 1,
+            root: this.#elRef.nativeElement.querySelector('.overflow-wrapper')
+        });
+    }
+    #observe(items) {
+        setTimeout(() => {
+            if (this.#itemObserver.observer) {
+                // cleanup existing observed elements
+                this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer.unobserve(e));
+                this.#itemObserver.observedElements = [];
+                if (items.length > 0) {
+                    this.#itemObserver.observedElements = this.#elRef.nativeElement.querySelectorAll('.menu-item');
+                    this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer.observe(e));
+                }
+            }
+        });
+    }
+    #groupItems(items) {
+        const g = this.#groupBy(items, 'group');
+        return Object.keys(g).map((id) => ({
+            id,
+            items: g[id]
+        }));
+    }
+    #groupBy(arr, key) {
+        return arr.reduce((rv, x) => {
+            (rv[x[key]] = rv[x[key]] || []).push(x);
+            return rv;
+        }, {});
+    }
+    ngAfterViewInit() {
+        this.#initObservers();
+    }
+    ngOnDestroy() {
+        if (this.#itemObserver.observer)
+            this.#itemObserver.observer.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: OverflowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: OverflowMenuComponent, isStandalone: true, selector: "yuv-overflow-menu", inputs: { overflowIcon: { classPropertyName: "overflowIcon", publicName: "overflowIcon", isSignal: true, isRequired: false, transformFunction: null }, groupLabels: { classPropertyName: "groupLabels", publicName: "groupLabels", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button mat-icon-button class=\"menu-item\" [disabled]=\"item.disabled\" [matTooltip]=\"item.label\" [attr.data-item-id]=\"item.id\" (click)=\"item.callback()\">\n          <mat-icon>{{ item.icon }}</mat-icon>\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" (click)=\"item.callback()\">\n        <mat-icon>{{ item.icon }}</mat-icon>\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n", styles: [":host{--menu-group-divider-color: var(--ymt-outline-variant);--menu-item-gap: 2px;--menu-item-padding: var(--ymt-spacing-xs);--menu-item-icon-size: 24px;--menu-item-overflow-padding: var(--menu-item-padding);--menu-item-overflow-icon-size: var(--menu-item-icon-size);--menu-item-max-label-width: 20ch;--menu-item-flow: row;overflow:hidden;display:flex;align-items:center;flex-wrap:nowrap}:host.noLabel .menu-item span{display:none}:host .overflow-wrapper{overflow:hidden;display:flex}:host .overflow-wrapper>section{display:flex;gap:var(--menu-item-gap)}:host .overflow-wrapper>section:not(:first-child){border-inline-start:1px solid var(--menu-group-divider-color);padding-inline-start:var(--ymt-spacing-xs)}:host .menu-item{display:flex;align-items:center}:host .menu-item[inert=true]{opacity:0}:host .overflow-trigger{opacity:0;display:none}:host .overflow-trigger:not([inert=true]){opacity:1;display:inline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: OverflowMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-overflow-menu', imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule, MatTooltipModule], template: "<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button mat-icon-button class=\"menu-item\" [disabled]=\"item.disabled\" [matTooltip]=\"item.label\" [attr.data-item-id]=\"item.id\" (click)=\"item.callback()\">\n          <mat-icon>{{ item.icon }}</mat-icon>\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" (click)=\"item.callback()\">\n        <mat-icon>{{ item.icon }}</mat-icon>\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n", styles: [":host{--menu-group-divider-color: var(--ymt-outline-variant);--menu-item-gap: 2px;--menu-item-padding: var(--ymt-spacing-xs);--menu-item-icon-size: 24px;--menu-item-overflow-padding: var(--menu-item-padding);--menu-item-overflow-icon-size: var(--menu-item-icon-size);--menu-item-max-label-width: 20ch;--menu-item-flow: row;overflow:hidden;display:flex;align-items:center;flex-wrap:nowrap}:host.noLabel .menu-item span{display:none}:host .overflow-wrapper{overflow:hidden;display:flex}:host .overflow-wrapper>section{display:flex;gap:var(--menu-item-gap)}:host .overflow-wrapper>section:not(:first-child){border-inline-start:1px solid var(--menu-group-divider-color);padding-inline-start:var(--ymt-spacing-xs)}:host .menu-item{display:flex;align-items:center}:host .menu-item[inert=true]{opacity:0}:host .overflow-trigger{opacity:0;display:none}:host .overflow-trigger:not([inert=true]){opacity:1;display:inline}\n"] }]
+        }] });
+
+class YuvOverflowMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvOverflowMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent], exports: [OverflowMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvOverflowMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OverflowMenuComponent],
+                    exports: [OverflowMenuComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OverflowMenuComponent, YuvOverflowMenuModule };
+//# sourceMappingURL=yuuvis-client-framework-overflow-menu.mjs.map

package/fesm2022/yuuvis-client-framework-overflow-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-framework-overflow-menu.mjs","sources":["../../../../../libs/yuuvis/client-framework/overflow-menu/src/lib/overflow-menu.component.ts","../../../../../libs/yuuvis/client-framework/overflow-menu/src/lib/overflow-menu.component.html","../../../../../libs/yuuvis/client-framework/overflow-menu/src/lib/overflow-menu.module.ts","../../../../../libs/yuuvis/client-framework/overflow-menu/src/yuuvis-client-framework-overflow-menu.ts"],"sourcesContent":["import { AfterViewInit, Component, computed, effect, ElementRef, inject, input, OnDestroy, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverflowMenuItem } from './overflow-menu.interface';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\ntype __MenuItem = OverflowMenuItem & { overflow: boolean };\ninterface MenuGroup {\n  id: string;\n  items: __MenuItem[];\n}\n\n/**\n * Renders items in a toolbar. If menu items provide a 'group' property they will\n * be organized in sections.\n */\n@Component({\n  selector: 'yuv-overflow-menu',\n  imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule, MatTooltipModule],\n  templateUrl: './overflow-menu.component.html',\n  styleUrl: './overflow-menu.component.scss'\n})\nexport class OverflowMenuComponent implements AfterViewInit, OnDestroy {\n  #elRef = inject(ElementRef);\n\n  overflowIcon = input<string>('more_horiz');\n  groupLabels = input<Record<string, string>>();\n\n  /**\n   * Items of the menu\n   */\n  menuItems = input<OverflowMenuItem[]>([]);\n  #menuItemsEffect = effect(() => {\n    this.#observe(this.menuItems());\n  });\n\n  __menuGroups = computed<MenuGroup[]>(() => this.#groupItems(this.__menuItems()));\n\n  private __menuItems = computed<__MenuItem[]>(() => {\n    return this.menuItems().map((i) => ({ ...i, overflow: false }));\n  });\n\n  overflowGroups = signal<MenuGroup[]>([]);\n\n  #itemObserver: {\n    observer: IntersectionObserver | undefined;\n    observedElements: Element[];\n  } = {\n    observer: undefined,\n    observedElements: []\n  };\n\n  #initObservers() {\n    // observe tab navigation elements to show navigation controls (arrow buttons) once\n    // the first or the last tab is not visible anymore\n    this.#itemObserver.observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((e, i) => {\n          const id = e.target.getAttribute('data-item-id');\n          const _i: __MenuItem | undefined = this.__menuItems().find((mi) => id === mi.id);\n          if (_i) _i.overflow = !e.isIntersecting;\n          const overflowTrigger = (this.#elRef.nativeElement as HTMLElement).querySelector('button.overflow-trigger');\n\n          if (overflowTrigger) {\n            !this.__menuItems().find((i) => i.overflow) ? overflowTrigger.setAttribute('inert', 'true') : overflowTrigger.removeAttribute('inert');\n          }\n          const intersecting = !e.isIntersecting;\n          if (intersecting) e.target.setAttribute('inert', 'true');\n          else e.target.removeAttribute('inert');\n        });\n\n        this.overflowGroups.set(this.#groupItems(this.__menuItems().filter((i) => i.overflow)));\n      },\n      {\n        threshold: 1,\n        root: this.#elRef.nativeElement.querySelector('.overflow-wrapper')\n      }\n    );\n  }\n\n  #observe(items: OverflowMenuItem[]) {\n    setTimeout(() => {\n      if (this.#itemObserver.observer) {\n        // cleanup existing observed elements\n        this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.unobserve(e));\n        this.#itemObserver.observedElements = [];\n\n        if (items.length > 0) {\n          this.#itemObserver.observedElements = this.#elRef.nativeElement.querySelectorAll('.menu-item');\n          this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.observe(e));\n        }\n      }\n    });\n  }\n\n  #groupItems(items: OverflowMenuItem[]): MenuGroup[] {\n    const g = this.#groupBy(items, 'group');\n    return Object.keys(g).map((id) => ({\n      id,\n      items: g[id]\n    }));\n  }\n\n  #groupBy(arr: any[], key: string): Record<string, any> {\n    return arr.reduce((rv, x) => {\n      (rv[x[key]] = rv[x[key]] || []).push(x);\n      return rv;\n    }, {});\n  }\n\n  ngAfterViewInit(): void {\n    this.#initObservers();\n  }\n\n  ngOnDestroy(): void {\n    if (this.#itemObserver.observer) this.#itemObserver.observer.disconnect();\n  }\n}\n","<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button mat-icon-button class=\"menu-item\" [disabled]=\"item.disabled\" [matTooltip]=\"item.label\" [attr.data-item-id]=\"item.id\" (click)=\"item.callback()\">\n          <mat-icon>{{ item.icon }}</mat-icon>\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" (click)=\"item.callback()\">\n        <mat-icon>{{ item.icon }}</mat-icon>\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { OverflowMenuComponent } from './overflow-menu.component';\n\n@NgModule({\n  imports: [OverflowMenuComponent],\n  exports: [OverflowMenuComponent]\n})\nexport class YuvOverflowMenuModule {}\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-pagination.mjs

@@ -1,11 +1,9 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, input, effect, output, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@yuuvis/components/icon';
-import { YvcIconModule } from '@yuuvis/components/icon';
-import { YUV_ICONS } from '@yuuvis/client-framework/icons';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { YUV_ICONS, YuvIconComponent } from '@yuuvis/client-framework/icons';
 
 class PaginationComponent {
     constructor() {
@@ -37,12 +35,12 @@ class PaginationComponent {
             page: `${this.pagination().page}`
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PaginationComponent, isStandalone: true, selector: "yuv-pagination", inputs: { pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yvc-icon class=\"first\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yvc-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yvc-icon class=\"next\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yvc-icon class=\"last\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n</div>\n", styles: [":host{--_paging-button-size: var(--paging-button-size, 18px);--_paging-margin: var(--paging-margin, calc(var(--app-pane-padding) / 2));--_paging-padding: var(--paging-padding, calc(var(--app-pane-padding) / 4));--_paging-border: var(--paging-border-radius, 4px);--_paging-background: var(--paging-background, var(--panel-background));display:flex;justify-content:space-between;align-items:center;padding:var(--_paging-padding);background-color:var(--_paging-background);border-radius:var(--_paging-border-radius)}:host .controls{display:flex;justify-content:space-between;align-items:center}:host .total{font-size:var(--font-caption);color:var(--text-color-caption);padding-inline:.25em;line-height:1em}:host button{padding:0;display:flex;--icon-size: var(--_paging-button-size)}:host button .first,:host button .prev{transform:rotate(180deg)}:host form{display:flex;border:1px solid var(--panel-divider-color);margin:0 4px;align-items:baseline}:host form>*{font-size:var(--font-caption);color:var(--text-color-caption);padding-inline:.25em}:host form>div{-webkit-user-select:none;user-select:none}:host form input{width:3em;line-height:1em;text-align:right;border:0;background-color:transparent;border-inline-end:1px solid var(--panel-divider-color)}:host form input.ng-invalid{color:var(--color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: PaginationComponent, isStandalone: true, selector: "yuv-pagination", inputs: { pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yuv-icon class=\"first\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yuv-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yuv-icon class=\"next\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yuv-icon class=\"last\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n</div>\n", styles: [":host{--_paging-button-size: var(--paging-button-size, 18px);--_paging-margin: var(--paging-margin, var(--ymt-spacing-xs));--_paging-padding: var(--paging-padding, var(--ymt-spacing-2xs));--_paging-border: var(--paging-border-radius, 4px);--_paging-background: var(--paging-background, var(--ymt-surface-panel));display:flex;justify-content:space-between;align-items:center;padding:var(--_paging-padding);background-color:var(--_paging-background);border-radius:var(--_paging-border-radius)}:host .controls{display:flex;justify-content:space-between;align-items:center}:host .total{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding-inline:.25em;line-height:1em}:host button{padding:0;display:flex;--icon-size: var(--_paging-button-size)}:host button .first,:host button .prev{transform:rotate(180deg)}:host form{display:flex;border:1px solid var(--ymt-outline-variant);margin:0 4px;align-items:baseline}:host form>*{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding-inline:.25em}:host form>div{-webkit-user-select:none;user-select:none}:host form input{width:3em;line-height:1em;text-align:right;border:0;background-color:transparent;border-inline-end:1px solid var(--ymt-outline-variant)}:host form input.ng-invalid{color:var(--ymt-danger)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-pagination', standalone: true, imports: [CommonModule, YvcIconModule, ReactiveFormsModule], template: "<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yvc-icon class=\"first\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yvc-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yvc-icon class=\"next\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yvc-icon class=\"last\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n</div>\n", styles: [":host{--_paging-button-size: var(--paging-button-size, 18px);--_paging-margin: var(--paging-margin, calc(var(--app-pane-padding) / 2));--_paging-padding: var(--paging-padding, calc(var(--app-pane-padding) / 4));--_paging-border: var(--paging-border-radius, 4px);--_paging-background: var(--paging-background, var(--panel-background));display:flex;justify-content:space-between;align-items:center;padding:var(--_paging-padding);background-color:var(--_paging-background);border-radius:var(--_paging-border-radius)}:host .controls{display:flex;justify-content:space-between;align-items:center}:host .total{font-size:var(--font-caption);color:var(--text-color-caption);padding-inline:.25em;line-height:1em}:host button{padding:0;display:flex;--icon-size: var(--_paging-button-size)}:host button .first,:host button .prev{transform:rotate(180deg)}:host form{display:flex;border:1px solid var(--panel-divider-color);margin:0 4px;align-items:baseline}:host form>*{font-size:var(--font-caption);color:var(--text-color-caption);padding-inline:.25em}:host form>div{-webkit-user-select:none;user-select:none}:host form input{width:3em;line-height:1em;text-align:right;border:0;background-color:transparent;border-inline-end:1px solid var(--panel-divider-color)}:host form input.ng-invalid{color:var(--color-error)}\n"] }]
+            args: [{ selector: 'yuv-pagination', standalone: true, imports: [CommonModule, YuvIconComponent, ReactiveFormsModule], template: "<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yuv-icon class=\"first\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yuv-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yuv-icon class=\"next\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yuv-icon class=\"last\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n</div>\n", styles: [":host{--_paging-button-size: var(--paging-button-size, 18px);--_paging-margin: var(--paging-margin, var(--ymt-spacing-xs));--_paging-padding: var(--paging-padding, var(--ymt-spacing-2xs));--_paging-border: var(--paging-border-radius, 4px);--_paging-background: var(--paging-background, var(--ymt-surface-panel));display:flex;justify-content:space-between;align-items:center;padding:var(--_paging-padding);background-color:var(--_paging-background);border-radius:var(--_paging-border-radius)}:host .controls{display:flex;justify-content:space-between;align-items:center}:host .total{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding-inline:.25em;line-height:1em}:host button{padding:0;display:flex;--icon-size: var(--_paging-button-size)}:host button .first,:host button .prev{transform:rotate(180deg)}:host form{display:flex;border:1px solid var(--ymt-outline-variant);margin:0 4px;align-items:baseline}:host form>*{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);padding-inline:.25em}:host form>div{-webkit-user-select:none;user-select:none}:host form input{width:3em;line-height:1em;text-align:right;border:0;background-color:transparent;border-inline-end:1px solid var(--ymt-outline-variant)}:host form input.ng-invalid{color:var(--ymt-danger)}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-pagination.mjs","sources":["../../../../../libs/yuuvis/client-framework/pagination/src/lib/pagination.component.ts","../../../../../libs/yuuvis/client-framework/pagination/src/lib/pagination.component.html","../../../../../libs/yuuvis/client-framework/pagination/src/yuuvis-client-framework-pagination.ts"],"sourcesContent":["import { Component, effect, inject, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Pagination } from './pagination.interface';\nimport { YvcIconModule } from '@yuuvis/components/icon';\nimport { YUV_ICONS } from '@yuuvis/client-framework/icons';\nimport { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\n\n@Component({\n  selector: 'yuv-pagination',\n  standalone: true,\n  imports: [CommonModule, YvcIconModule, ReactiveFormsModule],\n  templateUrl: './pagination.component.html',\n  styleUrl: './pagination.component.scss'\n})\nexport class PaginationComponent {\n  #fb = inject(FormBuilder);\n  pagination = input.required<Pagination>();\n  #paginationEffect = effect(() => {\n    const pageCtrl = this.pagingForm.get('page');\n    if (pageCtrl) {\n      pageCtrl.setValue(`${this.pagination().page}`);\n      pageCtrl.setValidators([Validators.required, Validators.pattern('[0-9]+'), Validators.min(1), Validators.max(this.pagination().pages)]);\n    }\n  });\n\n  pageChange = output<number>();\n  pagingForm = this.#fb.group({ page: [''] });\n  readonly icons = {\n    arrowNext: YUV_ICONS.arrowNext,\n    arrowLast: YUV_ICONS.arrowLast\n  };\n\n  onPagingFormSubmit() {\n    if (this.pagingForm.valid && this.pagingForm.value.page) {\n      this.pageChange.emit(parseInt(this.pagingForm.value.page));\n    }\n  }\n\n  onInputBlur() {\n    this.pagingForm.patchValue({\n      page: `${this.pagination().page}`\n    });\n  }\n}\n","<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yvc-icon class=\"first\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yvc-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yvc-icon class=\"next\" [svg]=\"icons.arrowNext\"></yvc-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yvc-icon class=\"last\" [svg]=\"icons.arrowLast\"></yvc-icon>\n  </button>\n</div>\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-pagination.mjs","sources":["../../../../../libs/yuuvis/client-framework/pagination/src/lib/pagination.component.ts","../../../../../libs/yuuvis/client-framework/pagination/src/lib/pagination.component.html","../../../../../libs/yuuvis/client-framework/pagination/src/yuuvis-client-framework-pagination.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, effect, inject, input, output } from '@angular/core';\nimport { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { YUV_ICONS, YuvIconComponent } from '@yuuvis/client-framework/icons';\nimport { Pagination } from './pagination.interface';\n\n@Component({\n  selector: 'yuv-pagination',\n  standalone: true,\n  imports: [CommonModule, YuvIconComponent, ReactiveFormsModule],\n  templateUrl: './pagination.component.html',\n  styleUrl: './pagination.component.scss'\n})\nexport class PaginationComponent {\n  #fb = inject(FormBuilder);\n  pagination = input.required<Pagination>();\n  #paginationEffect = effect(() => {\n    const pageCtrl = this.pagingForm.get('page');\n    if (pageCtrl) {\n      pageCtrl.setValue(`${this.pagination().page}`);\n      pageCtrl.setValidators([Validators.required, Validators.pattern('[0-9]+'), Validators.min(1), Validators.max(this.pagination().pages)]);\n    }\n  });\n\n  pageChange = output<number>();\n  pagingForm = this.#fb.group({ page: [''] });\n  readonly icons = {\n    arrowNext: YUV_ICONS.arrowNext,\n    arrowLast: YUV_ICONS.arrowLast\n  };\n\n  onPagingFormSubmit() {\n    if (this.pagingForm.valid && this.pagingForm.value.page) {\n      this.pageChange.emit(parseInt(this.pagingForm.value.page));\n    }\n  }\n\n  onInputBlur() {\n    this.pagingForm.patchValue({\n      page: `${this.pagination().page}`\n    });\n  }\n}\n","<div class=\"total\">{{ pagination().total }}</div>\n<div class=\"controls\">\n  <button [disabled]=\"pagination().page === 1\" (click)=\"pageChange.emit(1)\">\n    <yuv-icon class=\"first\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page <= 1\" (click)=\"pageChange.emit(pagination().page - 1)\">\n    <yuv-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n\n  <form (ngSubmit)=\"onPagingFormSubmit()\" [formGroup]=\"pagingForm\">\n    <input (blur)=\"onInputBlur()\" type=\"number\" formControlName=\"page\" />\n    <div>{{ pagination().pages }}</div>\n  </form>\n\n  <button [disabled]=\"pagination().page >= pagination().pages\" (click)=\"pageChange.emit(pagination().page + 1)\">\n    <yuv-icon class=\"next\" [svg]=\"icons.arrowNext\"></yuv-icon>\n  </button>\n  <button [disabled]=\"pagination().page === pagination().pages\" (click)=\"pageChange.emit(pagination().pages)\">\n    <yuv-icon class=\"last\" [svg]=\"icons.arrowLast\"></yuv-icon>\n  </button>\n</div>\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-panel.mjs

@@ -1,16 +1,17 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
-import * as i1 from '@yuuvis/components/icon';
-import { YvcIconModule } from '@yuuvis/components/icon';
+import { Input, Component } from '@angular/core';
+import * as i1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { YuvIconComponent } from '@yuuvis/client-framework/icons';
 
 class PanelComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "yuv-panel", inputs: { icon: "icon", title: "title", description: "description" }, ngImport: i0, template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yvc-icon title=\"{{ icon.title }}\" [svgSrc]=\"icon.src\"></yvc-icon>\n      } @else if (icon.svg) {\n        <yvc-icon title=\"{{ icon.title }}\" [svg]=\"icon.svg\"></yvc-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--app-pane-padding);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--app-pane-padding)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font-weight:var(--font-weight-normal);font-size:var(--font-title);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font-weight:var(--font-weight-normal);font-size:var(--font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: PanelComponent, isStandalone: true, selector: "yuv-panel", inputs: { icon: "icon", title: "title", description: "description" }, ngImport: i0, template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--ymt-spacing-m)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font:var(--ymt-font-title-small);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font:var(--ymt-font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-panel', standalone: true, imports: [CommonModule, YvcIconModule], template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yvc-icon title=\"{{ icon.title }}\" [svgSrc]=\"icon.src\"></yvc-icon>\n      } @else if (icon.svg) {\n        <yvc-icon title=\"{{ icon.title }}\" [svg]=\"icon.svg\"></yvc-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--app-pane-padding);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--app-pane-padding)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font-weight:var(--font-weight-normal);font-size:var(--font-title);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font-weight:var(--font-weight-normal);font-size:var(--font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"] }]
+            args: [{ selector: 'yuv-panel', standalone: true, imports: [CommonModule, YuvIconComponent, MatTooltipModule], template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--ymt-spacing-m)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font:var(--ymt-font-title-small);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font:var(--ymt-font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], title: [{

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

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-panel.mjs","sources":["../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.ts","../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.html","../../../../../libs/yuuvis/client-framework/panel/src/yuuvis-client-framework-panel.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { YvcIconModule } from '@yuuvis/components/icon';\n\n@Component({\n  selector: 'yuv-panel',\n  standalone: true,\n  imports: [CommonModule, YvcIconModule],\n  templateUrl: './panel.component.html',\n  styleUrls: ['./panel.component.scss']\n})\nexport class PanelComponent {\n  @Input() icon?: {\n    src?: string, \n    svg?: string, \n    title?: string\n  };\n  @Input() title?: string;\n  @Input() description?: string;\n\n\n}\n","<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yvc-icon title=\"{{ icon.title }}\" [svgSrc]=\"icon.src\"></yvc-icon>\n      } @else if (icon.svg) {\n        <yvc-icon title=\"{{ icon.title }}\" [svg]=\"icon.svg\"></yvc-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,ECX3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gqBAkBA,EDXY,MAAA,EAAA,CAAA,4rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAI1B,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,aAAa,CAAC,EAAA,QAAA,EAAA,gqBAAA,EAAA,MAAA,EAAA,CAAA,4rBAAA,CAAA,EAAA,CAAA;8BAK7B,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AElBR;;AAEG;;;;"}
+{"version":3,"file":"yuuvis-client-framework-panel.mjs","sources":["../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.ts","../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.html","../../../../../libs/yuuvis/client-framework/panel/src/yuuvis-client-framework-panel.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { YuvIconComponent } from '@yuuvis/client-framework/icons';\n\n@Component({\n  selector: 'yuv-panel',\n  standalone: true,\n  imports: [CommonModule, YuvIconComponent, MatTooltipModule],\n  templateUrl: './panel.component.html',\n  styleUrls: ['./panel.component.scss']\n})\nexport class PanelComponent {\n  @Input() icon?: {\n    src?: string, \n    svg?: string, \n    title?: string\n  };\n  @Input() title?: string;\n  @Input() description?: string;\n\n\n}\n","<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,2ICZ3B,kqBAkBA,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVY,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,wFAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAI/C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,kqBAAA,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA;8BAKlD,IAAI,EAAA,CAAA;sBAAZ;gBAKQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AEnBH;;AAEG;;;;"}