@3ddv/software-division-components 1.5.0 → 2.0.0

package/dist/fesm2022/3ddv-software-division-components-dvm-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-dvm-popover.mjs","sources":["../../dvm/popover/popover.config.ts","../../dvm/popover/popover.service.ts","../../dvm/popover/base-popover.component.ts","../../dvm/popover/seat-popover/seat-popover.component.ts","../../dvm/popover/seat-popover/seat-popover.component.html","../../dvm/popover/section-popover/section-popover.component.ts","../../dvm/popover/section-popover/section-popover.component.html","../../dvm/popover/types.ts","../../dvm/popover/popover.component.ts","../../dvm/popover/popover.component.html","../../dvm/popover/services/popover-manager.service.ts","../../dvm/popover/services/dvm-popover-positioner.service.ts","../../dvm/popover/transformers/base-popover-data-transformer.ts","../../dvm/popover/public-api.ts","../../dvm/popover/3ddv-software-division-components-dvm-popover.ts"],"sourcesContent":["import type { MapViewerService, Viewer3dService } from '@3ddv/ngx-dvm-internal';\nimport { InjectionToken } from '@angular/core';\nimport type { IThumbnailProvider, IPopoverPositioner, IPopoverManager } from './types';\n\n// This is a placeholder based on usage in popover.component.ts\nexport type Configuration = {\n  dvmData: {\n    venueId: string;\n  };\n};\n\nexport type IDvmFormatter = {\n  transform(value: string, ...args: unknown[]): string;\n};\n\nexport type IConfigurationService = {\n  configuration: Configuration;\n};\n\nexport type IDvmService = {\n  readonly viewer3dService: Viewer3dService;\n  readonly viewerService: MapViewerService\n};\n\nexport const DVM_FORMATTER = new InjectionToken<IDvmFormatter>('DvmFormatter');\nexport const CONFIGURATION_SERVICE = new InjectionToken<IConfigurationService>('ConfigurationService');\nexport const DVM_SERVICE = new InjectionToken<IDvmService>('DvmService');\nexport const THUMBNAIL_PROVIDER = new InjectionToken<IThumbnailProvider>('ThumbnailProvider');\nexport const POPOVER_POSITIONER = new InjectionToken<IPopoverPositioner>('PopoverPositioner');\nexport const POPOVER_MANAGER = new InjectionToken<IPopoverManager>('PopoverManager');\n","import { DOCUMENT } from '@angular/common';\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  createEnvironmentInjector,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  TemplateRef,\n} from '@angular/core';\nimport { of } from 'rxjs';\nimport {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  detectOverflow,\n  flip,\n  hide,\n  inline,\n  Middleware,\n  offset,\n  shift,\n  size,\n  VirtualElement,\n} from '@floating-ui/dom';\nimport { MiddlewareOptions, PopoverInstance, PopoverOptions } from './types';\nimport { CONFIGURATION_SERVICE, DVM_FORMATTER, DVM_SERVICE } from './popover.config';\nimport type { IConfigurationService, IDvmFormatter, IDvmService } from './popover.config';\n\nexport interface PopoverContentProjection {\n  thumbnail?: TemplateRef<unknown> | string;\n  content?: TemplateRef<unknown> | string;\n  price?: TemplateRef<unknown> | string;\n}\n\nexport interface PopoverServiceOptions {\n  providers?: any[];\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PopoverService {\n  // SERVICES\n  private readonly appReference: ApplicationRef = inject(ApplicationRef);\n  private readonly envInjector: EnvironmentInjector = inject(EnvironmentInjector);\n  private readonly document: Document = inject(DOCUMENT);\n\n  // POPOVER STATE\n  private readonly popoverInstances: Map<string, PopoverInstance> = new Map<string, PopoverInstance>();\n  private readonly popoverOptions: Partial<ComputePositionConfig> = {\n    placement: 'bottom',\n    strategy: 'absolute',\n    middleware: [],\n  };\n\n  private popoverTimerTimeInMs = 300;\n  private currentPopoverId = '';\n  private popoverTimer: ReturnType<typeof setTimeout> | null = null;\n  private popoverInstancesWithTimers: Map<string, PopoverInstance> = new Map();\n\n  // Default mock providers for when no custom providers are provided\n  private readonly defaultMockProviders = [\n    {\n      provide: CONFIGURATION_SERVICE,\n      useValue: {\n        configuration: {\n          dvmData: {\n            venueId: 'default-venue',\n          },\n        },\n      } as IConfigurationService,\n    },\n    {\n      provide: DVM_FORMATTER,\n      useValue: {\n        transform: (value: string) => value.replace(/-/g, ' ').toUpperCase(),\n      } as IDvmFormatter,\n    },\n    {\n      provide: DVM_SERVICE,\n      useValue: {\n        viewer3dService: {\n          isInitialized: () => true,\n          getThumbnail: () => of('https://via.placeholder.com/275x124/1a1a1a/ffffff?text=Default+Thumbnail'),\n        },\n      } as any,\n    },\n  ];\n\n  // METHODS\n  public setTimer(): void {\n    const myId = this.currentPopoverId;\n    this.clearTimer();\n    this.popoverTimer = setTimeout(() => {\n      if (this.currentPopoverId !== myId) {\n        return;\n      }\n      this.destroyAllPopovers();\n      this.popoverTimer = null;\n    }, this.popoverTimerTimeInMs);\n  }\n\n  public clearTimer(): void {\n    if (this.popoverTimer !== null) {\n      clearTimeout(this.popoverTimer);\n      this.popoverTimer = null;\n    }\n  }\n\n  /**\n   * Sets a timer for a specific popover instance to auto-hide it after the specified delay.\n   * @param popoverId - The ID of the popover to set timer for\n   * @param delayMs - Delay in milliseconds (optional, defaults to configured delay)\n   */\n  public setPopoverTimer(popoverId: string, delayMs?: number): void {\n    this.clearPopoverTimer(popoverId);\n    const delay = delayMs ?? this.popoverTimerTimeInMs;\n\n    this.popoverTimer = setTimeout(() => {\n      this.destroyPopover(popoverId);\n    }, delay);\n  }\n\n  /**\n   * Clears the timer for a specific popover instance.\n   * @param popoverId - The ID of the popover to clear timer for\n   */\n  public clearPopoverTimer(popoverId: string): void {\n    if (this.popoverTimer !== null) {\n      clearTimeout(this.popoverTimer);\n      this.popoverTimer = null;\n    }\n  }\n\n  /**\n   * Configures the default timer delay for popovers.\n   * @param delayMs - Delay in milliseconds\n   */\n  public setTimerDelay(delayMs: number): void {\n    this.popoverTimerTimeInMs = delayMs;\n  }\n\n  /**\n   * Crea un popover y lo añade al DOM, usando un elemento de referencia y contenido HTML o string.\n   * Si ya existe un popover con el mismo ID, lo destruye antes de crear uno nuevo.\n   *\n   * @param popoverId   Identificador único del popover.\n   * @param reference   Elemento de referencia para posicionar el popover (HTMLElement, Element, VirtualElement o ElementRef).\n   * @param content     Contenido del popover (HTMLElement o string HTML).\n   * @param options     Opciones de configuración para el posicionamiento (placement, strategy, middleware, etc).\n   * @returns           Instancia del popover creado.\n   */\n  public createPopover(\n    popoverId: string,\n    reference: HTMLElement | Element | VirtualElement | (ElementRef & VirtualElement),\n    content: HTMLElement | string,\n    options: Partial<PopoverOptions> = {}\n  ): PopoverInstance<unknown> {\n    this.clearTimer();\n    // Comprobamos si ya existe una instancia de Popover con el mismo ID\n    this.checkPopoverInstance(popoverId ?? '');\n    this.currentPopoverId = popoverId;\n\n    const id: string = popoverId ?? `popover-${Date.now()}`; // ID unico del popover, proporcionado o auto\n    const referenceElement: unknown = reference instanceof ElementRef ? reference.nativeElement : reference; // Elemento de referencia\n    const popoverElement: HTMLElement = this.createPopoverElement(content); // Elemento Popover\n    const finalOptions: Partial<ComputePositionConfig> = {\n      // Opciones finales de posicionamiento\n      placement: options.placement || this.popoverOptions.placement,\n      strategy: options.strategy || this.popoverOptions.strategy,\n      middleware: options.middleware ? this.setMiddlewares(options.middleware) : this.popoverOptions.middleware,\n    };\n\n    // Añadimos el Popover al DOM\n    this.document.body.append(popoverElement);\n\n    // Creamos la instancia del Popover\n    const instance: PopoverInstance = {\n      id,\n      element: popoverElement,\n      reference: referenceElement as HTMLElement | Element | VirtualElement,\n      update: async () => this.calculatePosition(instance, finalOptions),\n    };\n\n    // Calculamos la posicion del Popover\n    void this.calculatePosition(instance, finalOptions);\n\n    // Añadimos la función de autoUpdate en la propiedad cleanup del Popover ( se llama al destruir el Popover )\n    instance.cleanup = autoUpdate(referenceElement as HTMLElement, popoverElement, () => instance.update!());\n\n    // Añadimos la instancia del Popover al mapa de instancias\n    this.popoverInstances.set(id, instance);\n\n    return instance;\n  }\n\n  /**\n   * Crea un popover que contiene un componente Angular con soporte para proyección de contenido.\n   * Si ya existe un popover con el mismo ID, lo destruye antes de crear uno nuevo.\n   *\n   * @param popoverId   Identificador único del popover.\n   * @param reference   Elemento de referencia para posicionar el popover (HTMLElement, Element, VirtualElement o ElementRef).\n   * @param component   Clase del componente Angular a renderizar dentro del popover.\n   * @param inputs      Propiedades de entrada para el componente.\n   * @param contentProjection Contenido proyectado para los slots del popover.\n   * @param options     Opciones de configuración para el posicionamiento (placement, strategy, middleware, etc).\n   * @returns           Instancia del popover creado, incluyendo la referencia al componente.\n   */\n  public createPopoverComponentWithContent<T>(\n    popoverId: string,\n    reference: HTMLElement | Element | VirtualElement | (ElementRef & VirtualElement),\n    component: new (...arguments_: unknown[]) => T,\n    inputs?: Partial<T>,\n    contentProjection?: PopoverContentProjection,\n    options: Partial<PopoverOptions> = {},\n    serviceOptions: PopoverServiceOptions = {}\n  ): PopoverInstance {\n    this.clearTimer();\n    // Comprobamos si ya existe una instancia de Popover con el mismo ID\n    this.checkPopoverInstance(popoverId ?? '');\n    this.currentPopoverId = popoverId;\n\n    const referenceElement: unknown = reference instanceof ElementRef ? reference.nativeElement : reference;\n    const popoverElement: HTMLElement = this.createPopoverElement();\n\n    // Create a custom environment injector with the required providers\n    const providers = serviceOptions.providers || this.defaultMockProviders;\n    const customInjector = createEnvironmentInjector(providers, this.envInjector);\n\n    const componentReference: ComponentRef<T> = createComponent(component, {\n      environmentInjector: customInjector,\n      hostElement: popoverElement,\n    });\n\n    const finalOptions: Partial<ComputePositionConfig> = {\n      placement: options.placement || this.popoverOptions.placement,\n      strategy: options.strategy || this.popoverOptions.strategy,\n      middleware: options.middleware ? this.setMiddlewares(options.middleware) : this.popoverOptions.middleware,\n    };\n\n    // Añadimos el Popover al DOM\n    this.document.body.append(popoverElement);\n\n    // Si tiene inputs, los asignamos al componente\n    if (inputs) {\n      for (const [key, value] of Object.entries(inputs)) {\n        componentReference.setInput(key, value);\n      }\n    }\n\n    // Procesamos la proyección de contenido\n    if (contentProjection) {\n      this.processContentProjection(componentReference, contentProjection);\n    }\n\n    // Encendemos el detectChanges del componente para que se renderice\n    componentReference.changeDetectorRef.detectChanges();\n\n    // Añadimos el componente al DOM\n    this.appReference.attachView(componentReference.hostView);\n\n    // Creamos la instancia del Popover\n    const instance: PopoverInstance = {\n      id: popoverId,\n      element: popoverElement,\n      reference: referenceElement as HTMLElement | Element | VirtualElement,\n      componentRef: componentReference as ComponentRef<unknown>,\n      update: async () => this.calculatePosition(instance, finalOptions),\n    };\n\n    const arrowElement = document.querySelector('#arrow')!;\n    finalOptions.middleware?.push(arrow({ element: arrowElement }));\n\n    // Calculamos la posicion del Popover\n    void this.calculatePosition(instance, finalOptions);\n\n    // Proporcionamos la función de autoUpdate en la propiedad cleanup del Popover\n    instance.cleanup = autoUpdate(referenceElement as HTMLElement, popoverElement, () => instance.update!());\n\n    // Añadimos la instancia del Popover al mapa de instancias\n    this.popoverInstances.set(popoverId, instance);\n\n    return instance;\n  }\n\n  /**\n   * Crea un popover que contiene un componente Angular, lo añade al DOM y lo posiciona.\n   * Si ya existe un popover con el mismo ID, lo destruye antes de crear uno nuevo.\n   *\n   * @param popoverId   Identificador único del popover.\n   * @param reference   Elemento de referencia para posicionar el popover (HTMLElement, Element, VirtualElement o ElementRef).\n   * @param component   Clase del componente Angular a renderizar dentro del popover.\n   * @param inputs      Propiedades de entrada para el componente.\n   * @param options     Opciones de configuración para el posicionamiento (placement, strategy, middleware, etc).\n   * @returns           Instancia del popover creado, incluyendo la referencia al componente.\n   */\n  public createPopoverComponent<T>(\n    popoverId: string,\n    reference: HTMLElement | Element | VirtualElement | (ElementRef & VirtualElement),\n    component: new (...arguments_: unknown[]) => T,\n    inputs?: Partial<T>,\n    options: Partial<PopoverOptions> = {},\n    serviceOptions: PopoverServiceOptions = {}\n  ): PopoverInstance {\n    this.clearTimer();\n    // Comprobamos si ya existe una instancia de Popover con el mismo ID\n    this.checkPopoverInstance(popoverId ?? '');\n    this.currentPopoverId = popoverId;\n\n    const referenceElement: unknown = reference instanceof ElementRef ? reference.nativeElement : reference; // Elemento de referencia\n    const popoverElement: HTMLElement = this.createPopoverElement(); // Elemento Popover\n\n    // Create a custom environment injector with the required providers\n    const providers = serviceOptions.providers || this.defaultMockProviders;\n    const customInjector = createEnvironmentInjector(providers, this.envInjector);\n\n    const componentReference: ComponentRef<T> = createComponent(component, {\n      environmentInjector: customInjector,\n      hostElement: popoverElement,\n    }); // Instancia del componente Popover\n    const finalOptions: Partial<ComputePositionConfig> = {\n      // Opciones de posicionamiento\n      placement: options.placement || this.popoverOptions.placement,\n      strategy: options.strategy || this.popoverOptions.strategy,\n      middleware: options.middleware ? this.setMiddlewares(options.middleware) : this.popoverOptions.middleware,\n    };\n\n    // Añadimos el Popover al DOM\n    this.document.body.append(popoverElement);\n\n    // Si tiene inputs, los asignamos al componente\n    if (inputs) {\n      for (const [key, value] of Object.entries(inputs)) {\n        componentReference.setInput(key, value);\n      }\n    }\n\n    // Encendemos el detectChanges del componente para que se renderice\n    componentReference.changeDetectorRef.detectChanges();\n\n    // Añadimos el componente al DOM\n    this.appReference.attachView(componentReference.hostView);\n\n    // Creamos la instancia del Popover\n    const instance: PopoverInstance = {\n      id: popoverId,\n      element: popoverElement,\n      reference: referenceElement as HTMLElement | Element | VirtualElement,\n      componentRef: componentReference as ComponentRef<unknown>,\n      update: async () => this.calculatePosition(instance, finalOptions),\n    };\n\n    const arrowElement = document.querySelector('#arrow')!;\n    finalOptions.middleware?.push(arrow({ element: arrowElement }));\n\n    // Calculamos la posicion del Popover\n    void this.calculatePosition(instance, finalOptions);\n\n    // Proporcionamos la función de autoUpdate en la propiedad cleanup del Popover ( se llama al destruir el Popover )\n    instance.cleanup = autoUpdate(referenceElement as HTMLElement, popoverElement, () => instance.update!());\n\n    // Añadimos la instancia del Popover al mapa de instancias\n    this.popoverInstances.set(popoverId, instance);\n\n    return instance;\n  }\n\n  /**\n   * Destruye un popover existente por su ID, eliminando su elemento del DOM y limpiando recursos.\n   *\n   * @param id  Identificador del popover a destruir.\n   */\n  public destroyPopover(id: string): void {\n    // Comprobamos si existe la instancia del Popover\n    const instance: PopoverInstance | undefined = this.popoverInstances.get(id);\n\n    if (!instance) {\n      return;\n    }\n\n    // Llamamos a la función de cleanup para eliminar el autoUpdate\n    instance.cleanup?.();\n\n    // Si hay comoponente, lo eliminamos del DOM\n    if (instance.componentRef) {\n      this.appReference.detachView(instance.componentRef.hostView);\n      instance.componentRef.destroy();\n    }\n\n    // Si hay elemento, lo eliminamos del DOM\n    if (instance.element && instance.element.parentNode) {\n      instance.element.remove();\n    }\n\n    // Eliminamos instancia del mapa\n    this.popoverInstances.delete(id);\n  }\n\n  /**\n   * Destruye todos los popovers existentes, eliminando sus elementos del DOM y limpiando recursos.\n   */\n  public destroyAllPopovers(): void {\n    for (const id of this.popoverInstances.keys()) {\n      this.destroyPopover(id);\n    }\n  }\n  /**\n   * Crea el elemento HTML base del popover, opcionalmente con contenido.\n   *\n   * @param content  Contenido a insertar en el popover (string, HTMLElement o ElementRef).\n   * @returns        Elemento HTML del popover.\n   */\n  private createPopoverElement(content?: string | HTMLElement | ElementRef): HTMLElement {\n    // Creamos el elemento Popover\n    const popoverElement: HTMLElement = this.document.createElement('div');\n\n    // Añadimos la clase Popover al elemento\n    popoverElement.classList.add('popover');\n\n    // Si se proporciona contenido, lo añadimos al Popover, si no, lo dejamos vacío\n    if (!content) {\n      return popoverElement;\n    }\n\n    if (typeof content === 'string') {\n      popoverElement.innerHTML = content;\n    } else {\n      const element = content instanceof ElementRef ? content.nativeElement : content;\n\n      popoverElement.append(element as HTMLElement);\n    }\n\n    return popoverElement;\n  }\n\n  /**\n   * Verifica si existe una instancia de popover con el ID dado y la destruye si es así.\n   *\n   * @param id  Identificador del popover a comprobar.\n   */\n  private checkPopoverInstance(id: string): void {\n    if (this.popoverInstances.has(id)) {\n      this.destroyPopover(id);\n    }\n  }\n\n  /**\n   * Calcula y aplica la posición del popover respecto a su elemento de referencia,\n   * usando las opciones de Floating UI.\n   *\n   * @param instance  Instancia del popover a posicionar.\n   * @param options   Opciones de configuración para el posicionamiento.\n   */\n  private async calculatePosition(\n    instance: PopoverInstance,\n    options: Partial<ComputePositionConfig> = {}\n  ): Promise<void> {\n    // Desestructuramos las opciones\n    const { placement, strategy, middleware } = options;\n\n    try {\n      // Calculamos la posicion del Popover en base a la referencia y el elemento Popover y las opciones proporcionadas\n      const { x, y } = await computePosition(instance.reference, instance.element, {\n        placement,\n        strategy,\n        middleware,\n      });\n\n      // Asignamos la posicion al elemento Popover\n      Object.assign(instance.element.style, {\n        position: strategy,\n        top: `${y}px`,\n        left: `${x}px`,\n      });\n    } catch (error) {\n      console.error('Error positioning popover', error);\n    }\n  }\n\n  /**\n   * Procesa la proyección de contenido para el componente popover.\n   *\n   * @param componentRef Referencia al componente creado\n   * @param contentProjection Contenido a proyectar en los slots\n   */\n  private processContentProjection<T>(\n    componentRef: ComponentRef<T>,\n    contentProjection: PopoverContentProjection\n  ): void {\n    const componentInstance = componentRef.instance as any;\n\n    // Procesamos cada slot de contenido\n    if (contentProjection.thumbnail) {\n      this.setContentProjection(componentInstance, 'hasThumbnailProjection', contentProjection.thumbnail);\n    }\n\n    if (contentProjection.content) {\n      this.setContentProjection(componentInstance, 'hasContentProjection', contentProjection.content);\n    }\n\n    if (contentProjection.price) {\n      this.setContentProjection(componentInstance, 'hasPriceProjection', contentProjection.price);\n    }\n  }\n\n  /**\n   * Establece la proyección de contenido para un slot específico.\n   *\n   * @param componentInstance Instancia del componente\n   * @param projectionFlag Flag que indica si hay proyección\n   * @param content Contenido a proyectar\n   */\n  private setContentProjection(\n    componentInstance: any,\n    projectionFlag: string,\n    content: TemplateRef<unknown> | string\n  ): void {\n    // Marcamos que hay proyección de contenido\n    componentInstance[projectionFlag] = true;\n\n    // Si es un TemplateRef, lo almacenamos para uso posterior\n    if (content instanceof TemplateRef) {\n      componentInstance[`${projectionFlag}Template`] = content;\n    } else if (typeof content === 'string') {\n      // Si es string, lo almacenamos como HTML\n      componentInstance[`${projectionFlag}Html`] = content;\n    }\n  }\n\n  /**\n   * Set Middlewares\n   * Método que recibe un objeto de opciones de middleware y devuelve un array de middlewares cargados con sus opciones.\n   *\n   * Para ello, necesitamos establecer un orden de aplicación de los middlewares, ya que la computación de la posición\n   * depende del estado de los middlewares aplicados anteriormente. Además, como son funciones, hacemos switch para\n   * cargar el middleware correspondiente en cada caso a excepción de detectOverflow, que es un middleware especial\n   * que no se aplica directamente, sino que se ejecuta como una función asíncrona sobre el estado devuelto de los middlewares (si los hay).\n   *\n   * @param middleware\n   * @returns {Middleware[]}\n   */\n  private setMiddlewares(middleware: MiddlewareOptions): Middleware[] {\n    // Array de Middlewares y orden de aplicación de los mismos\n    // https://floating-ui.com/docs/middleware#ordering\n\n    const middlewares: Middleware[] = [];\n    const order: (keyof MiddlewareOptions)[] = [\n      'offset',\n      'shift',\n      'flip',\n      'arrow',\n      'size',\n      'autoPlacement',\n      'inline',\n      'hide',\n      'detectOverflow',\n    ];\n\n    // Recorremos el array de orden y aplicamos los middlewares en el orden indicado\n    for (const key of order as (keyof MiddlewareOptions)[]) {\n      if (!middleware[key]) {\n        continue;\n      }\n\n      switch (key) {\n        case 'offset': {\n          middlewares.push(offset(middleware.offset));\n          break;\n        }\n\n        case 'shift': {\n          middlewares.push(shift(middleware.shift));\n          break;\n        }\n\n        case 'flip': {\n          middlewares.push(flip(middleware.flip));\n          break;\n        }\n\n        case 'arrow': {\n          middlewares.push(arrow(middleware.arrow!));\n          break;\n        }\n\n        case 'size': {\n          middlewares.push(size(middleware.size));\n          break;\n        }\n\n        case 'autoPlacement': {\n          middlewares.push(autoPlacement(middleware.autoPlacement));\n          break;\n        }\n\n        case 'hide': {\n          middlewares.push(hide(middleware.hide));\n          break;\n        }\n\n        case 'inline': {\n          middlewares.push(inline(middleware.inline));\n          break;\n        }\n\n        case 'detectOverflow': {\n          const overflowMiddleware: Middleware = {\n            name: 'detectOverflow',\n            async fn(state) {\n              await detectOverflow(state, middleware.detectOverflow);\n              return {};\n            },\n          };\n          middlewares.push(overflowMiddleware);\n          break;\n        }\n      }\n    }\n\n    return middlewares;\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, inject, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { PopoverService } from './popover.service';\n\n/**\n * Base component for popovers that provides timer functionality.\n * Extend this component to create timer-aware popovers.\n */\n@Component({\n  template: '', // Abstract component\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport abstract class BasePopoverComponent implements OnInit, OnDestroy {\n  @Input() popoverId: string = '';\n  @Input() autoHideDelay: number = 300; // milliseconds\n  @Input() enableAutoHide: boolean = true;\n\n  @Output() mouseEnter = new EventEmitter<MouseEvent>();\n  @Output() mouseLeave = new EventEmitter<MouseEvent>();\n  @Output() popoverHidden = new EventEmitter<void>();\n\n  protected readonly popoverService = inject(PopoverService);\n  protected readonly cdr = inject(ChangeDetectorRef);\n\n  private isMouseOver = false;\n\n  ngOnInit(): void {\n    if (this.enableAutoHide && this.popoverId) {\n      this.startAutoHideTimer();\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.popoverId) {\n      this.popoverService.clearPopoverTimer(this.popoverId);\n    }\n  }\n\n  protected onMouseEnter(event: MouseEvent): void {\n    this.isMouseOver = true;\n    this.clearAutoHideTimer();\n    this.mouseEnter.emit(event);\n  }\n\n  protected onMouseLeave(event: MouseEvent): void {\n    this.isMouseOver = false;\n    if (this.enableAutoHide) {\n      this.startAutoHideTimer();\n    }\n    this.mouseLeave.emit(event);\n  }\n\n  protected hidePopover(): void {\n    if (this.popoverId) {\n      this.popoverService.destroyPopover(this.popoverId);\n      this.popoverHidden.emit();\n    }\n  }\n\n  private startAutoHideTimer(): void {\n    if (this.popoverId && !this.isMouseOver) {\n      this.popoverService.setPopoverTimer(this.popoverId, this.autoHideDelay);\n    }\n  }\n\n  private clearAutoHideTimer(): void {\n    if (this.popoverId) {\n      this.popoverService.clearPopoverTimer(this.popoverId);\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  inject,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core';\nimport { CommonModule, CurrencyPipe } from '@angular/common';\nimport { type SeatPopoverData } from '../types';\nimport { THUMBNAIL_PROVIDER } from '../popover.config';\nimport { BasePopoverComponent } from '../base-popover.component';\n\n@Component({\n  selector: 'sdc-seat-popover',\n  templateUrl: './seat-popover.component.html',\n  styleUrl: './seat-popover.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, CurrencyPipe],\n})\nexport class SeatPopoverComponent extends BasePopoverComponent implements OnInit {\n  @Input() data!: SeatPopoverData;\n  @Input() showLoader: boolean = true;\n\n  private readonly thumbnailProvider = inject(THUMBNAIL_PROVIDER, { optional: true });\n  protected override readonly cdr = inject(ChangeDetectorRef);\n\n  protected thumbnail?: string;\n  protected isLoadingThumbnail = true;\n\n  override ngOnInit(): void {\n    super.ngOnInit(); // Initialize base component timer logic\n\n    if (this.data.thumbnail) {\n      this.thumbnail = this.data.thumbnail;\n      this.isLoadingThumbnail = false;\n    } else if (this.thumbnailProvider && this.showLoader) {\n      this.loadThumbnail();\n    }\n  }\n\n  private loadThumbnail(): void {\n    this.thumbnailProvider!.getThumbnail(this.data.id).subscribe({\n      next: url => {\n        this.thumbnail = url;\n        this.isLoadingThumbnail = false;\n        this.cdr.markForCheck();\n      },\n      error: () => {\n        this.isLoadingThumbnail = false;\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  protected get formattedSection(): string {\n    return this.data.section.includes('_') ? this.data.section.split('_')[1].split('-')[0] : this.data.section;\n  }\n\n  protected get formattedSeat(): string {\n    return this.data.seat.split('-')[2] || this.data.seat;\n  }\n\n  protected onEnter(event: MouseEvent): void {\n    this.onMouseEnter(event);\n  }\n\n  protected onLeave(event: MouseEvent): void {\n    this.onMouseLeave(event);\n  }\n}\n","<div\n  (mouseenter)=\"onEnter($event)\"\n  (mouseleave)=\"onLeave($event)\"\n  class=\"sdc-seat-popover\">\n  <div class=\"sdc-popover-thumbnail\">\n    @if (isLoadingThumbnail && showLoader) {\n      <div class=\"sdc-popover-loader\">\n        <div class=\"sdc-spinner\"></div>\n      </div>\n    }\n    @if (thumbnail && !isLoadingThumbnail) {\n      <div class=\"sdc-thumbnail-image\" [style.background-image]=\"'url(' + thumbnail + ')'\"></div>\n    }\n  </div>\n\n  <div class=\"sdc-popover-content\">\n    <div class=\"sdc-popover-grid\">\n      <div class=\"sdc-popover-col-left\">\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Section:</span>\n          {{ formattedSection }}\n        </h5>\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Row:</span>\n          {{ data.row }}\n        </h5>\n      </div>\n      <div class=\"sdc-popover-col-right\">\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Seat:</span>\n          {{ formattedSeat }}\n        </h5>\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Price:</span>\n          {{ data.price | currency: 'USD' }}\n        </h5>\n      </div>\n    </div>\n  </div>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  inject,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { type SectionPopoverData } from '../types';\nimport { THUMBNAIL_PROVIDER } from '../popover.config';\nimport { BasePopoverComponent } from '../base-popover.component';\n\n@Component({\n  selector: 'sdc-section-popover',\n  templateUrl: './section-popover.component.html',\n  styleUrl: './section-popover.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class SectionPopoverComponent extends BasePopoverComponent implements OnInit {\n  @Input() data!: SectionPopoverData;\n  @Input() showLoader: boolean = true;\n  @Input() showBestAvailable: boolean = false;\n  @Input() showOpenSeatMap: boolean = true;\n  @Input() excludeSeatMapSections: string[] = ['S_BLCHADA', 'S_Bleacher'];\n  @Input() isTicketFeeEnabled: boolean = false;\n\n  @Output() load3dView = new EventEmitter<void>();\n  @Output() selectForBA = new EventEmitter<boolean>();\n  @Output() openSeatMap = new EventEmitter<void>();\n\n  private readonly thumbnailProvider = inject(THUMBNAIL_PROVIDER, { optional: true });\n  protected override readonly cdr = inject(ChangeDetectorRef);\n\n  protected thumbnail?: string;\n  protected isLoadingThumbnail = true;\n\n  override ngOnInit(): void {\n    super.ngOnInit(); // Initialize base component timer logic\n\n    if (this.data.thumbnail) {\n      this.thumbnail = this.data.thumbnail;\n      this.isLoadingThumbnail = false;\n    } else if (this.thumbnailProvider && this.showLoader) {\n      this.loadThumbnail();\n    }\n  }\n\n  private loadThumbnail(): void {\n    this.thumbnailProvider!.getThumbnail(this.data.id).subscribe({\n      next: url => {\n        this.thumbnail = url;\n        this.isLoadingThumbnail = false;\n        this.cdr.markForCheck();\n      },\n      error: () => {\n        this.isLoadingThumbnail = false;\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  protected get priceRangeDisplay(): string {\n    const { min, max } = this.data.priceRange;\n    return min === max ? min.toString() : `${min} - ${max}`;\n  }\n\n  protected get priceRangeWithFees(): string | undefined {\n    if (this.isTicketFeeEnabled && this.data.priceRangeWithFees) {\n      return this.data.priceRangeWithFees;\n    }\n    return undefined;\n  }\n\n  protected get shouldShowSeatMapButton(): boolean {\n    return (\n      this.showOpenSeatMap &&\n      !this.excludeSeatMapSections.includes(this.data.section) &&\n      this.data.type !== 'general_admission'\n    );\n  }\n\n  protected onEnter(event: MouseEvent): void {\n    this.onMouseEnter(event);\n  }\n\n  protected onLeave(event: MouseEvent): void {\n    this.onMouseLeave(event);\n  }\n\n  protected onLoad3dView(): void {\n    this.load3dView.emit();\n  }\n\n  protected onSelectForBA(): void {\n    this.selectForBA.emit(!this.data.isSelectedForBA);\n  }\n\n  protected onOpenSeatMap(): void {\n    this.openSeatMap.emit();\n  }\n}\n","<div (mouseenter)=\"onEnter($event)\" (mouseleave)=\"onLeave($event)\" class=\"sdc-section-popover\">\n  <div class=\"sdc-popover-thumbnail\">\n    @if (isLoadingThumbnail && showLoader) {\n      <div class=\"sdc-popover-loader\">\n        <div class=\"sdc-spinner\"></div>\n      </div>\n    }\n    @if (thumbnail && !isLoadingThumbnail) {\n      <div\n        class=\"sdc-thumbnail-image sdc-thumbnail-clickable\"\n        [style.background-image]=\"'url(' + thumbnail + ')'\"\n        (click)=\"onLoad3dView()\">\n        <span class=\"sdc-thumbnail-overlay-text\">Click to open view</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"sdc-popover-content\">\n    <div class=\"sdc-popover-grid\">\n      <div class=\"sdc-popover-col-left\">\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Section:</span>\n          {{ data.section }}\n        </h5>\n        @if (isTicketFeeEnabled && priceRangeWithFees) {\n          <h5 class=\"sdc-popover-label\">\n            <span class=\"sdc-popover-label-text\">Price:</span> $ {{ priceRangeWithFees }}\n          </h5>\n        } @else {\n          <h5 class=\"sdc-popover-label\">\n            <span class=\"sdc-popover-label-text\">Price:</span> $ {{ priceRangeDisplay }}\n          </h5>\n        }\n      </div>\n      <div class=\"sdc-popover-col-right\">\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Available Seats:</span>\n          {{ data.availableQuantity }}\n        </h5>\n        <h5 class=\"sdc-popover-label\">\n          <span class=\"sdc-popover-label-text\">Available ADA Seats:</span>\n          {{ data.adaQuantity }}\n        </h5>\n      </div>\n    </div>\n\n    <div class=\"sdc-popover-actions\">\n      @if (showBestAvailable) {\n        <button class=\"sdc-popover-btn sdc-popover-btn-primary sdc-popover-btn-mobile-only\" (click)=\"onSelectForBA()\">\n          {{ data.isSelectedForBA ? 'Deselect' : 'Select' }}\n        </button>\n      }\n      @if (shouldShowSeatMapButton) {\n        <button class=\"sdc-popover-btn sdc-popover-btn-secondary\" (click)=\"onOpenSeatMap()\">Open Seat Map</button>\n      }\n    </div>\n  </div>\n</div>\n","import { ComponentRef, ElementRef, Type, ViewContainerRef } from '@angular/core';\nimport {\n  ArrowOptions,\n  AutoPlacementOptions,\n  ComputePositionConfig,\n  DetectOverflowOptions,\n  FlipOptions,\n  HideOptions,\n  InlineOptions,\n  OffsetOptions,\n  Placement,\n  ShiftOptions,\n  SizeOptions,\n  VirtualElement,\n} from '@floating-ui/dom';\nimport { Observable } from 'rxjs';\nimport type { MapViewerNode } from '@3ddv/dvm-internal';\n\nexport type PopoverPlacement = Placement;\n\nexport interface PopoverInstance<T = unknown> {\n  id: string;\n  element: HTMLElement;\n  reference: HTMLElement | Element | VirtualElement | (ElementRef & VirtualElement);\n  componentRef?: ComponentRef<T>;\n  update?: () => void;\n  cleanup?: () => void;\n}\n\nexport interface PopoverOptions extends Omit<ComputePositionConfig, 'middleware'> {\n  middleware?: MiddlewareOptions;\n}\n\nexport interface MiddlewareOptions {\n  offset?: OffsetOptions;\n  shift?: ShiftOptions;\n  flip?: FlipOptions;\n  arrow?: ArrowOptions;\n  size?: SizeOptions;\n  autoPlacement?: AutoPlacementOptions;\n  hide?: HideOptions;\n  inline?: InlineOptions;\n  detectOverflow?: DetectOverflowOptions;\n}\n\nexport enum AppNodes {\n  Section = 'section',\n  Row = 'row',\n  Seat = 'seat',\n  Ga = 'general_admission',\n  Vip = 'vip',\n}\n\n// Seat popover data interface\nexport interface SeatPopoverData {\n  id: string;\n  section: string;\n  row: string;\n  seat: string;\n  price: number;\n  thumbnail?: string;\n}\n\n// Section popover data interface\nexport interface SectionPopoverData {\n  id: string;\n  section: string;\n  priceRange: { min: number; max: number };\n  availableQuantity: number;\n  adaQuantity: number;\n  thumbnail?: string;\n  type?: 'section' | 'general_admission';\n  isSelectedForBA?: boolean;\n  priceRangeWithFees?: string;\n}\n\n// Thumbnail provider interface\nexport interface IThumbnailProvider {\n  getThumbnail(nodeId: string): Observable<string>;\n}\n\n// Popover positioning interface\nexport interface IPopoverPositioner {\n  calculatePlacement(node: MapViewerNode, container: HTMLElement): Placement;\n  calculateOffset(node: MapViewerNode): number[];\n}\n\n// Popover manager interfaces\nexport interface IPopoverManager {\n  showPopover<T>(config: PopoverConfig<T>): void;\n  hidePopover(nodeId: string): void;\n  clearAll(): void;\n}\n\nexport interface PopoverConfig<T> {\n  nodeId: string;\n  node: MapViewerNode;\n  container: ViewContainerRef;\n  tooltip: HTMLElement;\n  containerElement: HTMLElement;\n  component: Type<T>;\n  componentInputs?: Partial<T>;\n  eventHandlers?: Record<string, (...args: any[]) => void>;\n}\n","import type { MapViewerNode, Viewer3dLoadView3dOptions } from '@3ddv/dvm-internal';\nimport type { Viewer3dService } from '@3ddv/ngx-dvm-internal';\nimport { ThemeClass } from '@3ddv/software-division-components/shared';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport {\n  CONFIGURATION_SERVICE,\n  DVM_FORMATTER,\n  DVM_SERVICE,\n  IConfigurationService,\n  IDvmFormatter,\n  IDvmService,\n} from './popover.config';\nimport { PopoverService } from './popover.service';\nimport { SeatPopoverComponent } from './seat-popover/seat-popover.component';\nimport { SectionPopoverComponent } from './section-popover/section-popover.component';\nimport { AppNodes, SeatPopoverData, SectionPopoverData } from './types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sdc-map-popover',\n  standalone: true,\n  imports: [CommonModule, SeatPopoverComponent, SectionPopoverComponent],\n  templateUrl: './popover.component.html',\n  styleUrl: './popover.component.css',\n})\nexport class PopoverComponent implements OnInit {\n  // INPUTS\n  /**\n   * The node to attach the popover to.\n   */\n  @Input()\n  public readonly node!: MapViewerNode;\n\n  /**\n   * The current theme applied to the component.\n   */\n  public readonly theme = input<ThemeClass>('theme-sdc');\n\n  // OUTPUTS\n  /**\n   * Emitted when the 3D view should be loaded.\n   */\n  public readonly load3dView = output<{ node: MapViewerNode; section: string | undefined }>();\n\n  /**\n   * Emitted when a section should be selected/deselected for best available.\n   */\n  public readonly selectSectionForBA = output<{\n    node: MapViewerNode;\n    section: string | undefined;\n    selected: boolean;\n  }>();\n\n  /**\n   * Emitted when the seat map should be opened.\n   */\n  public readonly openSeatMap = output<{ node: MapViewerNode; section: string | undefined }>();\n\n  // SERVICES\n  private readonly dvm: IDvmService = inject(DVM_SERVICE);\n  private readonly cdr = inject(ChangeDetectorRef);\n  private readonly format: IDvmFormatter = inject(DVM_FORMATTER);\n  private readonly configurationService: IConfigurationService = inject(CONFIGURATION_SERVICE);\n  protected readonly popoverService = inject(PopoverService);\n\n  // COMPONENT STATE\n  protected readonly Nodes: typeof AppNodes = AppNodes;\n  protected thumbnail!: string | undefined;\n  protected section!: string | undefined;\n  protected row!: string | undefined;\n  protected seat!: string | undefined;\n  protected prices!: string[] | undefined;\n\n  // Section popover specific properties\n  protected availableQuantity: number = 0;\n  protected adaQuantity: number = 0;\n  protected includedSectionForBA: boolean = false;\n\n  // Transformed data for new components\n  protected get seatData(): SeatPopoverData | null {\n    if (this.node?.type === AppNodes.Seat) {\n      return this.transformToSeatData();\n    }\n    return null;\n  }\n\n  protected get sectionData(): SectionPopoverData | null {\n    if (this.node?.type === AppNodes.Section || this.node?.type === AppNodes.Ga) {\n      return this.transformToSectionData();\n    }\n    return null;\n  }\n\n  // LC METHODS\n  public ngOnInit(): void {\n    this.initComponent();\n  }\n\n  protected onEnter(_: MouseEvent): void {\n    this.popoverService.clearTimer();\n  }\n\n  protected onLeave(_: MouseEvent): void {\n    this.popoverService.setTimer();\n  }\n\n  // GETTERS\n  protected get price(): string | undefined {\n    return this.prices // Existen precios?\n      ? this.prices.length > 1 // Existen precios, pero más de uno?\n        ? Math.min(...this.prices.map(price => Number.parseInt(price))).toString()\n        : this.prices[0] // Si lo hay, sacamos el minimo, si no seteamos el primero ( y unico xd )\n      : undefined; // No existen precios\n  }\n\n  protected get priceRange(): string {\n    if (!this.prices || this.prices.length === 0) {\n      return '';\n    }\n\n    let priceRange = this.prices[0];\n    if (this.prices.length > 1 && this.prices[0] !== this.prices[1]) {\n      priceRange = `${this.prices[0]} - ${this.prices[1]}`;\n    }\n    return priceRange;\n  }\n\n  // METHODS\n  private initComponent(): void {\n    this.setTexts();\n    this.getThumbnail();\n    // this.getPrice();\n  }\n\n  private setTexts(): void {\n    const nodeId: string[] = this.format.transform(this.node?.id).split(' ');\n    // const translated = this.translationData()[this.node().id.split('-')[0]];\n    this.section = nodeId[0];\n    this.row = nodeId[1] ?? null;\n    this.seat = nodeId[2] ?? null;\n  }\n\n  private getThumbnail(): void {\n    const viewer3dService: Viewer3dService = this.dvm.viewer3dService;\n    const options: Viewer3dLoadView3dOptions = {\n      // eslint-disable-next-line camelcase\n      venue_id: this.configurationService.configuration.dvmData.venueId,\n      // eslint-disable-next-line camelcase\n      view_id: this.node?.id,\n    };\n\n    if (!viewer3dService?.isInitialized()) {\n      return;\n    }\n\n    viewer3dService.getThumbnail(options, true).subscribe((thumbnailUrl: string): void => {\n      this.thumbnail = thumbnailUrl;\n      this.cdr.markForCheck();\n    });\n  }\n\n  // Section popover methods\n  protected onLoad3dView(): void {\n    this.load3dView.emit({\n      node: this.node,\n      section: this.section,\n    });\n  }\n\n  protected onSelectSectionForBA(selected: boolean): void {\n    this.includedSectionForBA = selected;\n    this.selectSectionForBA.emit({\n      node: this.node,\n      section: this.section,\n      selected: this.includedSectionForBA,\n    });\n  }\n\n  protected onOpenSeatMap(): void {\n    this.openSeatMap.emit({\n      node: this.node,\n      section: this.section,\n    });\n  }\n\n  // Data transformation methods\n  private transformToSeatData(): SeatPopoverData {\n    const nodeId: string[] = this.format.transform(this.node?.id).split(' ');\n    const section = nodeId[0];\n    const row = nodeId[1] ?? '';\n    const seat = nodeId[2] ?? '';\n\n    return {\n      id: this.node.id,\n      section: section,\n      row: row,\n      seat: seat,\n      price: this.price ? Number.parseFloat(this.price) : 0,\n      thumbnail: this.thumbnail,\n    };\n  }\n\n  private transformToSectionData(): SectionPopoverData {\n    const nodeId: string[] = this.format.transform(this.node?.id).split(' ');\n    const section = nodeId[0];\n\n    // Parse price range from existing prices array\n    let priceRange = { min: 0, max: 0 };\n    if (this.prices && this.prices.length > 0) {\n      const minPrice = Number.parseFloat(this.prices[0]);\n      const maxPrice = this.prices.length > 1 ? Number.parseFloat(this.prices[1]) : minPrice;\n      priceRange = { min: minPrice, max: maxPrice };\n    }\n\n    return {\n      id: this.node.id,\n      section: section,\n      priceRange: priceRange,\n      availableQuantity: this.availableQuantity,\n      adaQuantity: this.adaQuantity,\n      thumbnail: this.thumbnail,\n      type: this.node.type === AppNodes.Ga ? 'general_admission' : 'section',\n      isSelectedForBA: this.includedSectionForBA,\n    };\n  }\n}\n","<!-- SECTION POPOVER -->\n@if (sectionData) {\n  <sdc-section-popover\n    [data]=\"sectionData\"\n    id=\"pano-view\"\n    [popoverId]=\"'popover-' + node.id\"\n    [showBestAvailable]=\"true\"\n    [showOpenSeatMap]=\"true\"\n    [excludeSeatMapSections]=\"['S_BLCHADA', 'S_Bleacher']\"\n    (mouseEnter)=\"onEnter($event)\"\n    (mouseLeave)=\"onLeave($event)\"\n    (load3dView)=\"onLoad3dView()\"\n    (selectForBA)=\"onSelectSectionForBA($event)\"\n    (openSeatMap)=\"onOpenSeatMap()\">\n  </sdc-section-popover>\n}\n\n<!-- SEAT POPOVER -->\n@if (seatData) {\n  <sdc-seat-popover\n    id=\"pano-view\"\n    [data]=\"seatData\"\n    [popoverId]=\"'popover-' + node.id\"\n    (mouseEnter)=\"onEnter($event)\"\n    (mouseLeave)=\"onLeave($event)\">\n  </sdc-seat-popover>\n}\n","import { inject, Injectable, Inject } from '@angular/core';\nimport { createPopper } from '@popperjs/core';\nimport type { IPopoverManager, IPopoverPositioner, PopoverConfig } from '../types';\nimport { POPOVER_POSITIONER } from '../popover.config';\n\n/**\n * Generic popover manager service that handles popover lifecycle and positioning.\n * This service is DVM-agnostic and delegates positioning logic to IPopoverPositioner.\n */\n@Injectable()\nexport class PopoverManagerService implements IPopoverManager {\n  private currentPopoverId: string = '';\n  private tooltip?: HTMLElement;\n  private readonly positioner: IPopoverPositioner;\n\n  constructor(@Inject(POPOVER_POSITIONER) positioner: IPopoverPositioner) {\n    this.positioner = positioner;\n  }\n\n  /**\n   * Shows a popover with the specified configuration.\n   * @param config - Configuration for the popover including component, data, and positioning\n   */\n  showPopover<T>(config: PopoverConfig<T>): void {\n    config.container.clear();\n    this.currentPopoverId = config.nodeId;\n    this.tooltip = config.tooltip;\n\n    const componentRef = config.container.createComponent(config.component);\n\n    if (config.componentInputs) {\n      Object.entries(config.componentInputs).forEach(([key, value]) => {\n        (componentRef.instance as any)[key] = value;\n      });\n    }\n\n    if (config.eventHandlers) {\n      Object.entries(config.eventHandlers).forEach(([key, handler]) => {\n        const instance = componentRef.instance as any;\n        if (instance[key] && typeof instance[key].subscribe === 'function') {\n          instance[key].subscribe(handler);\n        }\n      });\n    }\n\n    const placement = this.positioner.calculatePlacement(config.node, config.containerElement);\n    const offset = this.positioner.calculateOffset(config.node);\n\n    createPopper(config.node, this.tooltip, {\n      placement,\n      modifiers: [\n        {\n          name: 'offset',\n          options: {\n            offset,\n          },\n        },\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: [],\n          },\n        },\n      ],\n    });\n\n    this.tooltip.setAttribute('data-show', '');\n  }\n\n  /**\n   * Hides the popover for the specified node ID.\n   * @param nodeId - The node ID of the popover to hide\n   */\n  hidePopover(nodeId: string): void {\n    if (this.currentPopoverId === nodeId) {\n      this.tooltip?.removeAttribute('data-show');\n    }\n  }\n\n  /**\n   * Clears all popovers.\n   */\n  clearAll(): void {\n    this.tooltip?.removeAttribute('data-show');\n    this.currentPopoverId = '';\n  }\n}\n\n","import { inject, Injectable, Inject } from '@angular/core';\nimport type { MapViewerNode, V2 } from '@3ddv/dvm-internal';\nimport { Placement } from '@floating-ui/dom';\nimport { IPopoverPositioner } from '../types';\nimport { DVM_SERVICE, CONFIGURATION_SERVICE } from '../popover.config';\nimport type { IDvmService, IConfigurationService } from '../popover.config';\n\n/**\n * DVM-specific positioning service for popovers.\n * Handles calculation of popover placement and offset based on DVM node properties.\n */\n@Injectable()\nexport class DvmPopoverPositionerService implements IPopoverPositioner {\n  private readonly dvmService: IDvmService;\n  private readonly configService: IConfigurationService;\n\n  constructor(\n    @Inject(DVM_SERVICE) dvmService: IDvmService,\n    @Inject(CONFIGURATION_SERVICE) configService: IConfigurationService\n  ) {\n    this.dvmService = dvmService;\n    this.configService = configService;\n  }\n\n  /**\n   * Calculates the optimal placement for a popover based on node position.\n   * @param node - The MapViewerNode to position relative to\n   * @param container - The container element for positioning reference\n   * @returns The calculated placement ('top' or 'bottom')\n   */\n  calculatePlacement(node: MapViewerNode, container: HTMLElement): Placement {\n    if (!node.aabb) {\n      throw new Error('Node AABB is not defined');\n    }\n\n    const nodeSceneCenter: [number, number] = [\n      node.aabb[0] + node.aabb[2] / 2,\n      node.aabb[1] + node.aabb[3] / 2,\n    ];\n\n    const nodeDomCenter: V2 = this.dvmService.viewerService.fromSceneToDom(nodeSceneCenter)!;\n\n    if (nodeDomCenter[1] > container.offsetHeight / 2) {\n      return 'top';\n    } else {\n      return 'bottom';\n    }\n  }\n\n  /**\n   * Calculates the offset for popover positioning based on node type and configuration.\n   * @param node - The MapViewerNode to calculate offset for\n   * @returns An array of [x, y] offset values\n   */\n  calculateOffset(node: MapViewerNode): number[] {\n    if (node.type === 'seat') {\n      return [0, 6];\n    }\n\n    if (node.type === 'section' || node.type === 'general_admission') {\n      const dvmData = this.configService.configuration.dvmData as any;\n      const sectionOffsets = dvmData?.sectionOffsets || {};\n      const nodeId = node.id as keyof typeof sectionOffsets;\n      const nodeOriginalId = node.original_id as keyof typeof sectionOffsets;\n      const dvmOffset = sectionOffsets[nodeId] ?? sectionOffsets[nodeOriginalId];\n\n      return dvmOffset ?? [0, 0];\n    }\n\n    return [0, 0];\n  }\n}\n\n","import { SeatPopoverData, SectionPopoverData } from '../types';\n\n/**\n * Abstract base class for transforming data from source format to target popover format.\n * Apps can extend this class to implement their own data transformation logic.\n */\nexport abstract class BasePopoverDataTransformer<TSource, TTarget> {\n  /**\n   * Transforms source data to target popover data format.\n   * @param source - The source data to transform\n   * @param context - Optional context for additional transformation logic\n   * @returns The transformed data in target format\n   */\n  abstract transform(source: TSource, context?: any): TTarget;\n}\n\n/**\n * Abstract base class for transforming seat data to SeatPopoverData format.\n * Apps should extend this class and implement the transform method with their\n * specific seat data models.\n */\nexport abstract class BaseSeatDataTransformer<TSource> extends BasePopoverDataTransformer<\n  TSource,\n  SeatPopoverData\n> {}\n\n/**\n * Abstract base class for transforming section data to SectionPopoverData format.\n * Apps should extend this class and implement the transform method with their\n * specific section data models.\n */\nexport abstract class BaseSectionDataTransformer<TSource> extends BasePopoverDataTransformer<\n  TSource,\n  SectionPopoverData\n> {}\n\n","/*\n * Public API Surface of software-division-components\n */\n\nexport * from './popover.component';\nexport * from './popover.config';\nexport * from './popover.service';\nexport type * from './types';\nexport * from './base-popover.component';\nexport * from './seat-popover/seat-popover.component';\nexport * from './section-popover/section-popover.component';\nexport * from './services/popover-manager.service';\nexport * from './services/dvm-popover-positioner.service';\nexport * from './transformers/base-popover-data-transformer';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAwBa,aAAa,GAAG,IAAI,cAAc,CAAgB,cAAc;MAChE,qBAAqB,GAAG,IAAI,cAAc,CAAwB,sBAAsB;MACxF,WAAW,GAAG,IAAI,cAAc,CAAc,YAAY;MAC1D,kBAAkB,GAAG,IAAI,cAAc,CAAqB,mBAAmB;MAC/E,kBAAkB,GAAG,IAAI,cAAc,CAAqB,mBAAmB;MAC/E,eAAe,GAAG,IAAI,cAAc,CAAkB,gBAAgB;;MCiBtE,cAAc,CAAA;;AAER,IAAA,YAAY,GAAmB,MAAM,CAAC,cAAc,CAAC;AACrD,IAAA,WAAW,GAAwB,MAAM,CAAC,mBAAmB,CAAC;AAC9D,IAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC;;AAGrC,IAAA,gBAAgB,GAAiC,IAAI,GAAG,EAA2B;AACnF,IAAA,cAAc,GAAmC;AAChE,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,EAAE;KACf;IAEO,oBAAoB,GAAG,GAAG;IAC1B,gBAAgB,GAAG,EAAE;IACrB,YAAY,GAAyC,IAAI;AACzD,IAAA,0BAA0B,GAAiC,IAAI,GAAG,EAAE;;AAG3D,IAAA,oBAAoB,GAAG;AACtC,QAAA;AACE,YAAA,OAAO,EAAE,qBAAqB;AAC9B,YAAA,QAAQ,EAAE;AACR,gBAAA,aAAa,EAAE;AACb,oBAAA,OAAO,EAAE;AACP,wBAAA,OAAO,EAAE,eAAe;AACzB,qBAAA;AACF,iBAAA;AACuB,aAAA;AAC3B,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,QAAQ,EAAE;AACR,gBAAA,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE;AACpD,aAAA;AACnB,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,QAAQ,EAAE;AACR,gBAAA,eAAe,EAAE;AACf,oBAAA,aAAa,EAAE,MAAM,IAAI;AACzB,oBAAA,YAAY,EAAE,MAAM,EAAE,CAAC,0EAA0E,CAAC;AACnG,iBAAA;AACK,aAAA;AACT,SAAA;KACF;;IAGM,QAAQ,GAAA;AACb,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB;QAClC,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;AAClC,YAAA,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,EAAE;gBAClC;YACF;YACA,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AAC1B,QAAA,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC;IAC/B;IAEO,UAAU,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;AAC9B,YAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QAC1B;IACF;AAEA;;;;AAIG;IACI,eAAe,CAAC,SAAiB,EAAE,OAAgB,EAAA;AACxD,QAAA,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC;AACjC,QAAA,MAAM,KAAK,GAAG,OAAO,IAAI,IAAI,CAAC,oBAAoB;AAElD,QAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;AAClC,YAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;QAChC,CAAC,EAAE,KAAK,CAAC;IACX;AAEA;;;AAGG;AACI,IAAA,iBAAiB,CAAC,SAAiB,EAAA;AACxC,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;AAC9B,YAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QAC1B;IACF;AAEA;;;AAGG;AACI,IAAA,aAAa,CAAC,OAAe,EAAA;AAClC,QAAA,IAAI,CAAC,oBAAoB,GAAG,OAAO;IACrC;AAEA;;;;;;;;;AASG;IACI,aAAa,CAClB,SAAiB,EACjB,SAAiF,EACjF,OAA6B,EAC7B,UAAmC,EAAE,EAAA;QAErC,IAAI,CAAC,UAAU,EAAE;;AAEjB,QAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,IAAI,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AAEjC,QAAA,MAAM,EAAE,GAAW,SAAS,IAAI,CAAA,QAAA,EAAW,IAAI,CAAC,GAAG,EAAE,CAAA,CAAE,CAAC;AACxD,QAAA,MAAM,gBAAgB,GAAY,SAAS,YAAY,UAAU,GAAG,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;QACxG,MAAM,cAAc,GAAgB,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;AACvE,QAAA,MAAM,YAAY,GAAmC;;YAEnD,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS;YAC7D,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ;YAC1D,UAAU,EAAE,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU;SAC1G;;QAGD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;;AAGzC,QAAA,MAAM,QAAQ,GAAoB;YAChC,EAAE;AACF,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,SAAS,EAAE,gBAA0D;AACrE,YAAA,MAAM,EAAE,YAAY,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;SACnE;;QAGD,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;;AAGnD,QAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,gBAA+B,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC,MAAO,EAAE,CAAC;;QAGxG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC;AAEvC,QAAA,OAAO,QAAQ;IACjB;AAEA;;;;;;;;;;;AAWG;AACI,IAAA,iCAAiC,CACtC,SAAiB,EACjB,SAAiF,EACjF,SAA8C,EAC9C,MAAmB,EACnB,iBAA4C,EAC5C,OAAA,GAAmC,EAAE,EACrC,iBAAwC,EAAE,EAAA;QAE1C,IAAI,CAAC,UAAU,EAAE;;AAEjB,QAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,IAAI,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AAEjC,QAAA,MAAM,gBAAgB,GAAY,SAAS,YAAY,UAAU,GAAG,SAAS,CAAC,aAAa,GAAG,SAAS;AACvG,QAAA,MAAM,cAAc,GAAgB,IAAI,CAAC,oBAAoB,EAAE;;QAG/D,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,IAAI,IAAI,CAAC,oBAAoB;QACvE,MAAM,cAAc,GAAG,yBAAyB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AAE7E,QAAA,MAAM,kBAAkB,GAAoB,eAAe,CAAC,SAAS,EAAE;AACrE,YAAA,mBAAmB,EAAE,cAAc;AACnC,YAAA,WAAW,EAAE,cAAc;AAC5B,SAAA,CAAC;AAEF,QAAA,MAAM,YAAY,GAAmC;YACnD,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS;YAC7D,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ;YAC1D,UAAU,EAAE,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU;SAC1G;;QAGD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;;QAGzC,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AACjD,gBAAA,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC;YACzC;QACF;;QAGA,IAAI,iBAAiB,EAAE;AACrB,YAAA,IAAI,CAAC,wBAAwB,CAAC,kBAAkB,EAAE,iBAAiB,CAAC;QACtE;;AAGA,QAAA,kBAAkB,CAAC,iBAAiB,CAAC,aAAa,EAAE;;QAGpD,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC;;AAGzD,QAAA,MAAM,QAAQ,GAAoB;AAChC,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,SAAS,EAAE,gBAA0D;AACrE,YAAA,YAAY,EAAE,kBAA2C;AACzD,YAAA,MAAM,EAAE,YAAY,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;SACnE;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAE;AACtD,QAAA,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;;QAG/D,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;;AAGnD,QAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,gBAA+B,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC,MAAO,EAAE,CAAC;;QAGxG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,QAAQ;IACjB;AAEA;;;;;;;;;;AAUG;AACI,IAAA,sBAAsB,CAC3B,SAAiB,EACjB,SAAiF,EACjF,SAA8C,EAC9C,MAAmB,EACnB,OAAA,GAAmC,EAAE,EACrC,iBAAwC,EAAE,EAAA;QAE1C,IAAI,CAAC,UAAU,EAAE;;AAEjB,QAAA,IAAI,CAAC,oBAAoB,CAAC,SAAS,IAAI,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AAEjC,QAAA,MAAM,gBAAgB,GAAY,SAAS,YAAY,UAAU,GAAG,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;QACxG,MAAM,cAAc,GAAgB,IAAI,CAAC,oBAAoB,EAAE,CAAC;;QAGhE,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,IAAI,IAAI,CAAC,oBAAoB;QACvE,MAAM,cAAc,GAAG,yBAAyB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC;AAE7E,QAAA,MAAM,kBAAkB,GAAoB,eAAe,CAAC,SAAS,EAAE;AACrE,YAAA,mBAAmB,EAAE,cAAc;AACnC,YAAA,WAAW,EAAE,cAAc;SAC5B,CAAC,CAAC;AACH,QAAA,MAAM,YAAY,GAAmC;;YAEnD,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS;YAC7D,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ;YAC1D,UAAU,EAAE,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU;SAC1G;;QAGD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;;QAGzC,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AACjD,gBAAA,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC;YACzC;QACF;;AAGA,QAAA,kBAAkB,CAAC,iBAAiB,CAAC,aAAa,EAAE;;QAGpD,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC;;AAGzD,QAAA,MAAM,QAAQ,GAAoB;AAChC,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,SAAS,EAAE,gBAA0D;AACrE,YAAA,YAAY,EAAE,kBAA2C;AACzD,YAAA,MAAM,EAAE,YAAY,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;SACnE;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAE;AACtD,QAAA,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;;QAG/D,KAAK,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC;;AAGnD,QAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,gBAA+B,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC,MAAO,EAAE,CAAC;;QAGxG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,QAAQ;IACjB;AAEA;;;;AAIG;AACI,IAAA,cAAc,CAAC,EAAU,EAAA;;QAE9B,MAAM,QAAQ,GAAgC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;QAE3E,IAAI,CAAC,QAAQ,EAAE;YACb;QACF;;AAGA,QAAA,QAAQ,CAAC,OAAO,IAAI;;AAGpB,QAAA,IAAI,QAAQ,CAAC,YAAY,EAAE;YACzB,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;AAC5D,YAAA,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE;QACjC;;QAGA,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE;AACnD,YAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;QAC3B;;AAGA,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;IAClC;AAEA;;AAEG;IACI,kBAAkB,GAAA;QACvB,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE;AAC7C,YAAA,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;QACzB;IACF;AACA;;;;;AAKG;AACK,IAAA,oBAAoB,CAAC,OAA2C,EAAA;;QAEtE,MAAM,cAAc,GAAgB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;;AAGtE,QAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;;QAGvC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,cAAc;QACvB;AAEA,QAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;AAC/B,YAAA,cAAc,CAAC,SAAS,GAAG,OAAO;QACpC;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,OAAO,YAAY,UAAU,GAAG,OAAO,CAAC,aAAa,GAAG,OAAO;AAE/E,YAAA,cAAc,CAAC,MAAM,CAAC,OAAsB,CAAC;QAC/C;AAEA,QAAA,OAAO,cAAc;IACvB;AAEA;;;;AAIG;AACK,IAAA,oBAAoB,CAAC,EAAU,EAAA;QACrC,IAAI,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AACjC,YAAA,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;QACzB;IACF;AAEA;;;;;;AAMG;AACK,IAAA,MAAM,iBAAiB,CAC7B,QAAyB,EACzB,UAA0C,EAAE,EAAA;;QAG5C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO;AAEnD,QAAA,IAAI;;AAEF,YAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,EAAE;gBAC3E,SAAS;gBACT,QAAQ;gBACR,UAAU;AACX,aAAA,CAAC;;YAGF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AACpC,gBAAA,QAAQ,EAAE,QAAQ;gBAClB,GAAG,EAAE,CAAA,EAAG,CAAC,CAAA,EAAA,CAAI;gBACb,IAAI,EAAE,CAAA,EAAG,CAAC,CAAA,EAAA,CAAI;AACf,aAAA,CAAC;QACJ;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC;QACnD;IACF;AAEA;;;;;AAKG;IACK,wBAAwB,CAC9B,YAA6B,EAC7B,iBAA2C,EAAA;AAE3C,QAAA,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAe;;AAGtD,QAAA,IAAI,iBAAiB,CAAC,SAAS,EAAE;YAC/B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,wBAAwB,EAAE,iBAAiB,CAAC,SAAS,CAAC;QACrG;AAEA,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACjG;AAEA,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE;YAC3B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB,CAAC,KAAK,CAAC;QAC7F;IACF;AAEA;;;;;;AAMG;AACK,IAAA,oBAAoB,CAC1B,iBAAsB,EACtB,cAAsB,EACtB,OAAsC,EAAA;;AAGtC,QAAA,iBAAiB,CAAC,cAAc,CAAC,GAAG,IAAI;;AAGxC,QAAA,IAAI,OAAO,YAAY,WAAW,EAAE;AAClC,YAAA,iBAAiB,CAAC,CAAA,EAAG,cAAc,UAAU,CAAC,GAAG,OAAO;QAC1D;AAAO,aAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;;AAEtC,YAAA,iBAAiB,CAAC,CAAA,EAAG,cAAc,MAAM,CAAC,GAAG,OAAO;QACtD;IACF;AAEA;;;;;;;;;;;AAWG;AACK,IAAA,cAAc,CAAC,UAA6B,EAAA;;;QAIlD,MAAM,WAAW,GAAiB,EAAE;AACpC,QAAA,MAAM,KAAK,GAAgC;YACzC,QAAQ;YACR,OAAO;YACP,MAAM;YACN,OAAO;YACP,MAAM;YACN,eAAe;YACf,QAAQ;YACR,MAAM;YACN,gBAAgB;SACjB;;AAGD,QAAA,KAAK,MAAM,GAAG,IAAI,KAAoC,EAAE;AACtD,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACpB;YACF;YAEA,QAAQ,GAAG;gBACT,KAAK,QAAQ,EAAE;oBACb,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;oBAC3C;gBACF;gBAEA,KAAK,OAAO,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBACzC;gBACF;gBAEA,KAAK,MAAM,EAAE;oBACX,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACvC;gBACF;gBAEA,KAAK,OAAO,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAM,CAAC,CAAC;oBAC1C;gBACF;gBAEA,KAAK,MAAM,EAAE;oBACX,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACvC;gBACF;gBAEA,KAAK,eAAe,EAAE;oBACpB,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;oBACzD;gBACF;gBAEA,KAAK,MAAM,EAAE;oBACX,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACvC;gBACF;gBAEA,KAAK,QAAQ,EAAE;oBACb,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;oBAC3C;gBACF;gBAEA,KAAK,gBAAgB,EAAE;AACrB,oBAAA,MAAM,kBAAkB,GAAe;AACrC,wBAAA,IAAI,EAAE,gBAAgB;wBACtB,MAAM,EAAE,CAAC,KAAK,EAAA;4BACZ,MAAM,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC;AACtD,4BAAA,OAAO,EAAE;wBACX,CAAC;qBACF;AACD,oBAAA,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC;oBACpC;gBACF;;QAEJ;AAEA,QAAA,OAAO,WAAW;IACpB;uGAnkBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAd,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cAFb,MAAM,EAAA,CAAA;;2FAEP,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;AC1CD;;;AAGG;MAKmB,oBAAoB,CAAA;IAC/B,SAAS,GAAW,EAAE;AACtB,IAAA,aAAa,GAAW,GAAG,CAAC;IAC5B,cAAc,GAAY,IAAI;AAE7B,IAAA,UAAU,GAAG,IAAI,YAAY,EAAc;AAC3C,IAAA,UAAU,GAAG,IAAI,YAAY,EAAc;AAC3C,IAAA,aAAa,GAAG,IAAI,YAAY,EAAQ;AAE/B,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAE1C,WAAW,GAAG,KAAK;IAE3B,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,SAAS,EAAE;YACzC,IAAI,CAAC,kBAAkB,EAAE;QAC3B;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACvD;IACF;AAEU,IAAA,YAAY,CAAC,KAAiB,EAAA;AACtC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;AAEU,IAAA,YAAY,CAAC,KAAiB,EAAA;AACtC,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,kBAAkB,EAAE;QAC3B;AACA,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;IAEU,WAAW,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC;AAClD,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;QAC3B;IACF;IAEQ,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACvC,YAAA,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QACzE;IACF;IAEQ,kBAAkB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACvD;IACF;uGAzDoB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,+QAH9B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;sBAEE;;sBACA;;sBACA;;sBAEA;;sBACA;;sBACA;;;ACKG,MAAO,oBAAqB,SAAQ,oBAAoB,CAAA;AACnD,IAAA,IAAI;IACJ,UAAU,GAAY,IAAI;IAElB,iBAAiB,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvD,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEjD,IAAA,SAAS;IACT,kBAAkB,GAAG,IAAI;IAE1B,QAAQ,GAAA;AACf,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC;AAEjB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;AACpC,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;QACjC;aAAO,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpD,IAAI,CAAC,aAAa,EAAE;QACtB;IACF;IAEQ,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,iBAAkB,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;YAC3D,IAAI,EAAE,GAAG,IAAG;AACV,gBAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACpB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;YACzB,CAAC;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;YACzB,CAAC;AACF,SAAA,CAAC;IACJ;AAEA,IAAA,IAAc,gBAAgB,GAAA;AAC5B,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO;IAC5G;AAEA,IAAA,IAAc,aAAa,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI;IACvD;AAEU,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IAC1B;AAEU,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IAC1B;uGAjDW,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBjC,oyCAwCA,EAAA,MAAA,EAAA,CAAA,+6CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDnBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACE,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,oyCAAA,EAAA,MAAA,EAAA,CAAA,+6CAAA,CAAA,EAAA;;sBAGpC;;sBACA;;;AEFG,MAAO,uBAAwB,SAAQ,oBAAoB,CAAA;AACtD,IAAA,IAAI;IACJ,UAAU,GAAY,IAAI;IAC1B,iBAAiB,GAAY,KAAK;IAClC,eAAe,GAAY,IAAI;AAC/B,IAAA,sBAAsB,GAAa,CAAC,WAAW,EAAE,YAAY,CAAC;IAC9D,kBAAkB,GAAY,KAAK;AAElC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAQ;AACrC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAW;AACzC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ;IAE/B,iBAAiB,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvD,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEjD,IAAA,SAAS;IACT,kBAAkB,GAAG,IAAI;IAE1B,QAAQ,GAAA;AACf,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC;AAEjB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;AACpC,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;QACjC;aAAO,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpD,IAAI,CAAC,aAAa,EAAE;QACtB;IACF;IAEQ,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,iBAAkB,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;YAC3D,IAAI,EAAE,GAAG,IAAG;AACV,gBAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACpB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;YACzB,CAAC;YACD,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;YACzB,CAAC;AACF,SAAA,CAAC;IACJ;AAEA,IAAA,IAAc,iBAAiB,GAAA;QAC7B,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU;AACzC,QAAA,OAAO,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAA,EAAG,GAAG,CAAA,GAAA,EAAM,GAAG,EAAE;IACzD;AAEA,IAAA,IAAc,kBAAkB,GAAA;QAC9B,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC3D,YAAA,OAAO,IAAI,CAAC,IAAI,CAAC,kBAAkB;QACrC;AACA,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,IAAc,uBAAuB,GAAA;QACnC,QACE,IAAI,CAAC,eAAe;YACpB,CAAC,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AACxD,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,mBAAmB;IAE1C;AAEU,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IAC1B;AAEU,IAAA,OAAO,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IAC1B;IAEU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;IACxB;IAEU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;IACnD;IAEU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IACzB;uGAjFW,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBpC,oqEA0DA,EAAA,MAAA,EAAA,CAAA,qtFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrCY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,oqEAAA,EAAA,MAAA,EAAA,CAAA,qtFAAA,CAAA,EAAA;;sBAGtB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBACA;;;AEYH,IAAY,QAMX;AAND,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,QAAA,CAAA,IAAA,CAAA,GAAA,mBAAwB;AACxB,IAAA,QAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EANW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;;MCVP,gBAAgB,CAAA;;AAE3B;;AAEG;AAEa,IAAA,IAAI;AAEpB;;AAEG;AACa,IAAA,KAAK,GAAG,KAAK,CAAa,WAAW,iDAAC;;AAGtD;;AAEG;IACa,UAAU,GAAG,MAAM,EAAwD;AAE3F;;AAEG;IACa,kBAAkB,GAAG,MAAM,EAIvC;AAEJ;;AAEG;IACa,WAAW,GAAG,MAAM,EAAwD;;AAG3E,IAAA,GAAG,GAAgB,MAAM,CAAC,WAAW,CAAC;AACtC,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC/B,IAAA,MAAM,GAAkB,MAAM,CAAC,aAAa,CAAC;AAC7C,IAAA,oBAAoB,GAA0B,MAAM,CAAC,qBAAqB,CAAC;AACzE,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;;IAGvC,KAAK,GAAoB,QAAQ;AAC1C,IAAA,SAAS;AACT,IAAA,OAAO;AACP,IAAA,GAAG;AACH,IAAA,IAAI;AACJ,IAAA,MAAM;;IAGN,iBAAiB,GAAW,CAAC;IAC7B,WAAW,GAAW,CAAC;IACvB,oBAAoB,GAAY,KAAK;;AAG/C,IAAA,IAAc,QAAQ,GAAA;QACpB,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;AACrC,YAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;QACnC;AACA,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAc,WAAW,GAAA;QACvB,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,EAAE,EAAE;AAC3E,YAAA,OAAO,IAAI,CAAC,sBAAsB,EAAE;QACtC;AACA,QAAA,OAAO,IAAI;IACb;;IAGO,QAAQ,GAAA;QACb,IAAI,CAAC,aAAa,EAAE;IACtB;AAEU,IAAA,OAAO,CAAC,CAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;IAClC;AAEU,IAAA,OAAO,CAAC,CAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE;IAChC;;AAGA,IAAA,IAAc,KAAK,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,MAAM;cACd,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;kBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ;kBACtE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAClB,cAAE,SAAS,CAAC;IAChB;AAEA,IAAA,IAAc,UAAU,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAC5C,YAAA,OAAO,EAAE;QACX;QAEA,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;AAC/D,YAAA,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA,GAAA,EAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QACtD;AACA,QAAA,OAAO,UAAU;IACnB;;IAGQ,aAAa,GAAA;QACnB,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,YAAY,EAAE;;IAErB;IAEQ,QAAQ,GAAA;AACd,QAAA,MAAM,MAAM,GAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;AAExE,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI;QAC5B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI;IAC/B;IAEQ,YAAY,GAAA;AAClB,QAAA,MAAM,eAAe,GAAoB,IAAI,CAAC,GAAG,CAAC,eAAe;AACjE,QAAA,MAAM,OAAO,GAA8B;;YAEzC,QAAQ,EAAE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO;;AAEjE,YAAA,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE;SACvB;AAED,QAAA,IAAI,CAAC,eAAe,EAAE,aAAa,EAAE,EAAE;YACrC;QACF;AAEA,QAAA,eAAe,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,YAAoB,KAAU;AACnF,YAAA,IAAI,CAAC,SAAS,GAAG,YAAY;AAC7B,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACzB,QAAA,CAAC,CAAC;IACJ;;IAGU,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,SAAA,CAAC;IACJ;AAEU,IAAA,oBAAoB,CAAC,QAAiB,EAAA;AAC9C,QAAA,IAAI,CAAC,oBAAoB,GAAG,QAAQ;AACpC,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YAC3B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,oBAAoB;AACpC,SAAA,CAAC;IACJ;IAEU,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,SAAA,CAAC;IACJ;;IAGQ,mBAAmB,GAAA;AACzB,QAAA,MAAM,MAAM,GAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AACxE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;QACzB,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE;QAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE;QAE5B,OAAO;AACL,YAAA,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AAChB,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACrD,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B;IACH;IAEQ,sBAAsB,GAAA;AAC5B,QAAA,MAAM,MAAM,GAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AACxE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;;QAGzB,IAAI,UAAU,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;AACnC,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACzC,YAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ;YACtF,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;QAC/C;QAEA,OAAO;AACL,YAAA,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE;AAChB,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,UAAU,EAAE,UAAU;YACtB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,GAAG,mBAAmB,GAAG,SAAS;YACtE,eAAe,EAAE,IAAI,CAAC,oBAAoB;SAC3C;IACH;uGAvMW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,kbCnC7B,+wBA2BA,EAAA,MAAA,EAAA,CAAA,ilEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,6FAAE,uBAAuB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAI1D,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,CAAC,EAAA,QAAA,EAAA,+wBAAA,EAAA,MAAA,EAAA,CAAA,ilEAAA,CAAA,EAAA;;sBASrE;;;AEnCH;;;AAGG;MAEU,qBAAqB,CAAA;IACxB,gBAAgB,GAAW,EAAE;AAC7B,IAAA,OAAO;AACE,IAAA,UAAU;AAE3B,IAAA,WAAA,CAAwC,UAA8B,EAAA;AACpE,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;IAC9B;AAEA;;;AAGG;AACH,IAAA,WAAW,CAAI,MAAwB,EAAA;AACrC,QAAA,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;AACxB,QAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM;AACrC,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO;AAE7B,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC;AAEvE,QAAA,IAAI,MAAM,CAAC,eAAe,EAAE;AAC1B,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAC7D,gBAAA,YAAY,CAAC,QAAgB,CAAC,GAAG,CAAC,GAAG,KAAK;AAC7C,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,IAAI,MAAM,CAAC,aAAa,EAAE;AACxB,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAI;AAC9D,gBAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAe;AAC7C,gBAAA,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,UAAU,EAAE;oBAClE,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;gBAClC;AACF,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC1F,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC;QAE3D,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE;YACtC,SAAS;AACT,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,IAAI,EAAE,QAAQ;AACd,oBAAA,OAAO,EAAE;wBACP,MAAM;AACP,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,OAAO,EAAE;AACP,wBAAA,kBAAkB,EAAE,EAAE;AACvB,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;IAC5C;AAEA;;;AAGG;AACH,IAAA,WAAW,CAAC,MAAc,EAAA;AACxB,QAAA,IAAI,IAAI,CAAC,gBAAgB,KAAK,MAAM,EAAE;AACpC,YAAA,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,WAAW,CAAC;QAC5C;IACF;AAEA;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,WAAW,CAAC;AAC1C,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;IAC5B;AA3EW,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,kBAKZ,kBAAkB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAL3B,qBAAqB,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBADjC;;0BAMc,MAAM;2BAAC,kBAAkB;;;ACRxC;;;AAGG;MAEU,2BAA2B,CAAA;AACrB,IAAA,UAAU;AACV,IAAA,aAAa;IAE9B,WAAA,CACuB,UAAuB,EACb,aAAoC,EAAA;AAEnE,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;AAC5B,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa;IACpC;AAEA;;;;;AAKG;IACH,kBAAkB,CAAC,IAAmB,EAAE,SAAsB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC;QAC7C;AAEA,QAAA,MAAM,eAAe,GAAqB;AACxC,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAC/B,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;SAChC;AAED,QAAA,MAAM,aAAa,GAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,eAAe,CAAE;QAExF,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE;AACjD,YAAA,OAAO,KAAK;QACd;aAAO;AACL,YAAA,OAAO,QAAQ;QACjB;IACF;AAEA;;;;AAIG;AACH,IAAA,eAAe,CAAC,IAAmB,EAAA;AACjC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AACxB,YAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;QACf;AAEA,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB,EAAE;YAChE,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,OAAc;AAC/D,YAAA,MAAM,cAAc,GAAG,OAAO,EAAE,cAAc,IAAI,EAAE;AACpD,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,EAAiC;AACrD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAA0C;YACtE,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,cAAc,CAAC;AAE1E,YAAA,OAAO,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5B;AAEA,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACf;uGA1DW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAK5B,WAAW,EAAA,EAAA,EAAA,KAAA,EACX,qBAAqB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GANpB,2BAA2B,EAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC;;0BAMI,MAAM;2BAAC,WAAW;;0BAClB,MAAM;2BAAC,qBAAqB;;;AChBjC;;;AAGG;MACmB,0BAA0B,CAAA;AAQ/C;AAED;;;;AAIG;AACG,MAAgB,uBAAiC,SAAQ,0BAG9D,CAAA;AAAG;AAEJ;;;;AAIG;AACG,MAAgB,0BAAoC,SAAQ,0BAGjE,CAAA;AAAG;;AClCJ;;AAEG;;ACFH;;AAEG;;;;"}

package/dist/fesm2022/3ddv-software-division-components-dvm-stepper.mjs

@@ -0,0 +1,94 @@
+import { SIZE_ORDER } from '@3ddv/software-division-components/shared';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class StepperComponent {
+    steps = input.required(...(ngDevMode ? [{ debugName: "steps" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    routeName = input(null, ...(ngDevMode ? [{ debugName: "routeName" }] : []));
+    theme = input('theme-sdc', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    variant = input('light', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    /** Only these are supported for stepper. */
+    supportedSizes = ['xxs', 'xs', 'sm', 'md', 'lg'];
+    /** Normalize any Size → StepperSize by flooring to the nearest supported size. */
+    normalizeSize = (s) => {
+        const wantedIdx = SIZE_ORDER.indexOf(s);
+        if (wantedIdx === -1)
+            return 'md';
+        for (let i = wantedIdx; i >= 0; i--) {
+            const candidate = SIZE_ORDER[i];
+            if (this.supportedSizes.includes(candidate)) {
+                return candidate;
+            }
+        }
+        return 'md';
+    };
+    allowedAlign = ['align-start', 'align-center', 'align-end'];
+    allowedOrientation = ['orientation-horizontal', 'orientation-vertical'];
+    allowedSizes = SIZE_ORDER.map(s => `size-${s}`);
+    styleClass = input(['orientation-horizontal', 'align-center'], ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    className = input('', ...(ngDevMode ? [{ debugName: "className" }] : []));
+    _validatedStyleClass = computed(() => {
+        const classes = this.styleClass() ?? [];
+        const valid = classes.filter(c => this.allowedAlign.includes(c) ||
+            this.allowedOrientation.includes(c) ||
+            this.allowedSizes.includes(c));
+        if (valid.length !== classes.length) {
+            const invalid = classes.filter(c => !valid.includes(c));
+            console.warn(`StepperComponent: Ignored invalid styleClass: ${invalid.join(', ')}`);
+        }
+        return valid;
+    }, ...(ngDevMode ? [{ debugName: "_validatedStyleClass" }] : []));
+    _effectiveSize = computed(() => {
+        const sc = this._validatedStyleClass();
+        const rawOverride = sc
+            .filter(c => c.startsWith('size-'))
+            .slice(-1)[0]
+            ?.replace(/^size-/, '');
+        if (rawOverride)
+            return this.normalizeSize(rawOverride);
+        return this.normalizeSize(this.size());
+    }, ...(ngDevMode ? [{ debugName: "_effectiveSize" }] : []));
+    computedClass = computed(() => {
+        const base = this._validatedStyleClass().filter(c => !c.startsWith('size-'));
+        const normalizedSize = this._effectiveSize();
+        const variantClass = `variant-${this.variant()}`;
+        return ['sdc-stepper', this.theme(), `size-${normalizedSize}`, variantClass, ...base, this.className()]
+            .filter(Boolean)
+            .join(' ');
+    }, ...(ngDevMode ? [{ debugName: "computedClass" }] : []));
+    stateForIndex(i) {
+        const route = this.routeName();
+        if (!route)
+            return 'normal';
+        const current = this.steps().findIndex(s => s.name === route);
+        if (current < 0)
+            return 'normal';
+        if (current === i)
+            return 'active';
+        if (current > i)
+            return 'completed';
+        return 'normal';
+    }
+    stateClass(i) {
+        return `state-${this.stateForIndex(i)}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: StepperComponent, isStandalone: true, selector: "sdc-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, routeName: { classPropertyName: "routeName", publicName: "routeName", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n  <ol class=\"sdc-stepper__list\">\n    @for (step of steps(); track step.name; let i = $index) {\n      <li class=\"sdc-stepper__item\">\n        <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-accent);--sdc-stepper-completed-color: var(--color-accent)}.sdc-stepper .sdc-stepper__list{display:flex;width:100%;text-align:center;align-items:center;font-weight:var(--sdc-stepper-font-weight);color:var(--sdc-stepper-text-color);gap:var(--sdc-stepper-gap-x)}.sdc-stepper.orientation-vertical .sdc-stepper__list{flex-direction:column;align-items:flex-start;gap:var(--sdc-stepper-gap-y)}.sdc-stepper.align-start .sdc-stepper__list{justify-content:flex-start}.sdc-stepper.align-center .sdc-stepper__list{justify-content:center}.sdc-stepper.align-end .sdc-stepper__list{justify-content:flex-end}.sdc-stepper.size-xxs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xxs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-xs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-sm{--sdc-stepper-gap-x: var(--space-1_5);--sdc-stepper-font-size: var(--text-sm);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-md{--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-font-size: var(--text-base);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-lg{--sdc-stepper-gap-x: var(--space-3);--sdc-stepper-font-size: var(--text-lg);--sdc-stepper-separator-content: \"-\"}.sdc-stepper__item{display:flex;align-items:center;position:relative;color:inherit}.sdc-stepper.orientation-horizontal .sdc-stepper__item:not(:last-child):after{content:var(--sdc-stepper-separator-content);margin:0 var(--space-2);color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper.orientation-vertical .sdc-stepper__item:not(:last-child):after{content:\"\";display:block;width:1px;height:var(--space-4);margin:var(--space-1) 0;background-color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper__text{font-size:var(--sdc-stepper-font-size);transition:color .2s ease-in-out}.sdc-stepper__text.state-active{color:var(--sdc-stepper-active-color)}.sdc-stepper__text.state-normal{color:var(--sdc-stepper-normal-color)}.sdc-stepper__text.state-completed{color:var(--sdc-stepper-completed-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-stepper', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n  <ol class=\"sdc-stepper__list\">\n    @for (step of steps(); track step.name; let i = $index) {\n      <li class=\"sdc-stepper__item\">\n        <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-accent);--sdc-stepper-completed-color: var(--color-accent)}.sdc-stepper .sdc-stepper__list{display:flex;width:100%;text-align:center;align-items:center;font-weight:var(--sdc-stepper-font-weight);color:var(--sdc-stepper-text-color);gap:var(--sdc-stepper-gap-x)}.sdc-stepper.orientation-vertical .sdc-stepper__list{flex-direction:column;align-items:flex-start;gap:var(--sdc-stepper-gap-y)}.sdc-stepper.align-start .sdc-stepper__list{justify-content:flex-start}.sdc-stepper.align-center .sdc-stepper__list{justify-content:center}.sdc-stepper.align-end .sdc-stepper__list{justify-content:flex-end}.sdc-stepper.size-xxs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xxs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-xs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-sm{--sdc-stepper-gap-x: var(--space-1_5);--sdc-stepper-font-size: var(--text-sm);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-md{--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-font-size: var(--text-base);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-lg{--sdc-stepper-gap-x: var(--space-3);--sdc-stepper-font-size: var(--text-lg);--sdc-stepper-separator-content: \"-\"}.sdc-stepper__item{display:flex;align-items:center;position:relative;color:inherit}.sdc-stepper.orientation-horizontal .sdc-stepper__item:not(:last-child):after{content:var(--sdc-stepper-separator-content);margin:0 var(--space-2);color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper.orientation-vertical .sdc-stepper__item:not(:last-child):after{content:\"\";display:block;width:1px;height:var(--space-4);margin:var(--space-1) 0;background-color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper__text{font-size:var(--sdc-stepper-font-size);transition:color .2s ease-in-out}.sdc-stepper__text.state-active{color:var(--sdc-stepper-active-color)}.sdc-stepper__text.state-normal{color:var(--sdc-stepper-normal-color)}.sdc-stepper__text.state-completed{color:var(--sdc-stepper-completed-color)}\n"] }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], routeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "routeName", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/*
+ * Public API Surface of software-division-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StepperComponent };
+//# sourceMappingURL=3ddv-software-division-components-dvm-stepper.mjs.map

package/dist/fesm2022/3ddv-software-division-components-dvm-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-dvm-stepper.mjs","sources":["../../dvm/stepper/stepper.component.ts","../../dvm/stepper/stepper.component.html","../../dvm/stepper/public-api.ts","../../dvm/stepper/3ddv-software-division-components-dvm-stepper.ts"],"sourcesContent":["import { SIZE_ORDER, Size, ThemeClass } from '@3ddv/software-division-components/shared';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { Step, StepState, StepperSize } from './types';\n\n@Component({\n  selector: 'sdc-stepper',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './stepper.component.html',\n  styleUrls: ['./stepper.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StepperComponent {\n  public readonly steps = input.required<Step[]>();\n  public readonly size = input<Size>('md');\n  public readonly routeName = input<string | null>(null);\n  public readonly theme = input<ThemeClass>('theme-sdc');\n  public readonly variant = input<'light' | 'dark'>('light');\n\n  /** Only these are supported for stepper. */\n  private readonly supportedSizes: StepperSize[] = ['xxs', 'xs', 'sm', 'md', 'lg'];\n\n  /** Normalize any Size → StepperSize by flooring to the nearest supported size. */\n  private normalizeSize = (s: Size): StepperSize => {\n    const wantedIdx = SIZE_ORDER.indexOf(s);\n    if (wantedIdx === -1) return 'md';\n\n    for (let i = wantedIdx; i >= 0; i--) {\n      const candidate = SIZE_ORDER[i];\n      if (this.supportedSizes.includes(candidate as StepperSize)) {\n        return candidate as StepperSize;\n      }\n    }\n    return 'md';\n  };\n\n  private readonly allowedAlign = ['align-start', 'align-center', 'align-end'] as const;\n  private readonly allowedOrientation = ['orientation-horizontal', 'orientation-vertical'] as const;\n  private readonly allowedSizes = SIZE_ORDER.map(s => `size-${s}`);\n\n  public readonly styleClass = input<\n    (\n      | (typeof this.allowedAlign)[number]\n      | (typeof this.allowedOrientation)[number]\n      | (typeof this.allowedSizes)[number]\n    )[]\n  >(['orientation-horizontal', 'align-center']);\n\n  public readonly className = input<string>('');\n\n  private readonly _validatedStyleClass = computed(() => {\n    const classes = this.styleClass() ?? [];\n    const valid = classes.filter(\n      c =>\n        this.allowedAlign.includes(c as any) ||\n        this.allowedOrientation.includes(c as any) ||\n        this.allowedSizes.includes(c as any)\n    );\n    if (valid.length !== classes.length) {\n      const invalid = classes.filter(c => !valid.includes(c));\n      console.warn(`StepperComponent: Ignored invalid styleClass: ${invalid.join(', ')}`);\n    }\n    return valid;\n  });\n\n  private readonly _effectiveSize = computed<StepperSize>(() => {\n    const sc = this._validatedStyleClass();\n    const rawOverride = sc\n      .filter(c => c.startsWith('size-'))\n      .slice(-1)[0]\n      ?.replace(/^size-/, '') as Size | undefined;\n\n    if (rawOverride) return this.normalizeSize(rawOverride);\n    return this.normalizeSize(this.size());\n  });\n\n  protected readonly computedClass = computed(() => {\n    const base = this._validatedStyleClass().filter(c => !c.startsWith('size-'));\n    const normalizedSize = this._effectiveSize();\n    const variantClass = `variant-${this.variant()}`;\n\n    return ['sdc-stepper', this.theme(), `size-${normalizedSize}`, variantClass, ...base, this.className()]\n      .filter(Boolean)\n      .join(' ');\n  });\n\n  protected stateForIndex(i: number): StepState {\n    const route = this.routeName();\n    if (!route) return 'normal';\n    const current = this.steps().findIndex(s => s.name === route);\n    if (current < 0) return 'normal';\n    if (current === i) return 'active';\n    if (current > i) return 'completed';\n    return 'normal';\n  }\n\n  protected stateClass(i: number): string {\n    return `state-${this.stateForIndex(i)}`;\n  }\n}\n","<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n  <ol class=\"sdc-stepper__list\">\n    @for (step of steps(); track step.name; let i = $index) {\n      <li class=\"sdc-stepper__item\">\n        <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n      </li>\n    }\n  </ol>\n</nav>\n","/*\n * Public API Surface of software-division-components\n */\n\nexport * from './stepper.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/3ddv-software-division-components-dvm-ticket-info-item.mjs

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { Component, Injectable } from '@angular/core';
+
+class TicketInfoItemComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TicketInfoItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.4", type: TicketInfoItemComponent, isStandalone: true, selector: "sdc-ticket-info-item", ngImport: i0, template: "<div>ticket-info-item component!</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TicketInfoItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sdc-ticket-info-item', standalone: true, template: "<div>ticket-info-item component!</div>\n" }]
+        }] });
+
+class TicketInfoItemService {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TicketInfoItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TicketInfoItemService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TicketInfoItemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of software-division-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TicketInfoItemComponent, TicketInfoItemService };
+//# sourceMappingURL=3ddv-software-division-components-dvm-ticket-info-item.mjs.map

package/dist/fesm2022/3ddv-software-division-components-dvm-ticket-info-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-dvm-ticket-info-item.mjs","sources":["../../dvm/ticket-info-item/ticket-info-item.component.ts","../../dvm/ticket-info-item/ticket-info-item.component.html","../../dvm/ticket-info-item/ticket-info-item.service.ts","../../dvm/ticket-info-item/public-api.ts","../../dvm/ticket-info-item/3ddv-software-division-components-dvm-ticket-info-item.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'sdc-ticket-info-item',\n  standalone: true,\n  templateUrl: './ticket-info-item.component.html',\n})\nexport class TicketInfoItemComponent {}\n","<div>ticket-info-item component!</div>\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TicketInfoItemService {\n  constructor() {}\n}\n","/*\n * Public API Surface of software-division-components\n */\n\nexport * from './ticket-info-item.component';\nexport * from './ticket-info-item.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,uBAAuB,CAAA;uGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,gFCPpC,0CACA,EAAA,CAAA;;2FDMa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cACpB,IAAI,EAAA,QAAA,EAAA,0CAAA,EAAA;;;MECL,qBAAqB,CAAA;AAChC,IAAA,WAAA,GAAA,EAAe;uGADJ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAArB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA;;2FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACJD;;AAEG;;ACFH;;AAEG;;;;"}

package/dist/fesm2022/3ddv-software-division-components-generic-add-digital-wallet.mjs

@@ -0,0 +1,46 @@
+import { BraintreeComponent } from '@3ddv/software-division-components/generic/braintree';
+import * as i0 from '@angular/core';
+import { input, output, inject, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+
+class AddDigitalWalletComponent {
+    // INPUTS
+    token = input.required(...(ngDevMode ? [{ debugName: "token" }] : []));
+    errorMessage = input(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    showCancelButton = input(false, ...(ngDevMode ? [{ debugName: "showCancelButton" }] : []));
+    showIsDefaultCardCheckbox = input(false, ...(ngDevMode ? [{ debugName: "showIsDefaultCardCheckbox" }] : []));
+    // OUTPUTS
+    braintreePayload = output();
+    cancelClick = output();
+    useDefaultCard = output();
+    // STATE
+    useDefaultCardCtrl = new FormControl(false);
+    destroyRef = inject(DestroyRef);
+    ngOnInit() {
+        this.useDefaultCardCtrl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {
+            this.useDefaultCard.emit(!!value);
+        });
+    }
+    onDigitalWalletSubmitted(data) {
+        console.log('EMIT BRAINTREE SUBMIT', data);
+        this.braintreePayload.emit(data);
+    }
+    onCancel() {
+        this.cancelClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AddDigitalWalletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: AddDigitalWalletComponent, isStandalone: true, selector: "sdc-add-digital-wallet", inputs: { token: { classPropertyName: "token", publicName: "token", isSignal: true, isRequired: true, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null }, showIsDefaultCardCheckbox: { classPropertyName: "showIsDefaultCardCheckbox", publicName: "showIsDefaultCardCheckbox", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { braintreePayload: "braintreePayload", cancelClick: "cancelClick", useDefaultCard: "useDefaultCard" }, ngImport: i0, template: "<div class=\"sdc-digital-wallet theme-sdc\" id=\"add-patron-card-modal\">\n  <div class=\"sdc-digital-wallet__inner\">\n    <h2 class=\"sdc-digital-wallet__title\">ADD YOUR CARD</h2>\n\n    <sdc-braintree\n      class=\"sdc-digital-wallet__braintree\"\n      [isDigitalWalletPayment]=\"true\"\n      [token]=\"token()\"\n      (onSubmit)=\"onDigitalWalletSubmitted($event)\">\n      <div>\n        @if (showIsDefaultCardCheckbox()) {\n          <label\n            id=\"braintree-use-default-card-checkbox\"\n            class=\"flex justify-center py-4 sdc-digital-wallet__default-card\">\n            <input type=\"checkbox\" [formControl]=\"useDefaultCardCtrl\" />\n            Make this my default card\n          </label>\n        }\n\n        @if (errorMessage()) {\n          <p class=\"sdc-digital-wallet__error\">\n            {{ errorMessage() || 'Something bad happened' }}\n          </p>\n        }\n\n        <div class=\"flex justify-center gap-4 pt-4\">\n          @if (showCancelButton()) {\n            <button\n              class=\"disabled:opacity-30 mr-3 md:mr-6 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__cancel btn-main-reverse\"\n              id=\"braintree-cancel-button\"\n              type=\"button\"\n              (click)=\"onCancel()\">\n              Cancel\n            </button>\n          }\n          <button\n            class=\"disabled:opacity-30 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__submit btn-main\"\n            id=\"braintree-save-button\"\n            type=\"button\">\n            Save Card\n          </button>\n        </div>\n      </div>\n    </sdc-braintree>\n  </div>\n</div>\n", styles: [".sdc-digital-wallet{--sdc-digital-wallet-max-width: 32rem;--sdc-digital-wallet-padding: var(--space-2) var(--space-0);--sdc-digital-wallet-title-size: var(--text-lg);--sdc-digital-wallet-title-weight: var(--font-bold);--sdc-digital-wallet-title-leading: var(--leading-tight);--sdc-digital-wallet-braintree-max-h: 24rem;--sdc-digital-wallet-braintree-overflow: auto;--sdc-digital-wallet-submit-radius: var(--radius-3xl);--sdc-digital-wallet-submit-text-size: var(--text-base);--sdc-digital-wallet-submit-text-weight: var(--font-bold);--sdc-digital-wallet-submit-text-color: var(--color-secondary-active);--sdc-digital-wallet-error-size: 1rem;--sdc-digital-wallet-error-color: var(--color-danger);position:relative;overflow:hidden;width:100%;max-width:var(--sdc-digital-wallet-max-width);padding:var(--sdc-digital-wallet-padding);margin:0 auto}.sdc-digital-wallet__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto}.sdc-digital-wallet__title{font-size:var(--sdc-digital-wallet-title-size);font-weight:var(--sdc-digital-wallet-title-weight);line-height:var(--sdc-digital-wallet-title-leading)}.sdc-digital-wallet__braintree{max-height:var(--sdc-digital-wallet-braintree-max-h);overflow-y:var(--sdc-digital-wallet-braintree-overflow)}.sdc-digital-wallet__submit{border-radius:var(--sdc-digital-wallet-submit-radius);font-size:var(--sdc-digital-wallet-submit-text-size);font-weight:var(--sdc-digital-wallet-submit-text-weight);color:hsl(var(--sdc-digital-wallet-submit-text-color));white-space:nowrap;cursor:pointer;outline:0}.sdc-digital-wallet__default-card{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.sdc-digital-wallet__error{font-size:var(--sdc-digital-wallet-error-size);color:hsl(var(--sdc-digital-wallet-error-color))}@media(min-width:1024px){.sdc-digital-wallet{--sdc-digital-wallet-padding: var(--space-6) var(--space-6);--sdc-digital-wallet-title-size: var(--text-xl);--sdc-digital-wallet-braintree-max-h: none}}\n"], dependencies: [{ kind: "component", type: BraintreeComponent, selector: "sdc-braintree", inputs: ["token", "isDigitalWalletPayment"], outputs: ["onSubmit"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AddDigitalWalletComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sdc-add-digital-wallet', changeDetection: ChangeDetectionStrategy.OnPush, imports: [BraintreeComponent, ReactiveFormsModule], template: "<div class=\"sdc-digital-wallet theme-sdc\" id=\"add-patron-card-modal\">\n  <div class=\"sdc-digital-wallet__inner\">\n    <h2 class=\"sdc-digital-wallet__title\">ADD YOUR CARD</h2>\n\n    <sdc-braintree\n      class=\"sdc-digital-wallet__braintree\"\n      [isDigitalWalletPayment]=\"true\"\n      [token]=\"token()\"\n      (onSubmit)=\"onDigitalWalletSubmitted($event)\">\n      <div>\n        @if (showIsDefaultCardCheckbox()) {\n          <label\n            id=\"braintree-use-default-card-checkbox\"\n            class=\"flex justify-center py-4 sdc-digital-wallet__default-card\">\n            <input type=\"checkbox\" [formControl]=\"useDefaultCardCtrl\" />\n            Make this my default card\n          </label>\n        }\n\n        @if (errorMessage()) {\n          <p class=\"sdc-digital-wallet__error\">\n            {{ errorMessage() || 'Something bad happened' }}\n          </p>\n        }\n\n        <div class=\"flex justify-center gap-4 pt-4\">\n          @if (showCancelButton()) {\n            <button\n              class=\"disabled:opacity-30 mr-3 md:mr-6 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__cancel btn-main-reverse\"\n              id=\"braintree-cancel-button\"\n              type=\"button\"\n              (click)=\"onCancel()\">\n              Cancel\n            </button>\n          }\n          <button\n            class=\"disabled:opacity-30 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__submit btn-main\"\n            id=\"braintree-save-button\"\n            type=\"button\">\n            Save Card\n          </button>\n        </div>\n      </div>\n    </sdc-braintree>\n  </div>\n</div>\n", styles: [".sdc-digital-wallet{--sdc-digital-wallet-max-width: 32rem;--sdc-digital-wallet-padding: var(--space-2) var(--space-0);--sdc-digital-wallet-title-size: var(--text-lg);--sdc-digital-wallet-title-weight: var(--font-bold);--sdc-digital-wallet-title-leading: var(--leading-tight);--sdc-digital-wallet-braintree-max-h: 24rem;--sdc-digital-wallet-braintree-overflow: auto;--sdc-digital-wallet-submit-radius: var(--radius-3xl);--sdc-digital-wallet-submit-text-size: var(--text-base);--sdc-digital-wallet-submit-text-weight: var(--font-bold);--sdc-digital-wallet-submit-text-color: var(--color-secondary-active);--sdc-digital-wallet-error-size: 1rem;--sdc-digital-wallet-error-color: var(--color-danger);position:relative;overflow:hidden;width:100%;max-width:var(--sdc-digital-wallet-max-width);padding:var(--sdc-digital-wallet-padding);margin:0 auto}.sdc-digital-wallet__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto}.sdc-digital-wallet__title{font-size:var(--sdc-digital-wallet-title-size);font-weight:var(--sdc-digital-wallet-title-weight);line-height:var(--sdc-digital-wallet-title-leading)}.sdc-digital-wallet__braintree{max-height:var(--sdc-digital-wallet-braintree-max-h);overflow-y:var(--sdc-digital-wallet-braintree-overflow)}.sdc-digital-wallet__submit{border-radius:var(--sdc-digital-wallet-submit-radius);font-size:var(--sdc-digital-wallet-submit-text-size);font-weight:var(--sdc-digital-wallet-submit-text-weight);color:hsl(var(--sdc-digital-wallet-submit-text-color));white-space:nowrap;cursor:pointer;outline:0}.sdc-digital-wallet__default-card{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.sdc-digital-wallet__error{font-size:var(--sdc-digital-wallet-error-size);color:hsl(var(--sdc-digital-wallet-error-color))}@media(min-width:1024px){.sdc-digital-wallet{--sdc-digital-wallet-padding: var(--space-6) var(--space-6);--sdc-digital-wallet-title-size: var(--text-xl);--sdc-digital-wallet-braintree-max-h: none}}\n"] }]
+        }], propDecorators: { token: [{ type: i0.Input, args: [{ isSignal: true, alias: "token", required: true }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], showCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancelButton", required: false }] }], showIsDefaultCardCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIsDefaultCardCheckbox", required: false }] }], braintreePayload: [{ type: i0.Output, args: ["braintreePayload"] }], cancelClick: [{ type: i0.Output, args: ["cancelClick"] }], useDefaultCard: [{ type: i0.Output, args: ["useDefaultCard"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AddDigitalWalletComponent };
+//# sourceMappingURL=3ddv-software-division-components-generic-add-digital-wallet.mjs.map

package/dist/fesm2022/3ddv-software-division-components-generic-add-digital-wallet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"3ddv-software-division-components-generic-add-digital-wallet.mjs","sources":["../../generic/add-digital-wallet/add-digital-wallet.component.ts","../../generic/add-digital-wallet/add-digital-wallet.component.html","../../generic/add-digital-wallet/3ddv-software-division-components-generic-add-digital-wallet.ts"],"sourcesContent":["import { BraintreeComponent, BraintreePayload } from '@3ddv/software-division-components/generic/braintree';\nimport { ChangeDetectionStrategy, Component, DestroyRef, OnInit, inject, input, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  standalone: true,\n  selector: 'sdc-add-digital-wallet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [BraintreeComponent, ReactiveFormsModule],\n  templateUrl: './add-digital-wallet.component.html',\n  styleUrls: ['./add-digital-wallet.component.css'],\n})\nexport class AddDigitalWalletComponent implements OnInit {\n  // INPUTS\n  public token = input.required<string>();\n  public errorMessage = input<string | null>(null);\n  public showCancelButton = input<boolean>(false);\n  public showIsDefaultCardCheckbox = input<boolean>(false);\n\n  // OUTPUTS\n  public readonly braintreePayload = output<BraintreePayload>();\n  public readonly cancelClick = output<void>();\n  public readonly useDefaultCard = output<boolean>();\n\n  // STATE\n  public useDefaultCardCtrl = new FormControl(false);\n  private readonly destroyRef = inject(DestroyRef);\n\n  public ngOnInit(): void {\n    this.useDefaultCardCtrl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {\n      this.useDefaultCard.emit(!!value);\n    });\n  }\n\n  public onDigitalWalletSubmitted(data: BraintreePayload): void {\n    console.log('EMIT BRAINTREE SUBMIT', data);\n    this.braintreePayload.emit(data);\n  }\n\n  public onCancel() {\n    this.cancelClick.emit();\n  }\n}\n","<div class=\"sdc-digital-wallet theme-sdc\" id=\"add-patron-card-modal\">\n  <div class=\"sdc-digital-wallet__inner\">\n    <h2 class=\"sdc-digital-wallet__title\">ADD YOUR CARD</h2>\n\n    <sdc-braintree\n      class=\"sdc-digital-wallet__braintree\"\n      [isDigitalWalletPayment]=\"true\"\n      [token]=\"token()\"\n      (onSubmit)=\"onDigitalWalletSubmitted($event)\">\n      <div>\n        @if (showIsDefaultCardCheckbox()) {\n          <label\n            id=\"braintree-use-default-card-checkbox\"\n            class=\"flex justify-center py-4 sdc-digital-wallet__default-card\">\n            <input type=\"checkbox\" [formControl]=\"useDefaultCardCtrl\" />\n            Make this my default card\n          </label>\n        }\n\n        @if (errorMessage()) {\n          <p class=\"sdc-digital-wallet__error\">\n            {{ errorMessage() || 'Something bad happened' }}\n          </p>\n        }\n\n        <div class=\"flex justify-center gap-4 pt-4\">\n          @if (showCancelButton()) {\n            <button\n              class=\"disabled:opacity-30 mr-3 md:mr-6 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__cancel btn-main-reverse\"\n              id=\"braintree-cancel-button\"\n              type=\"button\"\n              (click)=\"onCancel()\">\n              Cancel\n            </button>\n          }\n          <button\n            class=\"disabled:opacity-30 disabled:hover:transform-none hover:scale-95 transition-transform sdc-digital-wallet__submit btn-main\"\n            id=\"braintree-save-button\"\n            type=\"button\">\n            Save Card\n          </button>\n        </div>\n      </div>\n    </sdc-braintree>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/3ddv-software-division-components-generic-braintree.mjs

@@ -0,0 +1,127 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, ElementRef, input, output, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * Braintree Drop‑in component that auto‑wires clicks
+ * on the first projected element and errors if more than one.
+ * Recreates the drop‑in UI whenever isDigitalWalletPayment changes,
+ * ensuring the container is empty before initialization.
+ */
+class BraintreeComponent {
+    elRef;
+    /** Braintree element reference */
+    braintreeContainer = viewChild('braintreeContainer', { ...(ngDevMode ? { debugName: "braintreeContainer" } : {}), read: (ElementRef) });
+    /** Braintree client token input */
+    token = input.required(...(ngDevMode ? [{ debugName: "token" }] : []));
+    /** Toggle to require cardholder name */
+    isDigitalWalletPayment = input(false, ...(ngDevMode ? [{ debugName: "isDigitalWalletPayment" }] : []));
+    /** Emits when a payment payload is ready */
+    onSubmit = output();
+    /** Holds the Drop‑in instance */
+    dropinInstance;
+    constructor(elRef) {
+        this.elRef = elRef;
+        // Re-initialize drop‑in UI on config change
+        effect(() => {
+            const requireName = this.isDigitalWalletPayment();
+            this.teardownDropin();
+            this.initializeDropin(requireName);
+        });
+        // Attach click handler to the single projected element
+        effect(onCleanup => {
+            const projectedEls = Array.from(this.elRef.nativeElement.children).filter(el => el.id !== 'braintree-container');
+            if (projectedEls.length > 1) {
+                throw new Error(`sdc-braintree: only one projected element allowed, found ${projectedEls.length}`);
+            }
+            if (projectedEls.length === 1) {
+                const btn = projectedEls[0];
+                const handler = () => this.requestPayment();
+                btn.addEventListener('click', handler);
+                onCleanup(() => btn.removeEventListener('click', handler));
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.teardownDropin();
+    }
+    /** Clears previous drop-in UI and recreates it */
+    initializeDropin(requireName) {
+        if (this.dropinInstance)
+            return;
+        const container = this.braintreeContainer()?.nativeElement;
+        if (!container) {
+            console.error('sdc-braintree: missing container element');
+            return;
+        }
+        const cardOptions = requireName
+            ? {
+                card: { cardholderName: { required: requireName } },
+                number: { supportedCardBrand: ['visa', 'mastercard', 'diners-club', 'discover', 'american-express'] },
+            }
+            : undefined;
+        setTimeout(() => {
+            braintree.dropin.create({
+                authorization: this.token(),
+                container: container,
+                ...cardOptions,
+            }, (err, instance) => {
+                if (err) {
+                    console.error('Braintree init error:', err);
+                    return;
+                }
+                this.dropinInstance = instance;
+            });
+        }, 0);
+    }
+    /** Requests payment method and emits payload */
+    requestPayment() {
+        if (!this.dropinInstance) {
+            console.warn('sdc-braintree: drop‑in not ready');
+            return;
+        }
+        this.dropinInstance.requestPaymentMethod((err, payload) => {
+            if (err) {
+                console.error('sdc-braintree payment error:', err);
+                return;
+            }
+            this.onSubmit.emit(payload);
+        });
+    }
+    /** Tears down the drop-in instance if present */
+    teardownDropin() {
+        if (this.dropinInstance?.teardown) {
+            this.dropinInstance.teardown();
+        }
+        this.dropinInstance = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BraintreeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.4", type: BraintreeComponent, isStandalone: true, selector: "sdc-braintree", inputs: { token: { classPropertyName: "token", publicName: "token", isSignal: true, isRequired: true, transformFunction: null }, isDigitalWalletPayment: { classPropertyName: "isDigitalWalletPayment", publicName: "isDigitalWalletPayment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "braintreeContainer", first: true, predicate: ["braintreeContainer"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
+    <div #braintreeContainer id="braintree-container"></div>
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BraintreeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'sdc-braintree',
+                    imports: [CommonModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div #braintreeContainer id="braintree-container"></div>
+    <ng-content></ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { braintreeContainer: [{ type: i0.ViewChild, args: ['braintreeContainer', { ...{ read: (ElementRef) }, isSignal: true }] }], token: [{ type: i0.Input, args: [{ isSignal: true, alias: "token", required: true }] }], isDigitalWalletPayment: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDigitalWalletPayment", required: false }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }] } });
+
+/*
+ * Public API Surface of software-division-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BraintreeComponent };
+//# sourceMappingURL=3ddv-software-division-components-generic-braintree.mjs.map