@testgorilla/tgo-ui 11.22.3 → 12.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-tag.mjs","sources":["../../../components/tag/tag.component.ts","../../../components/tag/tag.component.html","../../../components/tag/tag.component.module.ts","../../../components/tag/testgorilla-tgo-ui-components-tag.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  model,\n  output,\n  ProviderToken,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { debounceTime, map, ReplaySubject } from 'rxjs';\n\nimport { ApplicationTheme, IKeyboardEvent, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconColor, IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-tag',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class.ui-tag--constrain-width]': 'constrainWidth()' },\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss'],\n  imports: [MatTooltip, IconComponentModule, AsyncPipe, UiTranslatePipe],\n})\nexport class TagComponent {\n  /**\n   * Tag's label\n   *\n   * @memberof TagComponent\n   */\n  label = input<string>('');\n\n  /**\n   * Icon\n   *\n   * @type {string}\n   * @memberof TagComponent\n   */\n  icon = input<IconName>('');\n\n  /**\n   * Whether to allow the tag to be closed.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  allowClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the tag is in read-only mode.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  readOnly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the tag is selected.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  isSelected = model(false);\n\n  /**\n   * Display icon when is selected\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  showIconWhenSelected = input(false, { transform: booleanAttribute });\n\n  /**\n   * Pins the tag to its filled background at rest, without tying that background\n   * to the selected state — pressing the tag never flips its fill. Interactive\n   * states (hover, focus ring, press scale) and the `press` output are unaffected,\n   * so the tag stays clickable; use `readOnly` when it should not be.\n   *\n   * The fill follows the theme: grayscale in `light` / `dark`, petrol in `classic`.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  pinnedBackground = input(false, { transform: booleanAttribute });\n\n  /**\n   * Clamps the tag to its parent's width, truncating the label, instead of overflowing it.\n   *\n   * Opt-in: enabling it gives the host a real layout box, so `width`, `height` and vertical\n   * margins set on `ui-tag` start applying, bare sibling tags flow inline instead of stacking,\n   * and a tag in an `overflow-x` strip shrinks rather than scrolls (`flex: 0 0 auto` opts out).\n   * Becomes the default in the next major.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  constrainWidth = input(false, { transform: booleanAttribute });\n\n  /**\n   * Specifies whether the element is disabled.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  isDisabled = input(false, { transform: booleanAttribute });\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme | undefined}\n   * @memberof TagComponent\n   *\n   * When not provided, the component falls back to the injected\n   * `CANOPYUI_DEFAULT_APPLICATION_THEME` token (if any), then to `'light'`.\n   */\n  applicationTheme = input<ApplicationTheme | undefined>(undefined);\n  private readonly defaultAppTheme = inject<ApplicationTheme>(\n    'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n    { optional: true }\n  );\n  readonly theme = computed<ApplicationTheme>(() => this.applicationTheme() ?? this.defaultAppTheme ?? 'light');\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof TagComponent\n   */\n  ariaLabel = input<string | undefined>(undefined);\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly closeTestId = computed(() => (this.testId() ? `${this.testId()}-remove` : null));\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {boolean}\n   * @memberof TagComponent\n   */\n  ariaRequired = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to show the badge on the tag.\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  showBadge = input<boolean>(false);\n\n  /**\n   * The notifications amount to be displayed on the badge.\n   * @type {number}\n   * @default 0\n   * @memberof TagComponent\n   */\n  notificationsAmount = input<number>(0);\n\n  /**\n   * Event triggered when the tag should be closed.\n   *\n   * @event\n   * @memberof TagComponent\n   */\n  // eslint-disable-next-line @angular-eslint/no-output-native -- output shadows a native event; rename is breaking, deferred to the breaking-change MAJOR (see plan)\n  close = output<void>();\n\n  /**\n   * Event triggered when a press action occurs.\n   *\n   * @event\n   * @memberof TagComponent\n   */\n  press = output<boolean>();\n\n  /**\n   * Subject that needs to be triggered when Label input changes, to check if it's truncated\n   * @private\n   * @type {void}\n   * @memberof TagComponent\n   */\n  private readonly checkLabelEllipsis$ = new ReplaySubject<void>(1);\n\n  /**\n   * Observable that indicates if the Label is truncated\n   * debounceTime is used to wait for view to be initialized after receiving a new Label input\n   * @protected\n   * @type {boolean}\n   * @memberof TagComponent\n   */\n  protected isEllipseActiveObs$ = this.checkLabelEllipsis$.pipe(\n    debounceTime(100),\n    map(() => {\n      const el = this.labelElement()?.nativeElement;\n      return el ? el.offsetWidth < el.scrollWidth : false;\n    })\n  );\n  protected readonly isHovered = signal(false);\n  protected shrink = false;\n  protected iconColor: IconColor = 'black';\n  protected closeBtnFocused = signal(false);\n\n  protected readonly labelElement = viewChild<ElementRef<HTMLElement>>('labelElement');\n  protected readonly containerElement = viewChild<ElementRef<HTMLElement>>('containerElement');\n\n  private readonly ngZone = inject(NgZone);\n\n  constructor() {\n    effect(() => {\n      this.label(); // dep — re-run on label change\n      this.labelElement(); // dep — re-run once @ViewChild resolves\n      this.isLabelEllipseActive();\n    });\n\n    // With `constrainWidth` the label truncates against the parent, and no input changes when\n    // the parent resizes — so the effect above never re-runs and the tooltip goes stale. Off,\n    // truncation is the label against a fixed cap, and the label is an input.\n    afterRenderEffect({\n      write: onCleanup => {\n        const el = this.containerElement()?.nativeElement;\n\n        if (!this.constrainWidth() || !el || typeof ResizeObserver === 'undefined') {\n          return;\n        }\n\n        const observer = new ResizeObserver(() => this.ngZone.run(() => this.isLabelEllipseActive()));\n        observer.observe(el);\n        onCleanup(() => observer.disconnect());\n      },\n    });\n  }\n\n  onPress(): void {\n    if (!this.readOnly() && !this.allowClose()) {\n      const newSelected = this.showIconWhenSelected() ? !this.isSelected() : false;\n      this.isSelected.set(newSelected);\n      this.press.emit(newSelected);\n    }\n  }\n\n  setHoverState(state: boolean) {\n    if (this.theme() === 'classic') {\n      return;\n    }\n    this.isHovered.set(state);\n  }\n\n  setShrinkState(state: boolean) {\n    this.shrink = state;\n  }\n\n  onClose(): void {\n    this.close.emit();\n  }\n\n  private isLabelEllipseActive(): void {\n    this.checkLabelEllipsis$.next();\n  }\n\n  readonly tabIndex = computed(() => (this.isDisabled() || this.readOnly() ? -1 : 0));\n\n  readonly filled = computed(\n    () => this.readOnly() || this.allowClose() || this.isSelected() || this.pinnedBackground()\n  );\n\n  onKeydown($event: KeyboardEvent): void {\n    if (\n      ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string)) &&\n      !this.closeBtnFocused()\n    ) {\n      this.onPress();\n    } else if (\n      this.closeBtnFocused() &&\n      ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string))\n    ) {\n      this.onClose();\n    }\n  }\n}\n","<div class=\"tag-wrapper\">\n  <div\n    [matTooltip]=\"(isEllipseActiveObs$ | async) ? label() : ''\"\n    [matTooltipClass]=\"theme()\"\n    [tabindex]=\"tabIndex()\"\n    class=\"tag-container\"\n    #containerElement\n    [attr.data-testid]=\"testId() ?? 'tag--container'\"\n    [attr.theme]=\"theme()\"\n    [class]=\"{\n      filled: filled(),\n      readonly: readOnly(),\n      disabled: isDisabled(),\n      outlined: !isSelected(),\n      shrink,\n    }\"\n    (click)=\"onPress()\"\n    (mouseenter)=\"setHoverState(true)\"\n    (mouseleave)=\"setHoverState(false)\"\n    (mousedown)=\"setShrinkState(true)\"\n    (mouseup)=\"setShrinkState(false)\"\n    (touchstart)=\"setShrinkState(true)\"\n    (touchend)=\"setShrinkState(false)\"\n    (keydown)=\"onKeydown($event)\"\n    [attr.aria-label]=\"ariaLabel() || label()\"\n    [attr.aria-required]=\"ariaRequired()\"\n  >\n    @if (icon()) {\n      <!-- Let ui-icon resolve the hover variant: composing the name here appended instead of\n           replacing, yielding names like `Sparkle-in-line-filled` that exist in no icon set. -->\n      <ui-icon\n        class=\"icon\"\n        [color]=\"iconColor\"\n        [name]=\"icon()\"\n        [filled]=\"isHovered()\"\n        [toggleIconStyle]=\"true\"\n        [applicationTheme]=\"theme()\"\n      ></ui-icon>\n    }\n    @if (isSelected() && showIconWhenSelected()) {\n      <ui-icon [color]=\"iconColor\" class=\"icon\" [name]=\"'Check'\" [applicationTheme]=\"theme()\"></ui-icon>\n    }\n    <span class=\"tag-label\" #labelElement>{{ label() }}</span>\n    <!-- Consumer content after the label. It never shrinks, so the label truncates first. Its own\n         presses are kept from reaching the tag, so a control in here doesn't also press the tag. -->\n    <span\n      class=\"tag-suffix\"\n      (click)=\"$event.stopPropagation()\"\n      (keydown)=\"$event.stopPropagation()\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (touchstart)=\"$event.stopPropagation()\"\n    >\n      <ng-content select=\"[uiTagSuffix]\"></ng-content>\n    </span>\n    @if (showBadge()) {\n      <span class=\"count\" aria-hidden=\"true\">\n        <span class=\"count-dot\">&bull;</span>\n        <span class=\"count-value\">{{ notificationsAmount() }}</span>\n      </span>\n    }\n    @if (allowClose()) {\n      <ui-icon\n        (focus)=\"closeBtnFocused.set(true)\"\n        (blur)=\"closeBtnFocused.set(false)\"\n        [tabindex]=\"tabIndex()\"\n        class=\"delete-icon\"\n        [attr.data-testid]=\"closeTestId()\"\n        [attr.aria-label]=\"'TAG.REMOVE' | uiTranslate | async\"\n        [color]=\"iconColor\"\n        (click)=\"onClose(); $event.stopPropagation()\"\n        [name]=\"'Close'\"\n        [applicationTheme]=\"theme()\"\n      ></ui-icon>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { TagComponent } from './tag.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    TooltipComponentModule,\n    MatTooltipModule,\n    MatInputModule,\n    UiTranslatePipe,\n    TagComponent,\n  ],\n  exports: [TagComponent],\n  providers: [],\n})\nexport class TagComponentModule {}\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-tag.mjs","names":[],"sources":["../../../components/tag/tag.component.ts","../../../components/tag/tag.component.html","../../../components/tag/tag.component.module.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  model,\n  output,\n  ProviderToken,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { debounceTime, map, ReplaySubject } from 'rxjs';\n\nimport { ApplicationTheme, IKeyboardEvent, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconColor, IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-tag',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class.ui-tag--constrain-width]': 'constrainWidth()' },\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss'],\n  imports: [MatTooltip, IconComponentModule, AsyncPipe, UiTranslatePipe],\n})\nexport class TagComponent {\n  /**\n   * Tag's label\n   *\n   * @memberof TagComponent\n   */\n  label = input<string>('');\n\n  /**\n   * Icon\n   *\n   * @type {string}\n   * @memberof TagComponent\n   */\n  icon = input<IconName>('');\n\n  /**\n   * Whether to allow the tag to be closed.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  allowClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the tag is in read-only mode.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  readOnly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the tag is selected.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  isSelected = model(false);\n\n  /**\n   * Display icon when is selected\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  showIconWhenSelected = input(false, { transform: booleanAttribute });\n\n  /**\n   * Pins the tag to its filled background at rest, without tying that background\n   * to the selected state — pressing the tag never flips its fill. Interactive\n   * states (hover, focus ring, press scale) and the `press` output are unaffected,\n   * so the tag stays clickable; use `readOnly` when it should not be.\n   *\n   * The fill follows the theme: grayscale in `light` / `dark`, petrol in `classic`.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  pinnedBackground = input(false, { transform: booleanAttribute });\n\n  /**\n   * Clamps the tag to its parent's width, truncating the label, instead of overflowing it.\n   *\n   * Opt-in: enabling it gives the host a real layout box, so `width`, `height` and vertical\n   * margins set on `ui-tag` start applying, bare sibling tags flow inline instead of stacking,\n   * and a tag in an `overflow-x` strip shrinks rather than scrolls (`flex: 0 0 auto` opts out).\n   * Becomes the default in the next major.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  constrainWidth = input(false, { transform: booleanAttribute });\n\n  /**\n   * Specifies whether the element is disabled.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  isDisabled = input(false, { transform: booleanAttribute });\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme | undefined}\n   * @memberof TagComponent\n   *\n   * When not provided, the component falls back to the injected\n   * `CANOPYUI_DEFAULT_APPLICATION_THEME` token (if any), then to `'light'`.\n   */\n  applicationTheme = input<ApplicationTheme | undefined>(undefined);\n  private readonly defaultAppTheme = inject<ApplicationTheme>(\n    'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n    { optional: true }\n  );\n  readonly theme = computed<ApplicationTheme>(() => this.applicationTheme() ?? this.defaultAppTheme ?? 'light');\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof TagComponent\n   */\n  ariaLabel = input<string | undefined>(undefined);\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly closeTestId = computed(() => (this.testId() ? `${this.testId()}-remove` : null));\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {boolean}\n   * @memberof TagComponent\n   */\n  ariaRequired = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to show the badge on the tag.\n   * @type {boolean}\n   * @default false\n   * @memberof TagComponent\n   */\n  showBadge = input<boolean>(false);\n\n  /**\n   * The notifications amount to be displayed on the badge.\n   * @type {number}\n   * @default 0\n   * @memberof TagComponent\n   */\n  notificationsAmount = input<number>(0);\n\n  /**\n   * Event triggered when the tag should be closed.\n   *\n   * @event\n   * @memberof TagComponent\n   */\n  // eslint-disable-next-line @angular-eslint/no-output-native -- output shadows a native event; rename is breaking, deferred to the breaking-change MAJOR (see plan)\n  close = output<void>();\n\n  /**\n   * Event triggered when a press action occurs.\n   *\n   * @event\n   * @memberof TagComponent\n   */\n  press = output<boolean>();\n\n  /**\n   * Subject that needs to be triggered when Label input changes, to check if it's truncated\n   * @private\n   * @type {void}\n   * @memberof TagComponent\n   */\n  private readonly checkLabelEllipsis$ = new ReplaySubject<void>(1);\n\n  /**\n   * Observable that indicates if the Label is truncated\n   * debounceTime is used to wait for view to be initialized after receiving a new Label input\n   * @protected\n   * @type {boolean}\n   * @memberof TagComponent\n   */\n  protected isEllipseActiveObs$ = this.checkLabelEllipsis$.pipe(\n    debounceTime(100),\n    map(() => {\n      const el = this.labelElement()?.nativeElement;\n      return el ? el.offsetWidth < el.scrollWidth : false;\n    })\n  );\n  protected readonly isHovered = signal(false);\n  protected shrink = false;\n  protected iconColor: IconColor = 'black';\n  protected closeBtnFocused = signal(false);\n\n  protected readonly labelElement = viewChild<ElementRef<HTMLElement>>('labelElement');\n  protected readonly containerElement = viewChild<ElementRef<HTMLElement>>('containerElement');\n\n  private readonly ngZone = inject(NgZone);\n\n  constructor() {\n    effect(() => {\n      this.label(); // dep — re-run on label change\n      this.labelElement(); // dep — re-run once @ViewChild resolves\n      this.isLabelEllipseActive();\n    });\n\n    // With `constrainWidth` the label truncates against the parent, and no input changes when\n    // the parent resizes — so the effect above never re-runs and the tooltip goes stale. Off,\n    // truncation is the label against a fixed cap, and the label is an input.\n    afterRenderEffect({\n      write: onCleanup => {\n        const el = this.containerElement()?.nativeElement;\n\n        if (!this.constrainWidth() || !el || typeof ResizeObserver === 'undefined') {\n          return;\n        }\n\n        const observer = new ResizeObserver(() => this.ngZone.run(() => this.isLabelEllipseActive()));\n        observer.observe(el);\n        onCleanup(() => observer.disconnect());\n      },\n    });\n  }\n\n  onPress(): void {\n    if (!this.readOnly() && !this.allowClose()) {\n      const newSelected = this.showIconWhenSelected() ? !this.isSelected() : false;\n      this.isSelected.set(newSelected);\n      this.press.emit(newSelected);\n    }\n  }\n\n  setHoverState(state: boolean) {\n    if (this.theme() === 'classic') {\n      return;\n    }\n    this.isHovered.set(state);\n  }\n\n  setShrinkState(state: boolean) {\n    this.shrink = state;\n  }\n\n  onClose(): void {\n    this.close.emit();\n  }\n\n  private isLabelEllipseActive(): void {\n    this.checkLabelEllipsis$.next();\n  }\n\n  readonly tabIndex = computed(() => (this.isDisabled() || this.readOnly() ? -1 : 0));\n\n  readonly filled = computed(\n    () => this.readOnly() || this.allowClose() || this.isSelected() || this.pinnedBackground()\n  );\n\n  onKeydown($event: KeyboardEvent): void {\n    if (\n      ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string)) &&\n      !this.closeBtnFocused()\n    ) {\n      this.onPress();\n    } else if (\n      this.closeBtnFocused() &&\n      ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string))\n    ) {\n      this.onClose();\n    }\n  }\n}\n","<div class=\"tag-wrapper\">\n  <div\n    [matTooltip]=\"(isEllipseActiveObs$ | async) ? label() : ''\"\n    [matTooltipClass]=\"theme()\"\n    [tabindex]=\"tabIndex()\"\n    class=\"tag-container\"\n    #containerElement\n    [attr.data-testid]=\"testId() ?? 'tag--container'\"\n    [attr.theme]=\"theme()\"\n    [class]=\"{\n      filled: filled(),\n      readonly: readOnly(),\n      disabled: isDisabled(),\n      outlined: !isSelected(),\n      shrink,\n    }\"\n    (click)=\"onPress()\"\n    (mouseenter)=\"setHoverState(true)\"\n    (mouseleave)=\"setHoverState(false)\"\n    (mousedown)=\"setShrinkState(true)\"\n    (mouseup)=\"setShrinkState(false)\"\n    (touchstart)=\"setShrinkState(true)\"\n    (touchend)=\"setShrinkState(false)\"\n    (keydown)=\"onKeydown($event)\"\n    [attr.aria-label]=\"ariaLabel() || label()\"\n    [attr.aria-required]=\"ariaRequired()\"\n  >\n    @if (icon()) {\n      <!-- Let ui-icon resolve the hover variant: composing the name here appended instead of\n           replacing, yielding names like `Sparkle-in-line-filled` that exist in no icon set. -->\n      <ui-icon\n        class=\"icon\"\n        [color]=\"iconColor\"\n        [name]=\"icon()\"\n        [filled]=\"isHovered()\"\n        [toggleIconStyle]=\"true\"\n        [applicationTheme]=\"theme()\"\n      ></ui-icon>\n    }\n    @if (isSelected() && showIconWhenSelected()) {\n      <ui-icon [color]=\"iconColor\" class=\"icon\" [name]=\"'Check'\" [applicationTheme]=\"theme()\"></ui-icon>\n    }\n    <span class=\"tag-label\" #labelElement>{{ label() }}</span>\n    <!-- Consumer content after the label. It never shrinks, so the label truncates first. Its own\n         presses are kept from reaching the tag, so a control in here doesn't also press the tag. -->\n    <span\n      class=\"tag-suffix\"\n      (click)=\"$event.stopPropagation()\"\n      (keydown)=\"$event.stopPropagation()\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (touchstart)=\"$event.stopPropagation()\"\n    >\n      <ng-content select=\"[uiTagSuffix]\"></ng-content>\n    </span>\n    @if (showBadge()) {\n      <span class=\"count\" aria-hidden=\"true\">\n        <span class=\"count-dot\">&bull;</span>\n        <span class=\"count-value\">{{ notificationsAmount() }}</span>\n      </span>\n    }\n    @if (allowClose()) {\n      <ui-icon\n        (focus)=\"closeBtnFocused.set(true)\"\n        (blur)=\"closeBtnFocused.set(false)\"\n        [tabindex]=\"tabIndex()\"\n        class=\"delete-icon\"\n        [attr.data-testid]=\"closeTestId()\"\n        [attr.aria-label]=\"'TAG.REMOVE' | uiTranslate | async\"\n        [color]=\"iconColor\"\n        (click)=\"onClose(); $event.stopPropagation()\"\n        [name]=\"'Close'\"\n        [applicationTheme]=\"theme()\"\n      ></ui-icon>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { TagComponent } from './tag.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    TooltipComponentModule,\n    MatTooltipModule,\n    MatInputModule,\n    UiTranslatePipe,\n    TagComponent,\n  ],\n  exports: [TagComponent],\n  providers: [],\n})\nexport class TagComponentModule {}\n"],"mappings":";;;;;;;;;;AAgCA,IAAa,eAAb,MAAa,aAAY;CA+LvB,cAAA;EAzLA,KAAA,QAAQ,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAQzB,KAAA,OAAO,MAAgB,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAS1B,KAAA,aAAa,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,aAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EASvD,KAAA,WAAW,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EASrD,KAAA,aAAa,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EASzB,KAAA,uBAAuB,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,uBAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAcjE,KAAA,mBAAmB,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,mBAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAc7D,KAAA,iBAAiB,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,iBAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAS3D,KAAA,aAAa,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,aAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAYvD,KAAA,mBAAmB,MAAoC,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAChD,KAAA,kBAAkB,OACjC,sCACA,EAAE,UAAU,KAAI,CAAE;EAEX,KAAA,QAAQ,eAAiC,KAAK,iBAAgB,KAAM,KAAK,mBAAmB,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAQ7G,KAAA,YAAY,MAA0B,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAEvC,KAAA,SAAS,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAEzB,KAAA,cAAc,eAAgB,KAAK,OAAM,IAAK,GAAG,KAAK,OAAM,EAAE,WAAY,MAAM,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAQnG,KAAA,eAAe,MAAM,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,eAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAQzD,KAAA,YAAY,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAQjC,KAAA,sBAAsB,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,sBAAA,CAAA,+BAAA,CAAA,CAAA;EAStC,KAAA,QAAQ,OAAM;EAQd,KAAA,QAAQ,OAAM;EAQG,KAAA,sBAAsB,IAAI,cAAoB,CAAC;EAStD,KAAA,sBAAsB,KAAK,oBAAoB,KACvD,aAAa,GAAG,GAChB,UAAS;GACP,MAAM,KAAK,KAAK,aAAY,CAAE,EAAE;GAChC,OAAO,KAAK,GAAG,cAAc,GAAG,cAAc;EAChD,CAAC,CAAC;EAEe,KAAA,YAAY,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAClC,KAAA,SAAS;EACT,KAAA,YAAuB;EACvB,KAAA,kBAAkB,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAEtB,KAAA,eAAe,UAAmC,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EACjE,KAAA,mBAAmB,UAAmC,oBAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAE3E,KAAA,SAAS,OAAO,MAAM;EAsD9B,KAAA,WAAW,eAAgB,KAAK,WAAU,KAAM,KAAK,SAAQ,IAAK,KAAK,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAE1E,KAAA,SAAS,eACV,KAAK,SAAQ,KAAM,KAAK,WAAU,KAAM,KAAK,WAAU,KAAM,KAAK,iBAAgB,GACzF,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAvDC,aAAY;GACV,KAAK,MAAK;GACV,KAAK,aAAY;GACjB,KAAK,qBAAoB;EAC3B,CAAC;EAKD,kBAAkB,EAChB,QAAO,cAAY;GACjB,MAAM,KAAK,KAAK,iBAAgB,CAAE,EAAE;GAEpC,IAAI,CAAC,KAAK,eAAc,KAAM,CAAC,MAAM,OAAO,mBAAmB,aAC7D;GAGF,MAAM,WAAW,IAAI,qBAAqB,KAAK,OAAO,UAAU,KAAK,qBAAoB,CAAE,CAAC;GAC5F,SAAS,QAAQ,EAAE;GACnB,gBAAgB,SAAS,WAAU,CAAE;EACvC,EACD,CAAA;CACH;CAEA,UAAO;EACL,IAAI,CAAC,KAAK,SAAQ,KAAM,CAAC,KAAK,WAAU,GAAI;GAC1C,MAAM,cAAc,KAAK,qBAAoB,IAAK,CAAC,KAAK,WAAU,IAAK;GACvE,KAAK,WAAW,IAAI,WAAW;GAC/B,KAAK,MAAM,KAAK,WAAW;EAC7B;CACF;CAEA,cAAc,OAAc;EAC1B,IAAI,KAAK,MAAK,MAAO,WACnB;EAEF,KAAK,UAAU,IAAI,KAAK;CAC1B;CAEA,eAAe,OAAc;EAC3B,KAAK,SAAS;CAChB;CAEA,UAAO;EACL,KAAK,MAAM,KAAI;CACjB;CAEQ,uBAAoB;EAC1B,KAAK,oBAAoB,KAAI;CAC/B;CAQA,UAAU,QAAqB;EAC7B,KACG,OAAO,QAAS,eAAe,SAAoB,OAAO,QAAS,eAAe,UACnF,CAAC,KAAK,gBAAe,GAErB,KAAK,QAAO;OACP,IACL,KAAK,gBAAe,MACnB,OAAO,QAAS,eAAe,SAAoB,OAAO,QAAS,eAAe,QAEnF,KAAK,QAAO;CAEhB;CArQW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAY,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAZ;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAY,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,YAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,YAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,sBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,gBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,YAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,cAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,qBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA;IAAA,YAAA;IAAA,OAAA;IAAA,OAAA;GAAA;GAAA,MAAA,EAAA,YAAA,EAAA,iCAAA,mBAAA,EAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,cAAA;IAAA,aAAA;IAAA,UAAA;GAAA,GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,kBAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UChCzB;GA4EA,QAAA,CAAA,i4OAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD9CY;KAAU,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,YAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;IAAmB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAS,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAe,MAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAE1D,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EARxB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAQ,iBACD,wBAAwB;GAAM,MACzC,EAAE,mCAAmC,mBAAkB;GAAE,SAGtD;IAAC;IAAY;IAAqB;IAAW;GAAe;GAAC,UAAA;GAAA,QAAA,CAAA,i4OAAA;EAAA,CAAA;CA4LD,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,kBAAA;EAAA,CAAA;EAAA,sBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,gBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,qBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,OAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,OAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,gBAAc,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CACV,oBAAkB,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AEnM7F,IAAa,qBAAb,MAAa,mBAAkB;CAAlB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAlB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,SAAA;IAX3B;IACA;IACA;IACA;IACA;IACA;IACA;GAAY;GAAA,SAAA,CAEJ,YAAY;EAAA,CAAA;CAAA;CAGX;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,SAAA;IAX3B;IACA;IACA;IACA;IACA;IAEA;GAAY;EAAA,CAAA;CAAA;;AAKH,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAb9B,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;GACD;GACD,SAAS,CAAC,YAAY;GACtB,WAAW,CAAA;EACZ,CAAA"}