@testgorilla/tgo-ui 11.22.2 → 12.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-badge.mjs","sources":["../../../components/badge/badge.model.ts","../../../components/badge/badge.component.ts","../../../components/badge/badge.component.html","../../../components/badge/badge.component.module.ts","../../../components/badge/testgorilla-tgo-ui-components-badge.ts"],"sourcesContent":["export type BadgeVariant = 'primary' | 'secondary' | 'notification' | 'primary-ai' | 'secondary-ai';\nexport type BadgeColor =\n  | 'red'\n  | 'grey-medium'\n  | 'teal'\n  | 'yellow'\n  | 'petrol'\n  | 'teal-60w'\n  | 'petrol-90w'\n  | 'petrol-60w'\n  | 'grey-dark'\n  | 'blue-20'\n  | 'blue-40'\n  | 'pink-30'\n  | 'blue-10';\n\nexport enum BadgeColorEnum {\n  RED = 'red',\n  GREY_MEDIUM = 'grey-medium',\n  TEAL = 'teal',\n  YELLOW = 'yellow',\n  PETROL = 'petrol',\n  TEAL_60W = 'teal-60w',\n  PETROL_90W = 'petrol-90w',\n  PETROL_60W = 'petrol-60w',\n  GREY_DARK = 'grey-dark',\n  BLUE_20 = 'blue-20',\n  BLUE_40 = 'blue-40',\n}\n\nexport type RebrandBadgeColor =\n  | 'success'\n  | 'warning'\n  | 'negative'\n  | 'info'\n  | 'brand'\n  | 'neutral'\n  | 'blue-20'\n  | 'blue-40'\n  | 'pink-30'\n  | 'pink-50'\n  | 'blue-10'\n  | 'grey-10'\n  | 'grey-20'\n  | 'grey-30';\n\nexport enum RebrandBadgeColorEnum {\n  SUCCESS = 'success',\n  WARNING = 'warning',\n  NEGATIVE = 'negative',\n  INFO = 'info',\n  BRAND = 'brand',\n  NEUTRAL = 'neutral',\n  BLUE_40 = 'blue-40',\n  BLUE_20 = 'blue-20',\n  PINK_30 = 'pink-30',\n  PINK_50 = 'pink-50',\n  BLUE_10 = 'blue-10',\n  GREY_30 = 'grey-30',\n  GREY_20 = 'grey-20',\n  GREY_10 = 'grey-10',\n}\n\nexport enum BadgeVariantEnum {\n  PRIMARY = 'primary',\n  PRIMARY_AI = 'primary-ai',\n  SECONDARY = 'secondary',\n  SECONDARY_AI = 'secondary-ai',\n  NOTIFICATION = 'notification',\n}\n","import { NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, Optional, input } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconColor, IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  BadgeColor,\n  BadgeColorEnum,\n  BadgeVariant,\n  BadgeVariantEnum,\n  RebrandBadgeColor,\n  RebrandBadgeColorEnum,\n} from './badge.model';\n\n@Component({\n  selector: 'ui-badge',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  imports: [MatTooltip, IconComponentModule, NgTemplateOutlet, SlicePipe],\n})\nexport class BadgeComponent {\n  /**\n   * The label to be displayed on the badge.\n   * @type {string}\n   * @memberof BadgeComponent\n   */\n  @Input() label = '';\n\n  /**\n   * A static label always displayed after the main label, never truncated.\n   * Intended for short suffixes (max 4 chars, e.g. \"100%\").\n   * When the main label is truncated, the tooltip shows both labels in full.\n   * @type {string}\n   * @memberof BadgeComponent\n   */\n  @Input() staticLabel = '';\n\n  /**\n   * The icon name to be displayed on the badge.\n   * @type {IconName}\n   * @memberof BadgeComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * Override color for the leading icon. Accepts any value the `ui-icon`\n   * `color` input accepts (named token, hex, or CSS custom property).\n   * When unset, falls back to the auto-derived color based on the badge background.\n   */\n  iconColor = input<string | undefined>(undefined);\n\n  /**\n   * Optional trailing icon, rendered after the label/static label on the primary variant.\n   */\n  trailingIcon = input<IconName>('');\n\n  /**\n   * Override color for the trailing icon. Accepts any value the `ui-icon`\n   * `color` input accepts (named token, hex, or CSS custom property).\n   * When unset, falls back to the auto-derived color based on the badge background.\n   */\n  trailingIconColor = input<string | undefined>(undefined);\n\n  /**\n   * The color of the badge. Defaults to 'petrol'.\n   * @type {BadgeColor}\n   * @memberof BadgeComponent\n   */\n  @Input() color: BadgeColor = 'petrol';\n\n  /**\n   * The variant of the badge. Defaults to 'primary'.\n   * @type {BadgeVariant}\n   * @memberof BadgeComponent\n   */\n  @Input() variant: BadgeVariant = 'primary';\n\n  /**\n   * The amount of notifications to be displayed on the badge.\n   * @type {number}\n   * @memberof BadgeComponent\n   */\n  @Input() notificationsAmount = 0;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof BadgeComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The color of the badge on new theme. Defaults to 'brand'.\n   * @type {RebrandBadgeColor}\n   * @memberof BadgeComponent\n   */\n  @Input() rebrandColor: RebrandBadgeColor = 'brand';\n\n  @Input() truncateLabel = true;\n\n  /**\n   * Whether to enable the animation when label changes from empty to having content.\n   * @type {boolean}\n   * @memberof BadgeComponent\n   */\n  @Input() enableAnimation = false;\n\n  protected badgeVariant = BadgeVariantEnum;\n  private readonly darkColors: string[] = [\n    BadgeColorEnum.GREY_MEDIUM,\n    BadgeColorEnum.PETROL_90W,\n    BadgeColorEnum.TEAL_60W,\n    BadgeColorEnum.PETROL_60W,\n    RebrandBadgeColorEnum.SUCCESS,\n    RebrandBadgeColorEnum.INFO,\n    RebrandBadgeColorEnum.BRAND,\n    RebrandBadgeColorEnum.NEUTRAL,\n    RebrandBadgeColorEnum.NEGATIVE,\n    RebrandBadgeColorEnum.WARNING,\n    RebrandBadgeColorEnum.BLUE_20,\n    RebrandBadgeColorEnum.PINK_30,\n    RebrandBadgeColorEnum.BLUE_10,\n    RebrandBadgeColorEnum.GREY_20,\n  ];\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected get autoIconColor(): IconColor {\n    return this.darkColors.includes(this.isClassicTheme ? this.color : this.rebrandColor) ? 'black' : 'white';\n  }\n\n  protected get resolvedIconColor(): IconColor {\n    return this.iconColor() ?? this.autoIconColor;\n  }\n\n  protected get resolvedTrailingIconColor(): IconColor {\n    return this.trailingIconColor() ?? this.autoIconColor;\n  }\n\n  protected get isClassicTheme(): boolean {\n    return this.applicationTheme === 'classic';\n  }\n}\n","<div\n  [class]=\"'badge badge-container-' + variant\"\n  [class.no-label]=\"!label && !staticLabel && !trailingIcon()\"\n  [attr.aria-label]=\"label + (staticLabel ? ' ' + staticLabel : '')\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n  [matTooltip]=\"\n    label.length > 25 - (staticLabel.length < 4 ? staticLabel.length : 4)\n      ? label + (staticLabel ? ' ' + staticLabel : '')\n      : ''\n  \"\n  [matTooltipClass]=\"applicationTheme\"\n>\n  @switch (variant) {\n    @case (badgeVariant.PRIMARY) {\n      @if (icon) {\n        <ui-icon\n          [class.badge-icon]=\"!!label || !!staticLabel || !!trailingIcon\"\n          [name]=\"icon\"\n          [color]=\"resolvedIconColor\"\n        ></ui-icon>\n      }\n    }\n    @case (badgeVariant.PRIMARY_AI) {\n      <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n    }\n    @case (badgeVariant.SECONDARY_AI) {\n      <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n    }\n    @case (badgeVariant.SECONDARY) {\n      <div class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n    }\n    @case (badgeVariant.NOTIFICATION) {\n      <div class=\"number-notification\">{{ notificationsAmount }}</div>\n    }\n  }\n  @if (variant !== badgeVariant.NOTIFICATION) {\n    <div class=\"label\" [class.empty]=\"!label && !staticLabel\" [class.animated]=\"enableAnimation\">\n      {{\n        label.length > 25 - (staticLabel.length < 4 ? staticLabel.length : 4) && truncateLabel\n          ? (label | slice: 0 : 25 - (staticLabel.length < 4 ? staticLabel.length : 4)) + '...'\n          : label\n      }}\n    </div>\n  }\n  @if (staticLabel && variant !== badgeVariant.NOTIFICATION) {\n    <span class=\"static-label\">{{ staticLabel | slice: 0 : 4 }}</span>\n  }\n  @if (trailingIcon() && variant === badgeVariant.PRIMARY) {\n    <ui-icon class=\"badge-icon-trailing\" [name]=\"trailingIcon()\" [color]=\"resolvedTrailingIconColor\"></ui-icon>\n  }\n</div>\n\n<ng-template #aiIconTpl>\n  <ui-icon class=\"badge-icon\" [name]=\"'Sparkle-in-line'\" [color]=\"'ai'\"></ui-icon>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, MatTooltipModule, BadgeComponent],\n  exports: [BadgeComponent],\n})\nexport class BadgeComponentModule {}\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-badge.mjs","names":[],"sources":["../../../components/badge/badge.model.ts","../../../components/badge/badge.component.ts","../../../components/badge/badge.component.html","../../../components/badge/badge.component.module.ts"],"sourcesContent":["export type BadgeVariant = 'primary' | 'secondary' | 'notification' | 'primary-ai' | 'secondary-ai';\nexport type BadgeColor =\n  | 'red'\n  | 'grey-medium'\n  | 'teal'\n  | 'yellow'\n  | 'petrol'\n  | 'teal-60w'\n  | 'petrol-90w'\n  | 'petrol-60w'\n  | 'grey-dark'\n  | 'blue-20'\n  | 'blue-40'\n  | 'pink-30'\n  | 'blue-10';\n\nexport enum BadgeColorEnum {\n  RED = 'red',\n  GREY_MEDIUM = 'grey-medium',\n  TEAL = 'teal',\n  YELLOW = 'yellow',\n  PETROL = 'petrol',\n  TEAL_60W = 'teal-60w',\n  PETROL_90W = 'petrol-90w',\n  PETROL_60W = 'petrol-60w',\n  GREY_DARK = 'grey-dark',\n  BLUE_20 = 'blue-20',\n  BLUE_40 = 'blue-40',\n}\n\nexport type RebrandBadgeColor =\n  | 'success'\n  | 'warning'\n  | 'negative'\n  | 'info'\n  | 'brand'\n  | 'neutral'\n  | 'blue-20'\n  | 'blue-40'\n  | 'pink-30'\n  | 'pink-50'\n  | 'blue-10'\n  | 'grey-10'\n  | 'grey-20'\n  | 'grey-30';\n\nexport enum RebrandBadgeColorEnum {\n  SUCCESS = 'success',\n  WARNING = 'warning',\n  NEGATIVE = 'negative',\n  INFO = 'info',\n  BRAND = 'brand',\n  NEUTRAL = 'neutral',\n  BLUE_40 = 'blue-40',\n  BLUE_20 = 'blue-20',\n  PINK_30 = 'pink-30',\n  PINK_50 = 'pink-50',\n  BLUE_10 = 'blue-10',\n  GREY_30 = 'grey-30',\n  GREY_20 = 'grey-20',\n  GREY_10 = 'grey-10',\n}\n\nexport enum BadgeVariantEnum {\n  PRIMARY = 'primary',\n  PRIMARY_AI = 'primary-ai',\n  SECONDARY = 'secondary',\n  SECONDARY_AI = 'secondary-ai',\n  NOTIFICATION = 'notification',\n}\n","import { NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, Optional, input } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconColor, IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  BadgeColor,\n  BadgeColorEnum,\n  BadgeVariant,\n  BadgeVariantEnum,\n  RebrandBadgeColor,\n  RebrandBadgeColorEnum,\n} from './badge.model';\n\n@Component({\n  selector: 'ui-badge',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  imports: [MatTooltip, IconComponentModule, NgTemplateOutlet, SlicePipe],\n})\nexport class BadgeComponent {\n  /**\n   * The label to be displayed on the badge.\n   * @type {string}\n   * @memberof BadgeComponent\n   */\n  @Input() label = '';\n\n  /**\n   * A static label always displayed after the main label, never truncated.\n   * Intended for short suffixes (max 4 chars, e.g. \"100%\").\n   * When the main label is truncated, the tooltip shows both labels in full.\n   * @type {string}\n   * @memberof BadgeComponent\n   */\n  @Input() staticLabel = '';\n\n  /**\n   * The icon name to be displayed on the badge.\n   * @type {IconName}\n   * @memberof BadgeComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * Override color for the leading icon. Accepts any value the `ui-icon`\n   * `color` input accepts (named token, hex, or CSS custom property).\n   * When unset, falls back to the auto-derived color based on the badge background.\n   */\n  iconColor = input<string | undefined>(undefined);\n\n  /**\n   * Optional trailing icon, rendered after the label/static label on the primary variant.\n   */\n  trailingIcon = input<IconName>('');\n\n  /**\n   * Override color for the trailing icon. Accepts any value the `ui-icon`\n   * `color` input accepts (named token, hex, or CSS custom property).\n   * When unset, falls back to the auto-derived color based on the badge background.\n   */\n  trailingIconColor = input<string | undefined>(undefined);\n\n  /**\n   * The color of the badge. Defaults to 'petrol'.\n   * @type {BadgeColor}\n   * @memberof BadgeComponent\n   */\n  @Input() color: BadgeColor = 'petrol';\n\n  /**\n   * The variant of the badge. Defaults to 'primary'.\n   * @type {BadgeVariant}\n   * @memberof BadgeComponent\n   */\n  @Input() variant: BadgeVariant = 'primary';\n\n  /**\n   * The amount of notifications to be displayed on the badge.\n   * @type {number}\n   * @memberof BadgeComponent\n   */\n  @Input() notificationsAmount = 0;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof BadgeComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The color of the badge on new theme. Defaults to 'brand'.\n   * @type {RebrandBadgeColor}\n   * @memberof BadgeComponent\n   */\n  @Input() rebrandColor: RebrandBadgeColor = 'brand';\n\n  @Input() truncateLabel = true;\n\n  /**\n   * Whether to enable the animation when label changes from empty to having content.\n   * @type {boolean}\n   * @memberof BadgeComponent\n   */\n  @Input() enableAnimation = false;\n\n  protected badgeVariant = BadgeVariantEnum;\n  private readonly darkColors: string[] = [\n    BadgeColorEnum.GREY_MEDIUM,\n    BadgeColorEnum.PETROL_90W,\n    BadgeColorEnum.TEAL_60W,\n    BadgeColorEnum.PETROL_60W,\n    RebrandBadgeColorEnum.SUCCESS,\n    RebrandBadgeColorEnum.INFO,\n    RebrandBadgeColorEnum.BRAND,\n    RebrandBadgeColorEnum.NEUTRAL,\n    RebrandBadgeColorEnum.NEGATIVE,\n    RebrandBadgeColorEnum.WARNING,\n    RebrandBadgeColorEnum.BLUE_20,\n    RebrandBadgeColorEnum.PINK_30,\n    RebrandBadgeColorEnum.BLUE_10,\n    RebrandBadgeColorEnum.GREY_20,\n  ];\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected get autoIconColor(): IconColor {\n    return this.darkColors.includes(this.isClassicTheme ? this.color : this.rebrandColor) ? 'black' : 'white';\n  }\n\n  protected get resolvedIconColor(): IconColor {\n    return this.iconColor() ?? this.autoIconColor;\n  }\n\n  protected get resolvedTrailingIconColor(): IconColor {\n    return this.trailingIconColor() ?? this.autoIconColor;\n  }\n\n  protected get isClassicTheme(): boolean {\n    return this.applicationTheme === 'classic';\n  }\n}\n","<div\n  [class]=\"'badge badge-container-' + variant\"\n  [class.no-label]=\"!label && !staticLabel && !trailingIcon()\"\n  [attr.aria-label]=\"label + (staticLabel ? ' ' + staticLabel : '')\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n  [matTooltip]=\"\n    label.length > 25 - (staticLabel.length < 4 ? staticLabel.length : 4)\n      ? label + (staticLabel ? ' ' + staticLabel : '')\n      : ''\n  \"\n  [matTooltipClass]=\"applicationTheme\"\n>\n  @switch (variant) {\n    @case (badgeVariant.PRIMARY) {\n      @if (icon) {\n        <ui-icon\n          [class.badge-icon]=\"!!label || !!staticLabel || !!trailingIcon\"\n          [name]=\"icon\"\n          [color]=\"resolvedIconColor\"\n        ></ui-icon>\n      }\n    }\n    @case (badgeVariant.PRIMARY_AI) {\n      <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n    }\n    @case (badgeVariant.SECONDARY_AI) {\n      <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n    }\n    @case (badgeVariant.SECONDARY) {\n      <div class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n    }\n    @case (badgeVariant.NOTIFICATION) {\n      <div class=\"number-notification\">{{ notificationsAmount }}</div>\n    }\n  }\n  @if (variant !== badgeVariant.NOTIFICATION) {\n    <div class=\"label\" [class.empty]=\"!label && !staticLabel\" [class.animated]=\"enableAnimation\">\n      {{\n        label.length > 25 - (staticLabel.length < 4 ? staticLabel.length : 4) && truncateLabel\n          ? (label | slice: 0 : 25 - (staticLabel.length < 4 ? staticLabel.length : 4)) + '...'\n          : label\n      }}\n    </div>\n  }\n  @if (staticLabel && variant !== badgeVariant.NOTIFICATION) {\n    <span class=\"static-label\">{{ staticLabel | slice: 0 : 4 }}</span>\n  }\n  @if (trailingIcon() && variant === badgeVariant.PRIMARY) {\n    <ui-icon class=\"badge-icon-trailing\" [name]=\"trailingIcon()\" [color]=\"resolvedTrailingIconColor\"></ui-icon>\n  }\n</div>\n\n<ng-template #aiIconTpl>\n  <ui-icon class=\"badge-icon\" [name]=\"'Sparkle-in-line'\" [color]=\"'ai'\"></ui-icon>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, MatTooltipModule, BadgeComponent],\n  exports: [BadgeComponent],\n})\nexport class BadgeComponentModule {}\n"],"mappings":"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"}