@testgorilla/tgo-ui 11.22.3 → 12.0.1

package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-inline-field.mjs","sources":["../../../components/inline-field/inline-field.component.ts","../../../components/inline-field/inline-field.component.html","../../../components/inline-field/inline-field.component.module.ts","../../../components/inline-field/testgorilla-tgo-ui-components-inline-field.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  input,\n  OnInit,\n  output,\n  ViewChild,\n  ViewEncapsulation,\n  computed,\n  signal,\n  Optional,\n  Self,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent, FieldType } from '@testgorilla/tgo-ui/components/field';\n\nimport {\n  InlineFieldState,\n  InlineFieldButtonConfig,\n  InlineFieldValidation,\n  InlineFieldChangeEvent,\n} from './inline-field.model';\n\n/**\n * A global counter used to generate unique inline field IDs.\n */\nlet inlineFieldID = 0;\n\n@Component({\n  selector: 'ui-inline-field',\n  templateUrl: './inline-field.component.html',\n  styleUrls: ['./inline-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.theme]': 'applicationTheme()',\n    '[attr.state]': 'state()',\n    '[attr.editing]': 'isEditing()',\n    '[class.full-width]': 'fullWidth()',\n  },\n  imports: [NgClass, FieldComponent, ButtonComponent],\n})\nexport class InlineFieldComponent implements OnInit, ControlValueAccessor {\n  @HostBinding() class = 'ui-inline-field';\n\n  /**\n   * Component ID for accessibility\n   */\n  id = input(`inline-field-${inlineFieldID++}`);\n\n  /**\n   * Field label\n   */\n  label = input('');\n\n  /**\n   * Field placeholder\n   */\n  placeholder = input('');\n\n  /**\n   * Current value\n   */\n  value = input('');\n\n  /**\n   * Whether the field is required\n   */\n  required = input(false);\n\n  /**\n   * Whether the field is disabled\n   */\n  disabled = input(false);\n\n  /**\n   * Application theme\n   */\n  applicationTheme = input<ApplicationTheme>('light');\n\n  /**\n   * Field type\n   */\n  fieldType = input<FieldType>('text');\n\n  /**\n   * Field type\n   */\n  maxRows = input<number>(0);\n\n  /**\n   * Error messages\n   */\n  errors = input<string[]>([]);\n\n  /**\n   * Whether to show errors\n   */\n  showErrors = input(true);\n\n  /**\n   * Button configuration\n   */\n  buttonConfig = input<InlineFieldButtonConfig>({\n    saveLabel: 'Save',\n    cancelLabel: 'Cancel',\n    saveIcon: 'Check-filled',\n    cancelIcon: 'Close-filled',\n  });\n\n  /**\n   * Validation configuration\n   */\n  validation = input<InlineFieldValidation>({});\n\n  /**\n   * ARIA label\n   */\n  ariaLabel = input('');\n\n  testId = input<string | null>(null);\n\n  protected readonly saveButtonTestId = computed(() => (this.testId() ? `${this.testId()}-save` : null));\n\n  protected readonly cancelButtonTestId = computed(() => (this.testId() ? `${this.testId()}-cancel` : null));\n\n  /**\n   * Full width\n   */\n  fullWidth = input(false);\n\n  /**\n   * Emitted when save button is clicked\n   */\n  save = output<InlineFieldChangeEvent>();\n\n  /**\n   * Emitted when cancel button is clicked\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  cancel = output<void>();\n\n  /**\n   * Emitted when value changes\n   */\n  valueChange = output<string>();\n\n  /**\n   * Emitted when editing mode changes\n   */\n  editingModeChange = output<boolean>();\n\n  /**\n   * Emitted on focus\n   */\n  focusEvent = output<void>();\n\n  /**\n   * Emitted on blur\n   */\n  blurEvent = output<void>();\n\n  @ViewChild('fieldElement') fieldComponent: FieldComponent;\n\n  private readonly _isEditing = signal(false);\n  private readonly _originalValue = signal('');\n  private readonly _currentValue = signal('');\n  private readonly _state = signal<InlineFieldState>('default');\n\n  isEditing = computed(() => this._isEditing());\n  currentValue = computed(() => this._currentValue());\n  state = computed(() => this._state());\n\n  saveButtonConfig = computed(() => ({\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- intentional falsy fallback: an empty-string label must also fall back to the default (pre-rollout behavior)\n    label: this.buttonConfig().saveLabel || 'Save',\n    iconName: this.buttonConfig().saveIcon ?? 'Check-filled',\n    variant: 'secondary-inverted' as const,\n    size: 'small' as const,\n    disabled: this.disabled(),\n  }));\n\n  cancelButtonConfig = computed(() => ({\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- intentional falsy fallback: an empty-string label must also fall back to the default (pre-rollout behavior)\n    label: this.buttonConfig().cancelLabel || 'Cancel',\n    iconName: this.buttonConfig().cancelIcon ?? 'Close-filled',\n    variant: 'secondary-inverted' as const,\n    size: 'small' as const,\n    disabled: this.disabled(),\n  }));\n\n  private onChange = (_val: string) => {};\n  private onTouched = () => {};\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly destroyRef: DestroyRef,\n    private readonly elementRef: ElementRef<HTMLElement>,\n    @Optional() @Self() public ngControl: NgControl\n  ) {\n    if (this.ngControl !== null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit(): void {\n    this._currentValue.set(this.value());\n    this._originalValue.set(this.value());\n    this.updateState();\n  }\n\n  writeValue(value: string): void {\n    const newValue = value || '';\n    this._currentValue.set(newValue);\n    if (!this.isEditing()) {\n      this._originalValue.set(newValue);\n    }\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(_isDisabled: boolean): void {\n    this.updateState();\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('focusout', ['$event'])\n  onComponentFocusOut(event: FocusEvent): void {\n    const relatedTarget = event.relatedTarget as HTMLElement;\n    const isLeavingComponent = !relatedTarget || !this.elementRef.nativeElement.contains(relatedTarget);\n\n    if (isLeavingComponent && this.isEditing()) {\n      this._currentValue.set(this._originalValue());\n      this.exitEditMode();\n      this.onChange(this._originalValue());\n      this.cancel.emit();\n    }\n  }\n\n  @HostListener('keydown.escape', ['$event'])\n  onEscapePressed(event: Event): void {\n    if (this.isEditing()) {\n      event.preventDefault();\n      this.cancelEdit();\n    }\n  }\n\n  @HostListener('keydown.enter', ['$event'])\n  onEnterPressed(event: Event): void {\n    if (this.isEditing() && event instanceof KeyboardEvent && !event.shiftKey) {\n      event.preventDefault();\n      this.saveEdit();\n    }\n  }\n\n  @HostListener('keydown.tab')\n  onTabPressed(): void {}\n\n  onInputFocus(): void {\n    if (!this.disabled() && !this.isEditing()) {\n      this.enterEditMode();\n    }\n    this._state.set('focused');\n    this.focusEvent.emit();\n    this.onTouched();\n  }\n\n  onInputBlur(): void {\n    this.blurEvent.emit();\n  }\n\n  onInputChange(event: Event): void {\n    const inputElement = event.target as HTMLInputElement;\n    const newValue = inputElement.value;\n    this._currentValue.set(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  focus(): void {\n    if (this.fieldComponent) {\n      this.fieldComponent.focus();\n      this.fieldComponent.field?.nativeElement?.select();\n    }\n  }\n\n  enterEditMode(): void {\n    if (this.disabled() || this.isEditing()) {\n      return;\n    }\n\n    this._originalValue.set(this._currentValue());\n    this._isEditing.set(true);\n    this._state.set('editing');\n    this.editingModeChange.emit(true);\n\n    this.cdr.markForCheck();\n  }\n\n  saveEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    const newValue = this.currentValue();\n    const hasValidationError = this.hasValidationError(newValue);\n\n    if (hasValidationError) {\n      this._state.set('error');\n      this.cdr.markForCheck();\n      return;\n    }\n\n    const changeEvent: InlineFieldChangeEvent = {\n      value: newValue,\n      saved: true,\n      previousValue: this._originalValue(),\n    };\n\n    this._originalValue.set(newValue);\n    this.exitEditMode();\n    this.onChange(newValue);\n    this.save.emit(changeEvent);\n  }\n\n  cancelEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    this._currentValue.set(this._originalValue());\n    this.exitEditMode();\n    this.cancel.emit();\n  }\n\n  private exitEditMode(): void {\n    this._isEditing.set(false);\n    this.updateState();\n    this.editingModeChange.emit(false);\n    this.cdr.markForCheck();\n  }\n\n  private updateState(): void {\n    if (this.disabled()) {\n      this._state.set('disabled');\n    } else if (this.errors().length > 0) {\n      this._state.set('error');\n    } else if (this.isEditing()) {\n      this._state.set('editing');\n    } else {\n      this._state.set('default');\n    }\n  }\n\n  private hasValidationError(value: string): boolean {\n    const config = this.validation();\n\n    return (\n      this.hasRequiredError(value, config) ||\n      this.hasMinLengthError(value, config) ||\n      this.hasMaxLengthError(value, config) ||\n      this.hasPatternError(value, config) ||\n      this.hasCustomValidationError(value, config)\n    );\n  }\n\n  private hasRequiredError(value: string, config: InlineFieldValidation): boolean {\n    return config.required ? !value || value.trim().length === 0 : false;\n  }\n\n  private hasMinLengthError(value: string, config: InlineFieldValidation): boolean {\n    return config.minLength ? value.length < config.minLength : false;\n  }\n\n  private hasMaxLengthError(value: string, config: InlineFieldValidation): boolean {\n    return config.maxLength ? value.length > config.maxLength : false;\n  }\n\n  private hasPatternError(value: string, config: InlineFieldValidation): boolean {\n    return config.pattern ? !config.pattern.test(value) : false;\n  }\n\n  private hasCustomValidationError(value: string, config: InlineFieldValidation): boolean {\n    return config.customValidator ? config.customValidator(value) : false;\n  }\n}\n","<div class=\"inline-field-container\">\n  <div class=\"field-wrapper\" [ngClass]=\"{ 'is-editing': isEditing() }\">\n    <ui-field\n      [id]=\"id() + '-input'\"\n      [label]=\"label()\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"currentValue()\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n      [errors]=\"errors()\"\n      [showBottomContent]=\"showErrors()\"\n      [ariaLabel]=\"ariaLabel()\"\n      [applicationTheme]=\"applicationTheme()\"\n      [fullWidth]=\"true\"\n      [isAutocompleteOff]=\"true\"\n      [type]=\"fieldType()\"\n      [maxRows]=\"maxRows()\"\n      (input)=\"onInputChange($event)\"\n      (fieldBlur)=\"onInputBlur()\"\n      (focusin)=\"onInputFocus()\"\n      #fieldElement\n      data-testid=\"inline-field\"\n      [testId]=\"testId()\"\n    ></ui-field>\n\n    @if (isEditing()) {\n      <div class=\"action-buttons\">\n        <ui-button\n          [label]=\"saveButtonConfig().label\"\n          [iconName]=\"saveButtonConfig().iconName\"\n          [variant]=\"saveButtonConfig().variant\"\n          [size]=\"saveButtonConfig().size\"\n          [disabled]=\"saveButtonConfig().disabled\"\n          [applicationTheme]=\"applicationTheme()\"\n          [iconPosition]=\"'left'\"\n          (buttonClickEvent)=\"saveEdit()\"\n          [attr.aria-label]=\"'Save ' + (label() || 'field')\"\n          [testId]=\"saveButtonTestId()\"\n          class=\"save-button\"\n        ></ui-button>\n        <ui-button\n          [label]=\"cancelButtonConfig().label\"\n          [iconName]=\"cancelButtonConfig().iconName\"\n          [variant]=\"cancelButtonConfig().variant\"\n          [size]=\"cancelButtonConfig().size\"\n          [disabled]=\"cancelButtonConfig().disabled\"\n          [applicationTheme]=\"applicationTheme()\"\n          [iconPosition]=\"'left'\"\n          (buttonClickEvent)=\"cancelEdit()\"\n          [attr.aria-label]=\"'Cancel editing ' + (label() || 'field')\"\n          [testId]=\"cancelButtonTestId()\"\n          class=\"cancel-button\"\n        ></ui-button>\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { InlineFieldComponent } from './inline-field.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    ButtonComponentModule,\n    FieldComponentModule,\n    IconComponentModule,\n    InlineFieldComponent,\n  ],\n  exports: [InlineFieldComponent],\n})\nexport class InlineFieldComponentModule {}\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-inline-field.mjs","names":[],"sources":["../../../components/inline-field/inline-field.component.ts","../../../components/inline-field/inline-field.component.html","../../../components/inline-field/inline-field.component.module.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  input,\n  OnInit,\n  output,\n  ViewChild,\n  ViewEncapsulation,\n  computed,\n  signal,\n  Optional,\n  Self,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent, FieldType } from '@testgorilla/tgo-ui/components/field';\n\nimport {\n  InlineFieldState,\n  InlineFieldButtonConfig,\n  InlineFieldValidation,\n  InlineFieldChangeEvent,\n} from './inline-field.model';\n\n/**\n * A global counter used to generate unique inline field IDs.\n */\nlet inlineFieldID = 0;\n\n@Component({\n  selector: 'ui-inline-field',\n  templateUrl: './inline-field.component.html',\n  styleUrls: ['./inline-field.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.theme]': 'applicationTheme()',\n    '[attr.state]': 'state()',\n    '[attr.editing]': 'isEditing()',\n    '[class.full-width]': 'fullWidth()',\n  },\n  imports: [NgClass, FieldComponent, ButtonComponent],\n})\nexport class InlineFieldComponent implements OnInit, ControlValueAccessor {\n  @HostBinding() class = 'ui-inline-field';\n\n  /**\n   * Component ID for accessibility\n   */\n  id = input(`inline-field-${inlineFieldID++}`);\n\n  /**\n   * Field label\n   */\n  label = input('');\n\n  /**\n   * Field placeholder\n   */\n  placeholder = input('');\n\n  /**\n   * Current value\n   */\n  value = input('');\n\n  /**\n   * Whether the field is required\n   */\n  required = input(false);\n\n  /**\n   * Whether the field is disabled\n   */\n  disabled = input(false);\n\n  /**\n   * Application theme\n   */\n  applicationTheme = input<ApplicationTheme>('light');\n\n  /**\n   * Field type\n   */\n  fieldType = input<FieldType>('text');\n\n  /**\n   * Field type\n   */\n  maxRows = input<number>(0);\n\n  /**\n   * Error messages\n   */\n  errors = input<string[]>([]);\n\n  /**\n   * Whether to show errors\n   */\n  showErrors = input(true);\n\n  /**\n   * Button configuration\n   */\n  buttonConfig = input<InlineFieldButtonConfig>({\n    saveLabel: 'Save',\n    cancelLabel: 'Cancel',\n    saveIcon: 'Check-filled',\n    cancelIcon: 'Close-filled',\n  });\n\n  /**\n   * Validation configuration\n   */\n  validation = input<InlineFieldValidation>({});\n\n  /**\n   * ARIA label\n   */\n  ariaLabel = input('');\n\n  testId = input<string | null>(null);\n\n  protected readonly saveButtonTestId = computed(() => (this.testId() ? `${this.testId()}-save` : null));\n\n  protected readonly cancelButtonTestId = computed(() => (this.testId() ? `${this.testId()}-cancel` : null));\n\n  /**\n   * Full width\n   */\n  fullWidth = input(false);\n\n  /**\n   * Emitted when save button is clicked\n   */\n  save = output<InlineFieldChangeEvent>();\n\n  /**\n   * Emitted when cancel button is clicked\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  cancel = output<void>();\n\n  /**\n   * Emitted when value changes\n   */\n  valueChange = output<string>();\n\n  /**\n   * Emitted when editing mode changes\n   */\n  editingModeChange = output<boolean>();\n\n  /**\n   * Emitted on focus\n   */\n  focusEvent = output<void>();\n\n  /**\n   * Emitted on blur\n   */\n  blurEvent = output<void>();\n\n  @ViewChild('fieldElement') fieldComponent: FieldComponent;\n\n  private readonly _isEditing = signal(false);\n  private readonly _originalValue = signal('');\n  private readonly _currentValue = signal('');\n  private readonly _state = signal<InlineFieldState>('default');\n\n  isEditing = computed(() => this._isEditing());\n  currentValue = computed(() => this._currentValue());\n  state = computed(() => this._state());\n\n  saveButtonConfig = computed(() => ({\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- intentional falsy fallback: an empty-string label must also fall back to the default (pre-rollout behavior)\n    label: this.buttonConfig().saveLabel || 'Save',\n    iconName: this.buttonConfig().saveIcon ?? 'Check-filled',\n    variant: 'secondary-inverted' as const,\n    size: 'small' as const,\n    disabled: this.disabled(),\n  }));\n\n  cancelButtonConfig = computed(() => ({\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- intentional falsy fallback: an empty-string label must also fall back to the default (pre-rollout behavior)\n    label: this.buttonConfig().cancelLabel || 'Cancel',\n    iconName: this.buttonConfig().cancelIcon ?? 'Close-filled',\n    variant: 'secondary-inverted' as const,\n    size: 'small' as const,\n    disabled: this.disabled(),\n  }));\n\n  private onChange = (_val: string) => {};\n  private onTouched = () => {};\n\n  constructor(\n    private readonly cdr: ChangeDetectorRef,\n    private readonly destroyRef: DestroyRef,\n    private readonly elementRef: ElementRef<HTMLElement>,\n    @Optional() @Self() public ngControl: NgControl\n  ) {\n    if (this.ngControl !== null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit(): void {\n    this._currentValue.set(this.value());\n    this._originalValue.set(this.value());\n    this.updateState();\n  }\n\n  writeValue(value: string): void {\n    const newValue = value || '';\n    this._currentValue.set(newValue);\n    if (!this.isEditing()) {\n      this._originalValue.set(newValue);\n    }\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(_isDisabled: boolean): void {\n    this.updateState();\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('focusout', ['$event'])\n  onComponentFocusOut(event: FocusEvent): void {\n    const relatedTarget = event.relatedTarget as HTMLElement;\n    const isLeavingComponent = !relatedTarget || !this.elementRef.nativeElement.contains(relatedTarget);\n\n    if (isLeavingComponent && this.isEditing()) {\n      this._currentValue.set(this._originalValue());\n      this.exitEditMode();\n      this.onChange(this._originalValue());\n      this.cancel.emit();\n    }\n  }\n\n  @HostListener('keydown.escape', ['$event'])\n  onEscapePressed(event: Event): void {\n    if (this.isEditing()) {\n      event.preventDefault();\n      this.cancelEdit();\n    }\n  }\n\n  @HostListener('keydown.enter', ['$event'])\n  onEnterPressed(event: Event): void {\n    if (this.isEditing() && event instanceof KeyboardEvent && !event.shiftKey) {\n      event.preventDefault();\n      this.saveEdit();\n    }\n  }\n\n  @HostListener('keydown.tab')\n  onTabPressed(): void {}\n\n  onInputFocus(): void {\n    if (!this.disabled() && !this.isEditing()) {\n      this.enterEditMode();\n    }\n    this._state.set('focused');\n    this.focusEvent.emit();\n    this.onTouched();\n  }\n\n  onInputBlur(): void {\n    this.blurEvent.emit();\n  }\n\n  onInputChange(event: Event): void {\n    const inputElement = event.target as HTMLInputElement;\n    const newValue = inputElement.value;\n    this._currentValue.set(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  focus(): void {\n    if (this.fieldComponent) {\n      this.fieldComponent.focus();\n      this.fieldComponent.field?.nativeElement?.select();\n    }\n  }\n\n  enterEditMode(): void {\n    if (this.disabled() || this.isEditing()) {\n      return;\n    }\n\n    this._originalValue.set(this._currentValue());\n    this._isEditing.set(true);\n    this._state.set('editing');\n    this.editingModeChange.emit(true);\n\n    this.cdr.markForCheck();\n  }\n\n  saveEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    const newValue = this.currentValue();\n    const hasValidationError = this.hasValidationError(newValue);\n\n    if (hasValidationError) {\n      this._state.set('error');\n      this.cdr.markForCheck();\n      return;\n    }\n\n    const changeEvent: InlineFieldChangeEvent = {\n      value: newValue,\n      saved: true,\n      previousValue: this._originalValue(),\n    };\n\n    this._originalValue.set(newValue);\n    this.exitEditMode();\n    this.onChange(newValue);\n    this.save.emit(changeEvent);\n  }\n\n  cancelEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    this._currentValue.set(this._originalValue());\n    this.exitEditMode();\n    this.cancel.emit();\n  }\n\n  private exitEditMode(): void {\n    this._isEditing.set(false);\n    this.updateState();\n    this.editingModeChange.emit(false);\n    this.cdr.markForCheck();\n  }\n\n  private updateState(): void {\n    if (this.disabled()) {\n      this._state.set('disabled');\n    } else if (this.errors().length > 0) {\n      this._state.set('error');\n    } else if (this.isEditing()) {\n      this._state.set('editing');\n    } else {\n      this._state.set('default');\n    }\n  }\n\n  private hasValidationError(value: string): boolean {\n    const config = this.validation();\n\n    return (\n      this.hasRequiredError(value, config) ||\n      this.hasMinLengthError(value, config) ||\n      this.hasMaxLengthError(value, config) ||\n      this.hasPatternError(value, config) ||\n      this.hasCustomValidationError(value, config)\n    );\n  }\n\n  private hasRequiredError(value: string, config: InlineFieldValidation): boolean {\n    return config.required ? !value || value.trim().length === 0 : false;\n  }\n\n  private hasMinLengthError(value: string, config: InlineFieldValidation): boolean {\n    return config.minLength ? value.length < config.minLength : false;\n  }\n\n  private hasMaxLengthError(value: string, config: InlineFieldValidation): boolean {\n    return config.maxLength ? value.length > config.maxLength : false;\n  }\n\n  private hasPatternError(value: string, config: InlineFieldValidation): boolean {\n    return config.pattern ? !config.pattern.test(value) : false;\n  }\n\n  private hasCustomValidationError(value: string, config: InlineFieldValidation): boolean {\n    return config.customValidator ? config.customValidator(value) : false;\n  }\n}\n","<div class=\"inline-field-container\">\n  <div class=\"field-wrapper\" [ngClass]=\"{ 'is-editing': isEditing() }\">\n    <ui-field\n      [id]=\"id() + '-input'\"\n      [label]=\"label()\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"currentValue()\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n      [errors]=\"errors()\"\n      [showBottomContent]=\"showErrors()\"\n      [ariaLabel]=\"ariaLabel()\"\n      [applicationTheme]=\"applicationTheme()\"\n      [fullWidth]=\"true\"\n      [isAutocompleteOff]=\"true\"\n      [type]=\"fieldType()\"\n      [maxRows]=\"maxRows()\"\n      (input)=\"onInputChange($event)\"\n      (fieldBlur)=\"onInputBlur()\"\n      (focusin)=\"onInputFocus()\"\n      #fieldElement\n      data-testid=\"inline-field\"\n      [testId]=\"testId()\"\n    ></ui-field>\n\n    @if (isEditing()) {\n      <div class=\"action-buttons\">\n        <ui-button\n          [label]=\"saveButtonConfig().label\"\n          [iconName]=\"saveButtonConfig().iconName\"\n          [variant]=\"saveButtonConfig().variant\"\n          [size]=\"saveButtonConfig().size\"\n          [disabled]=\"saveButtonConfig().disabled\"\n          [applicationTheme]=\"applicationTheme()\"\n          [iconPosition]=\"'left'\"\n          (buttonClickEvent)=\"saveEdit()\"\n          [attr.aria-label]=\"'Save ' + (label() || 'field')\"\n          [testId]=\"saveButtonTestId()\"\n          class=\"save-button\"\n        ></ui-button>\n        <ui-button\n          [label]=\"cancelButtonConfig().label\"\n          [iconName]=\"cancelButtonConfig().iconName\"\n          [variant]=\"cancelButtonConfig().variant\"\n          [size]=\"cancelButtonConfig().size\"\n          [disabled]=\"cancelButtonConfig().disabled\"\n          [applicationTheme]=\"applicationTheme()\"\n          [iconPosition]=\"'left'\"\n          (buttonClickEvent)=\"cancelEdit()\"\n          [attr.aria-label]=\"'Cancel editing ' + (label() || 'field')\"\n          [testId]=\"cancelButtonTestId()\"\n          class=\"cancel-button\"\n        ></ui-button>\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { InlineFieldComponent } from './inline-field.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    ButtonComponentModule,\n    FieldComponentModule,\n    IconComponentModule,\n    InlineFieldComponent,\n  ],\n  exports: [InlineFieldComponent],\n})\nexport class InlineFieldComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-logo.mjs

@@ -1,217 +1,209 @@
-import * as i0 from '@angular/core';
-import { Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Input, NgModule, Optional } from "@angular/core";
 var LogoTypeEnum;
-(function (LogoTypeEnum) {
-    LogoTypeEnum["DEFAULT"] = "default";
-    LogoTypeEnum["POWEREDBY"] = "poweredby";
-    LogoTypeEnum["REVERSE"] = "reverse";
-    LogoTypeEnum["PRIMARY_BRANDMARK_PINK"] = "primary-brandmark-pink";
-    LogoTypeEnum["PRIMARY_LOCKUP_PINK"] = "primary-lockup-pink";
-    LogoTypeEnum["PRIMARY_WORDMARK_PINK"] = "primary-wordmark-pink";
-    LogoTypeEnum["SECONDARY_BRANDMARK_BLACK"] = "secondary-brandmark-black";
-    LogoTypeEnum["SECONDARY_BRANDMARK_CREAM"] = "secondary-brandmark-cream";
-    LogoTypeEnum["SECONDARY_LOCKUP_BLACK"] = "secondary-lockup-black";
-    LogoTypeEnum["SECONDARY_LOCKUP_CREAM"] = "secondary-lockup-cream";
-    LogoTypeEnum["SECONDARY_WORDMARK_BLACK"] = "secondary-wordmark-black";
-    LogoTypeEnum["SECONDARY_WORDMARK_CREAM"] = "secondary-wordmark-cream";
+(function(LogoTypeEnum) {
+	LogoTypeEnum["DEFAULT"] = "default";
+	LogoTypeEnum["POWEREDBY"] = "poweredby";
+	LogoTypeEnum["REVERSE"] = "reverse";
+	LogoTypeEnum["PRIMARY_BRANDMARK_PINK"] = "primary-brandmark-pink";
+	LogoTypeEnum["PRIMARY_LOCKUP_PINK"] = "primary-lockup-pink";
+	LogoTypeEnum["PRIMARY_WORDMARK_PINK"] = "primary-wordmark-pink";
+	LogoTypeEnum["SECONDARY_BRANDMARK_BLACK"] = "secondary-brandmark-black";
+	LogoTypeEnum["SECONDARY_BRANDMARK_CREAM"] = "secondary-brandmark-cream";
+	LogoTypeEnum["SECONDARY_LOCKUP_BLACK"] = "secondary-lockup-black";
+	LogoTypeEnum["SECONDARY_LOCKUP_CREAM"] = "secondary-lockup-cream";
+	LogoTypeEnum["SECONDARY_WORDMARK_BLACK"] = "secondary-wordmark-black";
+	LogoTypeEnum["SECONDARY_WORDMARK_CREAM"] = "secondary-wordmark-cream";
 })(LogoTypeEnum || (LogoTypeEnum = {}));
 var LogoPathEnum;
-(function (LogoPathEnum) {
-    LogoPathEnum["DEFAULT"] = "/images/testgorilla.svg";
-    LogoPathEnum["POWEREDBY"] = "/images/poweredbyTG.svg";
-    LogoPathEnum["REVERSE"] = "/images/reverseTG.svg";
-    LogoPathEnum["PRIMARY_BRANDMARK_PINK"] = "/images/rebrand-logo/primary_brandmark_pink.svg";
-    LogoPathEnum["PRIMARY_LOCKUP_PINK"] = "/images/rebrand-logo/primary_lockup_pink.svg";
-    LogoPathEnum["PRIMARY_WORDMARK_PINK"] = "/images/rebrand-logo/primary_wordmark_pink.svg";
-    LogoPathEnum["SECONDARY_BRANDMARK_BLACK"] = "/images/rebrand-logo/secondary_brandmark_black.svg";
-    LogoPathEnum["SECONDARY_BRANDMARK_CREAM"] = "/images/rebrand-logo/secondary_brandmark_cream.svg";
-    LogoPathEnum["SECONDARY_LOCKUP_BLACK"] = "/images/rebrand-logo/secondary_lockup_black.svg";
-    LogoPathEnum["SECONDARY_LOCKUP_CREAM"] = "/images/rebrand-logo/secondary_lockup_cream.svg";
-    LogoPathEnum["SECONDARY_WORDMARK_BLACK"] = "/images/rebrand-logo/secondary_wordmark_black.svg";
-    LogoPathEnum["SECONDARY_WORDMARK_CREAM"] = "/images/rebrand-logo/secondary_wordmark_cream.svg";
-    LogoPathEnum["REBRAND_POWEREDBY"] = "/images/rebrand-logo/powered-by.svg";
+(function(LogoPathEnum) {
+	LogoPathEnum["DEFAULT"] = "/images/testgorilla.svg";
+	LogoPathEnum["POWEREDBY"] = "/images/poweredbyTG.svg";
+	LogoPathEnum["REVERSE"] = "/images/reverseTG.svg";
+	LogoPathEnum["PRIMARY_BRANDMARK_PINK"] = "/images/rebrand-logo/primary_brandmark_pink.svg";
+	LogoPathEnum["PRIMARY_LOCKUP_PINK"] = "/images/rebrand-logo/primary_lockup_pink.svg";
+	LogoPathEnum["PRIMARY_WORDMARK_PINK"] = "/images/rebrand-logo/primary_wordmark_pink.svg";
+	LogoPathEnum["SECONDARY_BRANDMARK_BLACK"] = "/images/rebrand-logo/secondary_brandmark_black.svg";
+	LogoPathEnum["SECONDARY_BRANDMARK_CREAM"] = "/images/rebrand-logo/secondary_brandmark_cream.svg";
+	LogoPathEnum["SECONDARY_LOCKUP_BLACK"] = "/images/rebrand-logo/secondary_lockup_black.svg";
+	LogoPathEnum["SECONDARY_LOCKUP_CREAM"] = "/images/rebrand-logo/secondary_lockup_cream.svg";
+	LogoPathEnum["SECONDARY_WORDMARK_BLACK"] = "/images/rebrand-logo/secondary_wordmark_black.svg";
+	LogoPathEnum["SECONDARY_WORDMARK_CREAM"] = "/images/rebrand-logo/secondary_wordmark_cream.svg";
+	LogoPathEnum["REBRAND_POWEREDBY"] = "/images/rebrand-logo/powered-by.svg";
 })(LogoPathEnum || (LogoPathEnum = {}));
-
-class LogoComponent {
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Logo type
-         *
-         * @type {LogoTypeEnum}
-         * @memberof LogoComponent
-         */
-        this.type = LogoTypeEnum.DEFAULT;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof LogoComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         *
-         * Label. Only for ppoweredby type
-         *
-         * @type {string}
-         * @memberof LogoComponent
-         */
-        this.label = 'POWERED BY';
-        /**
-         * Set logo width
-         * @default 200
-         * @type {number}
-         * @memberof LogoComponent
-         */
-        this.width = 200;
-        /**
-         *
-         * Allow change logo width
-         *
-         * @type {string}
-         * @memberof LogoComponent
-         */
-        this.allowResizing = false;
-        this.LogoTypeEnum = LogoTypeEnum;
-        /**
-         * @ignore
-         */
-        this.setURL = () => {
-            if (this.applicationTheme === 'classic') {
-                // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- only POWEREDBY/REVERSE are themed for classic; every other LogoTypeEnum variant intentionally uses the DEFAULT logo via the default case.
-                switch (this.type) {
-                    case LogoTypeEnum.POWEREDBY: {
-                        this.logoURL = LogoPathEnum.POWEREDBY;
-                        break;
-                    }
-                    case LogoTypeEnum.REVERSE: {
-                        this.logoURL = LogoPathEnum.REVERSE;
-                        break;
-                    }
-                    default: {
-                        this.logoURL = LogoPathEnum.DEFAULT;
-                        break;
-                    }
-                }
-            }
-            else {
-                // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- the non-classic theme maps each pink/secondary variant explicitly; DEFAULT/REVERSE intentionally fall back to PRIMARY_LOCKUP_PINK via the default case.
-                switch (this.type) {
-                    case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {
-                        this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;
-                        break;
-                    }
-                    case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {
-                        this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
-                        break;
-                    }
-                    case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {
-                        this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {
-                        this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {
-                        this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {
-                        this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {
-                        this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {
-                        this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;
-                        break;
-                    }
-                    case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {
-                        this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;
-                        break;
-                    }
-                    case LogoTypeEnum.POWEREDBY: {
-                        this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;
-                        break;
-                    }
-                    default: {
-                        this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
-                        break;
-                    }
-                }
-            }
-        };
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    /**
-     * @ignore
-     */
-    ngOnInit() {
-        this.setURL();
-    }
-    /**
-     * @ignore
-     */
-    ngOnChanges(changes) {
-        this.setURL();
-        if (changes['width']) {
-            this.changeWidth(changes['width'].currentValue);
-        }
-    }
-    changeWidth(changedWidth) {
-        if (changedWidth >= 200 || this.allowResizing) {
-            this.width = changedWidth;
-        }
-        else {
-            this.width = 200;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LogoComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: LogoComponent, isStandalone: true, selector: "ui-logo", inputs: { type: "type", applicationTheme: "applicationTheme", label: "label", width: "width", allowResizing: "allowResizing" }, usesOnChanges: true, ngImport: i0, template: "@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\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}:host .logo-label h3{color:#919191;line-height:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LogoComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-logo', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\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}:host .logo-label h3{color:#919191;line-height:1}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { type: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], allowResizing: [{
-                type: Input
-            }] } });
-
-class LogoComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LogoComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: LogoComponentModule, imports: [LogoComponent], exports: [LogoComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LogoComponentModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LogoComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [LogoComponent],
-                    exports: [LogoComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var LogoComponent = class LogoComponent {
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.type = LogoTypeEnum.DEFAULT;
+		this.applicationTheme = "light";
+		this.label = "POWERED BY";
+		this.width = 200;
+		this.allowResizing = false;
+		this.LogoTypeEnum = LogoTypeEnum;
+		this.setURL = () => {
+			if (this.applicationTheme === "classic") switch (this.type) {
+				case LogoTypeEnum.POWEREDBY:
+					this.logoURL = LogoPathEnum.POWEREDBY;
+					break;
+				case LogoTypeEnum.REVERSE:
+					this.logoURL = LogoPathEnum.REVERSE;
+					break;
+				default: this.logoURL = LogoPathEnum.DEFAULT;
+			}
+			else switch (this.type) {
+				case LogoTypeEnum.PRIMARY_BRANDMARK_PINK:
+					this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;
+					break;
+				case LogoTypeEnum.PRIMARY_LOCKUP_PINK:
+					this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
+					break;
+				case LogoTypeEnum.PRIMARY_WORDMARK_PINK:
+					this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;
+					break;
+				case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK:
+					this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;
+					break;
+				case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM:
+					this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;
+					break;
+				case LogoTypeEnum.SECONDARY_LOCKUP_BLACK:
+					this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;
+					break;
+				case LogoTypeEnum.SECONDARY_LOCKUP_CREAM:
+					this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;
+					break;
+				case LogoTypeEnum.SECONDARY_WORDMARK_BLACK:
+					this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;
+					break;
+				case LogoTypeEnum.SECONDARY_WORDMARK_CREAM:
+					this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;
+					break;
+				case LogoTypeEnum.POWEREDBY:
+					this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;
+					break;
+				default: this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
+			}
+		};
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnInit() {
+		this.setURL();
+	}
+	ngOnChanges(changes) {
+		this.setURL();
+		if (changes["width"]) this.changeWidth(changes["width"].currentValue);
+	}
+	changeWidth(changedWidth) {
+		if (changedWidth >= 200 || this.allowResizing) this.width = changedWidth;
+		else this.width = 200;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: LogoComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: LogoComponent,
+			isStandalone: true,
+			selector: "ui-logo",
+			inputs: {
+				type: "type",
+				applicationTheme: "applicationTheme",
+				label: "label",
+				width: "width",
+				allowResizing: "allowResizing"
+			},
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\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}:host .logo-label h3{color:#919191;line-height:1}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: LogoComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-logo",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\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}:host .logo-label h3{color:#919191;line-height:1}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		type: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		label: [{ type: Input }],
+		width: [{ type: Input }],
+		allowResizing: [{ type: Input }]
+	}
+});
+var LogoComponentModule = class LogoComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: LogoComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: LogoComponentModule,
+			imports: [LogoComponent],
+			exports: [LogoComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: LogoComponentModule
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: LogoComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [LogoComponent],
+			exports: [LogoComponent]
+		}]
+	}]
+});
 export { LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum };
-//# sourceMappingURL=testgorilla-tgo-ui-components-logo.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-logo.mjs.map