@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-popover.mjs","sources":["../../../components/popover/popover.component.ts","../../../components/popover/popover.component.html","../../../components/popover/popover.directive.ts","../../../components/popover/public-api.ts","../../../components/popover/testgorilla-tgo-ui-components-popover.ts"],"sourcesContent":["import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, TemplateRef } from '@angular/core';\n\nimport { CardComponentModule, CardSize } from '@testgorilla/tgo-ui/components/card';\n\n@Component({\n  selector: 'ui-popover',\n  standalone: true,\n  imports: [NgTemplateOutlet, CardComponentModule, CdkTrapFocus],\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PopoverComponent {\n  templateRef = input<TemplateRef<unknown> | null>(null);\n  ctx = input<Record<string, unknown>>({});\n  popoverCard = input(true);\n  popoverCardSize = input<CardSize>('medium');\n  trapFocus = input(false);\n  ariaLabel = input('');\n}\n","@if (templateRef()) {\n  <div class=\"popover-focus-scope\" [cdkTrapFocus]=\"trapFocus()\" [cdkTrapFocusAutoCapture]=\"trapFocus()\">\n    <div\n      class=\"popover-surface\"\n      [attr.role]=\"trapFocus() ? 'dialog' : null\"\n      [attr.aria-label]=\"trapFocus() && ariaLabel() ? ariaLabel() : null\"\n      [attr.tabindex]=\"trapFocus() ? '-1' : null\"\n      [attr.cdkFocusInitial]=\"trapFocus() ? '' : null\"\n    >\n      @if (popoverCard()) {\n        <ui-card [size]=\"popoverCardSize()\">\n          <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n        </ui-card>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n      }\n    </div>\n  </div>\n}\n","import { HorizontalConnectionPos, Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  signal,\n  TemplateRef,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { CardSize } from '@testgorilla/tgo-ui/components/card';\n\nimport { PopoverComponent } from './popover.component';\nimport { PopoverTrigger } from './popover.model';\n\n@Directive({\n  selector: '[uiPopover]',\n  exportAs: 'uiPopover',\n  standalone: true,\n})\nexport class PopoverDirective implements OnInit, OnDestroy {\n  uiPopover = input.required<TemplateRef<unknown>>();\n  popoverOffset = input(4);\n  popoverAlign = input<HorizontalConnectionPos>('center');\n  popoverOpen = input(false);\n  popoverCard = input(true);\n  popoverCardSize = input<CardSize>('medium');\n  popoverTrigger = input<PopoverTrigger>('hover');\n  popoverAriaLabel = input('');\n  uiPopoverDisabled = input(false);\n\n  private readonly openState = signal(false);\n\n  /** Whether the popover is currently showing. Read it via `#ref=\"uiPopover\"` or `viewChild(PopoverDirective)`. */\n  readonly isOpen = this.openState.asReadonly();\n\n  private readonly overlay = inject(Overlay);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly ngZone = inject(NgZone);\n\n  private overlayRef: OverlayRef | null = null;\n  private openTimeout: ReturnType<typeof setTimeout> | null = null;\n  private closeTimeout: ReturnType<typeof setTimeout> | null = null;\n  private overlayListeners: { enter: () => void; leave: () => void } | null = null;\n  private dismissSubscriptions: Subscription | null = null;\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (this.popoverTrigger() !== 'hover' || this.uiPopoverDisabled()) {\n      return;\n    }\n    this.cancelClose();\n    this.scheduleOpen();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    if (this.popoverTrigger() !== 'hover') {\n      return;\n    }\n    this.cancelOpen();\n    this.scheduleClose();\n  }\n\n  @HostListener('click')\n  onClick(): void {\n    if (this.popoverTrigger() !== 'click') {\n      return;\n    }\n    this.toggle();\n  }\n\n  /** Opens the popover. No-op while `uiPopoverDisabled` is `true` or it is already open. */\n  open(): void {\n    if (this.uiPopoverDisabled()) {\n      return;\n    }\n\n    if (!this.overlayRef) {\n      this.createOverlay();\n    }\n\n    const overlayRef = this.overlayRef;\n    if (!overlayRef || overlayRef.hasAttached()) {\n      return;\n    }\n\n    const portal = new ComponentPortal(PopoverComponent, null, this.injector);\n    const ref = overlayRef.attach(portal);\n    ref.setInput('templateRef', this.uiPopover());\n    ref.setInput('ctx', { close: () => this.close() });\n    ref.setInput('popoverCard', this.popoverCard());\n    ref.setInput('popoverCardSize', this.popoverCardSize());\n    ref.setInput('trapFocus', this.popoverTrigger() === 'click');\n    ref.setInput('ariaLabel', this.popoverAriaLabel());\n\n    if (this.popoverTrigger() === 'hover') {\n      const el = overlayRef.overlayElement;\n      const enter = (): void => this.ngZone.run(() => this.cancelClose());\n      const leave = (): void => this.ngZone.run(() => this.scheduleClose());\n      el.addEventListener('mouseenter', enter);\n      el.addEventListener('mouseleave', leave);\n      this.overlayListeners = { enter, leave };\n    }\n\n    this.openState.set(true);\n  }\n\n  /** Closes the popover. Safe to call when it is already closed. */\n  close(): void {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    if (this.overlayListeners) {\n      const el = this.overlayRef.overlayElement;\n      el.removeEventListener('mouseenter', this.overlayListeners.enter);\n      el.removeEventListener('mouseleave', this.overlayListeners.leave);\n      this.overlayListeners = null;\n    }\n\n    this.overlayRef.detach();\n    this.openState.set(false);\n  }\n\n  /** Opens the popover when closed, closes it when open. */\n  toggle(): void {\n    if (this.isOpen()) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private createOverlay(): void {\n    const align = this.popoverAlign();\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.elementRef)\n      .withPositions([\n        { originX: align, originY: 'bottom', overlayX: align, overlayY: 'top', offsetY: this.popoverOffset() },\n        { originX: align, originY: 'top', overlayX: align, overlayY: 'bottom', offsetY: -this.popoverOffset() },\n      ]);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      hasBackdrop: false,\n    });\n\n    if (this.popoverTrigger() === 'click') {\n      this.listenForDismiss(this.overlayRef);\n    }\n  }\n\n  /** Click-triggered popovers dismiss on an outside pointer event or on Escape. */\n  private listenForDismiss(overlayRef: OverlayRef): void {\n    const subscriptions = new Subscription();\n\n    subscriptions.add(\n      overlayRef.outsidePointerEvents().subscribe(event => {\n        // The anchor's own click handler toggles, so ignore it here to avoid closing and reopening.\n        if (this.elementRef.nativeElement.contains(event.target as Node)) {\n          return;\n        }\n        this.close();\n      })\n    );\n\n    subscriptions.add(\n      overlayRef.keydownEvents().subscribe(event => {\n        if (event.key !== 'Escape') {\n          return;\n        }\n        event.preventDefault();\n        // cdkTrapFocusAutoCapture restores focus to whatever was focused before the popover opened,\n        // so closing is all this has to do.\n        this.close();\n      })\n    );\n\n    this.dismissSubscriptions = subscriptions;\n  }\n\n  private scheduleOpen(): void {\n    this.openTimeout = setTimeout(() => this.open(), 100);\n  }\n\n  private cancelOpen(): void {\n    if (this.openTimeout) {\n      clearTimeout(this.openTimeout);\n      this.openTimeout = null;\n    }\n  }\n\n  private scheduleClose(): void {\n    this.closeTimeout = setTimeout(() => this.close(), 150);\n  }\n\n  private cancelClose(): void {\n    if (this.closeTimeout) {\n      clearTimeout(this.closeTimeout);\n      this.closeTimeout = null;\n    }\n  }\n\n  ngOnInit(): void {\n    if (this.popoverOpen()) {\n      this.open();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.cancelOpen();\n    this.cancelClose();\n    this.close();\n    this.dismissSubscriptions?.unsubscribe();\n    this.overlayRef?.dispose();\n  }\n}\n","export * from './popover.directive';\nexport * from './popover.model';\n// PopoverComponent is internal — not part of the public API\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-popover.mjs","names":[],"sources":["../../../components/popover/popover.component.ts","../../../components/popover/popover.component.html","../../../components/popover/popover.directive.ts"],"sourcesContent":["import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, TemplateRef } from '@angular/core';\n\nimport { CardComponentModule, CardSize } from '@testgorilla/tgo-ui/components/card';\n\n@Component({\n  selector: 'ui-popover',\n  standalone: true,\n  imports: [NgTemplateOutlet, CardComponentModule, CdkTrapFocus],\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PopoverComponent {\n  templateRef = input<TemplateRef<unknown> | null>(null);\n  ctx = input<Record<string, unknown>>({});\n  popoverCard = input(true);\n  popoverCardSize = input<CardSize>('medium');\n  trapFocus = input(false);\n  ariaLabel = input('');\n}\n","@if (templateRef()) {\n  <div class=\"popover-focus-scope\" [cdkTrapFocus]=\"trapFocus()\" [cdkTrapFocusAutoCapture]=\"trapFocus()\">\n    <div\n      class=\"popover-surface\"\n      [attr.role]=\"trapFocus() ? 'dialog' : null\"\n      [attr.aria-label]=\"trapFocus() && ariaLabel() ? ariaLabel() : null\"\n      [attr.tabindex]=\"trapFocus() ? '-1' : null\"\n      [attr.cdkFocusInitial]=\"trapFocus() ? '' : null\"\n    >\n      @if (popoverCard()) {\n        <ui-card [size]=\"popoverCardSize()\">\n          <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n        </ui-card>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n      }\n    </div>\n  </div>\n}\n","import { HorizontalConnectionPos, Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  signal,\n  TemplateRef,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { CardSize } from '@testgorilla/tgo-ui/components/card';\n\nimport { PopoverComponent } from './popover.component';\nimport { PopoverTrigger } from './popover.model';\n\n@Directive({\n  selector: '[uiPopover]',\n  exportAs: 'uiPopover',\n  standalone: true,\n})\nexport class PopoverDirective implements OnInit, OnDestroy {\n  uiPopover = input.required<TemplateRef<unknown>>();\n  popoverOffset = input(4);\n  popoverAlign = input<HorizontalConnectionPos>('center');\n  popoverOpen = input(false);\n  popoverCard = input(true);\n  popoverCardSize = input<CardSize>('medium');\n  popoverTrigger = input<PopoverTrigger>('hover');\n  popoverAriaLabel = input('');\n  uiPopoverDisabled = input(false);\n\n  private readonly openState = signal(false);\n\n  /** Whether the popover is currently showing. Read it via `#ref=\"uiPopover\"` or `viewChild(PopoverDirective)`. */\n  readonly isOpen = this.openState.asReadonly();\n\n  private readonly overlay = inject(Overlay);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly ngZone = inject(NgZone);\n\n  private overlayRef: OverlayRef | null = null;\n  private openTimeout: ReturnType<typeof setTimeout> | null = null;\n  private closeTimeout: ReturnType<typeof setTimeout> | null = null;\n  private overlayListeners: { enter: () => void; leave: () => void } | null = null;\n  private dismissSubscriptions: Subscription | null = null;\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (this.popoverTrigger() !== 'hover' || this.uiPopoverDisabled()) {\n      return;\n    }\n    this.cancelClose();\n    this.scheduleOpen();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    if (this.popoverTrigger() !== 'hover') {\n      return;\n    }\n    this.cancelOpen();\n    this.scheduleClose();\n  }\n\n  @HostListener('click')\n  onClick(): void {\n    if (this.popoverTrigger() !== 'click') {\n      return;\n    }\n    this.toggle();\n  }\n\n  /** Opens the popover. No-op while `uiPopoverDisabled` is `true` or it is already open. */\n  open(): void {\n    if (this.uiPopoverDisabled()) {\n      return;\n    }\n\n    if (!this.overlayRef) {\n      this.createOverlay();\n    }\n\n    const overlayRef = this.overlayRef;\n    if (!overlayRef || overlayRef.hasAttached()) {\n      return;\n    }\n\n    const portal = new ComponentPortal(PopoverComponent, null, this.injector);\n    const ref = overlayRef.attach(portal);\n    ref.setInput('templateRef', this.uiPopover());\n    ref.setInput('ctx', { close: () => this.close() });\n    ref.setInput('popoverCard', this.popoverCard());\n    ref.setInput('popoverCardSize', this.popoverCardSize());\n    ref.setInput('trapFocus', this.popoverTrigger() === 'click');\n    ref.setInput('ariaLabel', this.popoverAriaLabel());\n\n    if (this.popoverTrigger() === 'hover') {\n      const el = overlayRef.overlayElement;\n      const enter = (): void => this.ngZone.run(() => this.cancelClose());\n      const leave = (): void => this.ngZone.run(() => this.scheduleClose());\n      el.addEventListener('mouseenter', enter);\n      el.addEventListener('mouseleave', leave);\n      this.overlayListeners = { enter, leave };\n    }\n\n    this.openState.set(true);\n  }\n\n  /** Closes the popover. Safe to call when it is already closed. */\n  close(): void {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    if (this.overlayListeners) {\n      const el = this.overlayRef.overlayElement;\n      el.removeEventListener('mouseenter', this.overlayListeners.enter);\n      el.removeEventListener('mouseleave', this.overlayListeners.leave);\n      this.overlayListeners = null;\n    }\n\n    this.overlayRef.detach();\n    this.openState.set(false);\n  }\n\n  /** Opens the popover when closed, closes it when open. */\n  toggle(): void {\n    if (this.isOpen()) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private createOverlay(): void {\n    const align = this.popoverAlign();\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.elementRef)\n      .withPositions([\n        { originX: align, originY: 'bottom', overlayX: align, overlayY: 'top', offsetY: this.popoverOffset() },\n        { originX: align, originY: 'top', overlayX: align, overlayY: 'bottom', offsetY: -this.popoverOffset() },\n      ]);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      hasBackdrop: false,\n    });\n\n    if (this.popoverTrigger() === 'click') {\n      this.listenForDismiss(this.overlayRef);\n    }\n  }\n\n  /** Click-triggered popovers dismiss on an outside pointer event or on Escape. */\n  private listenForDismiss(overlayRef: OverlayRef): void {\n    const subscriptions = new Subscription();\n\n    subscriptions.add(\n      overlayRef.outsidePointerEvents().subscribe(event => {\n        // The anchor's own click handler toggles, so ignore it here to avoid closing and reopening.\n        if (this.elementRef.nativeElement.contains(event.target as Node)) {\n          return;\n        }\n        this.close();\n      })\n    );\n\n    subscriptions.add(\n      overlayRef.keydownEvents().subscribe(event => {\n        if (event.key !== 'Escape') {\n          return;\n        }\n        event.preventDefault();\n        // cdkTrapFocusAutoCapture restores focus to whatever was focused before the popover opened,\n        // so closing is all this has to do.\n        this.close();\n      })\n    );\n\n    this.dismissSubscriptions = subscriptions;\n  }\n\n  private scheduleOpen(): void {\n    this.openTimeout = setTimeout(() => this.open(), 100);\n  }\n\n  private cancelOpen(): void {\n    if (this.openTimeout) {\n      clearTimeout(this.openTimeout);\n      this.openTimeout = null;\n    }\n  }\n\n  private scheduleClose(): void {\n    this.closeTimeout = setTimeout(() => this.close(), 150);\n  }\n\n  private cancelClose(): void {\n    if (this.closeTimeout) {\n      clearTimeout(this.closeTimeout);\n      this.closeTimeout = null;\n    }\n  }\n\n  ngOnInit(): void {\n    if (this.popoverOpen()) {\n      this.open();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.cancelOpen();\n    this.cancelClose();\n    this.close();\n    this.dismissSubscriptions?.unsubscribe();\n    this.overlayRef?.dispose();\n  }\n}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs

@@ -1,77 +1,275 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, inject, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { IconComponent } from '@testgorilla/tgo-ui/components/icon';
-import { CommonModule } from '@angular/common';
-
-/**
- * Tooltip that stays open until it is dismissed, with an optional inline link and a close button.
- * Unlike `ui-tooltip` it is not hover driven: the application opens it in response to a system state.
- */
-class PopupTipComponent {
-    constructor() {
-        this.message = input('', ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-        /** Optional link rendered inline after the message. Needs `linkUrl` to render. */
-        this.linkText = input('', ...(ngDevMode ? [{ debugName: "linkText" }] : /* istanbul ignore next */ []));
-        this.linkUrl = input('', ...(ngDevMode ? [{ debugName: "linkUrl" }] : /* istanbul ignore next */ []));
-        /** Side of the anchor the tip sits on, which decides where its arrow is drawn. Default: 'top'. */
-        this.position = input('top', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-        this.closeButtonTestId = input(null, ...(ngDevMode ? [{ debugName: "closeButtonTestId" }] : /* istanbul ignore next */ []));
-        this.includeCloseButton = input(true, { ...(ngDevMode ? { debugName: "includeCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Accessible name of the close button. Pass a localized string: the English default is only a
-         * last-resort fallback so the button is never nameless. Default: 'Close'.
-         */
-        this.closeButtonLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines the application theme. Defaults to dark because the design sheet only specifies the
-         * dark tip; the light variant exists for reuse on light surfaces.
-         */
-        this.applicationTheme = input(undefined, ...(ngDevMode ? [{ debugName: "applicationTheme" }] : /* istanbul ignore next */ []));
-        /**
-         * Emits when the user dismisses the tip, with the close button or with Escape. Escape only fires
-         * while focus is inside the tip: call `focus()` on it when opening, especially without the button.
-         */
-        this.closed = output();
-        this.defaultAppTheme = inject('CANOPYUI_DEFAULT_APPLICATION_THEME', {
-            optional: true,
-        });
-        this.theme = computed(() => this.applicationTheme() ?? this.defaultAppTheme ?? 'dark', ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-    }
-    close() {
-        this.closed.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PopupTipComponent, isStandalone: true, selector: "ui-popup-tip", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, linkText: { classPropertyName: "linkText", publicName: "linkText", isSignal: true, isRequired: false, transformFunction: null }, linkUrl: { classPropertyName: "linkUrl", publicName: "linkUrl", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, closeButtonTestId: { classPropertyName: "closeButtonTestId", publicName: "closeButtonTestId", isSignal: true, isRequired: false, transformFunction: null }, includeCloseButton: { classPropertyName: "includeCloseButton", publicName: "includeCloseButton", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { attributes: { "role": "alert", "aria-live": "assertive", "tabindex": "-1" }, listeners: { "keydown.escape": "close()" }, properties: { "attr.position": "position()", "attr.theme": "theme()" } }, ngImport: i0, template: "<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:248px;max-width:100%;padding:8px;border:1px solid #ffffff;border-radius:4px;background-color:#242424;color:#fff;text-align:left;outline:none}:host([position=top]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;bottom:-5px;left:20px;transform:rotate(135deg)}:host([position=bottom]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;top:-5px;left:20px;transform:rotate(-45deg)}:host([position=left]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;right:-5px;top:20px;transform:rotate(45deg)}:host([position=right]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;left:-5px;top:20px;transform:rotate(-135deg)}:host([theme=light]){border-color:#242424;background-color:#fff;color:#242424}:host([theme=light]):after{border-color:#242424}.ui-popup-tip__message{font-size:12px;font-weight:400;line-height:16px}.ui-popup-tip__link{font:inherit;color:inherit;text-decoration:underline}.ui-popup-tip__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-popup-tip', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'alert',
-                        'aria-live': 'assertive',
-                        // Focusable programmatically, so Escape can dismiss the tip even without the close button.
-                        tabindex: '-1',
-                        '[attr.position]': 'position()',
-                        '[attr.theme]': 'theme()',
-                        '(keydown.escape)': 'close()',
-                    }, imports: [IconComponent], template: "<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:248px;max-width:100%;padding:8px;border:1px solid #ffffff;border-radius:4px;background-color:#242424;color:#fff;text-align:left;outline:none}:host([position=top]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;bottom:-5px;left:20px;transform:rotate(135deg)}:host([position=bottom]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;top:-5px;left:20px;transform:rotate(-45deg)}:host([position=left]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;right:-5px;top:20px;transform:rotate(45deg)}:host([position=right]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;left:-5px;top:20px;transform:rotate(-135deg)}:host([theme=light]){border-color:#242424;background-color:#fff;color:#242424}:host([theme=light]):after{border-color:#242424}.ui-popup-tip__message{font-size:12px;font-weight:400;line-height:16px}.ui-popup-tip__link{font:inherit;color:inherit;text-decoration:underline}.ui-popup-tip__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer}\n"] }]
-        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], linkText: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkText", required: false }] }], linkUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkUrl", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], closeButtonTestId: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonTestId", required: false }] }], includeCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeCloseButton", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], applicationTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "applicationTheme", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
-
-class PopupTipComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponentModule, imports: [CommonModule, PopupTipComponent], exports: [PopupTipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponentModule, imports: [CommonModule, PopupTipComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PopupTipComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, PopupTipComponent],
-                    exports: [PopupTipComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, booleanAttribute, computed, inject, input, output } from "@angular/core";
+import { IconComponent } from "@testgorilla/tgo-ui/components/icon";
+import { CommonModule } from "@angular/common";
+var PopupTipComponent = class PopupTipComponent {
+	constructor() {
+		this.message = input("", ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+		this.linkText = input("", ...ngDevMode ? [{ debugName: "linkText" }] : /* istanbul ignore next */ []);
+		this.linkUrl = input("", ...ngDevMode ? [{ debugName: "linkUrl" }] : /* istanbul ignore next */ []);
+		this.position = input("top", ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+		this.closeButtonTestId = input(null, ...ngDevMode ? [{ debugName: "closeButtonTestId" }] : /* istanbul ignore next */ []);
+		this.includeCloseButton = input(true, {
+			...ngDevMode ? { debugName: "includeCloseButton" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.closeButtonLabel = input("Close", ...ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []);
+		this.applicationTheme = input(void 0, ...ngDevMode ? [{ debugName: "applicationTheme" }] : /* istanbul ignore next */ []);
+		this.closed = output();
+		this.defaultAppTheme = inject("CANOPYUI_DEFAULT_APPLICATION_THEME", { optional: true });
+		this.theme = computed(() => this.applicationTheme() ?? this.defaultAppTheme ?? "dark", ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
+	}
+	close() {
+		this.closed.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PopupTipComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: PopupTipComponent,
+			isStandalone: true,
+			selector: "ui-popup-tip",
+			inputs: {
+				message: {
+					classPropertyName: "message",
+					publicName: "message",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkText: {
+					classPropertyName: "linkText",
+					publicName: "linkText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkUrl: {
+					classPropertyName: "linkUrl",
+					publicName: "linkUrl",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				position: {
+					classPropertyName: "position",
+					publicName: "position",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeButtonTestId: {
+					classPropertyName: "closeButtonTestId",
+					publicName: "closeButtonTestId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				includeCloseButton: {
+					classPropertyName: "includeCloseButton",
+					publicName: "includeCloseButton",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeButtonLabel: {
+					classPropertyName: "closeButtonLabel",
+					publicName: "closeButtonLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				applicationTheme: {
+					classPropertyName: "applicationTheme",
+					publicName: "applicationTheme",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { closed: "closed" },
+			host: {
+				attributes: {
+					"role": "alert",
+					"aria-live": "assertive",
+					"tabindex": "-1"
+				},
+				listeners: { "keydown.escape": "close()" },
+				properties: {
+					"attr.position": "position()",
+					"attr.theme": "theme()"
+				}
+			},
+			ngImport: i0,
+			template: "<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:248px;max-width:100%;padding:8px;border:1px solid #ffffff;border-radius:4px;background-color:#242424;color:#fff;text-align:left;outline:none}:host([position=top]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;bottom:-5px;left:20px;transform:rotate(135deg)}:host([position=bottom]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;top:-5px;left:20px;transform:rotate(-45deg)}:host([position=left]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;right:-5px;top:20px;transform:rotate(45deg)}:host([position=right]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;left:-5px;top:20px;transform:rotate(-135deg)}:host([theme=light]){border-color:#242424;background-color:#fff;color:#242424}:host([theme=light]):after{border-color:#242424}.ui-popup-tip__message{font-size:12px;font-weight:400;line-height:16px}.ui-popup-tip__link{font:inherit;color:inherit;text-decoration:underline}.ui-popup-tip__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer}\n"],
+			dependencies: [{
+				kind: "component",
+				type: IconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"size",
+					"cssClass",
+					"name",
+					"color",
+					"filled",
+					"toggleIconStyle",
+					"applicationTheme",
+					"useFullIconName"
+				]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PopupTipComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-popup-tip",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "alert",
+				"aria-live": "assertive",
+				tabindex: "-1",
+				"[attr.position]": "position()",
+				"[attr.theme]": "theme()",
+				"(keydown.escape)": "close()"
+			},
+			imports: [IconComponent],
+			template: "<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:248px;max-width:100%;padding:8px;border:1px solid #ffffff;border-radius:4px;background-color:#242424;color:#fff;text-align:left;outline:none}:host([position=top]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;bottom:-5px;left:20px;transform:rotate(135deg)}:host([position=bottom]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;top:-5px;left:20px;transform:rotate(-45deg)}:host([position=left]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;right:-5px;top:20px;transform:rotate(45deg)}:host([position=right]):after{content:\"\";position:absolute;height:8px;width:8px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;background:inherit;z-index:10;border-top-right-radius:0;left:-5px;top:20px;transform:rotate(-135deg)}:host([theme=light]){border-color:#242424;background-color:#fff;color:#242424}:host([theme=light]):after{border-color:#242424}.ui-popup-tip__message{font-size:12px;font-weight:400;line-height:16px}.ui-popup-tip__link{font:inherit;color:inherit;text-decoration:underline}.ui-popup-tip__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer}\n"]
+		}]
+	}],
+	propDecorators: {
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "message",
+				required: false
+			}]
+		}],
+		linkText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkText",
+				required: false
+			}]
+		}],
+		linkUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkUrl",
+				required: false
+			}]
+		}],
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		closeButtonTestId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeButtonTestId",
+				required: false
+			}]
+		}],
+		includeCloseButton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "includeCloseButton",
+				required: false
+			}]
+		}],
+		closeButtonLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeButtonLabel",
+				required: false
+			}]
+		}],
+		applicationTheme: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "applicationTheme",
+				required: false
+			}]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}]
+	}
+});
+var PopupTipComponentModule = class PopupTipComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PopupTipComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PopupTipComponentModule,
+			imports: [CommonModule, PopupTipComponent],
+			exports: [PopupTipComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PopupTipComponentModule,
+			imports: [CommonModule, PopupTipComponent]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PopupTipComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, PopupTipComponent],
+			exports: [PopupTipComponent]
+		}]
+	}]
+});
 export { PopupTipComponent, PopupTipComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-popup-tip.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-popup-tip.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-popup-tip.mjs","sources":["../../../components/popup-tip/popup-tip.component.ts","../../../components/popup-tip/popup-tip.component.html","../../../components/popup-tip/popup-tip.component.module.ts","../../../components/popup-tip/testgorilla-tgo-ui-components-popup-tip.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport { PopupTipPosition } from './popup-tip.model';\n\n/**\n * Tooltip that stays open until it is dismissed, with an optional inline link and a close button.\n * Unlike `ui-tooltip` it is not hover driven: the application opens it in response to a system state.\n */\n@Component({\n  selector: 'ui-popup-tip',\n  templateUrl: './popup-tip.component.html',\n  styleUrls: ['./popup-tip.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'alert',\n    'aria-live': 'assertive',\n    // Focusable programmatically, so Escape can dismiss the tip even without the close button.\n    tabindex: '-1',\n    '[attr.position]': 'position()',\n    '[attr.theme]': 'theme()',\n    '(keydown.escape)': 'close()',\n  },\n  imports: [IconComponent],\n})\nexport class PopupTipComponent {\n  readonly message = input('');\n\n  /** Optional link rendered inline after the message. Needs `linkUrl` to render. */\n  readonly linkText = input('');\n\n  readonly linkUrl = input('');\n\n  /** Side of the anchor the tip sits on, which decides where its arrow is drawn. Default: 'top'. */\n  readonly position = input<PopupTipPosition>('top');\n\n  readonly closeButtonTestId = input<string | null>(null);\n\n  readonly includeCloseButton = input(true, { transform: booleanAttribute });\n\n  /**\n   * Accessible name of the close button. Pass a localized string: the English default is only a\n   * last-resort fallback so the button is never nameless. Default: 'Close'.\n   */\n  readonly closeButtonLabel = input('Close');\n\n  /**\n   * Defines the application theme. Defaults to dark because the design sheet only specifies the\n   * dark tip; the light variant exists for reuse on light surfaces.\n   */\n  readonly applicationTheme = input<ApplicationTheme | undefined>(undefined);\n\n  /**\n   * Emits when the user dismisses the tip, with the close button or with Escape. Escape only fires\n   * while focus is inside the tip: call `focus()` on it when opening, especially without the button.\n   */\n  readonly closed = output<void>();\n\n  private readonly defaultAppTheme = inject<ApplicationTheme>('CANOPYUI_DEFAULT_APPLICATION_THEME' as never, {\n    optional: true,\n  });\n\n  protected readonly theme = computed<ApplicationTheme>(\n    () => this.applicationTheme() ?? this.defaultAppTheme ?? 'dark'\n  );\n\n  close(): void {\n    this.closed.emit();\n  }\n}\n","<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PopupTipComponent } from './popup-tip.component';\n\n@NgModule({\n  imports: [CommonModule, PopupTipComponent],\n  exports: [PopupTipComponent],\n})\nexport class PopupTipComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-popup-tip.mjs","names":[],"sources":["../../../components/popup-tip/popup-tip.component.ts","../../../components/popup-tip/popup-tip.component.html","../../../components/popup-tip/popup-tip.component.module.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport { PopupTipPosition } from './popup-tip.model';\n\n/**\n * Tooltip that stays open until it is dismissed, with an optional inline link and a close button.\n * Unlike `ui-tooltip` it is not hover driven: the application opens it in response to a system state.\n */\n@Component({\n  selector: 'ui-popup-tip',\n  templateUrl: './popup-tip.component.html',\n  styleUrls: ['./popup-tip.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'alert',\n    'aria-live': 'assertive',\n    // Focusable programmatically, so Escape can dismiss the tip even without the close button.\n    tabindex: '-1',\n    '[attr.position]': 'position()',\n    '[attr.theme]': 'theme()',\n    '(keydown.escape)': 'close()',\n  },\n  imports: [IconComponent],\n})\nexport class PopupTipComponent {\n  readonly message = input('');\n\n  /** Optional link rendered inline after the message. Needs `linkUrl` to render. */\n  readonly linkText = input('');\n\n  readonly linkUrl = input('');\n\n  /** Side of the anchor the tip sits on, which decides where its arrow is drawn. Default: 'top'. */\n  readonly position = input<PopupTipPosition>('top');\n\n  readonly closeButtonTestId = input<string | null>(null);\n\n  readonly includeCloseButton = input(true, { transform: booleanAttribute });\n\n  /**\n   * Accessible name of the close button. Pass a localized string: the English default is only a\n   * last-resort fallback so the button is never nameless. Default: 'Close'.\n   */\n  readonly closeButtonLabel = input('Close');\n\n  /**\n   * Defines the application theme. Defaults to dark because the design sheet only specifies the\n   * dark tip; the light variant exists for reuse on light surfaces.\n   */\n  readonly applicationTheme = input<ApplicationTheme | undefined>(undefined);\n\n  /**\n   * Emits when the user dismisses the tip, with the close button or with Escape. Escape only fires\n   * while focus is inside the tip: call `focus()` on it when opening, especially without the button.\n   */\n  readonly closed = output<void>();\n\n  private readonly defaultAppTheme = inject<ApplicationTheme>('CANOPYUI_DEFAULT_APPLICATION_THEME' as never, {\n    optional: true,\n  });\n\n  protected readonly theme = computed<ApplicationTheme>(\n    () => this.applicationTheme() ?? this.defaultAppTheme ?? 'dark'\n  );\n\n  close(): void {\n    this.closed.emit();\n  }\n}\n","<span class=\"ui-popup-tip__message\">\n  <ng-content>{{ message() }}</ng-content>\n  @if (linkText() && linkUrl()) {\n    <!-- Explicit space: Angular strips the whitespace around a control-flow block. -->\n    {{ ' ' }}<a class=\"ui-popup-tip__link\" [href]=\"linkUrl()\" target=\"_blank\" rel=\"noopener\">{{ linkText() }}</a>\n  }\n</span>\n\n@if (includeCloseButton()) {\n  <button\n    type=\"button\"\n    class=\"ui-popup-tip__close\"\n    [attr.data-testid]=\"closeButtonTestId() ?? 'popup-tip-close'\"\n    [attr.aria-label]=\"closeButtonLabel()\"\n    (click)=\"close()\"\n  >\n    <ui-icon size=\"24\" color=\"currentColor\" name=\"Close-in-line\"></ui-icon>\n  </button>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { PopupTipComponent } from './popup-tip.component';\n\n@NgModule({\n  imports: [CommonModule, PopupTipComponent],\n  exports: [PopupTipComponent],\n})\nexport class PopupTipComponentModule {}\n"],"mappings":"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"}