@yuuvis/client-framework 2.18.0 → 2.20.0

package/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/breadcrumb/breadcrumb.component';
+export * from './lib/models';

package/breadcrumb/lib/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,94 @@
+import { BreadcrumbItem } from '../models';
+import * as i0 from "@angular/core";
+/**
+ * A generic, accessible breadcrumb navigation component.
+ *
+ * Renders a flat list of navigation items where the last item always represents
+ * the current location (non-clickable) and all preceding items are interactive links.
+ * Each link is individually focusable via standard Tab navigation.
+ *
+ * Key behaviors
+ * - Items are rendered left-to-right, separated by a `/` divider
+ * - The **last item** is always the current page — displayed as plain text (no link, no click handler)
+ * - All **preceding items** are rendered as `<a>` links that emit the `navigate` output on click or Enter
+ * - The component performs **no routing** — the parent handles all navigation logic via the emitted `BreadcrumbItem`
+ * - Empty `items` array renders nothing (the host element stays in the DOM but is visually empty)
+ *
+ * Usage
+ *
+ * The parent builds the `BreadcrumbItem[]` and passes it as input. Typically this
+ * array mirrors the object hierarchy the user navigated through (e.g. Case → Phase → Document).
+ *
+ * ```ts
+ * // Parent component
+ * breadcrumbItems: BreadcrumbItem[] = [
+ *   { id: 'case-42',  name: 'Case #42' },      // ← clickable link
+ *   { id: 'phase-3',  name: 'Review' },          // ← clickable link
+ *   { id: 'doc-7',    name: 'Contract.pdf' }     // ← current location (non-clickable)
+ * ];
+ *
+ * onBreadcrumbNavigate(item: BreadcrumbItem): void {
+ *   // item.id is the domain-specific key — use it to navigate
+ *   this.router.navigate(['/objects', item.id]);
+ * }
+ * ```
+ *
+ * ```html
+ * <yuv-breadcrumb
+ *   [items]="breadcrumbItems"
+ *   (navigate)="onBreadcrumbNavigate($event)" />
+ * ```
+ *
+ * Renders visually as:
+ * ```
+ * Case #42  /  Review  /  Contract.pdf
+ * [link]       [link]      [current]
+ * ```
+ */
+export declare class YuuvisBreadcrumbComponent {
+    /**
+     * Ordered list of breadcrumb items to display.
+     *
+     * Each `BreadcrumbItem` has `{ id: string; name: string }` — where `id` is a unique key
+     * (typically an object/route ID) and `name` is the display label rendered in the trail.
+     *
+     * Position determines rendering behavior:
+     * - All items except the last → clickable `<a>` links
+     * - Last item → non-clickable text (current location)
+     *
+     * Defaults to an empty array, which renders nothing.
+     *
+     * @example
+     * ```ts
+     * // Case → Document trail
+     * [items]="[
+     *   { id: 'case-42', name: 'Case #42' },
+     *   { id: 'doc-7',   name: 'Invoice.pdf' }
+     * ]"
+     * ```
+     */
+    items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
+    /**
+     * Emitted when the user activates a clickable breadcrumb item (click or Enter key).
+     *
+     * The emitted value is the full `BreadcrumbItem` object (`{ id, name }`) that was activated.
+     * Never emitted for the last item since it is non-clickable.
+     * The parent is responsible for performing the actual navigation using `item.id`.
+     *
+     * @example
+     * ```ts
+     * onBreadcrumbNavigate(item: BreadcrumbItem): void {
+     *   // item = { id: 'case-42', name: 'Case #42' }
+     *   this.router.navigate(['/objects', item.id]);
+     * }
+     * ```
+     */
+    navigate: import("@angular/core").OutputEmitterRef<BreadcrumbItem>;
+    /**
+     * Handles click on a breadcrumb link and forwards the item to the parent via `navigate` output.
+     * Called only for non-last items (the template guards against calling this for the current location).
+     */
+    protected onItemClick(item: BreadcrumbItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuuvisBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YuuvisBreadcrumbComponent, "yuv-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
+}

package/breadcrumb/lib/models/breadcrumb-item.model.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A single item in the breadcrumb trail.
+ *
+ * `id` is used as the `@for` track expression and emitted back on click.
+ * `name` is rendered as-is — no truncation, translation, or fallback applied.
+ * Position in the array determines the role: all items except the last are clickable links;
+ * the last item is rendered as non-clickable text representing the current location.
+ */
+export interface BreadcrumbItem {
+    /** Unique identifier — emitted via `navigate` output when the item is activated. */
+    id: string;
+    /** Display label shown in the breadcrumb trail. */
+    name: string;
+}

package/breadcrumb/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumb-item.model';

package/common/lib/components/confirm/confirm.component.d.ts

@@ -2,6 +2,7 @@ import { ConfirmOverlayData } from './confirm.interface';
 import * as i0 from "@angular/core";
 export declare class ConfirmComponent {
     readonly dialogData: ConfirmOverlayData;
+    buttonType: import("@angular/core").Signal<"danger" | "primary">;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmComponent, "yuv-confirm", never, {}, {}, never, never, true, never>;
 }

package/common/lib/components/confirm/confirm.interface.d.ts

@@ -1,7 +1,9 @@
+export type LevelType = 'success' | 'warning' | 'error' | 'info' | 'default';
 export interface ConfirmOverlayData {
     title?: string;
     message: string;
     confirmLabel?: string;
     cancelLabel?: string;
     hideCancelButton?: boolean;
+    level?: Extract<LevelType, 'default' | 'info' | 'warning'>;
 }

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

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@yuuvis/client-core';
+import { TranslateModule } from '@yuuvis/client-core';
+
+/**
+ * A generic, accessible breadcrumb navigation component.
+ *
+ * Renders a flat list of navigation items where the last item always represents
+ * the current location (non-clickable) and all preceding items are interactive links.
+ * Each link is individually focusable via standard Tab navigation.
+ *
+ * Key behaviors
+ * - Items are rendered left-to-right, separated by a `/` divider
+ * - The **last item** is always the current page — displayed as plain text (no link, no click handler)
+ * - All **preceding items** are rendered as `<a>` links that emit the `navigate` output on click or Enter
+ * - The component performs **no routing** — the parent handles all navigation logic via the emitted `BreadcrumbItem`
+ * - Empty `items` array renders nothing (the host element stays in the DOM but is visually empty)
+ *
+ * Usage
+ *
+ * The parent builds the `BreadcrumbItem[]` and passes it as input. Typically this
+ * array mirrors the object hierarchy the user navigated through (e.g. Case → Phase → Document).
+ *
+ * ```ts
+ * // Parent component
+ * breadcrumbItems: BreadcrumbItem[] = [
+ *   { id: 'case-42',  name: 'Case #42' },      // ← clickable link
+ *   { id: 'phase-3',  name: 'Review' },          // ← clickable link
+ *   { id: 'doc-7',    name: 'Contract.pdf' }     // ← current location (non-clickable)
+ * ];
+ *
+ * onBreadcrumbNavigate(item: BreadcrumbItem): void {
+ *   // item.id is the domain-specific key — use it to navigate
+ *   this.router.navigate(['/objects', item.id]);
+ * }
+ * ```
+ *
+ * ```html
+ * <yuv-breadcrumb
+ *   [items]="breadcrumbItems"
+ *   (navigate)="onBreadcrumbNavigate($event)" />
+ * ```
+ *
+ * Renders visually as:
+ * ```
+ * Case #42  /  Review  /  Contract.pdf
+ * [link]       [link]      [current]
+ * ```
+ */
+class YuuvisBreadcrumbComponent {
+    constructor() {
+        // #region Angular stuff (inputs, outputs)
+        /**
+         * Ordered list of breadcrumb items to display.
+         *
+         * Each `BreadcrumbItem` has `{ id: string; name: string }` — where `id` is a unique key
+         * (typically an object/route ID) and `name` is the display label rendered in the trail.
+         *
+         * Position determines rendering behavior:
+         * - All items except the last → clickable `<a>` links
+         * - Last item → non-clickable text (current location)
+         *
+         * Defaults to an empty array, which renders nothing.
+         *
+         * @example
+         * ```ts
+         * // Case → Document trail
+         * [items]="[
+         *   { id: 'case-42', name: 'Case #42' },
+         *   { id: 'doc-7',   name: 'Invoice.pdf' }
+         * ]"
+         * ```
+         */
+        this.items = input([]);
+        /**
+         * Emitted when the user activates a clickable breadcrumb item (click or Enter key).
+         *
+         * The emitted value is the full `BreadcrumbItem` object (`{ id, name }`) that was activated.
+         * Never emitted for the last item since it is non-clickable.
+         * The parent is responsible for performing the actual navigation using `item.id`.
+         *
+         * @example
+         * ```ts
+         * onBreadcrumbNavigate(item: BreadcrumbItem): void {
+         *   // item = { id: 'case-42', name: 'Case #42' }
+         *   this.router.navigate(['/objects', item.id]);
+         * }
+         * ```
+         */
+        this.navigate = output();
+    }
+    // #endregion
+    // #region UI Responses
+    /**
+     * Handles click on a breadcrumb link and forwards the item to the parent via `navigate` output.
+     * Called only for non-last items (the template guards against calling this for the current location).
+     */
+    onItemClick(item) {
+        this.navigate.emit(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuuvisBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: YuuvisBreadcrumbComponent, isStandalone: true, selector: "yuv-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate" }, host: { classAttribute: "yuv-breadcrumb" }, ngImport: i0, template: "<nav [attr.aria-label]=\"'yuv.framework.breadcrumb.nav-label' | translate\">\n  <ol class=\"yuv-breadcrumb__list\">\n    @for (item of items(); track item.id) {\n      @if ($last) {\n        <li class=\"yuv-breadcrumb__item yuv-breadcrumb__item--current\" aria-current=\"page\">\n          {{ item.name }}\n        </li>\n      } @else {\n        <li class=\"yuv-breadcrumb__item\">\n          <a\n            class=\"yuv-breadcrumb__link\"\n            role=\"link\"\n            tabindex=\"0\"\n            (click)=\"onItemClick(item)\"\n            (keydown.enter)=\"onItemClick(item)\"\n          >\n            {{ item.name }}\n          </a>\n          <span class=\"yuv-breadcrumb__separator\" aria-hidden=\"true\">/</span>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n", styles: [":host{display:block}.yuv-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.yuv-breadcrumb__item{display:flex;align-items:center}.yuv-breadcrumb__item--current{color:var(--yuv-breadcrumb-current-color, currentColor);font-weight:500}.yuv-breadcrumb__separator{margin:0 .375rem;color:var(--yuv-breadcrumb-separator-color, currentColor);opacity:.4;-webkit-user-select:none;user-select:none}.yuv-breadcrumb__link{color:var(--yuv-breadcrumb-link-color, inherit);text-decoration:none;border-radius:2px;cursor:pointer}.yuv-breadcrumb__link:hover{text-decoration:underline}.yuv-breadcrumb__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuuvisBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-breadcrumb', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'yuv-breadcrumb'
+                    }, template: "<nav [attr.aria-label]=\"'yuv.framework.breadcrumb.nav-label' | translate\">\n  <ol class=\"yuv-breadcrumb__list\">\n    @for (item of items(); track item.id) {\n      @if ($last) {\n        <li class=\"yuv-breadcrumb__item yuv-breadcrumb__item--current\" aria-current=\"page\">\n          {{ item.name }}\n        </li>\n      } @else {\n        <li class=\"yuv-breadcrumb__item\">\n          <a\n            class=\"yuv-breadcrumb__link\"\n            role=\"link\"\n            tabindex=\"0\"\n            (click)=\"onItemClick(item)\"\n            (keydown.enter)=\"onItemClick(item)\"\n          >\n            {{ item.name }}\n          </a>\n          <span class=\"yuv-breadcrumb__separator\" aria-hidden=\"true\">/</span>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n", styles: [":host{display:block}.yuv-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.yuv-breadcrumb__item{display:flex;align-items:center}.yuv-breadcrumb__item--current{color:var(--yuv-breadcrumb-current-color, currentColor);font-weight:500}.yuv-breadcrumb__separator{margin:0 .375rem;color:var(--yuv-breadcrumb-separator-color, currentColor);opacity:.4;-webkit-user-select:none;user-select:none}.yuv-breadcrumb__link{color:var(--yuv-breadcrumb-link-color, inherit);text-decoration:none;border-radius:2px;cursor:pointer}.yuv-breadcrumb__link:hover{text-decoration:underline}.yuv-breadcrumb__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { YuuvisBreadcrumbComponent };
+//# sourceMappingURL=yuuvis-client-framework-breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-framework-breadcrumb.mjs","sources":["../../../../../libs/yuuvis/client-framework/breadcrumb/src/lib/breadcrumb/breadcrumb.component.ts","../../../../../libs/yuuvis/client-framework/breadcrumb/src/lib/breadcrumb/breadcrumb.component.html","../../../../../libs/yuuvis/client-framework/breadcrumb/src/yuuvis-client-framework-breadcrumb.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { TranslateModule } from '@yuuvis/client-core';\nimport { BreadcrumbItem } from '../models';\n\n/**\n * A generic, accessible breadcrumb navigation component.\n *\n * Renders a flat list of navigation items where the last item always represents\n * the current location (non-clickable) and all preceding items are interactive links.\n * Each link is individually focusable via standard Tab navigation.\n *\n * Key behaviors\n * - Items are rendered left-to-right, separated by a `/` divider\n * - The **last item** is always the current page — displayed as plain text (no link, no click handler)\n * - All **preceding items** are rendered as `<a>` links that emit the `navigate` output on click or Enter\n * - The component performs **no routing** — the parent handles all navigation logic via the emitted `BreadcrumbItem`\n * - Empty `items` array renders nothing (the host element stays in the DOM but is visually empty)\n *\n * Usage\n *\n * The parent builds the `BreadcrumbItem[]` and passes it as input. Typically this\n * array mirrors the object hierarchy the user navigated through (e.g. Case → Phase → Document).\n *\n * ```ts\n * // Parent component\n * breadcrumbItems: BreadcrumbItem[] = [\n *   { id: 'case-42',  name: 'Case #42' },      // ← clickable link\n *   { id: 'phase-3',  name: 'Review' },          // ← clickable link\n *   { id: 'doc-7',    name: 'Contract.pdf' }     // ← current location (non-clickable)\n * ];\n *\n * onBreadcrumbNavigate(item: BreadcrumbItem): void {\n *   // item.id is the domain-specific key — use it to navigate\n *   this.router.navigate(['/objects', item.id]);\n * }\n * ```\n *\n * ```html\n * <yuv-breadcrumb\n *   [items]=\"breadcrumbItems\"\n *   (navigate)=\"onBreadcrumbNavigate($event)\" />\n * ```\n *\n * Renders visually as:\n * ```\n * Case #42  /  Review  /  Contract.pdf\n * [link]       [link]      [current]\n * ```\n */\n@Component({\n  selector: 'yuv-breadcrumb',\n  imports: [TranslateModule],\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'yuv-breadcrumb'\n  }\n})\nexport class YuuvisBreadcrumbComponent {\n  // #region Angular stuff (inputs, outputs)\n\n  /**\n   * Ordered list of breadcrumb items to display.\n   *\n   * Each `BreadcrumbItem` has `{ id: string; name: string }` — where `id` is a unique key\n   * (typically an object/route ID) and `name` is the display label rendered in the trail.\n   *\n   * Position determines rendering behavior:\n   * - All items except the last → clickable `<a>` links\n   * - Last item → non-clickable text (current location)\n   *\n   * Defaults to an empty array, which renders nothing.\n   *\n   * @example\n   * ```ts\n   * // Case → Document trail\n   * [items]=\"[\n   *   { id: 'case-42', name: 'Case #42' },\n   *   { id: 'doc-7',   name: 'Invoice.pdf' }\n   * ]\"\n   * ```\n   */\n  items = input<BreadcrumbItem[]>([]);\n\n  /**\n   * Emitted when the user activates a clickable breadcrumb item (click or Enter key).\n   *\n   * The emitted value is the full `BreadcrumbItem` object (`{ id, name }`) that was activated.\n   * Never emitted for the last item since it is non-clickable.\n   * The parent is responsible for performing the actual navigation using `item.id`.\n   *\n   * @example\n   * ```ts\n   * onBreadcrumbNavigate(item: BreadcrumbItem): void {\n   *   // item = { id: 'case-42', name: 'Case #42' }\n   *   this.router.navigate(['/objects', item.id]);\n   * }\n   * ```\n   */\n  navigate = output<BreadcrumbItem>();\n\n  // #endregion\n\n  // #region UI Responses\n\n  /**\n   * Handles click on a breadcrumb link and forwards the item to the parent via `navigate` output.\n   * Called only for non-last items (the template guards against calling this for the current location).\n   */\n  protected onItemClick(item: BreadcrumbItem): void {\n    this.navigate.emit(item);\n  }\n\n  // #endregion\n}\n","<nav [attr.aria-label]=\"'yuv.framework.breadcrumb.nav-label' | translate\">\n  <ol class=\"yuv-breadcrumb__list\">\n    @for (item of items(); track item.id) {\n      @if ($last) {\n        <li class=\"yuv-breadcrumb__item yuv-breadcrumb__item--current\" aria-current=\"page\">\n          {{ item.name }}\n        </li>\n      } @else {\n        <li class=\"yuv-breadcrumb__item\">\n          <a\n            class=\"yuv-breadcrumb__link\"\n            role=\"link\"\n            tabindex=\"0\"\n            (click)=\"onItemClick(item)\"\n            (keydown.enter)=\"onItemClick(item)\"\n          >\n            {{ item.name }}\n          </a>\n          <span class=\"yuv-breadcrumb__separator\" aria-hidden=\"true\">/</span>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;MAWU,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;;AAaE;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAmB,EAAE,CAAC;AAEnC;;;;;;;;;;;;;;AAcG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAkB;AAepC,IAAA;;;AATC;;;AAGG;AACO,IAAA,WAAW,CAAC,IAAoB,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;IAC1B;+GArDW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3DtC,8wBAwBA,EAAA,MAAA,EAAA,CAAA,gsBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED2BY,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAQd,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,eAAe,CAAC,mBAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA,EAAA,QAAA,EAAA,8wBAAA,EAAA,MAAA,EAAA,CAAA,gsBAAA,CAAA,EAAA;;;AEzDH;;AAEG;;;;"}

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

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component, inject, DestroyRef, viewChild, signal, afterNextRender, ElementRef, Input, Directive, computed, output, EnvironmentInjector, ViewContainerRef, effect, EventEmitter, HostListener, Output, NgZone, contentChildren, Injectable, HostBinding, forwardRef, Renderer2, NgModule, InjectionToken, makeEnvironmentProviders, RendererFactory2 } from '@angular/core';
-import { CommonModule, DOCUMENT } from '@angular/common';
+import { input, ChangeDetectionStrategy, Component, inject, computed, DestroyRef, viewChild, signal, afterNextRender, ElementRef, Input, Directive, output, EnvironmentInjector, ViewContainerRef, effect, EventEmitter, HostListener, Output, NgZone, contentChildren, Injectable, HostBinding, forwardRef, Renderer2, NgModule, InjectionToken, makeEnvironmentProviders, RendererFactory2 } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@angular/material/dialog';
 import { MatDialogActions, MatDialogTitle, MatDialogContent, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
+import { TranslateModule as TranslateModule$1, AppCacheService, RetentionService, LocaleDatePipe } from '@yuuvis/client-core';
+import { YmtButtonDirective, YmtIconButtonDirective } from '@yuuvis/material';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { YmtButtonDirective, YmtIconButtonDirective } from '@yuuvis/material';
-import { TranslateModule as TranslateModule$1, AppCacheService, RetentionService, LocaleDatePipe } from '@yuuvis/client-core';
 import * as i1$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import { CommonModule, DOCUMENT } from '@angular/common';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subject, fromEvent, merge, timer, of, forkJoin, map as map$1 } from 'rxjs';
@@ -33,11 +33,11 @@ class DialogComponent {
       <h2 mat-dialog-title>{{ title }}</h2>
     }
     <mat-dialog-content>
-      <ng-content select="main"></ng-content>
+      <ng-content select="main" />
     </mat-dialog-content>
 
     <mat-dialog-actions align="end" class="footer">
-      <ng-content select="footer"></ng-content>
+      <ng-content select="footer" />
     </mat-dialog-actions>
   `, isInline: true, styles: [":host{--_dialog-area-background: var(--dialog-area-background, light-dark(var(--ymt-surface), var(--ymt-surface-container-low)));--_dialog-area-divider-color: var(--dialog-area-divider-color, var(--ymt-outline-variant));height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:\"header\" \"content\" \"footer\"}:host h2{grid-area:header;background-color:var(--_dialog-area-background);border-block-end:1px solid var(--_dialog-area-divider-color)}:host .footer{background-color:var(--_dialog-area-background);border-block-start:1px solid var(--_dialog-area-divider-color);gap:calc(var(--ymt-font-body) / 2)}:host.not-separated{background-color:var(--ymt-surface-app)}:host.not-separated h2,:host.not-separated .footer{background-color:transparent;border:0}.mat-mdc-dialog-container{height:100%}mat-dialog-content:empty{display:contents}mat-dialog-content main{display:var(--ymt-dialog-content-display);grid-area:content;overflow:hidden}mat-dialog-actions{grid-area:footer}mat-dialog-actions:empty{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -49,11 +49,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       <h2 mat-dialog-title>{{ title }}</h2>
     }
     <mat-dialog-content>
-      <ng-content select="main"></ng-content>
+      <ng-content select="main" />
     </mat-dialog-content>
 
     <mat-dialog-actions align="end" class="footer">
-      <ng-content select="footer"></ng-content>
+      <ng-content select="footer" />
     </mat-dialog-actions>
   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--_dialog-area-background: var(--dialog-area-background, light-dark(var(--ymt-surface), var(--ymt-surface-container-low)));--_dialog-area-divider-color: var(--dialog-area-divider-color, var(--ymt-outline-variant));height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:\"header\" \"content\" \"footer\"}:host h2{grid-area:header;background-color:var(--_dialog-area-background);border-block-end:1px solid var(--_dialog-area-divider-color)}:host .footer{background-color:var(--_dialog-area-background);border-block-start:1px solid var(--_dialog-area-divider-color);gap:calc(var(--ymt-font-body) / 2)}:host.not-separated{background-color:var(--ymt-surface-app)}:host.not-separated h2,:host.not-separated .footer{background-color:transparent;border:0}.mat-mdc-dialog-container{height:100%}mat-dialog-content:empty{display:contents}mat-dialog-content main{display:var(--ymt-dialog-content-display);grid-area:content;overflow:hidden}mat-dialog-actions{grid-area:footer}mat-dialog-actions:empty{display:contents}\n"] }]
         }] });
@@ -61,13 +61,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class ConfirmComponent {
     constructor() {
         this.dialogData = inject(MAT_DIALOG_DATA);
+        this.buttonType = computed(() => {
+            switch (this.dialogData.level) {
+                case 'warning':
+                    return 'danger';
+                // case 'warning':
+                //   return 'tertiary' as ButtonType;
+                // case 'info':
+                //   return 'primary' as ButtonType;
+                // case 'success':
+                //   return 'primary' as ButtonType;
+                default:
+                    return 'primary';
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ConfirmComponent, isStandalone: true, selector: "yuv-confirm", ngImport: i0, template: "<yuv-dialog [headertitel]=\"dialogData.title || ''\">\n  <main>{{ dialogData.message }}</main>\n  <footer>\n    @if (!dialogData.hideCancelButton) {\n      <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n        {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n      </button>\n    }\n    <button ymtButton=\"primary\" type=\"button\" [mat-dialog-close]=\"true\">{{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ConfirmComponent, isStandalone: true, selector: "yuv-confirm", ngImport: i0, template: "<yuv-dialog [headertitle]=\"dialogData.title || ''\">\n  <main>{{ dialogData.message }}</main>\n  <footer>\n    @if (!dialogData.hideCancelButton) {\n      <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n        {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n      </button>\n    }\n    <button [ymtButton]=\"buttonType()\" type=\"button\" [mat-dialog-close]=\"true\">\n      {{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-confirm', imports: [CommonModule, MatButtonModule, TranslateModule$1, MatDialogModule, DialogComponent, YmtButtonDirective], template: "<yuv-dialog [headertitel]=\"dialogData.title || ''\">\n  <main>{{ dialogData.message }}</main>\n  <footer>\n    @if (!dialogData.hideCancelButton) {\n      <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n        {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n      </button>\n    }\n    <button ymtButton=\"primary\" type=\"button\" [mat-dialog-close]=\"true\">{{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"] }]
+            args: [{ selector: 'yuv-confirm', imports: [MatButtonModule, TranslateModule$1, MatDialogModule, DialogComponent, YmtButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<yuv-dialog [headertitle]=\"dialogData.title || ''\">\n  <main>{{ dialogData.message }}</main>\n  <footer>\n    @if (!dialogData.hideCancelButton) {\n      <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n        {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n      </button>\n    }\n    <button [ymtButton]=\"buttonType()\" type=\"button\" [mat-dialog-close]=\"true\">\n      {{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"] }]
         }] });
 
 const DEFAULT_SCROLL_AMOUNT$1 = 150;