ngx-view-builder 0.1.2 → 0.1.3

package/fesm2022/{ngx-view-builder-toast-element-BHD67zTY.mjs → ngx-view-builder-toast-element-B1DxJdDY.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-Fw6YpF9v.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-C9rZ5zQM.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-BHD67zTY.mjs.map
+//# sourceMappingURL=ngx-view-builder-toast-element-B1DxJdDY.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-view-builder-toast-element-BHD67zTY.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-B1DxJdDY.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-toast-element-DQ8mU1zc.mjs

@@ -0,0 +1,188 @@
+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-_VdHLdIW.mjs';
+
+class ToastElement {
+    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    visible = signal(true, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    elementActionService = inject(ElementActionService);
+    uiTranslationService = inject(UiTranslationService);
+    hideTimeoutId = null;
+    autoHideStartedAt = 0;
+    autoHideDelayMs = 0;
+    autoHideRemainingMs = 0;
+    isEditor = computed(() => StateService.isEditor(), ...(ngDevMode ? [{ debugName: "isEditor" }] : /* istanbul ignore next */ []));
+    shellClass = computed(() => {
+        const position = this.resolvePosition();
+        return {
+            [`nvb-toast-shell--${position}`]: true,
+            'nvb-toast-shell--editor': this.isEditor(),
+        };
+    }, ...(ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []));
+    variantClass = computed(() => `nvb-toast--${this.resolveVariant()}`, ...(ngDevMode ? [{ debugName: "variantClass" }] : /* istanbul ignore next */ []));
+    iconName = computed(() => {
+        const configured = String(this.model()?.icon ?? '').trim();
+        if (configured) {
+            return configured;
+        }
+        switch (this.resolveVariant()) {
+            case 'success':
+                return 'check_circle';
+            case 'warning':
+                return 'warning';
+            case 'error':
+                return 'error';
+            default:
+                return 'info';
+        }
+    }, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    showActionButton = computed(() => String(this.model()?.actionText ?? '').trim().length > 0, ...(ngDevMode ? [{ debugName: "showActionButton" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.visible.set(Boolean(this.model()?.initiallyVisible ?? true));
+        if (this.isEditor()) {
+            this.visible.set(true);
+            return;
+        }
+        this.scheduleAutoHide();
+    }
+    ngOnDestroy() {
+        this.clearAutoHide();
+    }
+    onToastClick(event) {
+        event.stopPropagation();
+        void this.runActions('click');
+    }
+    onActionClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        void this.runActions('action');
+    }
+    onDismissClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.visible.set(false);
+        this.clearAutoHide();
+        void this.runActions('dismiss');
+    }
+    pauseAutoHide() {
+        if (this.isEditor() || this.hideTimeoutId === null) {
+            return;
+        }
+        const elapsedMs = Date.now() - this.autoHideStartedAt;
+        this.autoHideRemainingMs = Math.max(1000, this.autoHideDelayMs - elapsedMs);
+        this.clearAutoHide();
+    }
+    resumeAutoHide() {
+        if (this.isEditor() || !this.visible() || !this.model().autoHide || this.hideTimeoutId !== null) {
+            return;
+        }
+        this.scheduleAutoHide(this.autoHideRemainingMs || this.resolveAutoHideDelayMs());
+    }
+    resolvedTitle() {
+        const configured = String(this.model()?.title ?? '').trim();
+        return configured === 'Notification'
+            ? this.uiTranslationService.translate('toast.titleDefault', 'Notification')
+            : configured;
+    }
+    resolvedDescription() {
+        const configured = String(this.model()?.descriptionText ?? '').trim();
+        return configured === 'Toast message'
+            ? this.uiTranslationService.translate('toast.descriptionDefault', 'Toast message')
+            : configured;
+    }
+    dismissLabel() {
+        return this.uiTranslationService.translate('common.dismiss', 'Dismiss');
+    }
+    toastAriaLive() {
+        return this.resolveVariant() === 'info' ? 'polite' : 'assertive';
+    }
+    toastRole() {
+        return this.toastAriaLive() === 'assertive' ? 'alert' : 'status';
+    }
+    scheduleAutoHide(delayMs = this.resolveAutoHideDelayMs()) {
+        this.clearAutoHide();
+        if (!this.visible()) {
+            return;
+        }
+        if (!this.model().autoHide) {
+            return;
+        }
+        this.autoHideDelayMs = delayMs;
+        this.autoHideRemainingMs = delayMs;
+        this.autoHideStartedAt = Date.now();
+        this.hideTimeoutId = setTimeout(() => {
+            this.visible.set(false);
+            this.hideTimeoutId = null;
+            void this.runActions('autoHide');
+        }, delayMs);
+    }
+    clearAutoHide() {
+        if (this.hideTimeoutId === null) {
+            return;
+        }
+        clearTimeout(this.hideTimeoutId);
+        this.hideTimeoutId = null;
+    }
+    resolveAutoHideDelayMs() {
+        const timeoutMs = Number(this.model()?.autoHideMs);
+        if (Number.isFinite(timeoutMs) && timeoutMs >= 0) {
+            return Math.floor(timeoutMs);
+        }
+        return 7000;
+    }
+    async runActions(action) {
+        const runtimeContext = {
+            action,
+            value: this.model().value,
+            item: null,
+            row: null,
+        };
+        const elementName = String(this.model().name ?? '').trim();
+        if (elementName) {
+            runtimeContext[elementName] = this.model().value;
+        }
+        await this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
+    }
+    resolveVariant() {
+        const variant = String(this.model()?.variant ?? 'info')
+            .trim()
+            .toLowerCase();
+        if (variant === 'error' || variant === 'danger' || variant === 'risk') {
+            return 'error';
+        }
+        if (variant === 'warning' || variant === 'warn') {
+            return 'warning';
+        }
+        if (variant === 'success' || variant === 'ok') {
+            return 'success';
+        }
+        if (variant === 'info' || variant === 'neutral') {
+            return 'info';
+        }
+        return 'info';
+    }
+    resolvePosition() {
+        const position = String(this.model()?.position ?? 'top-right')
+            .trim()
+            .toLowerCase();
+        if (position === 'top-left' ||
+            position === 'top-center' ||
+            position === 'top-right' ||
+            position === 'bottom-left' ||
+            position === 'bottom-center' ||
+            position === 'bottom-right') {
+            return position;
+        }
+        return 'top-right';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ToastElement, isStandalone: true, selector: "toast-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<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", styles: [":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--color-neutral-000);color:var(--color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ToastElement, decorators: [{
+            type: Component,
+            args: [{ selector: 'toast-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, NgClass, DynamicTextPipe, NvbIcon], template: "<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", styles: [":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--color-neutral-000);color:var(--color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
+
+export { ToastElement };
+//# sourceMappingURL=ngx-view-builder-toast-element-DQ8mU1zc.mjs.map

package/fesm2022/ngx-view-builder-toast-element-DQ8mU1zc.mjs.map

@@ -0,0 +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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"}

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-Fw6YpF9v.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-_VdHLdIW.mjs';
 //# sourceMappingURL=ngx-view-builder.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-view-builder",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "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",