ngx-view-builder 0.1.3 → 0.1.4

package/fesm2022/{ngx-view-builder-toast-element-B1DxJdDY.mjs → ngx-view-builder-toast-element-CclIxegL.mjs}

@@ -1,7 +1,7 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, signal, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { E as ElementActionService, U as UiTranslationService, S as StateService, a as ElementWrapper, N as NvbIcon, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-C9rZ5zQM.mjs';
+import { E as ElementActionService, U as UiTranslationService, S as StateService, a as ElementWrapper, N as NvbIcon, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-CYvIsFw-.mjs';
 
 class ToastElement {
     model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
@@ -185,4 +185,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
 
 export { ToastElement };
-//# sourceMappingURL=ngx-view-builder-toast-element-B1DxJdDY.mjs.map
+//# sourceMappingURL=ngx-view-builder-toast-element-CclIxegL.mjs.map

package/fesm2022/{ngx-view-builder-toast-element-DQ8mU1zc.mjs.map → ngx-view-builder-toast-element-CclIxegL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-view-builder-toast-element-DQ8mU1zc.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/toast-element/toast-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/toast-element/toast-element.html"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n  Component,\r\n  computed,\r\n  inject,\r\n  input,\r\n  OnDestroy,\r\n  OnInit,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\n\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\n\r\nimport { StateService } from '../../services/state.service';\r\n\r\nimport { ToastModel } from '../../models/elements/toast.model';\r\n\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\n\r\nimport { ElementActionService } from '../../services/element-action.service';\r\n\r\nimport { NvbIcon } from '../../components/nvb-icon/nvb-icon';\r\nimport { UiTranslationService } from '../../services/ui-translation.service';\r\n\r\n@Component({\r\n  selector: 'toast-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n\r\n  imports: [ElementWrapper, NgClass, DynamicTextPipe, NvbIcon],\r\n\r\n  templateUrl: './toast-element.html',\r\n\r\n  styleUrl: './toast-element.scss',\r\n})\r\nexport class ToastElement implements OnInit, OnDestroy {\r\n  model = input.required<ToastModel>();\r\n\r\n  visible = signal<boolean>(true);\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n  private uiTranslationService = inject(UiTranslationService);\r\n\r\n  private hideTimeoutId: ReturnType<typeof setTimeout> | null = null;\r\n  private autoHideStartedAt = 0;\r\n  private autoHideDelayMs = 0;\r\n  private autoHideRemainingMs = 0;\r\n\r\n  isEditor = computed(() => StateService.isEditor());\r\n\r\n  shellClass = computed(() => {\r\n    const position = this.resolvePosition();\r\n\r\n    return {\r\n      [`nvb-toast-shell--${position}`]: true,\r\n\r\n      'nvb-toast-shell--editor': this.isEditor(),\r\n    };\r\n  });\r\n\r\n  variantClass = computed(() => `nvb-toast--${this.resolveVariant()}`);\r\n\r\n  iconName = computed(() => {\r\n    const configured = String(this.model()?.icon ?? '').trim();\r\n\r\n    if (configured) {\r\n      return configured;\r\n    }\r\n\r\n    switch (this.resolveVariant()) {\r\n      case 'success':\r\n        return 'check_circle';\r\n\r\n      case 'warning':\r\n        return 'warning';\r\n\r\n      case 'error':\r\n        return 'error';\r\n\r\n      default:\r\n        return 'info';\r\n    }\r\n  });\r\n\r\n  showActionButton = computed(() => String(this.model()?.actionText ?? '').trim().length > 0);\r\n\r\n  ngOnInit(): void {\r\n    this.visible.set(Boolean(this.model()?.initiallyVisible ?? true));\r\n\r\n    if (this.isEditor()) {\r\n      this.visible.set(true);\r\n\r\n      return;\r\n    }\r\n\r\n    this.scheduleAutoHide();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.clearAutoHide();\r\n  }\r\n\r\n  onToastClick(event: MouseEvent): void {\r\n    event.stopPropagation();\r\n\r\n    void this.runActions('click');\r\n  }\r\n\r\n  onActionClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    void this.runActions('action');\r\n  }\r\n\r\n  onDismissClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    this.visible.set(false);\r\n\r\n    this.clearAutoHide();\r\n\r\n    void this.runActions('dismiss');\r\n  }\r\n\r\n  pauseAutoHide(): void {\r\n    if (this.isEditor() || this.hideTimeoutId === null) {\r\n      return;\r\n    }\r\n\r\n    const elapsedMs = Date.now() - this.autoHideStartedAt;\r\n    this.autoHideRemainingMs = Math.max(1000, this.autoHideDelayMs - elapsedMs);\r\n    this.clearAutoHide();\r\n  }\r\n\r\n  resumeAutoHide(): void {\r\n    if (this.isEditor() || !this.visible() || !this.model().autoHide || this.hideTimeoutId !== null) {\r\n      return;\r\n    }\r\n\r\n    this.scheduleAutoHide(this.autoHideRemainingMs || this.resolveAutoHideDelayMs());\r\n  }\r\n\r\n  resolvedTitle(): string {\r\n    const configured = String(this.model()?.title ?? '').trim();\r\n    return configured === 'Notification'\r\n      ? this.uiTranslationService.translate('toast.titleDefault', 'Notification')\r\n      : configured;\r\n  }\r\n\r\n  resolvedDescription(): string {\r\n    const configured = String(this.model()?.descriptionText ?? '').trim();\r\n    return configured === 'Toast message'\r\n      ? this.uiTranslationService.translate('toast.descriptionDefault', 'Toast message')\r\n      : configured;\r\n  }\r\n\r\n  dismissLabel(): string {\r\n    return this.uiTranslationService.translate('common.dismiss', 'Dismiss');\r\n  }\r\n\r\n  toastAriaLive(): 'assertive' | 'polite' {\r\n    return this.resolveVariant() === 'info' ? 'polite' : 'assertive';\r\n  }\r\n\r\n  toastRole(): 'alert' | 'status' {\r\n    return this.toastAriaLive() === 'assertive' ? 'alert' : 'status';\r\n  }\r\n\r\n  private scheduleAutoHide(delayMs = this.resolveAutoHideDelayMs()): void {\r\n    this.clearAutoHide();\r\n\r\n    if (!this.visible()) {\r\n      return;\r\n    }\r\n\r\n    if (!this.model().autoHide) {\r\n      return;\r\n    }\r\n\r\n    this.autoHideDelayMs = delayMs;\r\n    this.autoHideRemainingMs = delayMs;\r\n    this.autoHideStartedAt = Date.now();\r\n\r\n    this.hideTimeoutId = setTimeout(() => {\r\n      this.visible.set(false);\r\n      this.hideTimeoutId = null;\r\n\r\n      void this.runActions('autoHide');\r\n    }, delayMs);\r\n  }\r\n\r\n  private clearAutoHide(): void {\r\n    if (this.hideTimeoutId === null) {\r\n      return;\r\n    }\r\n\r\n    clearTimeout(this.hideTimeoutId);\r\n\r\n    this.hideTimeoutId = null;\r\n  }\r\n\r\n  private resolveAutoHideDelayMs(): number {\r\n    const timeoutMs = Number(this.model()?.autoHideMs);\r\n\r\n    if (Number.isFinite(timeoutMs) && timeoutMs >= 0) {\r\n      return Math.floor(timeoutMs);\r\n    }\r\n\r\n    return 7000;\r\n  }\r\n\r\n  private async runActions(action: string): Promise<void> {\r\n    const runtimeContext: Record<string, unknown> = {\r\n      action,\r\n\r\n      value: this.model().value,\r\n\r\n      item: null,\r\n\r\n      row: null,\r\n    };\r\n\r\n    const elementName = String(this.model().name ?? '').trim();\r\n\r\n    if (elementName) {\r\n      runtimeContext[elementName] = this.model().value;\r\n    }\r\n\r\n    await this.elementActionService.runActions(\r\n      this.model(),\r\n\r\n      this.model().events ?? [],\r\n\r\n      'click',\r\n\r\n      runtimeContext,\r\n    );\r\n  }\r\n\r\n  private resolveVariant(): 'error' | 'warning' | 'info' | 'success' {\r\n    const variant = String(this.model()?.variant ?? 'info')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    if (variant === 'error' || variant === 'danger' || variant === 'risk') {\r\n      return 'error';\r\n    }\r\n\r\n    if (variant === 'warning' || variant === 'warn') {\r\n      return 'warning';\r\n    }\r\n\r\n    if (variant === 'success' || variant === 'ok') {\r\n      return 'success';\r\n    }\r\n\r\n    if (variant === 'info' || variant === 'neutral') {\r\n      return 'info';\r\n    }\r\n\r\n    return 'info';\r\n  }\r\n\r\n  private resolvePosition():\r\n    | 'top-left'\r\n    | 'top-center'\r\n    | 'top-right'\r\n    | 'bottom-left'\r\n    | 'bottom-center'\r\n    | 'bottom-right' {\r\n    const position = String(this.model()?.position ?? 'top-right')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    if (\r\n      position === 'top-left' ||\r\n      position === 'top-center' ||\r\n      position === 'top-right' ||\r\n      position === 'bottom-left' ||\r\n      position === 'bottom-center' ||\r\n      position === 'bottom-right'\r\n    ) {\r\n      return position;\r\n    }\r\n\r\n    return 'top-right';\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  @if (visible()) {\r\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" data-testid=\"toast-root\">\r\n      <article\r\n        class=\"nvb-toast\"\r\n        [ngClass]=\"variantClass()\"\r\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\r\n        [attr.role]=\"toastRole()\"\r\n        [attr.aria-live]=\"toastAriaLive()\"\r\n        (click)=\"onToastClick($event)\"\r\n        (mouseenter)=\"pauseAutoHide()\"\r\n        (mouseleave)=\"resumeAutoHide()\"\r\n        (focusin)=\"pauseAutoHide()\"\r\n        (focusout)=\"resumeAutoHide()\"\r\n      >\r\n        @if (model().showIcon) {\r\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\r\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\r\n          </span>\r\n        }\r\n\r\n        <div class=\"nvb-toast__content\">\r\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\r\n\r\n          @if (resolvedDescription()) {\r\n            <p class=\"nvb-toast__description\">\r\n              {{ resolvedDescription() | dynamicText: model() }}\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        @if (showActionButton()) {\r\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\r\n            {{ model().actionText | dynamicText: model() }}\r\n          </button>\r\n        }\r\n\r\n        @if (model().dismissible) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"nvb-toast__dismiss\"\r\n            (click)=\"onDismissClick($event)\"\r\n            [attr.aria-label]=\"dismissLabel()\"\r\n          >\r\n            <nvb-icon name=\"close\"></nvb-icon>\r\n          </button>\r\n        }\r\n      </article>\r\n    </section>\r\n  }\r\n</element-wrapper>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-view-builder-toast-element-CclIxegL.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/toast-element/toast-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/toast-element/toast-element.html"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n  Component,\r\n  computed,\r\n  inject,\r\n  input,\r\n  OnDestroy,\r\n  OnInit,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\n\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\n\r\nimport { StateService } from '../../services/state.service';\r\n\r\nimport { ToastModel } from '../../models/elements/toast.model';\r\n\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\n\r\nimport { ElementActionService } from '../../services/element-action.service';\r\n\r\nimport { NvbIcon } from '../../components/nvb-icon/nvb-icon';\r\nimport { UiTranslationService } from '../../services/ui-translation.service';\r\n\r\n@Component({\r\n  selector: 'toast-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n\r\n  imports: [ElementWrapper, NgClass, DynamicTextPipe, NvbIcon],\r\n\r\n  templateUrl: './toast-element.html',\r\n\r\n  styleUrl: './toast-element.scss',\r\n})\r\nexport class ToastElement implements OnInit, OnDestroy {\r\n  model = input.required<ToastModel>();\r\n\r\n  visible = signal<boolean>(true);\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n  private uiTranslationService = inject(UiTranslationService);\r\n\r\n  private hideTimeoutId: ReturnType<typeof setTimeout> | null = null;\r\n  private autoHideStartedAt = 0;\r\n  private autoHideDelayMs = 0;\r\n  private autoHideRemainingMs = 0;\r\n\r\n  isEditor = computed(() => StateService.isEditor());\r\n\r\n  shellClass = computed(() => {\r\n    const position = this.resolvePosition();\r\n\r\n    return {\r\n      [`nvb-toast-shell--${position}`]: true,\r\n\r\n      'nvb-toast-shell--editor': this.isEditor(),\r\n    };\r\n  });\r\n\r\n  variantClass = computed(() => `nvb-toast--${this.resolveVariant()}`);\r\n\r\n  iconName = computed(() => {\r\n    const configured = String(this.model()?.icon ?? '').trim();\r\n\r\n    if (configured) {\r\n      return configured;\r\n    }\r\n\r\n    switch (this.resolveVariant()) {\r\n      case 'success':\r\n        return 'check_circle';\r\n\r\n      case 'warning':\r\n        return 'warning';\r\n\r\n      case 'error':\r\n        return 'error';\r\n\r\n      default:\r\n        return 'info';\r\n    }\r\n  });\r\n\r\n  showActionButton = computed(() => String(this.model()?.actionText ?? '').trim().length > 0);\r\n\r\n  ngOnInit(): void {\r\n    this.visible.set(Boolean(this.model()?.initiallyVisible ?? true));\r\n\r\n    if (this.isEditor()) {\r\n      this.visible.set(true);\r\n\r\n      return;\r\n    }\r\n\r\n    this.scheduleAutoHide();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.clearAutoHide();\r\n  }\r\n\r\n  onToastClick(event: MouseEvent): void {\r\n    event.stopPropagation();\r\n\r\n    void this.runActions('click');\r\n  }\r\n\r\n  onActionClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    void this.runActions('action');\r\n  }\r\n\r\n  onDismissClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    this.visible.set(false);\r\n\r\n    this.clearAutoHide();\r\n\r\n    void this.runActions('dismiss');\r\n  }\r\n\r\n  pauseAutoHide(): void {\r\n    if (this.isEditor() || this.hideTimeoutId === null) {\r\n      return;\r\n    }\r\n\r\n    const elapsedMs = Date.now() - this.autoHideStartedAt;\r\n    this.autoHideRemainingMs = Math.max(1000, this.autoHideDelayMs - elapsedMs);\r\n    this.clearAutoHide();\r\n  }\r\n\r\n  resumeAutoHide(): void {\r\n    if (this.isEditor() || !this.visible() || !this.model().autoHide || this.hideTimeoutId !== null) {\r\n      return;\r\n    }\r\n\r\n    this.scheduleAutoHide(this.autoHideRemainingMs || this.resolveAutoHideDelayMs());\r\n  }\r\n\r\n  resolvedTitle(): string {\r\n    const configured = String(this.model()?.title ?? '').trim();\r\n    return configured === 'Notification'\r\n      ? this.uiTranslationService.translate('toast.titleDefault', 'Notification')\r\n      : configured;\r\n  }\r\n\r\n  resolvedDescription(): string {\r\n    const configured = String(this.model()?.descriptionText ?? '').trim();\r\n    return configured === 'Toast message'\r\n      ? this.uiTranslationService.translate('toast.descriptionDefault', 'Toast message')\r\n      : configured;\r\n  }\r\n\r\n  dismissLabel(): string {\r\n    return this.uiTranslationService.translate('common.dismiss', 'Dismiss');\r\n  }\r\n\r\n  toastAriaLive(): 'assertive' | 'polite' {\r\n    return this.resolveVariant() === 'info' ? 'polite' : 'assertive';\r\n  }\r\n\r\n  toastRole(): 'alert' | 'status' {\r\n    return this.toastAriaLive() === 'assertive' ? 'alert' : 'status';\r\n  }\r\n\r\n  private scheduleAutoHide(delayMs = this.resolveAutoHideDelayMs()): void {\r\n    this.clearAutoHide();\r\n\r\n    if (!this.visible()) {\r\n      return;\r\n    }\r\n\r\n    if (!this.model().autoHide) {\r\n      return;\r\n    }\r\n\r\n    this.autoHideDelayMs = delayMs;\r\n    this.autoHideRemainingMs = delayMs;\r\n    this.autoHideStartedAt = Date.now();\r\n\r\n    this.hideTimeoutId = setTimeout(() => {\r\n      this.visible.set(false);\r\n      this.hideTimeoutId = null;\r\n\r\n      void this.runActions('autoHide');\r\n    }, delayMs);\r\n  }\r\n\r\n  private clearAutoHide(): void {\r\n    if (this.hideTimeoutId === null) {\r\n      return;\r\n    }\r\n\r\n    clearTimeout(this.hideTimeoutId);\r\n\r\n    this.hideTimeoutId = null;\r\n  }\r\n\r\n  private resolveAutoHideDelayMs(): number {\r\n    const timeoutMs = Number(this.model()?.autoHideMs);\r\n\r\n    if (Number.isFinite(timeoutMs) && timeoutMs >= 0) {\r\n      return Math.floor(timeoutMs);\r\n    }\r\n\r\n    return 7000;\r\n  }\r\n\r\n  private async runActions(action: string): Promise<void> {\r\n    const runtimeContext: Record<string, unknown> = {\r\n      action,\r\n\r\n      value: this.model().value,\r\n\r\n      item: null,\r\n\r\n      row: null,\r\n    };\r\n\r\n    const elementName = String(this.model().name ?? '').trim();\r\n\r\n    if (elementName) {\r\n      runtimeContext[elementName] = this.model().value;\r\n    }\r\n\r\n    await this.elementActionService.runActions(\r\n      this.model(),\r\n\r\n      this.model().events ?? [],\r\n\r\n      'click',\r\n\r\n      runtimeContext,\r\n    );\r\n  }\r\n\r\n  private resolveVariant(): 'error' | 'warning' | 'info' | 'success' {\r\n    const variant = String(this.model()?.variant ?? 'info')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    if (variant === 'error' || variant === 'danger' || variant === 'risk') {\r\n      return 'error';\r\n    }\r\n\r\n    if (variant === 'warning' || variant === 'warn') {\r\n      return 'warning';\r\n    }\r\n\r\n    if (variant === 'success' || variant === 'ok') {\r\n      return 'success';\r\n    }\r\n\r\n    if (variant === 'info' || variant === 'neutral') {\r\n      return 'info';\r\n    }\r\n\r\n    return 'info';\r\n  }\r\n\r\n  private resolvePosition():\r\n    | 'top-left'\r\n    | 'top-center'\r\n    | 'top-right'\r\n    | 'bottom-left'\r\n    | 'bottom-center'\r\n    | 'bottom-right' {\r\n    const position = String(this.model()?.position ?? 'top-right')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    if (\r\n      position === 'top-left' ||\r\n      position === 'top-center' ||\r\n      position === 'top-right' ||\r\n      position === 'bottom-left' ||\r\n      position === 'bottom-center' ||\r\n      position === 'bottom-right'\r\n    ) {\r\n      return position;\r\n    }\r\n\r\n    return 'top-right';\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  @if (visible()) {\r\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" data-testid=\"toast-root\">\r\n      <article\r\n        class=\"nvb-toast\"\r\n        [ngClass]=\"variantClass()\"\r\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\r\n        [attr.role]=\"toastRole()\"\r\n        [attr.aria-live]=\"toastAriaLive()\"\r\n        (click)=\"onToastClick($event)\"\r\n        (mouseenter)=\"pauseAutoHide()\"\r\n        (mouseleave)=\"resumeAutoHide()\"\r\n        (focusin)=\"pauseAutoHide()\"\r\n        (focusout)=\"resumeAutoHide()\"\r\n      >\r\n        @if (model().showIcon) {\r\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\r\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\r\n          </span>\r\n        }\r\n\r\n        <div class=\"nvb-toast__content\">\r\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\r\n\r\n          @if (resolvedDescription()) {\r\n            <p class=\"nvb-toast__description\">\r\n              {{ resolvedDescription() | dynamicText: model() }}\r\n            </p>\r\n          }\r\n        </div>\r\n\r\n        @if (showActionButton()) {\r\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\r\n            {{ model().actionText | dynamicText: model() }}\r\n          </button>\r\n        }\r\n\r\n        @if (model().dismissible) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"nvb-toast__dismiss\"\r\n            (click)=\"onDismissClick($event)\"\r\n            [attr.aria-label]=\"dismissLabel()\"\r\n          >\r\n            <nvb-icon name=\"close\"></nvb-icon>\r\n          </button>\r\n        }\r\n      </article>\r\n    </section>\r\n  }\r\n</element-wrapper>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-view-builder.mjs

@@ -1,2 +1,2 @@
-export { A as APPLICATION_LOCALE_VALUE, b as AUTOMATION_BUILDER_TAB_ID, c as AccordionModel, d as ApplicationLocaleService, e as AutocompleteModel, f as AutomationStudio, g as AvatarModel, B as BadgeModel, h as BreadcrumbsModel, i as BuilderModel, j as BuilderPageDisplayModeEnum, k as ButtonModel, C as ChartModel, l as CheckboxInputModel, m as ChoiceModel, n as ColumnFragmentModeEnum, o as CreatorStructureService, p as CustomHtmlModel, q as DatePickerModel, r as DateRangeModel, s as DialogModel, t as DividerModel, u as DocumentationGenerator, v as DynamicPanelModel, w as DynamicTableColumnModel, x as DynamicTableModel, y as DynamicTableRowColumnModel, z as EN_UI_DICTIONARY, F as ElementActionButtonToneEnum, G as ElementActionButtonVariantEnum, H as ElementActionDialogOperationEnum, I as ElementActionResponseModeEnum, E as ElementActionService, J as ElementActionSetValueModeEnum, K as ElementActionToastPositionEnum, L as ElementActionToastVariantEnum, O as ElementActionTriggerEnum, P as ElementActionTypeEnum, Q as ElementBaseModel, R as ElementDataSourceUseForEnum, T as ElementExecutionModeEnum, V as ElementFocusService, W as ElementTypesEnum, X as EmptyBlockModel, Y as EventService, Z as ExpressionService, _ as FileUploadModel, $ as ForgeInitializerService, a0 as HeaderTabEnum, a1 as IconModel, a2 as IframeModel, a3 as ImageModel, a4 as LOCALE_CHOICES, a5 as ListBoxModel, a6 as ListGridModel, a7 as MessageCardModel, a8 as MultiSelectInputModel, a9 as NGX_VIEW_BUILDER_PROJECT_LAYER, aa as NGX_VIEW_BUILDER_TEMPLATES_CAPABILITY, ab as NGX_VIEW_BUILDER_TEMPLATES_FEATURE_PACK_ID, ac as NGX_VIEW_BUILDER_UI_TRANSLATIONS, ad as NgxViewBuilder, ae as NgxViewBuilderActionExecutorService, af as NgxViewBuilderAlignEnum, ag as NgxViewBuilderApiService, ah as NgxViewBuilderAutomationActionTypeEnum, ai as NgxViewBuilderAutomationService, aj as NgxViewBuilderBuilder, ak as NgxViewBuilderBuilderTabRenderModeEnum, al as NgxViewBuilderChromePositionEnum, am as NgxViewBuilderDataSourceTypeEnum, an as NgxViewBuilderDialogCloseReasonEnum, ao as NgxViewBuilderExecutionReasonEnum, ap as NgxViewBuilderHeadlessService, aq as NgxViewBuilderInteractionStatusEnum, ar as NgxViewBuilderPageNavigationModeEnum, as as NgxViewBuilderPreviewModeEnum, at as NgxViewBuilderProcessService, au as NgxViewBuilderRenderModeEnum, av as NgxViewBuilderRenderPhaseEnum, aw as NgxViewBuilderRenderer, ax as NgxViewBuilderRuleExecutedBranchEnum, ay as NgxViewBuilderRuleRunModeEnum, az as NgxViewBuilderRulesEngineService, aA as NgxViewBuilderRuntime, aB as NgxViewBuilderSaveRequestedSourceEnum, aC as NgxViewBuilderTableSettingsSourceEnum, aD as NgxViewBuilderThemeModeEnum, aE as NgxViewBuilderTriggerEngineService, aF as NgxViewBuilderTriggerEventEnum, aG as NgxViewBuilderValidator, aH as NgxViewBuilderWebsocketMessageModeEnum, aI as NumberInputModel, aJ as NumberStepperModel, N as NvbIcon, aK as PageTitleModel, aL as PanelModel, aM as PhoneInputModel, aN as ProgressBarModel, aO as ProgressFlowModel, aP as PropertyModel, aQ as RadioInputModel, aR as RichTextModel, aS as RuntimeVariableSourceTypeEnum, aT as SelectButtonModel, aU as SelectInputModel, aV as SignaturePadModel, aW as SingleCheckboxModel, aX as SliderModel, aY as SpacerModel, aZ as SplitterModel, a_ as StatsCardModel, a$ as TableColumnAlignEnum, b0 as TableColumnCellActionsDisplayModeEnum, b1 as TableColumnTypeEnum, b2 as TableFilterControlTypeEnum, b3 as TableFilterOptionsSourceTypeEnum, b4 as TableInlineEditStartModeEnum, b5 as TableInlineEditorTypeEnum, b6 as TableModel, b7 as TableRowActionsDropdownButtonStyleEnum, b8 as TableStatusToneEnum, b9 as TabsModel, ba as TabsProModel, bb as TemplateEngineService, bc as TemplateStorageModeEnum, bd as TemplatesEditor, be as TextAreaModel, bf as TextInputModel, bg as TimePickerModel, bh as ToastModel, bi as ToggleSwitchModel, bj as UiTranslatePipe, U as UiTranslationService, bk as ValueChangeTriggerEnum, bl as VideoModel, bm as bridgeNgxViewBuilderApiEvents, bn as createTemplatesLibraryProperty, bo as provideNgxViewBuilderExtensions, bp as provideNgxViewBuilderProjectLayer, bq as provideNgxViewBuilderProjectLayers, br as provideNgxViewBuilderRuntime, bs as provideNgxViewBuilderUiTranslations } from './ngx-view-builder-ngx-view-builder-_VdHLdIW.mjs';
+export { A as APPLICATION_LOCALE_VALUE, b as AUTOMATION_BUILDER_TAB_ID, c as AccordionModel, d as ApplicationLocaleService, e as AutocompleteModel, f as AutomationStudio, g as AvatarModel, B as BadgeModel, h as BreadcrumbsModel, i as BuilderModel, j as BuilderPageDisplayModeEnum, k as ButtonModel, C as ChartModel, l as CheckboxInputModel, m as ChoiceModel, n as ColumnFragmentModeEnum, o as CreatorStructureService, p as CustomHtmlModel, q as DatePickerModel, r as DateRangeModel, s as DialogModel, t as DividerModel, u as DocumentationGenerator, v as DynamicPanelModel, w as DynamicTableColumnModel, x as DynamicTableModel, y as DynamicTableRowColumnModel, z as EN_UI_DICTIONARY, F as ElementActionButtonToneEnum, G as ElementActionButtonVariantEnum, H as ElementActionDialogOperationEnum, I as ElementActionResponseModeEnum, E as ElementActionService, J as ElementActionSetValueModeEnum, K as ElementActionToastPositionEnum, L as ElementActionToastVariantEnum, O as ElementActionTriggerEnum, P as ElementActionTypeEnum, Q as ElementBaseModel, R as ElementDataSourceUseForEnum, T as ElementExecutionModeEnum, V as ElementFocusService, W as ElementTypesEnum, X as EmptyBlockModel, Y as EventService, Z as ExpressionService, _ as FileUploadModel, $ as ForgeInitializerService, a0 as HeaderTabEnum, a1 as IconModel, a2 as IframeModel, a3 as ImageModel, a4 as LOCALE_CHOICES, a5 as ListBoxModel, a6 as ListGridModel, a7 as MessageCardModel, a8 as MultiSelectInputModel, a9 as NGX_VIEW_BUILDER_PROJECT_LAYER, aa as NGX_VIEW_BUILDER_TEMPLATES_CAPABILITY, ab as NGX_VIEW_BUILDER_TEMPLATES_FEATURE_PACK_ID, ac as NGX_VIEW_BUILDER_UI_TRANSLATIONS, ad as NgxViewBuilder, ae as NgxViewBuilderActionExecutorService, af as NgxViewBuilderAlignEnum, ag as NgxViewBuilderApiService, ah as NgxViewBuilderAutomationActionTypeEnum, ai as NgxViewBuilderAutomationService, aj as NgxViewBuilderBuilder, ak as NgxViewBuilderBuilderTabRenderModeEnum, al as NgxViewBuilderChromePositionEnum, am as NgxViewBuilderDataSourceTypeEnum, an as NgxViewBuilderDialogCloseReasonEnum, ao as NgxViewBuilderExecutionReasonEnum, ap as NgxViewBuilderHeadlessService, aq as NgxViewBuilderInteractionStatusEnum, ar as NgxViewBuilderPageNavigationModeEnum, as as NgxViewBuilderPreviewModeEnum, at as NgxViewBuilderProcessService, au as NgxViewBuilderRenderModeEnum, av as NgxViewBuilderRenderPhaseEnum, aw as NgxViewBuilderRenderer, ax as NgxViewBuilderRuleExecutedBranchEnum, ay as NgxViewBuilderRuleRunModeEnum, az as NgxViewBuilderRulesEngineService, aA as NgxViewBuilderRuntime, aB as NgxViewBuilderSaveRequestedSourceEnum, aC as NgxViewBuilderTableSettingsSourceEnum, aD as NgxViewBuilderThemeModeEnum, aE as NgxViewBuilderTriggerEngineService, aF as NgxViewBuilderTriggerEventEnum, aG as NgxViewBuilderValidator, aH as NgxViewBuilderWebsocketMessageModeEnum, aI as NumberInputModel, aJ as NumberStepperModel, N as NvbIcon, aK as PageTitleModel, aL as PanelModel, aM as PhoneInputModel, aN as ProgressBarModel, aO as ProgressFlowModel, aP as PropertyModel, aQ as RadioInputModel, aR as RichTextModel, aS as RuntimeVariableSourceTypeEnum, aT as SelectButtonModel, aU as SelectInputModel, aV as SignaturePadModel, aW as SingleCheckboxModel, aX as SliderModel, aY as SpacerModel, aZ as SplitterModel, a_ as StatsCardModel, a$ as TableColumnAlignEnum, b0 as TableColumnCellActionsDisplayModeEnum, b1 as TableColumnTypeEnum, b2 as TableFilterControlTypeEnum, b3 as TableFilterOptionsSourceTypeEnum, b4 as TableInlineEditStartModeEnum, b5 as TableInlineEditorTypeEnum, b6 as TableModel, b7 as TableRowActionsDropdownButtonStyleEnum, b8 as TableStatusToneEnum, b9 as TabsModel, ba as TabsProModel, bb as TemplateEngineService, bc as TemplateStorageModeEnum, bd as TemplatesEditor, be as TextAreaModel, bf as TextInputModel, bg as TimePickerModel, bh as ToastModel, bi as ToggleSwitchModel, bj as UiTranslatePipe, U as UiTranslationService, bk as ValueChangeTriggerEnum, bl as VideoModel, bm as bridgeNgxViewBuilderApiEvents, bn as createTemplatesLibraryProperty, bo as provideNgxViewBuilderExtensions, bp as provideNgxViewBuilderProjectLayer, bq as provideNgxViewBuilderProjectLayers, br as provideNgxViewBuilderRuntime, bs as provideNgxViewBuilderUiTranslations } from './ngx-view-builder-ngx-view-builder-CYvIsFw-.mjs';
 //# sourceMappingURL=ngx-view-builder.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-view-builder",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Visual builder and native runtime for complete Angular views — forms, dashboards, data tables, and guided flows defined as JSON.",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://ngxviewbuilder.io",
@@ -29,6 +29,7 @@
   "dependencies": {
     "tslib": "^2.6.0",
     "jexl": "^2.3.0",
+    "mammoth": "^1.12.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/commands": "^6.9.0",
     "@codemirror/lang-html": "^6.4.11",
@@ -37,6 +38,7 @@
     "@codemirror/language": "^6.11.2",
     "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.39.12",
+    "@lezer/highlight": "^1.2.0",
     "codemirror": "^6.0.2",
     "prettier": "^3.6.2",
     "lodash-es": "^4.17.21"

package/fesm2022/ngx-view-builder-avatar-element-B_Cx5xnx.mjs

@@ -1,77 +0,0 @@
-import { NgStyle } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, signal, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { E as ElementActionService, a as ElementWrapper, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-C9rZ5zQM.mjs';
-
-class AvatarElement {
-    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
-    previewOpen = signal(false, ...(ngDevMode ? [{ debugName: "previewOpen" }] : /* istanbul ignore next */ []));
-    previewSrc = signal('', ...(ngDevMode ? [{ debugName: "previewSrc" }] : /* istanbul ignore next */ []));
-    elementActionService = inject(ElementActionService);
-    avatarStyle = computed(() => {
-        const sizeRaw = Number(this.model()?.size);
-        const size = Number.isFinite(sizeRaw) && sizeRaw > 0 ? Math.floor(sizeRaw) : 48;
-        const shape = String(this.model()?.shape ?? 'circle')
-            .trim()
-            .toLowerCase();
-        return {
-            width: `${size}px`,
-            height: `${size}px`,
-            'border-radius': shape === 'square' ? '10px' : '999px',
-            'background-color': String(this.model()?.backgroundColor ?? '#dfe6ff').trim() || '#dfe6ff',
-            color: String(this.model()?.textColor ?? '#1b2d6b').trim() || '#1b2d6b',
-            border: this.model().showBorder ? '1px solid var(--color-neutral-300)' : 'none',
-        };
-    }, ...(ngDevMode ? [{ debugName: "avatarStyle" }] : /* istanbul ignore next */ []));
-    initials = computed(() => {
-        const value = String(this.model()?.nameText ?? '').trim();
-        if (!value) {
-            return 'U';
-        }
-        const parts = value
-            .split(/\s+/)
-            .map((part) => part.trim())
-            .filter((part) => part.length > 0);
-        if (!parts.length) {
-            return 'U';
-        }
-        return parts
-            .slice(0, 2)
-            .map((part) => part[0].toUpperCase())
-            .join('');
-    }, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
-    onAvatarClick(src, event) {
-        event.preventDefault();
-        event.stopPropagation();
-        const runtimeContext = {
-            value: src || this.initials(),
-            item: null,
-            row: null,
-        };
-        const elementName = String(this.model().name ?? '').trim();
-        if (elementName) {
-            runtimeContext[elementName] = runtimeContext['value'];
-        }
-        void this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
-        if (!this.model().showPreview || !src) {
-            return;
-        }
-        this.previewSrc.set(src);
-        this.previewOpen.set(true);
-    }
-    closePreview(event) {
-        event?.preventDefault();
-        event?.stopPropagation();
-        this.previewOpen.set(false);
-        this.previewSrc.set('');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AvatarElement, isStandalone: true, selector: "avatar-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-avatar-wrap{width:100%;display:flex;justify-content:flex-start;align-items:center}.nvb-avatar{border:none;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:14px;line-height:1}.nvb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nvb-avatar-preview{position:fixed;inset:0;background:#000000b8;z-index:1300;display:grid;place-items:center;padding:20px}.nvb-avatar-preview img{width:min(300px,100vw - 40px);height:min(300px,100vw - 40px);object-fit:cover;border-radius:14px;box-shadow:0 16px 32px #0000004d;background:#fff}.nvb-avatar-preview__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nvb-avatar-preview__close span{font-size:20px}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarElement, decorators: [{
-            type: Component,
-            args: [{ selector: 'avatar-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, NgStyle, DynamicTextPipe], template: "<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-avatar-wrap{width:100%;display:flex;justify-content:flex-start;align-items:center}.nvb-avatar{border:none;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:14px;line-height:1}.nvb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nvb-avatar-preview{position:fixed;inset:0;background:#000000b8;z-index:1300;display:grid;place-items:center;padding:20px}.nvb-avatar-preview img{width:min(300px,100vw - 40px);height:min(300px,100vw - 40px);object-fit:cover;border-radius:14px;box-shadow:0 16px 32px #0000004d;background:#fff}.nvb-avatar-preview__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nvb-avatar-preview__close span{font-size:20px}\n"] }]
-        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
-
-export { AvatarElement };
-//# sourceMappingURL=ngx-view-builder-avatar-element-B_Cx5xnx.mjs.map

package/fesm2022/ngx-view-builder-avatar-element-B_Cx5xnx.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-view-builder-avatar-element-B_Cx5xnx.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/avatar-element/avatar-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/avatar-element/avatar-element.html"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { Component, computed, inject, input, signal, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\n\r\nimport { AvatarModel } from '../../models/elements/avatar.model';\r\n\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\n\r\nimport { ElementActionService } from '../../services/element-action.service';\r\n\r\n@Component({\r\n  selector: 'avatar-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n\r\n  imports: [ElementWrapper, NgStyle, DynamicTextPipe],\r\n\r\n  templateUrl: './avatar-element.html',\r\n\r\n  styleUrl: './avatar-element.scss',\r\n})\r\nexport class AvatarElement {\r\n  model = input.required<AvatarModel>();\r\n\r\n  previewOpen = signal<boolean>(false);\r\n\r\n  previewSrc = signal<string>('');\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n\r\n  avatarStyle = computed<Record<string, string>>(() => {\r\n    const sizeRaw = Number(this.model()?.size);\r\n\r\n    const size = Number.isFinite(sizeRaw) && sizeRaw > 0 ? Math.floor(sizeRaw) : 48;\r\n\r\n    const shape = String(this.model()?.shape ?? 'circle')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    return {\r\n      width: `${size}px`,\r\n\r\n      height: `${size}px`,\r\n\r\n      'border-radius': shape === 'square' ? '10px' : '999px',\r\n\r\n      'background-color': String(this.model()?.backgroundColor ?? '#dfe6ff').trim() || '#dfe6ff',\r\n\r\n      color: String(this.model()?.textColor ?? '#1b2d6b').trim() || '#1b2d6b',\r\n\r\n      border: this.model().showBorder ? '1px solid var(--color-neutral-300)' : 'none',\r\n    };\r\n  });\r\n\r\n  initials = computed(() => {\r\n    const value = String(this.model()?.nameText ?? '').trim();\r\n\r\n    if (!value) {\r\n      return 'U';\r\n    }\r\n\r\n    const parts = value\r\n\r\n      .split(/\\s+/)\r\n\r\n      .map((part) => part.trim())\r\n\r\n      .filter((part) => part.length > 0);\r\n\r\n    if (!parts.length) {\r\n      return 'U';\r\n    }\r\n\r\n    return parts\r\n\r\n      .slice(0, 2)\r\n\r\n      .map((part) => part[0].toUpperCase())\r\n\r\n      .join('');\r\n  });\r\n\r\n  onAvatarClick(src: string, event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    const runtimeContext: Record<string, unknown> = {\r\n      value: src || this.initials(),\r\n\r\n      item: null,\r\n\r\n      row: null,\r\n    };\r\n\r\n    const elementName = String(this.model().name ?? '').trim();\r\n\r\n    if (elementName) {\r\n      runtimeContext[elementName] = runtimeContext['value'];\r\n    }\r\n\r\n    void this.elementActionService.runActions(\r\n      this.model(),\r\n\r\n      this.model().events ?? [],\r\n\r\n      'click',\r\n\r\n      runtimeContext,\r\n    );\r\n\r\n    if (!this.model().showPreview || !src) {\r\n      return;\r\n    }\r\n\r\n    this.previewSrc.set(src);\r\n\r\n    this.previewOpen.set(true);\r\n  }\r\n\r\n  closePreview(event?: Event): void {\r\n    event?.preventDefault();\r\n\r\n    event?.stopPropagation();\r\n\r\n    this.previewOpen.set(false);\r\n\r\n    this.previewSrc.set('');\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-view-builder-breadcrumbs-element-BaJoW3s7.mjs

@@ -1,249 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { Router, NavigationEnd } from '@angular/router';
-import { get } from 'lodash-es';
-import { filter } from 'rxjs';
-import { E as ElementActionService, M as MarkupSecurityService, U as UiTranslationService, a as ElementWrapper, N as NvbIcon, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-_VdHLdIW.mjs';
-
-class BreadcrumbsElement {
-    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
-    elementActionService = inject(ElementActionService);
-    markupSecurityService = inject(MarkupSecurityService);
-    uiTranslationService = inject(UiTranslationService);
-    router = inject(Router, { optional: true });
-    routeRefresh = signal(0, ...(ngDevMode ? [{ debugName: "routeRefresh" }] : /* istanbul ignore next */ []));
-    navigationSubscription = null;
-    ngOnInit() {
-        if (!this.router) {
-            return;
-        }
-        this.navigationSubscription = this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd))
-            .subscribe(() => {
-            this.routeRefresh.update((value) => value + 1);
-        });
-    }
-    ngOnDestroy() {
-        this.navigationSubscription?.unsubscribe();
-        this.navigationSubscription = null;
-    }
-    renderedItems = computed(() => {
-        this.routeRefresh();
-        const source = this.resolveSourceItems();
-        const items = [];
-        if (this.model().showHome) {
-            const configuredHomeLabel = String(this.model()?.homeLabel ?? '').trim();
-            items.push({
-                label: configuredHomeLabel || this.uiTranslationService.translate('breadcrumbs.home', 'Home'),
-                value: String(this.model()?.homeUrl ?? '/').trim() || '/',
-            });
-        }
-        items.push(...source);
-        const maxItemsRaw = Number(this.model()?.maxItems ?? 0);
-        const maxItems = Number.isFinite(maxItemsRaw) && maxItemsRaw > 0 ? Math.floor(maxItemsRaw) : 0;
-        if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {
-            const first = items[0];
-            const lastItems = items.slice(items.length - (maxItems - 1));
-            return [first, { label: '...', value: '', ellipsis: true }, ...lastItems];
-        }
-        return items;
-    }, ...(ngDevMode ? [{ debugName: "renderedItems" }] : /* istanbul ignore next */ []));
-    separatorIcon = computed(() => {
-        const value = String(this.model()?.separator ?? '').trim();
-        return value || 'chevron_right';
-    }, ...(ngDevMode ? [{ debugName: "separatorIcon" }] : /* istanbul ignore next */ []));
-    resolveItemHref(value) {
-        return this.markupSecurityService.sanitizeNavigationUrl(String(value ?? ''));
-    }
-    onItemClick(item, index, event) {
-        if (item.ellipsis) {
-            event.preventDefault();
-            return;
-        }
-        const hasClickActions = Array.isArray(this.model().events) && this.model().events.length > 0;
-        if (hasClickActions) {
-            event.preventDefault();
-        }
-        else {
-            const anchorHref = event.currentTarget instanceof HTMLAnchorElement
-                ? String(event.currentTarget.getAttribute('href') ?? '').trim()
-                : '';
-            if (anchorHref.startsWith('/') && this.router) {
-                event.preventDefault();
-                this.router.navigateByUrl(anchorHref).catch(() => {
-                    if (typeof window !== 'undefined' && typeof window.location?.assign === 'function') {
-                        window.location.assign(anchorHref);
-                    }
-                });
-                return;
-            }
-        }
-        const runtimeContext = {
-            item,
-            row: item,
-            index,
-            value: item.value,
-        };
-        const elementName = String(this.model().name ?? '').trim();
-        if (elementName) {
-            runtimeContext[elementName] = item.value;
-        }
-        void this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
-    }
-    resolveSourceItems() {
-        if (this.model()?.itemsSource === 'route') {
-            return this.buildRouteItems();
-        }
-        return Array.isArray(this.model()?.items) ? [...this.model().items] : [];
-    }
-    buildRouteItems() {
-        const rootSnapshot = this.router?.routerState?.snapshot?.root ?? null;
-        if (!rootSnapshot) {
-            return [];
-        }
-        const labelDataKey = String(this.model()?.routeLabelDataKey ?? 'breadcrumb').trim() || 'breadcrumb';
-        const usePathFallback = this.model()?.routeUsePathFallback !== false;
-        const includeCurrent = this.model()?.routeIncludeCurrent !== false;
-        const leaf = this.resolveLeafSnapshot(rootSnapshot);
-        const accumulatedSegments = [];
-        const items = [];
-        for (const snapshot of leaf.pathFromRoot) {
-            const urlSegments = snapshot.url
-                .map((segment) => String(segment?.path ?? '').trim())
-                .filter(Boolean);
-            if (urlSegments.length > 0) {
-                accumulatedSegments.push(...urlSegments);
-            }
-            const item = this.resolveRouteItem(snapshot, accumulatedSegments, labelDataKey, usePathFallback);
-            if (item) {
-                items.push(item);
-            }
-        }
-        if (!includeCurrent && items.length > 0) {
-            items.pop();
-        }
-        return items;
-    }
-    resolveLeafSnapshot(snapshot) {
-        let current = snapshot;
-        while (current.firstChild) {
-            current = current.firstChild;
-        }
-        return current;
-    }
-    resolveRouteItem(snapshot, accumulatedSegments, labelDataKey, usePathFallback) {
-        const config = this.resolveRouteBreadcrumbConfig(snapshot, labelDataKey);
-        if (config?.skip) {
-            return null;
-        }
-        const fallbackLabel = usePathFallback ? this.resolveFallbackRouteLabel(snapshot) : '';
-        const label = this.resolveRouteTemplate(String(config?.label ?? fallbackLabel ?? '').trim(), snapshot, accumulatedSegments);
-        if (!label) {
-            return null;
-        }
-        const explicitValue = this.resolveRouteTemplate(String(config?.value ?? '').trim(), snapshot, accumulatedSegments);
-        const accumulatedUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';
-        return {
-            label,
-            value: explicitValue || accumulatedUrl,
-        };
-    }
-    resolveRouteBreadcrumbConfig(snapshot, labelDataKey) {
-        const rawConfig = snapshot.data?.[labelDataKey];
-        if (rawConfig === false || rawConfig === null) {
-            return { skip: true };
-        }
-        if (typeof rawConfig === 'string') {
-            const label = rawConfig.trim();
-            return label ? { label } : null;
-        }
-        if (!rawConfig || typeof rawConfig !== 'object' || Array.isArray(rawConfig)) {
-            return null;
-        }
-        const config = rawConfig;
-        return {
-            label: String(config['label'] ?? '').trim() || undefined,
-            value: String(config['value'] ?? '').trim() || undefined,
-            skip: Boolean(config['skip']),
-        };
-    }
-    resolveFallbackRouteLabel(snapshot) {
-        const dataTitle = String(snapshot.data?.['title'] ?? '').trim();
-        if (dataTitle) {
-            return dataTitle;
-        }
-        const urlLabel = snapshot.url
-            .map((segment) => this.humanizeSegment(String(segment?.path ?? '').trim()))
-            .filter(Boolean)
-            .join(' / ');
-        if (urlLabel) {
-            return urlLabel;
-        }
-        const routePath = String(snapshot.routeConfig?.path ?? '').trim();
-        if (routePath.startsWith(':')) {
-            const paramName = routePath.slice(1).split('/')[0];
-            const paramValue = String(snapshot.params?.[paramName] ?? '').trim();
-            if (paramValue) {
-                return paramValue;
-            }
-        }
-        return '';
-    }
-    humanizeSegment(value) {
-        const normalized = decodeURIComponent(String(value ?? '').trim());
-        if (!normalized) {
-            return '';
-        }
-        return normalized
-            .replace(/[-_]+/g, ' ')
-            .replace(/\s+/g, ' ')
-            .trim()
-            .replace(/\b\w/g, (letter) => letter.toUpperCase());
-    }
-    resolveRouteTemplate(template, snapshot, accumulatedSegments) {
-        const normalizedTemplate = String(template ?? '').trim();
-        if (!normalizedTemplate) {
-            return '';
-        }
-        const currentUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';
-        const routeId = String(snapshot.params?.['id'] ?? snapshot.paramMap.get('id') ?? '').trim() || undefined;
-        const context = {
-            route: {
-                id: routeId,
-                url: currentUrl,
-                params: snapshot.params ?? {},
-                queryParams: snapshot.queryParams ?? {},
-                data: snapshot.data ?? {},
-                fragment: snapshot.fragment ?? '',
-                path: String(snapshot.routeConfig?.path ?? '').trim(),
-            },
-            id: routeId,
-            url: currentUrl,
-            params: snapshot.params ?? {},
-            queryParams: snapshot.queryParams ?? {},
-            data: snapshot.data ?? {},
-        };
-        const resolveToken = (token) => {
-            const path = String(token ?? '').trim();
-            if (!path) {
-                return '';
-            }
-            const resolved = get(context, path);
-            if (resolved === null || resolved === undefined) {
-                return '';
-            }
-            return String(resolved);
-        };
-        const withMustache = normalizedTemplate.replace(/\{\{([^}]+)\}\}/g, (_match, token) => resolveToken(token));
-        return withMustache.replace(/\{([^}]+)\}/g, (_match, token) => resolveToken(token));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbsElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: BreadcrumbsElement, isStandalone: true, selector: "breadcrumbs-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-breadcrumbs{width:100%}.nvb-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.nvb-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}.nvb-breadcrumbs a,.nvb-breadcrumbs__current,.nvb-breadcrumbs__ellipsis{font-size:12px;line-height:1.3;text-decoration:none;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvb-breadcrumbs a{color:var(--color-primary-700);cursor:pointer}.nvb-breadcrumbs a:hover{text-decoration:underline}.nvb-breadcrumbs__current{color:var(--color-neutral-700);font-weight:600}.nvb-breadcrumbs__ellipsis{color:var(--color-neutral-500)}.nvb-breadcrumbs__separator{font-size:14px;color:var(--color-neutral-500)}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "component", type: NvbIcon, selector: "nvb-icon", inputs: ["name", "svg", "ariaLabel"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbsElement, decorators: [{
-            type: Component,
-            args: [{ selector: 'breadcrumbs-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, DynamicTextPipe, NvbIcon], template: "<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-breadcrumbs{width:100%}.nvb-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.nvb-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}.nvb-breadcrumbs a,.nvb-breadcrumbs__current,.nvb-breadcrumbs__ellipsis{font-size:12px;line-height:1.3;text-decoration:none;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvb-breadcrumbs a{color:var(--color-primary-700);cursor:pointer}.nvb-breadcrumbs a:hover{text-decoration:underline}.nvb-breadcrumbs__current{color:var(--color-neutral-700);font-weight:600}.nvb-breadcrumbs__ellipsis{color:var(--color-neutral-500)}.nvb-breadcrumbs__separator{font-size:14px;color:var(--color-neutral-500)}\n"] }]
-        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
-
-export { BreadcrumbsElement };
-//# sourceMappingURL=ngx-view-builder-breadcrumbs-element-BaJoW3s7.mjs.map

package/fesm2022/ngx-view-builder-breadcrumbs-element-DZmo2VAq.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-view-builder-breadcrumbs-element-DZmo2VAq.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/breadcrumbs-element/breadcrumbs-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/breadcrumbs-element/breadcrumbs-element.html"],"sourcesContent":["import {\r\n  Component,\r\n  OnDestroy,\r\n  OnInit,\r\n  computed,\r\n  inject,\r\n  input,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';\r\nimport { get } from 'lodash-es';\r\nimport { filter, Subscription } from 'rxjs';\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\nimport { NvbIcon } from '../../components/nvb-icon/nvb-icon';\r\nimport {\r\n  BreadcrumbsModel,\r\n  IBreadcrumbItem,\r\n  IRouteBreadcrumbConfig,\r\n} from '../../models/elements/breadcrumbs.model';\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\nimport { ElementActionService } from '../../services/element-action.service';\r\nimport { MarkupSecurityService } from '../../services/markup-security.service';\r\nimport { UiTranslationService } from '../../services/ui-translation.service';\r\n\r\ninterface IRenderedBreadcrumbItem extends IBreadcrumbItem {\r\n  ellipsis?: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'breadcrumbs-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [ElementWrapper, DynamicTextPipe, NvbIcon],\r\n  templateUrl: './breadcrumbs-element.html',\r\n  styleUrl: './breadcrumbs-element.scss',\r\n})\r\nexport class BreadcrumbsElement implements OnInit, OnDestroy {\r\n  model = input.required<BreadcrumbsModel>();\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n  private markupSecurityService = inject(MarkupSecurityService);\r\n  private uiTranslationService = inject(UiTranslationService);\r\n  private router = inject(Router, { optional: true });\r\n  private routeRefresh = signal(0);\r\n  private navigationSubscription: Subscription | null = null;\r\n\r\n  ngOnInit(): void {\r\n    if (!this.router) {\r\n      return;\r\n    }\r\n    this.navigationSubscription = this.router.events\r\n      .pipe(filter((event) => event instanceof NavigationEnd))\r\n      .subscribe(() => {\r\n        this.routeRefresh.update((value) => value + 1);\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.navigationSubscription?.unsubscribe();\r\n    this.navigationSubscription = null;\r\n  }\r\n\r\n  renderedItems = computed<IRenderedBreadcrumbItem[]>(() => {\r\n    this.routeRefresh();\r\n    const source = this.resolveSourceItems();\r\n    const items: IRenderedBreadcrumbItem[] = [];\r\n    if (this.model().showHome) {\r\n      const configuredHomeLabel = String(this.model()?.homeLabel ?? '').trim();\r\n      items.push({\r\n        label:\r\n          configuredHomeLabel || this.uiTranslationService.translate('breadcrumbs.home', 'Home'),\r\n        value: String(this.model()?.homeUrl ?? '/').trim() || '/',\r\n      });\r\n    }\r\n    items.push(...source);\r\n    const maxItemsRaw = Number(this.model()?.maxItems ?? 0);\r\n    const maxItems = Number.isFinite(maxItemsRaw) && maxItemsRaw > 0 ? Math.floor(maxItemsRaw) : 0;\r\n    if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {\r\n      const first = items[0];\r\n      const lastItems = items.slice(items.length - (maxItems - 1));\r\n      return [first, { label: '...', value: '', ellipsis: true }, ...lastItems];\r\n    }\r\n    return items;\r\n  });\r\n\r\n  separatorIcon = computed(() => {\r\n    const value = String(this.model()?.separator ?? '').trim();\r\n    return value || 'chevron_right';\r\n  });\r\n\r\n  resolveItemHref(value: string | null | undefined): string | null {\r\n    return this.markupSecurityService.sanitizeNavigationUrl(String(value ?? ''));\r\n  }\r\n\r\n  onItemClick(item: IRenderedBreadcrumbItem, index: number, event: MouseEvent): void {\r\n    if (item.ellipsis) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n    const hasClickActions = Array.isArray(this.model().events) && this.model().events.length > 0;\r\n    if (hasClickActions) {\r\n      event.preventDefault();\r\n    } else {\r\n      const anchorHref =\r\n        event.currentTarget instanceof HTMLAnchorElement\r\n          ? String(event.currentTarget.getAttribute('href') ?? '').trim()\r\n          : '';\r\n      if (anchorHref.startsWith('/') && this.router) {\r\n        event.preventDefault();\r\n        this.router.navigateByUrl(anchorHref).catch(() => {\r\n          if (typeof window !== 'undefined' && typeof window.location?.assign === 'function') {\r\n            window.location.assign(anchorHref);\r\n          }\r\n        });\r\n        return;\r\n      }\r\n    }\r\n    const runtimeContext: Record<string, unknown> = {\r\n      item,\r\n      row: item,\r\n      index,\r\n      value: item.value,\r\n    };\r\n    const elementName = String(this.model().name ?? '').trim();\r\n    if (elementName) {\r\n      runtimeContext[elementName] = item.value;\r\n    }\r\n    void this.elementActionService.runActions(\r\n      this.model(),\r\n      this.model().events ?? [],\r\n      'click',\r\n      runtimeContext,\r\n    );\r\n  }\r\n\r\n  private resolveSourceItems(): IRenderedBreadcrumbItem[] {\r\n    if (this.model()?.itemsSource === 'route') {\r\n      return this.buildRouteItems();\r\n    }\r\n    return Array.isArray(this.model()?.items) ? [...this.model().items] : [];\r\n  }\r\n\r\n  private buildRouteItems(): IRenderedBreadcrumbItem[] {\r\n    const rootSnapshot = this.router?.routerState?.snapshot?.root ?? null;\r\n    if (!rootSnapshot) {\r\n      return [];\r\n    }\r\n\r\n    const labelDataKey =\r\n      String(this.model()?.routeLabelDataKey ?? 'breadcrumb').trim() || 'breadcrumb';\r\n    const usePathFallback = this.model()?.routeUsePathFallback !== false;\r\n    const includeCurrent = this.model()?.routeIncludeCurrent !== false;\r\n    const leaf = this.resolveLeafSnapshot(rootSnapshot);\r\n    const accumulatedSegments: string[] = [];\r\n    const items: IRenderedBreadcrumbItem[] = [];\r\n\r\n    for (const snapshot of leaf.pathFromRoot) {\r\n      const urlSegments = snapshot.url\r\n        .map((segment) => String(segment?.path ?? '').trim())\r\n        .filter(Boolean);\r\n      if (urlSegments.length > 0) {\r\n        accumulatedSegments.push(...urlSegments);\r\n      }\r\n\r\n      const item = this.resolveRouteItem(\r\n        snapshot,\r\n        accumulatedSegments,\r\n        labelDataKey,\r\n        usePathFallback,\r\n      );\r\n      if (item) {\r\n        items.push(item);\r\n      }\r\n    }\r\n\r\n    if (!includeCurrent && items.length > 0) {\r\n      items.pop();\r\n    }\r\n\r\n    return items;\r\n  }\r\n\r\n  private resolveLeafSnapshot(snapshot: ActivatedRouteSnapshot): ActivatedRouteSnapshot {\r\n    let current = snapshot;\r\n    while (current.firstChild) {\r\n      current = current.firstChild;\r\n    }\r\n    return current;\r\n  }\r\n\r\n  private resolveRouteItem(\r\n    snapshot: ActivatedRouteSnapshot,\r\n    accumulatedSegments: string[],\r\n    labelDataKey: string,\r\n    usePathFallback: boolean,\r\n  ): IRenderedBreadcrumbItem | null {\r\n    const config = this.resolveRouteBreadcrumbConfig(snapshot, labelDataKey);\r\n    if (config?.skip) {\r\n      return null;\r\n    }\r\n\r\n    const fallbackLabel = usePathFallback ? this.resolveFallbackRouteLabel(snapshot) : '';\r\n    const label = this.resolveRouteTemplate(\r\n      String(config?.label ?? fallbackLabel ?? '').trim(),\r\n      snapshot,\r\n      accumulatedSegments,\r\n    );\r\n    if (!label) {\r\n      return null;\r\n    }\r\n\r\n    const explicitValue = this.resolveRouteTemplate(\r\n      String(config?.value ?? '').trim(),\r\n      snapshot,\r\n      accumulatedSegments,\r\n    );\r\n    const accumulatedUrl =\r\n      accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';\r\n\r\n    return {\r\n      label,\r\n      value: explicitValue || accumulatedUrl,\r\n    };\r\n  }\r\n\r\n  private resolveRouteBreadcrumbConfig(\r\n    snapshot: ActivatedRouteSnapshot,\r\n    labelDataKey: string,\r\n  ): IRouteBreadcrumbConfig | null {\r\n    const rawConfig = snapshot.data?.[labelDataKey];\r\n    if (rawConfig === false || rawConfig === null) {\r\n      return { skip: true };\r\n    }\r\n    if (typeof rawConfig === 'string') {\r\n      const label = rawConfig.trim();\r\n      return label ? { label } : null;\r\n    }\r\n    if (!rawConfig || typeof rawConfig !== 'object' || Array.isArray(rawConfig)) {\r\n      return null;\r\n    }\r\n\r\n    const config = rawConfig as Record<string, unknown>;\r\n    return {\r\n      label: String(config['label'] ?? '').trim() || undefined,\r\n      value: String(config['value'] ?? '').trim() || undefined,\r\n      skip: Boolean(config['skip']),\r\n    };\r\n  }\r\n\r\n  private resolveFallbackRouteLabel(snapshot: ActivatedRouteSnapshot): string {\r\n    const dataTitle = String(snapshot.data?.['title'] ?? '').trim();\r\n    if (dataTitle) {\r\n      return dataTitle;\r\n    }\r\n\r\n    const urlLabel = snapshot.url\r\n      .map((segment) => this.humanizeSegment(String(segment?.path ?? '').trim()))\r\n      .filter(Boolean)\r\n      .join(' / ');\r\n    if (urlLabel) {\r\n      return urlLabel;\r\n    }\r\n\r\n    const routePath = String(snapshot.routeConfig?.path ?? '').trim();\r\n    if (routePath.startsWith(':')) {\r\n      const paramName = routePath.slice(1).split('/')[0];\r\n      const paramValue = String(snapshot.params?.[paramName] ?? '').trim();\r\n      if (paramValue) {\r\n        return paramValue;\r\n      }\r\n    }\r\n\r\n    return '';\r\n  }\r\n\r\n  private humanizeSegment(value: string): string {\r\n    const normalized = decodeURIComponent(String(value ?? '').trim());\r\n    if (!normalized) {\r\n      return '';\r\n    }\r\n    return normalized\r\n      .replace(/[-_]+/g, ' ')\r\n      .replace(/\\s+/g, ' ')\r\n      .trim()\r\n      .replace(/\\b\\w/g, (letter) => letter.toUpperCase());\r\n  }\r\n\r\n  private resolveRouteTemplate(\r\n    template: string,\r\n    snapshot: ActivatedRouteSnapshot,\r\n    accumulatedSegments: string[],\r\n  ): string {\r\n    const normalizedTemplate = String(template ?? '').trim();\r\n    if (!normalizedTemplate) {\r\n      return '';\r\n    }\r\n\r\n    const currentUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';\r\n    const routeId =\r\n      String(snapshot.params?.['id'] ?? snapshot.paramMap.get('id') ?? '').trim() || undefined;\r\n    const context = {\r\n      route: {\r\n        id: routeId,\r\n        url: currentUrl,\r\n        params: snapshot.params ?? {},\r\n        queryParams: snapshot.queryParams ?? {},\r\n        data: snapshot.data ?? {},\r\n        fragment: snapshot.fragment ?? '',\r\n        path: String(snapshot.routeConfig?.path ?? '').trim(),\r\n      },\r\n      id: routeId,\r\n      url: currentUrl,\r\n      params: snapshot.params ?? {},\r\n      queryParams: snapshot.queryParams ?? {},\r\n      data: snapshot.data ?? {},\r\n    } as Record<string, unknown>;\r\n\r\n    const resolveToken = (token: string): string => {\r\n      const path = String(token ?? '').trim();\r\n      if (!path) {\r\n        return '';\r\n      }\r\n      const resolved = get(context, path);\r\n      if (resolved === null || resolved === undefined) {\r\n        return '';\r\n      }\r\n      return String(resolved);\r\n    };\r\n\r\n    const withMustache = normalizedTemplate.replace(/\\{\\{([^}]+)\\}\\}/g, (_match, token: string) =>\r\n      resolveToken(token),\r\n    );\r\n    return withMustache.replace(/\\{([^}]+)\\}/g, (_match, token: string) => resolveToken(token));\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n"],"names":[],"mappings":";;;;;;;MAqCa,kBAAkB,CAAA;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAoB;AAElC,IAAA,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACnD,IAAA,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACrD,IAAA,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC;IACnD,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC3C,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,mFAAC;IACxB,sBAAsB,GAAwB,IAAI;IAE1D,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB;QACF;AACA,QAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,MAAM,CAAC;AACvC,aAAA,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,aAAa,CAAC;aACtD,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;AAChD,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,sBAAsB,EAAE,WAAW,EAAE;AAC1C,QAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;IACpC;AAEA,IAAA,aAAa,GAAG,QAAQ,CAA4B,MAAK;QACvD,IAAI,CAAC,YAAY,EAAE;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE;QACxC,MAAM,KAAK,GAA8B,EAAE;AAC3C,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE;AACzB,YAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YACxE,KAAK,CAAC,IAAI,CAAC;AACT,gBAAA,KAAK,EACH,mBAAmB,IAAI,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC;AACxF,gBAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG;AAC1D,aAAA,CAAC;QACJ;AACA,QAAA,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AACrB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,IAAI,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;AAC9F,QAAA,IAAI,QAAQ,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,QAAQ,IAAI,CAAC,EAAE;AAC5D,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;AACtB,YAAA,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC5D,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,SAAS,CAAC;QAC3E;AACA,QAAA,OAAO,KAAK;AACd,IAAA,CAAC,oFAAC;AAEF,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAC1D,OAAO,KAAK,IAAI,eAAe;AACjC,IAAA,CAAC,oFAAC;AAEF,IAAA,eAAe,CAAC,KAAgC,EAAA;AAC9C,QAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9E;AAEA,IAAA,WAAW,CAAC,IAA6B,EAAE,KAAa,EAAE,KAAiB,EAAA;AACzE,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;QACA,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QAC5F,IAAI,eAAe,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;QACxB;aAAO;AACL,YAAA,MAAM,UAAU,GACd,KAAK,CAAC,aAAa,YAAY;AAC7B,kBAAE,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI;kBAC3D,EAAE;YACR,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;gBAC7C,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,MAAK;AAC/C,oBAAA,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,QAAQ,EAAE,MAAM,KAAK,UAAU,EAAE;AAClF,wBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC;oBACpC;AACF,gBAAA,CAAC,CAAC;gBACF;YACF;QACF;AACA,QAAA,MAAM,cAAc,GAA4B;YAC9C,IAAI;AACJ,YAAA,GAAG,EAAE,IAAI;YACT,KAAK;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB;AACD,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAC1D,IAAI,WAAW,EAAE;AACf,YAAA,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,KAAK;QAC1C;QACA,KAAK,IAAI,CAAC,oBAAoB,CAAC,UAAU,CACvC,IAAI,CAAC,KAAK,EAAE,EACZ,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,IAAI,EAAE,EACzB,OAAO,EACP,cAAc,CACf;IACH;IAEQ,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,WAAW,KAAK,OAAO,EAAE;AACzC,YAAA,OAAO,IAAI,CAAC,eAAe,EAAE;QAC/B;QACA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;IAC1E;IAEQ,eAAe,GAAA;AACrB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,IAAI,IAAI;QACrE,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,MAAM,YAAY,GAChB,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,iBAAiB,IAAI,YAAY,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY;QAChF,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,oBAAoB,KAAK,KAAK;QACpE,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,mBAAmB,KAAK,KAAK;QAClE,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC;QACnD,MAAM,mBAAmB,GAAa,EAAE;QACxC,MAAM,KAAK,GAA8B,EAAE;AAE3C,QAAA,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE;AACxC,YAAA,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC1B,iBAAA,GAAG,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;iBACnD,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,gBAAA,mBAAmB,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC;YAC1C;AAEA,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAChC,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,eAAe,CAChB;YACD,IAAI,IAAI,EAAE;AACR,gBAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YAClB;QACF;QAEA,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,KAAK,CAAC,GAAG,EAAE;QACb;AAEA,QAAA,OAAO,KAAK;IACd;AAEQ,IAAA,mBAAmB,CAAC,QAAgC,EAAA;QAC1D,IAAI,OAAO,GAAG,QAAQ;AACtB,QAAA,OAAO,OAAO,CAAC,UAAU,EAAE;AACzB,YAAA,OAAO,GAAG,OAAO,CAAC,UAAU;QAC9B;AACA,QAAA,OAAO,OAAO;IAChB;AAEQ,IAAA,gBAAgB,CACtB,QAAgC,EAChC,mBAA6B,EAC7B,YAAoB,EACpB,eAAwB,EAAA;QAExB,MAAM,MAAM,GAAG,IAAI,CAAC,4BAA4B,CAAC,QAAQ,EAAE,YAAY,CAAC;AACxE,QAAA,IAAI,MAAM,EAAE,IAAI,EAAE;AAChB,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,MAAM,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,GAAG,EAAE;QACrF,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CACrC,MAAM,CAAC,MAAM,EAAE,KAAK,IAAI,aAAa,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EACnD,QAAQ,EACR,mBAAmB,CACpB;QACD,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,IAAI;QACb;QAEA,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAC7C,MAAM,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAClC,QAAQ,EACR,mBAAmB,CACpB;QACD,MAAM,cAAc,GAClB,mBAAmB,CAAC,MAAM,GAAG,CAAC,GAAG,CAAA,CAAA,EAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG;QAE5E,OAAO;YACL,KAAK;YACL,KAAK,EAAE,aAAa,IAAI,cAAc;SACvC;IACH;IAEQ,4BAA4B,CAClC,QAAgC,EAChC,YAAoB,EAAA;QAEpB,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;QAC/C,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,IAAI,EAAE;AAC7C,YAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;QACvB;AACA,QAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,YAAA,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE;YAC9B,OAAO,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI;QACjC;AACA,QAAA,IAAI,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;AAC3E,YAAA,OAAO,IAAI;QACb;QAEA,MAAM,MAAM,GAAG,SAAoC;QACnD,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS;AACxD,YAAA,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS;AACxD,YAAA,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SAC9B;IACH;AAEQ,IAAA,yBAAyB,CAAC,QAAgC,EAAA;AAChE,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAC/D,IAAI,SAAS,EAAE;AACb,YAAA,OAAO,SAAS;QAClB;AAEA,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC;aACvB,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;aACzE,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,KAAK,CAAC;QACd,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,QAAQ;QACjB;AAEA,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;AACjE,QAAA,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC7B,YAAA,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAClD,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YACpE,IAAI,UAAU,EAAE;AACd,gBAAA,OAAO,UAAU;YACnB;QACF;AAEA,QAAA,OAAO,EAAE;IACX;AAEQ,IAAA,eAAe,CAAC,KAAa,EAAA;AACnC,QAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACjE,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,OAAO,EAAE;QACX;AACA,QAAA,OAAO;AACJ,aAAA,OAAO,CAAC,QAAQ,EAAE,GAAG;AACrB,aAAA,OAAO,CAAC,MAAM,EAAE,GAAG;AACnB,aAAA,IAAI;AACJ,aAAA,OAAO,CAAC,OAAO,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC;IACvD;AAEQ,IAAA,oBAAoB,CAC1B,QAAgB,EAChB,QAAgC,EAChC,mBAA6B,EAAA;QAE7B,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QACxD,IAAI,CAAC,kBAAkB,EAAE;AACvB,YAAA,OAAO,EAAE;QACX;QAEA,MAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,GAAG,CAAC,GAAG,CAAA,CAAA,EAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG;AAC7F,QAAA,MAAM,OAAO,GACX,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS;AAC1F,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,KAAK,EAAE;AACL,gBAAA,EAAE,EAAE,OAAO;AACX,gBAAA,GAAG,EAAE,UAAU;AACf,gBAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;AAC7B,gBAAA,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;AACvC,gBAAA,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;AACzB,gBAAA,QAAQ,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE;AACjC,gBAAA,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;AACtD,aAAA;AACD,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;AAC7B,YAAA,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;AACvC,YAAA,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;SACC;AAE5B,QAAA,MAAM,YAAY,GAAG,CAAC,KAAa,KAAY;YAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,EAAE;AACT,gBAAA,OAAO,EAAE;YACX;YACA,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;YACnC,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC/C,gBAAA,OAAO,EAAE;YACX;AACA,YAAA,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,QAAA,CAAC;QAED,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,MAAM,EAAE,KAAa,KACxF,YAAY,CAAC,KAAK,CAAC,CACpB;AACD,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,KAAa,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;IAC7F;wGAzSW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,kNCrC/B,whCA0BA,EAAA,MAAA,EAAA,CAAA,+wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOY,cAAc,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAmB,OAAO,sFAAxB,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAI9B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,cAAc,EAAE,eAAe,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,whCAAA,EAAA,MAAA,EAAA,CAAA,+wBAAA,CAAA,EAAA;;;;;"}