@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

package/fesm2022/theseam-ui-common-toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-toggle-group.mjs","sources":["../../../projects/ui-common/toggle-group/toggle-group-option.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.module.ts","../../../projects/ui-common/toggle-group/theseam-ui-common-toggle-group.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ChangeDetectorRef, Directive, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleGroupOption]',\n  exportAs: 'seamToggleGroupOption',\n})\nexport class ToggleGroupOptionDirective {\n\n  private readonly _cdr = inject(ChangeDetectorRef)\n\n  @Input() seamToggleGroupOption: string | undefined | null\n\n  @Input()\n  get selected(): boolean { return this._selected }\n  set selected(value: boolean) {\n    if (!this._canUnselect && !value) { return }\n    this._selected = coerceBooleanProperty(value)\n    this.selectionChange.emit(this._selected)\n    this._cdr.markForCheck()\n  }\n  private _selected = false\n\n  /** Internal use only for now. */\n  _canUnselect = true\n\n  @Output() selectionChange = new EventEmitter<boolean>()\n\n  @HostBinding('class.lib-toggle-group-option-selected') get _checkioSelectedClass() {\n    return this._selected\n  }\n\n  get value(): string | undefined | null {\n    return this.seamToggleGroupOption\n  }\n\n}\n","import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { AfterViewInit, ContentChildren, Directive, EventEmitter, forwardRef, Input, OnDestroy, Output, QueryList } from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\nimport { combineLatest, from, Observable, of, Subject } from 'rxjs'\nimport { filter, map, startWith, switchMap, takeUntil, tap } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\n\nexport const TOGGLE_GROUP_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => ToggleGroupDirective),\n  multi: true,\n}\n\n@Directive({\n  selector: '[seamToggleGroup]',\n  exportAs: 'seamToggleGroup',\n  providers: [ TOGGLE_GROUP_VALUE_ACCESSOR ],\n})\nexport class ToggleGroupDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('value') val: string | string[] | undefined | null\n\n  @Input() @InputBoolean() disabled = false\n  @Input() @InputBoolean() multiple = false\n  @Input() @InputBoolean() selectionToggleable = true\n\n  // TODO: Add min/max selected inputs to make toggling better for multi select\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() readonly change = new EventEmitter<string | string[] | undefined | null>()\n\n  @ContentChildren(ToggleGroupOptionDirective) optionDirectives?: QueryList<ToggleGroupOptionDirective>\n\n  public options?: Observable<ToggleGroupOptionDirective[]>\n\n  onChange: any\n  onTouched: any\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this._updateDirectiveStates()\n\n      if (this.optionDirectives) {\n        this.options = this.optionDirectives.changes.pipe(\n          startWith(this.optionDirectives),\n          map(v => v.toArray() as ToggleGroupOptionDirective[]),\n          takeUntil(this._ngUnsubscribe),\n        )\n\n        this.options.pipe(\n          switchMap(opts => {\n            const _tmp = of(undefined)\n            if (opts) {\n              const _v: Observable<boolean>[] = []\n              for (const opt of opts) {\n                _v.push(opt.selectionChange.pipe(\n                  filter(v => opt.selected !== this.isSelected(opt.value)),\n                  tap(v => {\n                    if (this.isSelected(opt.value)) {\n                      this.unselectValue(opt.value)\n                    } else {\n                      this.selectValue(opt.value)\n                    }\n                  })\n                ))\n              }\n              return combineLatest(_v)\n            }\n            return _tmp\n          }),\n          takeUntil(this._ngUnsubscribe),\n        ).subscribe()\n      }\n\n      this.change.pipe(\n        switchMap(_ => from(this.optionDirectives?.toArray() || []).pipe(\n          tap(opt => { this._updateDirectiveState(opt) }),\n        )),\n        takeUntil(this._ngUnsubscribe),\n      ).subscribe()\n    })\n\n    this.optionDirectives?.changes.subscribe(() => this._updateDirectiveStates())\n  }\n\n  get value(): string | string[] | undefined | null {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined | null) {\n    const _value = this.multiple\n      ? value !== null && value !== undefined\n        ? coerceArray(value)\n        : value\n      : value\n\n    this.val = (this.multiple) ? [ ...(_value as string[] || []) ] : _value || ''\n    this.change.emit(this.val)\n    if (this.onChange) { this.onChange(_value) }\n    if (this.onTouched) { this.onTouched() }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  isSelected(value: string | undefined | null) {\n    if (this.multiple) {\n      const idx = (this.value as string[] || []).findIndex(v => v === value)\n      return idx !== -1\n    } else {\n      // TODO: Clean this up when the directive no longer allows array value type when multiple is false\n      const v = Array.isArray(this.value) && this.value.length === 1\n        ? this.value[0]\n        : this.value\n      return v === value\n    }\n  }\n\n  unselectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      this.value = (this.value as string[] || []).filter(v => v !== value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  selectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      const _value = [ ...(this.value as string[] || []) ]\n      this.value = value ? [ ..._value, value ] : _value\n    } else {\n      this.value = value\n    }\n  }\n\n  getOptionDirectiveByValue(value: string) {\n    if (!this.optionDirectives || this.optionDirectives.length < 1) {\n      return null\n    }\n\n    return this.optionDirectives.toArray()\n      .find(opt => opt.value === value)\n  }\n\n  private _updateDirectiveStates(): void {\n    if (this.optionDirectives) {\n      for (const opt of this.optionDirectives.toArray()) {\n        this._updateDirectiveState(opt)\n      }\n    }\n  }\n\n  private _updateDirectiveState(opt: ToggleGroupOptionDirective): void {\n    const selected = this.isSelected(opt.value)\n    if (opt.selected !== selected) {\n      if (!opt._canUnselect) {\n        opt._canUnselect = true\n      }\n      opt.selected = selected\n    }\n    if (!this.selectionToggleable) {\n      if (!this.multiple || (this.value && this.value.length <= 1)) {\n        if (opt.selected) {\n          if (opt._canUnselect) {\n            opt._canUnselect = false\n          }\n        } else {\n          if (!opt._canUnselect) {\n            opt._canUnselect = true\n          }\n        }\n      } else {\n        if (!opt._canUnselect) {\n          opt._canUnselect = true\n        }\n      }\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\nimport { ToggleGroupDirective } from './toggle-group.directive'\n\n@NgModule({\n  imports: [\n    ToggleGroupDirective,\n    ToggleGroupOptionDirective\n  ],\n  exports: [\n    ToggleGroupDirective,\n    ToggleGroupOptionDirective\n  ]\n})\nexport class TheSeamToggleGroupModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-toggle-group.mjs","sources":["../../../projects/ui-common/toggle-group/toggle-group-option.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.module.ts","../../../projects/ui-common/toggle-group/theseam-ui-common-toggle-group.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport {\n  ChangeDetectorRef,\n  Directive,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  Output,\n} from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleGroupOption]',\n  exportAs: 'seamToggleGroupOption',\n})\nexport class ToggleGroupOptionDirective {\n  private readonly _cdr = inject(ChangeDetectorRef)\n\n  @Input() seamToggleGroupOption: string | undefined | null\n\n  @Input()\n  get selected(): boolean {\n    return this._selected\n  }\n  set selected(value: boolean) {\n    if (!this._canUnselect && !value) {\n      return\n    }\n    this._selected = coerceBooleanProperty(value)\n    this.selectionChange.emit(this._selected)\n    this._cdr.markForCheck()\n  }\n  private _selected = false\n\n  /** Internal use only for now. */\n  _canUnselect = true\n\n  @Output() selectionChange = new EventEmitter<boolean>()\n\n  @HostBinding('class.lib-toggle-group-option-selected')\n  get _checkioSelectedClass() {\n    return this._selected\n  }\n\n  get value(): string | undefined | null {\n    return this.seamToggleGroupOption\n  }\n}\n","import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport {\n  AfterViewInit,\n  ContentChildren,\n  Directive,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\nimport { combineLatest, from, Observable, of, Subject } from 'rxjs'\nimport {\n  filter,\n  map,\n  startWith,\n  switchMap,\n  takeUntil,\n  tap,\n} from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\n\nexport const TOGGLE_GROUP_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => ToggleGroupDirective),\n  multi: true,\n}\n\n@Directive({\n  selector: '[seamToggleGroup]',\n  exportAs: 'seamToggleGroup',\n  providers: [TOGGLE_GROUP_VALUE_ACCESSOR],\n})\nexport class ToggleGroupDirective\n  implements OnDestroy, AfterViewInit, ControlValueAccessor\n{\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('value') val: string | string[] | undefined | null\n\n  @Input() @InputBoolean() disabled = false\n  @Input() @InputBoolean() multiple = false\n  @Input() @InputBoolean() selectionToggleable = true\n\n  // TODO: Add min/max selected inputs to make toggling better for multi select\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() readonly change = new EventEmitter<\n    string | string[] | undefined | null\n  >()\n\n  @ContentChildren(ToggleGroupOptionDirective)\n  optionDirectives?: QueryList<ToggleGroupOptionDirective>\n\n  public options?: Observable<ToggleGroupOptionDirective[]>\n\n  onChange: any\n  onTouched: any\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this._updateDirectiveStates()\n\n      if (this.optionDirectives) {\n        this.options = this.optionDirectives.changes.pipe(\n          startWith(this.optionDirectives),\n          map((v) => v.toArray() as ToggleGroupOptionDirective[]),\n          takeUntil(this._ngUnsubscribe),\n        )\n\n        this.options\n          .pipe(\n            switchMap((opts) => {\n              const _tmp = of(undefined)\n              if (opts) {\n                const _v: Observable<boolean>[] = []\n                for (const opt of opts) {\n                  _v.push(\n                    opt.selectionChange.pipe(\n                      filter(\n                        (v) => opt.selected !== this.isSelected(opt.value),\n                      ),\n                      tap((v) => {\n                        if (this.isSelected(opt.value)) {\n                          this.unselectValue(opt.value)\n                        } else {\n                          this.selectValue(opt.value)\n                        }\n                      }),\n                    ),\n                  )\n                }\n                return combineLatest(_v)\n              }\n              return _tmp\n            }),\n            takeUntil(this._ngUnsubscribe),\n          )\n          .subscribe()\n      }\n\n      this.change\n        .pipe(\n          switchMap((_) =>\n            from(this.optionDirectives?.toArray() || []).pipe(\n              tap((opt) => {\n                this._updateDirectiveState(opt)\n              }),\n            ),\n          ),\n          takeUntil(this._ngUnsubscribe),\n        )\n        .subscribe()\n    })\n\n    this.optionDirectives?.changes.subscribe(() =>\n      this._updateDirectiveStates(),\n    )\n  }\n\n  get value(): string | string[] | undefined | null {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined | null) {\n    const _value = this.multiple\n      ? value !== null && value !== undefined\n        ? coerceArray(value)\n        : value\n      : value\n\n    this.val = this.multiple ? [...((_value as string[]) || [])] : _value || ''\n    this.change.emit(this.val)\n    if (this.onChange) {\n      this.onChange(_value)\n    }\n    if (this.onTouched) {\n      this.onTouched()\n    }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  isSelected(value: string | undefined | null) {\n    if (this.multiple) {\n      const idx = ((this.value as string[]) || []).findIndex((v) => v === value)\n      return idx !== -1\n    } else {\n      // TODO: Clean this up when the directive no longer allows array value type when multiple is false\n      const v =\n        Array.isArray(this.value) && this.value.length === 1\n          ? this.value[0]\n          : this.value\n      return v === value\n    }\n  }\n\n  unselectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      this.value = ((this.value as string[]) || []).filter((v) => v !== value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  selectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      const _value = [...((this.value as string[]) || [])]\n      this.value = value ? [..._value, value] : _value\n    } else {\n      this.value = value\n    }\n  }\n\n  getOptionDirectiveByValue(value: string) {\n    if (!this.optionDirectives || this.optionDirectives.length < 1) {\n      return null\n    }\n\n    return this.optionDirectives.toArray().find((opt) => opt.value === value)\n  }\n\n  private _updateDirectiveStates(): void {\n    if (this.optionDirectives) {\n      for (const opt of this.optionDirectives.toArray()) {\n        this._updateDirectiveState(opt)\n      }\n    }\n  }\n\n  private _updateDirectiveState(opt: ToggleGroupOptionDirective): void {\n    const selected = this.isSelected(opt.value)\n    if (opt.selected !== selected) {\n      if (!opt._canUnselect) {\n        opt._canUnselect = true\n      }\n      opt.selected = selected\n    }\n    if (!this.selectionToggleable) {\n      if (!this.multiple || (this.value && this.value.length <= 1)) {\n        if (opt.selected) {\n          if (opt._canUnselect) {\n            opt._canUnselect = false\n          }\n        } else {\n          if (!opt._canUnselect) {\n            opt._canUnselect = true\n          }\n        }\n      } else {\n        if (!opt._canUnselect) {\n          opt._canUnselect = true\n        }\n      }\n    }\n  }\n}\n","import { NgModule } from '@angular/core'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\nimport { ToggleGroupDirective } from './toggle-group.directive'\n\n@NgModule({\n  imports: [ToggleGroupDirective, ToggleGroupOptionDirective],\n  exports: [ToggleGroupDirective, ToggleGroupOptionDirective],\n})\nexport class TheSeamToggleGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/theseam-ui-common-tooltip.mjs

@@ -80,8 +80,13 @@ class TheSeamTooltipComponent {
         const tooltipRect = this.innerElement.nativeElement.getBoundingClientRect();
         const arrowRect = this.arrowElement.nativeElement.getBoundingClientRect();
         // Default arrow offset (8px padding + half arrow size)
-        const defaultArrowOffset = paddingOffset + (effectivePlacement.startsWith('top') || effectivePlacement.startsWith('bottom') ? arrowRect.width / 2 : arrowRect.height / 2);
-        if (effectivePlacement.startsWith('top') || effectivePlacement.startsWith('bottom')) {
+        const defaultArrowOffset = paddingOffset +
+            (effectivePlacement.startsWith('top') ||
+                effectivePlacement.startsWith('bottom')
+                ? arrowRect.width / 2
+                : arrowRect.height / 2);
+        if (effectivePlacement.startsWith('top') ||
+            effectivePlacement.startsWith('bottom')) {
             // Check if tooltip is too narrow for trigger-aligned positioning
             if (tooltipRect.width < minDimension) {
                 const arrowLeft = (tooltipRect.width - arrowRect.width) / 2;
@@ -98,11 +103,12 @@ class TheSeamTooltipComponent {
                 return;
             }
             // Ensure arrow's left is within rounded corner bounds
-            const maxArrowLeft = (tooltipRect.width - arrowRect.width) - defaultArrowOffset;
+            const maxArrowLeft = tooltipRect.width - arrowRect.width - defaultArrowOffset;
             const arrowLeft = Math.min(maxArrowLeft, Math.max(defaultArrowOffset, adjustedArrowLeft));
             this.arrowElement.nativeElement.style.left = `${arrowLeft}px`;
         }
-        else if (effectivePlacement.startsWith('left') || effectivePlacement.startsWith('right')) {
+        else if (effectivePlacement.startsWith('left') ||
+            effectivePlacement.startsWith('right')) {
             // Check if tooltip is too short for trigger-aligned positioning
             if (tooltipRect.height < minDimension) {
                 const arrowTop = (tooltipRect.height - arrowRect.height) / 2;
@@ -119,7 +125,7 @@ class TheSeamTooltipComponent {
                 return;
             }
             // Ensure arrow's top is within rounded corner bounds
-            const maxArrowTop = (tooltipRect.height - arrowRect.height) - defaultArrowOffset;
+            const maxArrowTop = tooltipRect.height - arrowRect.height - defaultArrowOffset;
             const arrowTop = Math.min(maxArrowTop, Math.max(defaultArrowOffset, adjustedArrowTop));
             this.arrowElement.nativeElement.style.top = `${arrowTop}px`;
         }
@@ -139,8 +145,8 @@ class TheSeamTooltipComponent {
             this._afterEnter.complete();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTooltipComponent, isStandalone: true, selector: "seam-tooltip", inputs: { content: "content", tooltipClass: "tooltipClass", context: "context", placement: "placement", actualPlacement: "actualPlacement", tooltipId: "tooltipId", triggerElement: "triggerElement" }, host: { listeners: { "@fadeInOut.start": "_onAnimationStart($event)", "@fadeInOut.done": "_onAnimationDone($event)" }, properties: { "id": "tooltipId", "@fadeInOut": "", "class": "this.hostClasses" }, classAttribute: "tooltip show" }, viewQueries: [{ propertyName: "innerElement", first: true, predicate: ["inner"], descendants: true, static: true }, { propertyName: "arrowElement", first: true, predicate: ["arrow"], descendants: true, static: true }], ngImport: i0, template: "<div #inner class=\"tooltip-inner\" [ngClass]=\"tooltipClass\">\n  <!-- String content -->\n  <span *ngIf=\"isStringContent\">{{ content }}</span>\n\n  <!-- Template content -->\n  <ng-container *ngIf=\"isTemplateContent\">\n    <ng-container *ngTemplateOutlet=\"templateContent; context: context\"></ng-container>\n  </ng-container>\n</div>\n<div #arrow class=\"arrow\"></div>\n", styles: ["::ng-deep .cdk-overlay-pane .tooltip{position:relative}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTooltipComponent, isStandalone: true, selector: "seam-tooltip", inputs: { content: "content", tooltipClass: "tooltipClass", context: "context", placement: "placement", actualPlacement: "actualPlacement", tooltipId: "tooltipId", triggerElement: "triggerElement" }, host: { listeners: { "@fadeInOut.start": "_onAnimationStart($event)", "@fadeInOut.done": "_onAnimationDone($event)" }, properties: { "id": "tooltipId", "@fadeInOut": "", "class": "this.hostClasses" }, classAttribute: "tooltip show" }, viewQueries: [{ propertyName: "innerElement", first: true, predicate: ["inner"], descendants: true, static: true }, { propertyName: "arrowElement", first: true, predicate: ["arrow"], descendants: true, static: true }], ngImport: i0, template: "<div #inner class=\"tooltip-inner\" [ngClass]=\"tooltipClass\">\n  <!-- String content -->\n  <span *ngIf=\"isStringContent\">{{ content }}</span>\n\n  <!-- Template content -->\n  <ng-container *ngIf=\"isTemplateContent\">\n    <ng-container\n      *ngTemplateOutlet=\"templateContent; context: context\"\n    ></ng-container>\n  </ng-container>\n</div>\n<div #arrow class=\"arrow\"></div>\n", styles: ["::ng-deep .cdk-overlay-pane .tooltip{position:relative}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('fadeInOut', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -153,7 +159,7 @@ class TheSeamTooltipComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tooltip', animations: [
                         trigger('fadeInOut', [
@@ -172,11 +178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         '[@fadeInOut]': '',
                         '(@fadeInOut.start)': '_onAnimationStart($event)',
                         '(@fadeInOut.done)': '_onAnimationDone($event)',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
-                        NgClass,
-                        NgTemplateOutlet,
-                    ], template: "<div #inner class=\"tooltip-inner\" [ngClass]=\"tooltipClass\">\n  <!-- String content -->\n  <span *ngIf=\"isStringContent\">{{ content }}</span>\n\n  <!-- Template content -->\n  <ng-container *ngIf=\"isTemplateContent\">\n    <ng-container *ngTemplateOutlet=\"templateContent; context: context\"></ng-container>\n  </ng-container>\n</div>\n<div #arrow class=\"arrow\"></div>\n", styles: ["::ng-deep .cdk-overlay-pane .tooltip{position:relative}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, NgClass, NgTemplateOutlet], template: "<div #inner class=\"tooltip-inner\" [ngClass]=\"tooltipClass\">\n  <!-- String content -->\n  <span *ngIf=\"isStringContent\">{{ content }}</span>\n\n  <!-- Template content -->\n  <ng-container *ngIf=\"isTemplateContent\">\n    <ng-container\n      *ngTemplateOutlet=\"templateContent; context: context\"\n    ></ng-container>\n  </ng-container>\n</div>\n<div #arrow class=\"arrow\"></div>\n", styles: ["::ng-deep .cdk-overlay-pane .tooltip{position:relative}\n"] }]
         }], propDecorators: { content: [{
                 type: Input
             }], tooltipClass: [{
@@ -234,14 +236,26 @@ class TheSeamTooltipDirective {
     tooltipClass;
     placement = 'top';
     container;
-    get disableTooltip() { return this._disableTooltip.value; }
-    set disableTooltip(val) { this._disableTooltip.next(coerceBooleanProperty(val)); }
+    get disableTooltip() {
+        return this._disableTooltip.value;
+    }
+    set disableTooltip(val) {
+        this._disableTooltip.next(coerceBooleanProperty(val));
+    }
     _disableTooltip = new BehaviorSubject(false);
-    get showDelay() { return this._showDelay.value; }
-    set showDelay(val) { this._showDelay.next(coerceNumberProperty(val, 500)); }
+    get showDelay() {
+        return this._showDelay.value;
+    }
+    set showDelay(val) {
+        this._showDelay.next(coerceNumberProperty(val, 500));
+    }
     _showDelay = new BehaviorSubject(500);
-    get hideDelay() { return this._hideDelay.value; }
-    set hideDelay(val) { this._hideDelay.next(coerceNumberProperty(val, 0)); }
+    get hideDelay() {
+        return this._hideDelay.value;
+    }
+    set hideDelay(val) {
+        this._hideDelay.next(coerceNumberProperty(val, 0));
+    }
     _hideDelay = new BehaviorSubject(0);
     trigger = 'both';
     _active = false;
@@ -283,13 +297,21 @@ class TheSeamTooltipDirective {
         const element = this._elementRef.nativeElement;
         // Mouse events for hover trigger
         if (this.trigger === 'hover' || this.trigger === 'both') {
-            fromEvent(element, 'mouseenter').pipe(filter(() => !this._disableTooltip.value && !!this.seamTooltip), takeUntil(this._eventListenersSubject)).subscribe(() => this._scheduleShow());
-            fromEvent(element, 'mouseleave').pipe(takeUntil(this._eventListenersSubject)).subscribe(() => this._scheduleHide());
+            fromEvent(element, 'mouseenter')
+                .pipe(filter(() => !this._disableTooltip.value && !!this.seamTooltip), takeUntil(this._eventListenersSubject))
+                .subscribe(() => this._scheduleShow());
+            fromEvent(element, 'mouseleave')
+                .pipe(takeUntil(this._eventListenersSubject))
+                .subscribe(() => this._scheduleHide());
         }
         // Focus events for focus trigger
         if (this.trigger === 'focus' || this.trigger === 'both') {
-            fromEvent(element, 'focus').pipe(filter(() => !this._disableTooltip.value && !!this.seamTooltip), takeUntil(this._eventListenersSubject)).subscribe(() => this._scheduleShow());
-            fromEvent(element, 'blur').pipe(takeUntil(this._eventListenersSubject)).subscribe(() => this._scheduleHide());
+            fromEvent(element, 'focus')
+                .pipe(filter(() => !this._disableTooltip.value && !!this.seamTooltip), takeUntil(this._eventListenersSubject))
+                .subscribe(() => this._scheduleShow());
+            fromEvent(element, 'blur')
+                .pipe(takeUntil(this._eventListenersSubject))
+                .subscribe(() => this._scheduleHide());
         }
     }
     _scheduleShow() {
@@ -340,7 +362,9 @@ class TheSeamTooltipDirective {
         this._compRef.instance.triggerElement = this._elementRef.nativeElement;
         this._compRef.changeDetectorRef.markForCheck();
         // Listen for position changes to update placement class
-        positionStrategy.positionChanges.pipe(takeUntil(this._ngUnsubscribe)).subscribe(positionChange => {
+        positionStrategy.positionChanges
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe((positionChange) => {
             if (this._compRef && positionChange.connectionPair) {
                 const actualPlacement = this._getPlacementFromConnectionPair(positionChange.connectionPair);
                 this._compRef.instance.actualPlacement = actualPlacement;
@@ -348,7 +372,9 @@ class TheSeamTooltipDirective {
             }
         });
         // Listen for tooltip exit animation
-        this._compRef.instance._afterExit.pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
+        this._compRef.instance._afterExit
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(() => {
             // Only detach if still attached (defensive check since _closeTooltip may have already detached)
             if (this._overlayRef?.hasAttached()) {
                 this._overlayRef.detach();
@@ -367,10 +393,12 @@ class TheSeamTooltipDirective {
         this._documentKeydownSubject.complete();
         this._documentKeydownSubject = new Subject();
         // Set up document-level Escape key listener
-        fromEvent(document, 'keydown').pipe(filter(event => {
+        fromEvent(document, 'keydown')
+            .pipe(filter((event) => {
             // Check both keyCode and key for better compatibility
-            return (event.keyCode === ESCAPE || event.key === 'Escape') && this._active;
-        }), takeUntil(this._documentKeydownSubject), takeUntil(this._ngUnsubscribe)).subscribe(() => this._closeTooltip());
+            return ((event.keyCode === ESCAPE || event.key === 'Escape') && this._active);
+        }), takeUntil(this._documentKeydownSubject), takeUntil(this._ngUnsubscribe))
+            .subscribe(() => this._closeTooltip());
     }
     _closeTooltip() {
         if (!this._active || !this._compRef) {
@@ -408,27 +436,36 @@ class TheSeamTooltipDirective {
                 return ['auto'];
             }
             // Parse space-delimited string
-            const placements = placement.split(/\s+/).filter(p => p.trim());
-            return placements.filter(p => this._isValidPlacement(p));
+            const placements = placement.split(/\s+/).filter((p) => p.trim());
+            return placements.filter((p) => this._isValidPlacement(p));
         }
         if (Array.isArray(placement)) {
-            return placement.filter(p => this._isValidPlacement(p));
+            return placement.filter((p) => this._isValidPlacement(p));
         }
         return [placement];
     }
     _isValidPlacement(placement) {
         const validPlacements = [
-            'top', 'top-left', 'top-right',
-            'bottom', 'bottom-left', 'bottom-right',
-            'left', 'left-top', 'left-bottom',
-            'right', 'right-top', 'right-bottom',
+            'top',
+            'top-left',
+            'top-right',
+            'bottom',
+            'bottom-left',
+            'bottom-right',
+            'left',
+            'left-top',
+            'left-bottom',
+            'right',
+            'right-top',
+            'right-bottom',
             'auto',
         ];
         return validPlacements.includes(placement);
     }
     _getOverlayPosition() {
         const positions = this._getPositions();
-        return this._overlay.position()
+        return this._overlay
+            .position()
             .flexibleConnectedTo(this._elementRef)
             .withPositions(positions)
             .withFlexibleDimensions(false)
@@ -439,10 +476,30 @@ class TheSeamTooltipDirective {
         // If 'auto' is specified or no valid placements, return all positions
         if (parsedPlacements.includes('auto') || parsedPlacements.length === 0) {
             return [
-                { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
-                { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },
-                { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },
-                { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'bottom',
+                },
+                {
+                    originX: 'center',
+                    originY: 'bottom',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'center',
+                },
+                {
+                    originX: 'start',
+                    originY: 'center',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                },
             ];
         }
         // Return positions for specified placements only
@@ -456,36 +513,140 @@ class TheSeamTooltipDirective {
     _getPositionForPlacement(placement) {
         switch (placement) {
             case 'top':
-                return [{ originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' }];
+                return [
+                    {
+                        originX: 'center',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'bottom',
+                    },
+                ];
             case 'top-left':
-                return [{ originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }];
+                return [
+                    {
+                        originX: 'start',
+                        originY: 'top',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                ];
             case 'top-right':
-                return [{ originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }];
+                return [
+                    {
+                        originX: 'end',
+                        originY: 'top',
+                        overlayX: 'end',
+                        overlayY: 'bottom',
+                    },
+                ];
             case 'bottom':
-                return [{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' }];
+                return [
+                    {
+                        originX: 'center',
+                        originY: 'bottom',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                ];
             case 'bottom-left':
-                return [{ originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' }];
+                return [
+                    {
+                        originX: 'start',
+                        originY: 'bottom',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                ];
             case 'bottom-right':
-                return [{ originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' }];
+                return [
+                    {
+                        originX: 'end',
+                        originY: 'bottom',
+                        overlayX: 'end',
+                        overlayY: 'top',
+                    },
+                ];
             case 'left':
-                return [{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' }];
+                return [
+                    {
+                        originX: 'start',
+                        originY: 'center',
+                        overlayX: 'end',
+                        overlayY: 'center',
+                    },
+                ];
             case 'left-top':
-                return [{ originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top' }];
+                return [
+                    {
+                        originX: 'start',
+                        originY: 'top',
+                        overlayX: 'end',
+                        overlayY: 'top',
+                    },
+                ];
             case 'left-bottom':
-                return [{ originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom' }];
+                return [
+                    {
+                        originX: 'start',
+                        originY: 'bottom',
+                        overlayX: 'end',
+                        overlayY: 'bottom',
+                    },
+                ];
             case 'right':
-                return [{ originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' }];
+                return [
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'center',
+                    },
+                ];
             case 'right-top':
-                return [{ originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' }];
+                return [
+                    {
+                        originX: 'end',
+                        originY: 'top',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                ];
             case 'right-bottom':
-                return [{ originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' }];
+                return [
+                    {
+                        originX: 'end',
+                        originY: 'bottom',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                ];
             case 'auto':
             default:
                 return [
-                    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
-                    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },
-                    { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },
-                    { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
+                    {
+                        originX: 'center',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'bottom',
+                    },
+                    {
+                        originX: 'center',
+                        originY: 'bottom',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'center',
+                    },
+                    {
+                        originX: 'start',
+                        originY: 'center',
+                        overlayX: 'end',
+                        overlayY: 'center',
+                    },
                 ];
         }
     }
@@ -530,10 +691,10 @@ class TheSeamTooltipDirective {
         // Default fallback
         return 'top';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamTooltipDirective, isStandalone: true, selector: "[seamTooltip]", inputs: { seamTooltip: "seamTooltip", tooltipClass: "tooltipClass", placement: "placement", container: "container", disableTooltip: "disableTooltip", showDelay: "showDelay", hideDelay: "hideDelay", trigger: "trigger" }, host: { properties: { "attr.aria-describedby": "tooltipOpen() ? _tooltipId : null" } }, exportAs: ["seamTooltip"], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamTooltipDirective, isStandalone: true, selector: "[seamTooltip]", inputs: { seamTooltip: "seamTooltip", tooltipClass: "tooltipClass", placement: "placement", container: "container", disableTooltip: "disableTooltip", showDelay: "showDelay", hideDelay: "hideDelay", trigger: "trigger" }, host: { properties: { "attr.aria-describedby": "tooltipOpen() ? _tooltipId : null" } }, exportAs: ["seamTooltip"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTooltip]',
@@ -561,15 +722,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class TheSeamTooltipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
             OverlayModule,
             TheSeamTooltipComponent,
             TheSeamTooltipDirective], exports: [TheSeamTooltipDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipModule, imports: [CommonModule,
             OverlayModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -578,9 +739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         TheSeamTooltipComponent,
                         TheSeamTooltipDirective,
                     ],
-                    exports: [
-                        TheSeamTooltipDirective,
-                    ],
+                    exports: [TheSeamTooltipDirective],
                 }]
         }] });