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

package/fesm2022/theseam-ui-common-tiled-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-tiled-select.mjs","sources":["../../../projects/ui-common/tiled-select/testing/tiled-select-tile-harness.ts","../../../projects/ui-common/tiled-select/testing/tiled-select-harness.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-overlay.directive.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-label-tpl.directive.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-icon-tpl.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.html","../../../projects/ui-common/tiled-select/components/tiled-select-tile/tiled-select-tile.component.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile/tiled-select-tile.component.html","../../../projects/ui-common/tiled-select/components/tiled-select/tiled-select.component.ts","../../../projects/ui-common/tiled-select/components/tiled-select/tiled-select.component.html","../../../projects/ui-common/tiled-select/tiled-select.module.ts","../../../projects/ui-common/tiled-select/theseam-ui-common-tiled-select.ts"],"sourcesContent":["import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing'\n\nimport { TheSeamTiledSelectItem } from '../tiled-select.models'\n\ninterface TheSeamTiledSelectTileHarnessFilters extends BaseHarnessFilters {\n  /** Filters based on the tile index of the tile. */\n  tileIndex?: number | string | RegExp\n\n  /** Filters based on the tile name of the tile. */\n  tileName?: string | RegExp\n}\n\nexport class TheSeamTiledSelectTileHarness extends ComponentHarness {\n  static hostSelector = 'seam-tiled-select-tile'\n\n  /** Creates a `HarnessPredicate` used to locate a particular `MyMenuHarness`. */\n  static with(options: TheSeamTiledSelectTileHarnessFilters): HarnessPredicate<TheSeamTiledSelectTileHarness> {\n    return new HarnessPredicate(TheSeamTiledSelectTileHarness, options)\n        .addOption('tile index', options.tileIndex,\n            (harness, index) => HarnessPredicate.stringMatches(harness.getTileIndex(), `${index}`))\n        .addOption('tile name', options.tileName,\n            (harness, name) => HarnessPredicate.stringMatches(harness.getTileName(), name))\n  }\n\n  public async getTileIndex() {\n    return (await this.host()).getAttribute('data-tile-index')\n  }\n\n  public async getTileName(): Promise<string | null> {\n    return (await this.host()).getAttribute('data-tile-name')\n  }\n\n  public async getValue(): Promise<any> {\n    return (await this.host()).getProperty('value')\n  }\n\n  public async getButtonElement() {\n    return this.locatorFor('button')()\n  }\n}\n","import { ComponentHarness } from '@angular/cdk/testing'\n\nimport { TheSeamTiledSelectTileHarness } from './tiled-select-tile-harness'\n\nexport class TheSeamTiledSelectHarness extends ComponentHarness {\n  static hostSelector = 'seam-tiled-select'\n\n  public async getTiles() {\n    return this.locatorForAll(TheSeamTiledSelectTileHarness)\n  }\n\n  public getTileAtIndex(index: number) {\n    const getTileAtIndex = this.locatorFor(TheSeamTiledSelectTileHarness.with({ tileIndex: index }))\n    return getTileAtIndex()\n    // return this.locatorFor(TheSeamTiledSelectTileHarness.with({ tileIndex: index }))\n  }\n\n  public async getTileByName(name: string) {\n    const getTileByName = this.locatorFor(TheSeamTiledSelectTileHarness.with({ tileName: name }))\n    return getTileByName()\n  }\n\n  public async getValue() {\n    return (await this.host()).getProperty('value')\n  }\n}\n","import { Directive, inject, Input, TemplateRef } from '@angular/core'\n\nimport { TheSeamTiledSelectItem } from '../tiled-select.models'\n\n@Directive({\n  selector: '[seamTiledSelectTileOverlay]',\n  exportAs: 'seamTiledSelectTileOverlay',\n})\nexport class TheSeamTiledSelectTileOverlayDirective {\n  public readonly template = inject(TemplateRef<any>)\n\n  @Input() record: TheSeamTiledSelectItem | undefined | null\n}\n","import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileLabelTpl]',\n  exportAs: 'seamTiledSelectTileLabelTpl',\n})\nexport class TheSeamTiledSelectTileLabelTplDirective {\n  public readonly template = inject(TemplateRef<any>)\n}\n","import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileIconTpl]',\n  exportAs: 'seamTiledSelectTileIconTpl',\n})\nexport class TheSeamTiledSelectTileIconTplDirective {\n  public readonly template = inject(TemplateRef<any>)\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, HostBinding, Input } from '@angular/core'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TheSeamTiledSelectTileIconTplDirective } from '../../directives/tiled-select-tile-icon-tpl.directive'\nimport { TheSeamTiledSelectLayout } from '../../tiled-select.models'\n\nconst needToFix = /(MSIE 10)|(Trident.*rv:11\\.0)|( Edge\\/[\\d.]+$)/.test(navigator.userAgent)\n\n@Component({\n  selector: 'seam-tiled-select-tile-icon',\n  templateUrl: './tiled-select-tile-icon.component.html',\n  styleUrls: ['./tiled-select-tile-icon.component.scss'],\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    FontAwesomeModule,\n  ],\n})\nexport class TheSeamTiledSelectTileIconComponent {\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n\n  readonly needToFix = needToFix\n\n  @HostBinding('class.grid') get _cssClassGrid() { return this.layout === 'grid' }\n  @HostBinding('class.list') get _cssClassList() { return this.layout === 'list' }\n\n  @Input()\n  set layout(value: TheSeamTiledSelectLayout) { this._layout = value || 'grid' }\n  get layout(): TheSeamTiledSelectLayout { return this._layout }\n  private _layout: TheSeamTiledSelectLayout = 'grid'\n\n  @Input() @InputBoolean() grayscaleOnDisable = false\n  @Input() @InputBoolean() disabled = false\n\n  @Input() iconClass: string | undefined | null\n\n  @Input()\n  get icon(): SeamIcon | undefined | null { return this._iconUrl || this._iconObj }\n  set icon(value: SeamIcon | undefined | null) {\n    if (typeof value === 'string') {\n      this._iconUrl = value\n      this._iconObj = undefined\n    } else {\n      this._iconUrl = undefined\n      this._iconObj = value\n    }\n  }\n\n  public _iconUrl: string | undefined | null\n  public _iconObj: IconProp | undefined | null\n\n  @ContentChild(TheSeamTiledSelectTileIconTplDirective, { static: true }) iconTpl?: TheSeamTiledSelectTileIconTplDirective\n\n}\n","<ng-container *ngIf=\"iconTpl; else noIconTpl\">\n  <ng-template\n    [ngTemplateOutlet]=\"iconTpl.template\"\n    [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n  </ng-template>\n</ng-container>\n<ng-template #noIconTpl>\n\n  <fa-icon *ngIf=\"_iconObj\"\n    class=\"tiled-select-tile-icon--fa {{ iconClass }}\"\n    [icon]=\"_iconObj\"></fa-icon>\n\n  <ng-container *ngIf=\"_iconUrl\">\n    <!-- Partial fix for IE greyscale -->\n    <ng-container *ngIf=\"needToFix\">\n      <ng-container *ngIf=\"disabled && grayscaleOnDisable\">\n        <span class=\"grayscale-fix\" style=\"display: inline-block; position: relative;\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"svgroot\" style=\"position: absolute; left: 0; right: 0;\" viewBox=\"0 0 48 48\" width=\"100%\" height=\"100%\">\n            <defs><filter id=\"gray\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\" /></filter></defs>\n            <image filter=\"url(&quot;#gray&quot;)\" preserveAspectRatio=\"none meet\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n              [attr.xlink:href]=\"_iconUrl\" />\n          </svg>\n          <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" style=\"display: block; visibility: hidden;\" alt=\"Icon\" [src]=\"_iconUrl\">\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"!disabled\">\n        <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!needToFix\">\n      <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n    </ng-container>\n  </ng-container>\n\n</ng-template>\n","import { animate, animation, keyframes, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput } from '@angular/cdk/coercion'\nimport { ChangeDetectorRef, Component, ContentChild, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\n\nimport { faCheckCircle } from '@fortawesome/free-regular-svg-icons'\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TheSeamTiledSelectTileLabelTplDirective } from '../../directives/tiled-select-tile-label-tpl.directive'\nimport { TheSeamTiledSelectTileOverlayDirective } from '../../directives/tiled-select-tile-overlay.directive'\nimport { TheSeamTiledSelectLayout } from '../../tiled-select.models'\nimport { TheSeamTiledSelectTileIconComponent } from '../tiled-select-tile-icon/tiled-select-tile-icon.component'\n\nexport const tilePulse = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleUp = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleDown = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\n@Component({\n  selector: 'seam-tiled-select-tile',\n  templateUrl: './tiled-select-tile.component.html',\n  styleUrls: ['./tiled-select-tile.component.scss'],\n  animations: [\n    trigger('pulse', [\n      transition('false => true', [\n        useAnimation(tilePulse)\n        // useAnimation(tileScaleUp)\n      ]),\n      // transition('true => false', [\n      //   useAnimation(tileScaleDown)\n      // ]),\n    ]),\n    // trigger('openClose', [\n    //   state('true', style({ height: '*' })),\n    //   state('false', style({ height: '0px' })),\n    //   transition('false <=> true', animate(500))\n    // ]),\n  ],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    FontAwesomeModule,\n    TheSeamTiledSelectTileIconComponent,\n  ],\n})\nexport class TheSeamTiledSelectTileComponent {\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_selected: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_selectable: BooleanInput\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_showLabel: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n\n  private readonly _cdr = inject(ChangeDetectorRef)\n\n  readonly faCheckCircle = faCheckCircle\n\n  @HostBinding('@pulse') pulseAnimationState = true\n  @HostBinding('attr.data-tile-name') get _tileNameAttr() { return this.name }\n\n  @Input() layout: TheSeamTiledSelectLayout = 'grid'\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() icon: SeamIcon | undefined | null\n  @Input() @InputBoolean() disabled = false\n  @Input() @InputBoolean() selected = false\n\n  @Input() @InputBoolean() tileBackdrop = false\n  @Input() @InputBoolean() selectable = false\n  @Input() @InputBoolean() grayscaleOnDisable = true\n  @Input() @InputBoolean() showLabel = true\n  @Input() @InputBoolean() showSelectedIcon = true\n\n  @Input() iconClass: string | undefined | null\n\n  @Input() overlayTpl: TheSeamTiledSelectTileOverlayDirective | undefined | null\n\n  @Output() readonly activated = new EventEmitter<any>()\n\n  @ContentChild(TheSeamTiledSelectTileLabelTplDirective, { static: true }) labelTpl?: TheSeamTiledSelectTileLabelTplDirective\n\n  pulsing = false\n  pulsingTimeout: number | undefined\n\n  onTileClick(event: any) {\n    if (!this.selectable) { return }\n    this.activated.emit(event)\n\n    // this.pulsing = true\n    // setTimeout(() => {\n    //   this.pulsing = false\n    // }, 750)\n  }\n\n  mDown() {\n    if (this.pulsingTimeout) {\n      clearTimeout(this.pulsingTimeout)\n    }\n\n    if (!this.pulsing) {\n      this.pulsing = true\n      // this._cdr.detectChanges()\n    }\n\n    // console.log('start')\n    this.pulsingTimeout = window.setTimeout(() => {\n      this.pulsing = false\n      // this._cdr.detectChanges()\n      this.pulsingTimeout = undefined\n    }, 750)\n  }\n\n}\n","<button\n  class=\"btn tiled-select-tile-panel\"\n  [disabled]=\"disabled\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [class.selected]=\"selectable && selected\"\n  [class.selectable]=\"selectable\"\n  [class.no-grayscale]=\"!grayscaleOnDisable\"\n  (click)=\"onTileClick($event)\"\n  [@pulse]=\"pulsing ? true : false\"\n  [attr.data-category]=\"name\"\n  [attr.title]=\"showLabel ? '' : label\"\n  type=\"button\">\n  <div class=\"tiled-select-tile-panel--content\">\n    <seam-tiled-select-tile-icon\n      class=\"tiled-select-tile-panel--icon\"\n      [class.invisible]=\"!icon\"\n      [icon]=\"icon\"\n      [iconClass]=\"iconClass\"\n      [layout]=\"layout\"\n      [grayscaleOnDisable]=\"grayscaleOnDisable\"\n      [disabled]=\"disabled\">\n    </seam-tiled-select-tile-icon>\n    <div class=\"tiled-select-tile-panel--label-container\" *ngIf=\"showLabel\">\n      <span *ngIf=\"!labelTpl\" class=\"tiled-select-tile-panel--label\">{{ label }}</span>\n      <ng-template *ngIf=\"labelTpl\"\n        [ngTemplateOutlet]=\"labelTpl.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: label, label: label }\">\n      </ng-template>\n    </div>\n    <div *ngIf=\"tileBackdrop\" class=\"selected-backdrop\"\n      [class.bg-success]=\"selected\"></div>\n    <fa-icon\n      *ngIf=\"selected && showSelectedIcon\"\n      class=\"tiled-select-tile-panel--selected text-success\"\n      [icon]=\"faCheckCircle\"\n      size=\"3x\">\n    </fa-icon>\n  </div>\n  <div class=\"tiled-select-tile-panel--overlay\" *ngIf=\"overlayTpl\">\n    <ng-template [ngTemplateOutlet]=\"overlayTpl.template\"></ng-template>\n  </div>\n</button>\n","import { animate, animation, query, stagger, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { Platform } from '@angular/cdk/platform'\nimport { ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, inject, Input, Output, QueryList, Renderer2 } from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TheSeamTiledSelectTileOverlayDirective } from './../../directives/tiled-select-tile-overlay.directive'\nimport { TheSeamTiledSelectItem, TheSeamTiledSelectLayout } from '../../tiled-select.models'\nimport { TheSeamTiledSelectTileComponent } from '../tiled-select-tile/tiled-select-tile.component'\nimport { NgClass, NgFor } from '@angular/common'\n\nexport const slideEnterAnimation = animation([\n  style({ opacity: 0, transform: 'translateX(-15px)' }),\n  stagger(100, [\n    animate('0.5s', style({ opacity: 1, transform: 'translateX(0)' })),\n  ]),\n])\n\nexport const TILED_SELECT_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => TheSeamTiledSelectComponent),\n  multi: true,\n}\n\n@Component({\n  selector: 'seam-tiled-select',\n  templateUrl: './tiled-select.component.html',\n  styleUrls: ['./tiled-select.component.scss'],\n  providers: [ TILED_SELECT_VALUE_ACCESSOR ],\n  host: {\n    '[attr.data-testid]': '\"tiled-select\"',\n  },\n  animations: [\n    trigger('tiles', [\n      transition('* => *', [\n        query(':enter', useAnimation(slideEnterAnimation), { optional: true }),\n      ]),\n    ]),\n  ],\n  imports: [\n    NgFor,\n    NgClass,\n    TheSeamTiledSelectTileComponent,\n  ],\n})\nexport class TheSeamTiledSelectComponent implements ControlValueAccessor {\n  static ngAcceptInputType_val: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n  static ngAcceptInputType_animationsDisabled: BooleanInput\n\n  private readonly _platform = inject(Platform)\n  private readonly _cdr = inject(ChangeDetectorRef)\n  private readonly _renderer = inject(Renderer2)\n  private readonly _elementRef = inject(ElementRef)\n\n  @Input() layout: TheSeamTiledSelectLayout = 'grid'\n  @Input()\n  get tiles() { return this._tiles }\n  set tiles(value: TheSeamTiledSelectItem[]) {\n    const _value = [ ...(value || []) ]\n    for (const v of _value) {\n      if (v.value === undefined) {\n        if (v.name === undefined) {\n          throw new Error('If value is undefined then name must be defined.')\n        }\n        v.value = v.name\n      }\n    }\n\n    const prev = this._tiles\n    if (prev.length !== _value.length) {\n      this.tilesAnimationState = !this.tilesAnimationState\n    } else {\n      for (const t of _value) {\n        if (!prev.find(p => p.name === t.name)) {\n          this.tilesAnimationState = !this.tilesAnimationState\n          break\n        }\n      }\n    }\n\n    this._tiles = _value\n  }\n  private _tiles: TheSeamTiledSelectItem[] = []\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('value') val: string | string[] | undefined\n\n  @Input() @InputBoolean() disabled = false\n  @Input() @InputBoolean() multiple = false\n  @Input() @InputBoolean() selectionToggleable = true\n  @Input() @InputBoolean() tileBackdrop = false\n  @Input() @InputBoolean() showSelectedIcon = true\n  @Input() @InputBoolean() animationsDisabled: boolean = this._platform.IOS\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() readonly change = new EventEmitter<string | string[] | undefined>()\n\n  tilesAnimationState = false\n\n  onChange: any\n  onTouched: any\n\n  @ContentChildren(TheSeamTiledSelectTileOverlayDirective)\n  public overlayTpls?: QueryList<TheSeamTiledSelectTileOverlayDirective>\n\n  get value(): string | string[] | undefined {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined) {\n    this.val = (this.multiple) ? [ ...(value as string[] || []) ] : value || ''\n\n    this._renderer.setProperty(this._elementRef.nativeElement, 'value', this.val)\n\n    if (this.onChange) {\n      this.onChange(this.val)\n      this.change.emit(this.val)\n      this._cdr.markForCheck()\n    }\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  onTileSelected(event: MouseEvent, tile: TheSeamTiledSelectItem) {\n    this.toggleTileSelected(tile)\n  }\n\n  public isSelected(tile: TheSeamTiledSelectItem) {\n    if (!this.multiple) {\n      if (this.value === tile.value) {\n        return true\n      }\n    } else {\n      if (this.value) {\n        for (const v of this.value) {\n          if (v === tile.value) {\n            return true\n          }\n        }\n      }\n    }\n\n    return false\n  }\n\n  public toggleTileSelected(tile: TheSeamTiledSelectItem): void {\n    if (!this.selectionToggleable && this.isSelected(tile)) {\n      return\n    }\n\n    if (this.isSelected(tile)) {\n      this.unselectTile(tile)\n    } else {\n      this.selectTile(tile)\n    }\n  }\n\n  public selectTile(tile: TheSeamTiledSelectItem): void {\n    if (this.multiple) {\n      if (!this.isSelected(tile)) {\n        const value: string[] = this.value as string[] || []\n        this.value = [ ...coerceArray(value), tile.value ]\n      }\n    } else {\n      this.value = tile.value\n    }\n  }\n\n  public unselectTile(tile: TheSeamTiledSelectItem): void {\n    if (this.multiple) {\n      const value: string[] = this.value as string[] || []\n      this.value = value.filter(v => v !== tile.value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  public getSelectedTiles(): TheSeamTiledSelectItem[] {\n    return this.tiles.filter(t => this.isSelected(t))\n  }\n\n  getOverlayTpl(tile: TheSeamTiledSelectItem): TheSeamTiledSelectTileOverlayDirective | undefined {\n    // console.log('overlayTpls', this.overlayTpls)\n    return (this.overlayTpls || []).find(t => t.record?.name === tile.name)\n  }\n\n}\n","<div class=\"tiled-select--container\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [@tiles]=\"tilesAnimationState\"\n  [@.disabled]=\"animationsDisabled\">\n  <ng-container *ngFor=\"let tile of tiles; let index = index\">\n    <div class=\"tile-wrapper\" [ngClass]=\"tile.customClass || ''\">\n      <seam-tiled-select-tile\n        class=\"tiled-select-tile\"\n        [ngClass]=\"tile.customClass || ''\"\n        [name]=\"tile.name\"\n        [label]=\"tile.label\"\n        [icon]=\"tile.icon\"\n        [disabled]=\"disabled || tile.disabled\"\n        [attr.hidden]=\"tile.hidden\"\n        [layout]=\"layout\"\n        [selected]=\"isSelected(tile)\"\n        [selectable]=\"true\"\n        [tileBackdrop]=\"tileBackdrop\"\n        [showSelectedIcon]=\"showSelectedIcon\"\n        [overlayTpl]=\"getOverlayTpl(tile)\"\n        (activated)=\"onTileSelected($event, tile)\"\n        [attr.data-tile-index]=\"index\"\n        [attr.data-testid]=\"tile.name\">\n      </seam-tiled-select-tile>\n    </div>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core'\n\nimport { TheSeamTiledSelectTileComponent } from './components/tiled-select-tile/tiled-select-tile.component'\nimport { TheSeamTiledSelectComponent } from './components/tiled-select/tiled-select.component'\nimport { TheSeamTiledSelectTileIconTplDirective } from './directives/tiled-select-tile-icon-tpl.directive'\nimport { TheSeamTiledSelectTileLabelTplDirective } from './directives/tiled-select-tile-label-tpl.directive'\nimport { TheSeamTiledSelectTileOverlayDirective } from './directives/tiled-select-tile-overlay.directive'\n\n@NgModule({\n  imports: [\n    TheSeamTiledSelectComponent,\n    TheSeamTiledSelectTileComponent,\n    TheSeamTiledSelectTileOverlayDirective,\n    TheSeamTiledSelectTileIconTplDirective,\n    TheSeamTiledSelectTileLabelTplDirective,\n  ],\n  exports: [\n    TheSeamTiledSelectComponent,\n    TheSeamTiledSelectTileComponent,\n    TheSeamTiledSelectTileOverlayDirective,\n    TheSeamTiledSelectTileIconTplDirective,\n    TheSeamTiledSelectTileLabelTplDirective,\n  ],\n})\nexport class TheSeamTiledSelectModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYM,MAAO,6BAA8B,SAAQ,gBAAgB,CAAA;AACjE,IAAA,OAAO,YAAY,GAAG,wBAAwB;;IAG9C,OAAO,IAAI,CAAC,OAA6C,EAAA;AACvD,QAAA,OAAO,IAAI,gBAAgB,CAAC,6BAA6B,EAAE,OAAO;aAC7D,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EACtC,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAA,EAAG,KAAK,CAAA,CAAE,CAAC;aACzF,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,QAAQ,EACpC,CAAC,OAAO,EAAE,IAAI,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;IACzF;AAEO,IAAA,MAAM,YAAY,GAAA;AACvB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,iBAAiB,CAAC;IAC5D;AAEO,IAAA,MAAM,WAAW,GAAA;AACtB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAC3D;AAEO,IAAA,MAAM,QAAQ,GAAA;AACnB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC;IACjD;AAEO,IAAA,MAAM,gBAAgB,GAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;IACpC;;;AClCI,MAAO,yBAA0B,SAAQ,gBAAgB,CAAA;AAC7D,IAAA,OAAO,YAAY,GAAG,mBAAmB;AAElC,IAAA,MAAM,QAAQ,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,6BAA6B,CAAC;IAC1D;AAEO,IAAA,cAAc,CAAC,KAAa,EAAA;AACjC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QAChG,OAAO,cAAc,EAAE;;IAEzB;IAEO,MAAM,aAAa,CAAC,IAAY,EAAA;AACrC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7F,OAAO,aAAa,EAAE;IACxB;AAEO,IAAA,MAAM,QAAQ,GAAA;AACnB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC;IACjD;;;MChBW,sCAAsC,CAAA;AACjC,IAAA,QAAQ,GAAG,MAAM,EAAC,WAAgB,EAAC;AAE1C,IAAA,MAAM;uGAHJ,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtC,sCAAsC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtC,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAJlD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,4BAA4B;AACvC,iBAAA;8BAIU,MAAM,EAAA,CAAA;sBAAd;;;MCLU,uCAAuC,CAAA;AAClC,IAAA,QAAQ,GAAG,MAAM,EAAC,WAAgB,EAAC;uGADxC,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvC,uCAAuC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,QAAA,EAAA,CAAA,6BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvC,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBAJnD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,QAAQ,EAAE,6BAA6B;AACxC,iBAAA;;;MCCY,sCAAsC,CAAA;AACjC,IAAA,QAAQ,GAAG,MAAM,EAAC,WAAgB,EAAC;uGADxC,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtC,sCAAsC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtC,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAJlD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,4BAA4B;AACvC,iBAAA;;;ACOD,MAAM,SAAS,GAAG,gDAAgD,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;MAY/E,mCAAmC,CAAA;IAC9C,OAAO,oCAAoC;IAC3C,OAAO,0BAA0B;IAExB,SAAS,GAAG,SAAS;IAE9B,IAA+B,aAAa,GAAA,EAAK,OAAO,IAAI,CAAC,MAAM,KAAK,MAAM,CAAA,CAAC;IAC/E,IAA+B,aAAa,GAAA,EAAK,OAAO,IAAI,CAAC,MAAM,KAAK,MAAM,CAAA,CAAC;AAE/E,IAAA,IACI,MAAM,CAAC,KAA+B,EAAA,EAAI,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,MAAM,CAAA,CAAC;IAC7E,IAAI,MAAM,KAA+B,OAAO,IAAI,CAAC,OAAO,CAAA,CAAC;IACrD,OAAO,GAA6B,MAAM;IAEzB,kBAAkB,GAAG,KAAK;IAC1B,QAAQ,GAAG,KAAK;AAEhC,IAAA,SAAS;AAElB,IAAA,IACI,IAAI,GAAA,EAAkC,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAA,CAAC;IAChF,IAAI,IAAI,CAAC,KAAkC,EAAA;AACzC,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;QAC3B;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;QACvB;IACF;AAEO,IAAA,QAAQ;AACR,IAAA,QAAQ;AAEyD,IAAA,OAAO;uGAlCpE,mCAAmC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnC,mCAAmC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAkChC,sCAAsC,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1DtD,8yDAmCA,67BDhBI,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;AAiBM,UAAA,CAAA;AAAf,IAAA,YAAY;AAA6B,CAAA,EAAA,mCAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;AAC1B,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,mCAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;2FAf9B,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAV/C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAAA,OAAA,EAG9B;wBACP,IAAI;wBACJ,gBAAgB;wBAChB,iBAAiB;AAClB,qBAAA,EAAA,QAAA,EAAA,8yDAAA,EAAA,MAAA,EAAA,CAAA,q4BAAA,CAAA,EAAA;8BAQ8B,aAAa,EAAA,CAAA;sBAA3C,WAAW;uBAAC,YAAY;gBACM,aAAa,EAAA,CAAA;sBAA3C,WAAW;uBAAC,YAAY;gBAGrB,MAAM,EAAA,CAAA;sBADT;gBAKwB,kBAAkB,EAAA,CAAA;sBAA1C;gBACwB,QAAQ,EAAA,CAAA;sBAAhC;gBAEQ,SAAS,EAAA,CAAA;sBAAjB;gBAGG,IAAI,EAAA,CAAA;sBADP;gBAeuE,OAAO,EAAA,CAAA;sBAA9E,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,sCAAsC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;AE1CjE,MAAM,SAAS,GAAG,SAAS,CAChC,OAAO,CACL,4BAA4B,EAC5B,SAAS,CAAC;AACR,IAAA,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;AACxC,IAAA,KAAK,CAAC,EAAE,SAAS,EAAE,gDAAgD,EAAE,CAAC;AACtE,IAAA,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;CACzC,CAAC,CACH,EACD,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;AAG9C,MAAM,WAAW,GAAG,SAAS,CAClC,OAAO,CACL,4BAA4B,EAC5B,SAAS,CAAC;AACR,IAAA,KAAK,CAAC,EAAE,SAAS,EAAE,gDAAgD,EAAE,CAAC;CACvE,CAAC,CACH,EACD,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;AAG9C,MAAM,aAAa,GAAG,SAAS,CACpC,OAAO,CACL,4BAA4B,EAC5B,SAAS,CAAC;AACR,IAAA,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;CACzC,CAAC,CACH,EACD,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;MA+BxC,+BAA+B,CAAA;IAC1C,OAAO,0BAA0B;IACjC,OAAO,0BAA0B;IACjC,OAAO,8BAA8B;IACrC,OAAO,4BAA4B;IACnC,OAAO,oCAAoC;IAC3C,OAAO,2BAA2B;IAClC,OAAO,kCAAkC;AAExB,IAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAExC,aAAa,GAAG,aAAa;IAEf,mBAAmB,GAAG,IAAI;IACjD,IAAwC,aAAa,KAAK,OAAO,IAAI,CAAC,IAAI,CAAA,CAAC;IAElE,MAAM,GAA6B,MAAM;AAEzC,IAAA,IAAI;AACJ,IAAA,KAAK;AACL,IAAA,IAAI;IACY,QAAQ,GAAG,KAAK;IAChB,QAAQ,GAAG,KAAK;IAEhB,YAAY,GAAG,KAAK;IACpB,UAAU,GAAG,KAAK;IAClB,kBAAkB,GAAG,IAAI;IACzB,SAAS,GAAG,IAAI;IAChB,gBAAgB,GAAG,IAAI;AAEvC,IAAA,SAAS;AAET,IAAA,UAAU;AAEA,IAAA,SAAS,GAAG,IAAI,YAAY,EAAO;AAEmB,IAAA,QAAQ;IAEjF,OAAO,GAAG,KAAK;AACf,IAAA,cAAc;AAEd,IAAA,WAAW,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAAE;QAAO;AAC/B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;IAM5B;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC;QACnC;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;QAErB;;QAGA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AAC3C,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAEpB,YAAA,IAAI,CAAC,cAAc,GAAG,SAAS;QACjC,CAAC,EAAE,GAAG,CAAC;IACT;uGAnEW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAoC5B,uCAAuC,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChHvD,+oDA2CA,EAAA,MAAA,EAAA,CAAA,m2GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED2BI,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,mCAAmC,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EArBzB;YACV,OAAO,CAAC,OAAO,EAAE;gBACf,UAAU,CAAC,eAAe,EAAE;oBAC1B,YAAY,CAAC,SAAS;;iBAEvB,CAAC;;;;aAIH,CAAC;;;;;;AAMH,SAAA,EAAA,CAAA;;AA8BwB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAEhB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAuB,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;AACpB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAqB,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AAClB,UAAA,CAAA;AAAf,IAAA,YAAY;AAA4B,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;AACzB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAf,IAAA,YAAY;AAA0B,CAAA,EAAA,+BAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;2FA5BrC,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBA5B3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,UAAA,EAGtB;wBACV,OAAO,CAAC,OAAO,EAAE;4BACf,UAAU,CAAC,eAAe,EAAE;gCAC1B,YAAY,CAAC,SAAS;;6BAEvB,CAAC;;;;yBAIH,CAAC;;;;;;qBAMH,EAAA,OAAA,EAEQ;wBACP,IAAI;wBACJ,gBAAgB;wBAChB,iBAAiB;wBACjB,mCAAmC;AACpC,qBAAA,EAAA,QAAA,EAAA,+oDAAA,EAAA,MAAA,EAAA,CAAA,m2GAAA,CAAA,EAAA;8BAesB,mBAAmB,EAAA,CAAA;sBAAzC,WAAW;uBAAC,QAAQ;gBACmB,aAAa,EAAA,CAAA;sBAApD,WAAW;uBAAC,qBAAqB;gBAEzB,MAAM,EAAA,CAAA;sBAAd;gBAEQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACwB,QAAQ,EAAA,CAAA;sBAAhC;gBACwB,QAAQ,EAAA,CAAA;sBAAhC;gBAEwB,YAAY,EAAA,CAAA;sBAApC;gBACwB,UAAU,EAAA,CAAA;sBAAlC;gBACwB,kBAAkB,EAAA,CAAA;sBAA1C;gBACwB,SAAS,EAAA,CAAA;sBAAjC;gBACwB,gBAAgB,EAAA,CAAA;sBAAxC;gBAEQ,SAAS,EAAA,CAAA;sBAAjB;gBAEQ,UAAU,EAAA,CAAA;sBAAlB;gBAEkB,SAAS,EAAA,CAAA;sBAA3B;gBAEwE,QAAQ,EAAA,CAAA;sBAAhF,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,uCAAuC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;AEnGlE,MAAM,mBAAmB,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACrD,OAAO,CAAC,GAAG,EAAE;AACX,QAAA,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;KACnE,CAAC;AACH,CAAA;AAEM,MAAM,2BAA2B,GAAQ;AAC9C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,2BAA2B,CAAC;AAC1D,IAAA,KAAK,EAAE,IAAI;;MAwBA,2BAA2B,CAAA;IACtC,OAAO,qBAAqB;IAC5B,OAAO,0BAA0B;IACjC,OAAO,0BAA0B;IACjC,OAAO,qCAAqC;IAC5C,OAAO,8BAA8B;IACrC,OAAO,kCAAkC;IACzC,OAAO,oCAAoC;AAE1B,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAExC,MAAM,GAA6B,MAAM;IAClD,IACI,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAA,CAAC;IACjC,IAAI,KAAK,CAAC,KAA+B,EAAA;QACvC,MAAM,MAAM,GAAG,CAAE,IAAI,KAAK,IAAI,EAAE,CAAC,CAAE;AACnC,QAAA,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;AACtB,YAAA,IAAI,CAAC,CAAC,KAAK,KAAK,SAAS,EAAE;AACzB,gBAAA,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE;AACxB,oBAAA,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC;gBACrE;AACA,gBAAA,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI;YAClB;QACF;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM;QACxB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE;AACjC,YAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,mBAAmB;QACtD;aAAO;AACL,YAAA,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;AACtB,gBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE;AACtC,oBAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,mBAAmB;oBACpD;gBACF;YACF;QACF;AAEA,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;IACtB;IACQ,MAAM,GAA6B,EAAE;;AAG7B,IAAA,GAAG;IAEM,QAAQ,GAAG,KAAK;IAChB,QAAQ,GAAG,KAAK;IAChB,mBAAmB,GAAG,IAAI;IAC1B,YAAY,GAAG,KAAK;IACpB,gBAAgB,GAAG,IAAI;AACvB,IAAA,kBAAkB,GAAY,IAAI,CAAC,SAAS,CAAC,GAAG;;AAGtD,IAAA,MAAM,GAAG,IAAI,YAAY,EAAiC;IAE7E,mBAAmB,GAAG,KAAK;AAE3B,IAAA,QAAQ;AACR,IAAA,SAAS;AAGF,IAAA,WAAW;AAElB,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,GAAG;IACjB;IAEA,IAAI,KAAK,CAAC,KAAoC,EAAA;QAC5C,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAE,IAAI,KAAiB,IAAI,EAAE,CAAC,CAAE,GAAG,KAAK,IAAI,EAAE;AAE3E,QAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC;AAE7E,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QAC1B;AACA,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,IAAI,CAAC,SAAS,EAAE;QAAC;IACzC;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC5B;IAEA,cAAc,CAAC,KAAiB,EAAE,IAA4B,EAAA;AAC5D,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;IAC/B;AAEO,IAAA,UAAU,CAAC,IAA4B,EAAA;AAC5C,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;AAC7B,gBAAA,OAAO,IAAI;YACb;QACF;aAAO;AACL,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;AAC1B,oBAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE;AACpB,wBAAA,OAAO,IAAI;oBACb;gBACF;YACF;QACF;AAEA,QAAA,OAAO,KAAK;IACd;AAEO,IAAA,kBAAkB,CAAC,IAA4B,EAAA;AACpD,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACtD;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACzB;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACvB;IACF;AAEO,IAAA,UAAU,CAAC,IAA4B,EAAA;AAC5C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AAC1B,gBAAA,MAAM,KAAK,GAAa,IAAI,CAAC,KAAiB,IAAI,EAAE;AACpD,gBAAA,IAAI,CAAC,KAAK,GAAG,CAAE,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAE;YACpD;QACF;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;QACzB;IACF;AAEO,IAAA,YAAY,CAAC,IAA4B,EAAA;AAC9C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,MAAM,KAAK,GAAa,IAAI,CAAC,KAAiB,IAAI,EAAE;AACpD,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC;QAClD;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;QACxB;IACF;IAEO,gBAAgB,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACnD;AAEA,IAAA,aAAa,CAAC,IAA4B,EAAA;;QAExC,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;IACzE;uGA/JW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,EAAA,CAAA,OAAA,EAAA,KAAA,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAjB3B,CAAE,2BAA2B,CAAE,sDA+EzB,sCAAsC,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7GzD,kjCA4BA,EAAA,MAAA,EAAA,CAAA,usBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcI,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACL,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,+BAA+B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAVrB;YACV,OAAO,CAAC,OAAO,EAAE;gBACf,UAAU,CAAC,QAAQ,EAAE;AACnB,oBAAA,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;iBACvE,CAAC;aACH,CAAC;AACH,SAAA,EAAA,CAAA;;AAsDwB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmB,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAf,IAAA,YAAY;AAA6B,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,KAAA,CAAA,CAAA;AAC1B,UAAA,CAAA;AAAf,IAAA,YAAY;AAAuB,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;AACpB,UAAA,CAAA;AAAf,IAAA,YAAY;AAA0B,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AACvB,UAAA,CAAA;AAAf,IAAA,YAAY;AAAmD,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA;2FApD9D,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBArBvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,SAAA,EAGlB,CAAE,2BAA2B,CAAE,EAAA,IAAA,EACpC;AACJ,wBAAA,oBAAoB,EAAE,gBAAgB;qBACvC,EAAA,UAAA,EACW;wBACV,OAAO,CAAC,OAAO,EAAE;4BACf,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;6BACvE,CAAC;yBACH,CAAC;qBACH,EAAA,OAAA,EACQ;wBACP,KAAK;wBACL,OAAO;wBACP,+BAA+B;AAChC,qBAAA,EAAA,QAAA,EAAA,kjCAAA,EAAA,MAAA,EAAA,CAAA,usBAAA,CAAA,EAAA;8BAgBQ,MAAM,EAAA,CAAA;sBAAd;gBAEG,KAAK,EAAA,CAAA;sBADR;gBA8Be,GAAG,EAAA,CAAA;sBAAlB,KAAK;uBAAC,OAAO;gBAEW,QAAQ,EAAA,CAAA;sBAAhC;gBACwB,QAAQ,EAAA,CAAA;sBAAhC;gBACwB,mBAAmB,EAAA,CAAA;sBAA3C;gBACwB,YAAY,EAAA,CAAA;sBAApC;gBACwB,gBAAgB,EAAA,CAAA;sBAAxC;gBACwB,kBAAkB,EAAA,CAAA;sBAA1C;gBAGkB,MAAM,EAAA,CAAA;sBAAxB;gBAQM,WAAW,EAAA,CAAA;sBADjB,eAAe;uBAAC,sCAAsC;;;MErF5C,wBAAwB,CAAA;uGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAdjC,2BAA2B;YAC3B,+BAA+B;YAC/B,sCAAsC;YACtC,sCAAsC;AACtC,YAAA,uCAAuC,aAGvC,2BAA2B;YAC3B,+BAA+B;YAC/B,sCAAsC;YACtC,sCAAsC;YACtC,uCAAuC,CAAA,EAAA,CAAA;AAG9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAdjC,2BAA2B;YAC3B,+BAA+B,CAAA,EAAA,CAAA;;2FAatB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAhBpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,+BAA+B;wBAC/B,sCAAsC;wBACtC,sCAAsC;wBACtC,uCAAuC;AACxC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,+BAA+B;wBAC/B,sCAAsC;wBACtC,sCAAsC;wBACtC,uCAAuC;AACxC,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2022/theseam-ui-common-toggle-edit.mjs

@@ -0,0 +1,517 @@
+import { __decorate } from 'tslib';
+import * as i2 from '@angular/cdk/a11y';
+import { FocusMonitor, A11yModule } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
+import { Overlay } from '@angular/cdk/overlay';
+import * as i1 from '@angular/cdk/portal';
+import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, Injectable, Component, ElementRef, NgZone, Renderer2, ViewContainerRef, EventEmitter, ContentChild, ViewChild, Output, Input, HostBinding, NgModule } from '@angular/core';
+import { ControlContainer } from '@angular/forms';
+import { DOCUMENT, NgIf, NgTemplateOutlet } from '@angular/common';
+import { faPen, faTimes, faCheck } from '@fortawesome/free-solid-svg-icons';
+import * as i3 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { TheSeamFormFieldComponent } from '@theseam/ui-common/form-field';
+import { TheSeamLoadingComponent } from '@theseam/ui-common/loading';
+
+class ToggleEditDisplayTplDirective {
+    template = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: ToggleEditDisplayTplDirective, isStandalone: true, selector: "[seamToggleEditDisplayTpl]", exportAs: ["seamToggleEditDisplayTpl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamToggleEditDisplayTpl]',
+                    exportAs: 'seamToggleEditDisplayTpl',
+                }]
+        }] });
+
+class TheSeamToggleEditKeyboardListenerService {
+    _document = inject(DOCUMENT);
+    _elements = [];
+    _isListening = false;
+    add(element) {
+        this._elements.push(element);
+        this._startListening();
+    }
+    remove(element) {
+        this._elements = this._elements.filter(v => v !== element);
+        if (this._elements.length === 0) {
+            this._stopListening();
+        }
+    }
+    isListening() {
+        return this._isListening;
+    }
+    _startListening() {
+        if (this.isListening()) {
+            return;
+        }
+        this._document.body.addEventListener('keydown', this._keydownListener, true);
+        this._isListening = true;
+    }
+    _stopListening() {
+        if (!this.isListening()) {
+            return;
+        }
+        this._document.body.removeEventListener('keydown', this._keydownListener, true);
+        this._isListening = false;
+    }
+    _keydownListener = (event) => {
+        for (const element of this._elements) {
+            if (element.isEditing()) {
+                element.keydownEvent(event);
+            }
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TheSeamToggleEditActionsContainerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamToggleEditActionsContainerComponent, isStandalone: true, selector: "seam-toggle-edit-actions-container", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-toggle-edit-actions-container', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+        }] });
+
+class TheSeamToggleEditComponent {
+    static ngAcceptInputType_cancelOnBlur;
+    static ngAcceptInputType_waitOnSubmit;
+    _elementRef = inject((ElementRef));
+    _controlContainer = inject(ControlContainer, { optional: true, self: true });
+    _formFieldComponent = inject(TheSeamFormFieldComponent, { optional: true, host: true });
+    _kbListener = inject(TheSeamToggleEditKeyboardListenerService);
+    _focusMonitor = inject(FocusMonitor);
+    _ngZone = inject(NgZone);
+    _renderer = inject(Renderer2);
+    _viewContainerRef = inject(ViewContainerRef);
+    _overlay = inject(Overlay);
+    faPen = faPen;
+    faTimes = faTimes;
+    faCheck = faCheck;
+    _previousDisabled = false;
+    /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */
+    _focused = false;
+    _focusObserver;
+    _actionsFocused = false;
+    _submitting = false;
+    /**
+     * Input value before editing.
+     *
+     * If the edit change is canceled the input value will be reset back to this
+     * value.
+     */
+    _beforeEditValue = null;
+    get _toggleEditActiveClass() { return this.editing; }
+    cancelOnBlur = true;
+    waitOnSubmit = false;
+    placeholder = '';
+    get editing() { return this._editing; }
+    set editing(value) {
+        if (this.disabled && value) {
+            return;
+        }
+        if (!this._editing) {
+            this.updateBeforeEditValue();
+        }
+        this._editing = coerceBooleanProperty(value);
+        this.editingChange.emit(value);
+    }
+    _editing = false;
+    changeAccepted = new EventEmitter();
+    changeDeclined = new EventEmitter();
+    editingChange = new EventEmitter();
+    templatePortalContent;
+    templatePortal;
+    modalRef;
+    displayTpl;
+    constructor() {
+        this._ngZone.runOutsideAngular(() => {
+            this._focusObserver = new MutationObserver(() => {
+                this._ngZone.run(() => {
+                    if (this.hasFocus()) {
+                        if (this.disabled) {
+                            return;
+                        }
+                        this._onFocus();
+                    }
+                    else {
+                        this._onBlur();
+                    }
+                });
+            });
+        });
+    }
+    ngOnInit() {
+        this._initMonitors();
+        if (this._formFieldComponent) {
+            // TODO: Consider making this smarter, such as avoiding overwritting when input set.
+            this._formFieldComponent.numPaddingErrors = 0;
+        }
+    }
+    ngOnDestroy() {
+        this._destroyMonitors();
+    }
+    ngAfterViewInit() {
+        if (this._formFieldComponent && this._formFieldComponent.contentInput) {
+            this._formFieldComponent.contentInput.stateChanges.subscribe(_ => {
+                this._checkDisabledChange();
+            });
+        }
+        setTimeout(() => {
+            if (this.templatePortalContent) {
+                this.templatePortal = new TemplatePortal(this.templatePortalContent, this._viewContainerRef);
+            }
+        });
+        this._checkDisabledChange();
+    }
+    ngDoCheck() {
+        this._checkDisabledChange();
+    }
+    _initMonitors() {
+        this._kbListener.add(this);
+        this._focusMonitor.monitor(this._elementRef.nativeElement, true);
+        this._focusObserver?.observe(this._elementRef.nativeElement, {
+            attributes: true,
+            attributeFilter: ['class'],
+            childList: false,
+            characterData: false
+        });
+    }
+    _destroyMonitors() {
+        this._kbListener.remove(this);
+        this._focusObserver?.disconnect();
+        this._focused = false;
+        this._focusMonitor.stopMonitoring(this._elementRef.nativeElement);
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex');
+    }
+    // Make this disabled checking implementation better. It gets called to much
+    // trying to be accurate.
+    _checkDisabledChange() {
+        // const isDisabled = this.disabled
+        // if (isDisabled !== this._previousDisabled) {
+        // }
+    }
+    get disabled() {
+        const control = this.getControl();
+        if (control) {
+            return control.disabled;
+        }
+        return false;
+    }
+    canSubmit() {
+        const control = this.getControl();
+        if (control) {
+            return control.valid;
+        }
+        return true;
+    }
+    isSubmitting() {
+        return this._submitting;
+    }
+    submitComplete(error) {
+        const control = this.getControl();
+        if (control) {
+            control.enable();
+        }
+        this._submitting = false;
+        if (!error) {
+            this.stopEditing();
+        }
+    }
+    updateBeforeEditValue() {
+        const control = this.getControl();
+        if (control) {
+            this._beforeEditValue = control.value;
+        }
+    }
+    getValue() {
+        const control = this.getControl();
+        if (control) {
+            return control.value;
+        }
+        return null;
+    }
+    resetValue() {
+        const control = this.getControl();
+        if (control) {
+            // Reset without emitting then update which will emit, because reset will
+            // emit changes before setting pristine
+            control.reset(this._beforeEditValue, { emitEvent: false });
+            control.updateValueAndValidity();
+        }
+    }
+    isFormGroup() {
+        return !!this._controlContainer;
+    }
+    getFormGroup() {
+        if (!this.isFormGroup()) {
+            return null;
+        }
+        if (!this._controlContainer?.control) {
+            return null;
+        }
+        return this._controlContainer.control;
+    }
+    isInFormField() {
+        return !!this._formFieldComponent;
+    }
+    getFormControl() {
+        if (!this.isInFormField()) {
+            return null;
+        }
+        if (!this._formFieldComponent?.contentInput) {
+            return null;
+        }
+        return this._formFieldComponent.contentInput.ngControl.control;
+    }
+    hasControl() {
+        return !!this.getControl();
+    }
+    getControl() {
+        if (this.isFormGroup()) {
+            return this.getFormGroup();
+        }
+        else if (this.isInFormField()) {
+            return this.getFormControl();
+        }
+        return null;
+    }
+    submitEdit() {
+        if (!this.canSubmit()) {
+            return;
+        }
+        if (this.waitOnSubmit) {
+            const control = this.getControl();
+            if (control) {
+                control.disable();
+            }
+            this._submitting = true;
+        }
+        this.stopEditing();
+        this.changeAccepted.emit(this);
+    }
+    cancelEdit() {
+        // Reset without emitting then update which will emit, because reset will
+        // emit changes before setting pristine
+        this.resetValue();
+        this.stopEditing();
+        this.changeDeclined.emit(this);
+    }
+    _onFocus() {
+        // Return if already focused
+        if (this._focused) {
+            return;
+        }
+        this._focused = true;
+        this._actionsFocused = false;
+    }
+    _onBlur() {
+        // Return if focus hasn't been detected
+        if (!this._focused) {
+            return;
+        }
+        if (this.editing && this.cancelOnBlur) {
+            setTimeout(() => {
+                if (!this._actionsFocused) {
+                    this.cancelEdit();
+                }
+            });
+        }
+        this._focused = false;
+    }
+    hasFocus() {
+        return this._elementRef.nativeElement.classList.contains('cdk-focused');
+    }
+    focusContent() {
+        // Set the tab index to `-1` to allow the root element of the component to
+        // receive `focus` event from javascript, but not get focused by keyboard
+        // navigation. This is for the focus monitor. If a button is clicked the
+        // focus monitor emits a blur before the focus of the input. This will avoid
+        // the blur by letting the component itself receive focus events.
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'tabindex', '-1');
+        this._elementRef.nativeElement.focus();
+    }
+    toggleEditing(isEditing) {
+        if (this.editing === isEditing) {
+            return;
+        }
+        const _editing = isEditing === undefined ? !this.editing : !!isEditing;
+        if (_editing) {
+            this.startEditing();
+        }
+        else {
+            this.stopEditing();
+        }
+    }
+    isEditing() {
+        return this.editing;
+    }
+    startEditing() {
+        if (this.disabled) {
+            return;
+        }
+        if (this.isEditing()) {
+            return;
+        }
+        this.updateBeforeEditValue();
+        this.focusContent();
+        this.editing = true;
+        this.modalRef = this._overlay.create({
+            hasBackdrop: false,
+            positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),
+        });
+        this.modalRef.attach(this.templatePortal);
+    }
+    stopEditing() {
+        if (!this.isEditing()) {
+            return;
+        }
+        if (this.isSubmitting()) {
+            return;
+        }
+        if (this.modalRef?.hasAttached()) {
+            this.modalRef.detach();
+        }
+        // NOTE: This is a hack to avoid a focus lost issue introduced by a focus
+        // acuired issue's hack.
+        this._elementRef.nativeElement.focus();
+        this._elementRef.nativeElement.blur();
+        this._focusMonitor.stopMonitoring(this._elementRef.nativeElement);
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex');
+        this._focusMonitor.monitor(this._elementRef.nativeElement, true);
+        this.editing = false;
+    }
+    keydownEvent(event) {
+        switch (event.keyCode) {
+            case ESCAPE: {
+                this.cancelEdit();
+                break;
+            }
+            case ENTER: {
+                this.submitEdit();
+                break;
+            }
+        }
+    }
+    getOverlayPosition(origin) {
+        const positionStrategy = this._overlay.position()
+            .flexibleConnectedTo(origin)
+            .withPositions(this.getPositions())
+            .withFlexibleDimensions(false)
+            .withPush(false);
+        return positionStrategy;
+    }
+    getPositions() {
+        return [
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom'
+            },
+        ];
+    }
+    resized() {
+        if (this.modalRef && this.modalRef.hasAttached()) {
+            this.modalRef.updatePosition();
+        }
+    }
+    actionsFocusChange(event) {
+        this._actionsFocused = !!event;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamToggleEditComponent, isStandalone: true, selector: "seam-toggle-edit", inputs: { cancelOnBlur: "cancelOnBlur", waitOnSubmit: "waitOnSubmit", placeholder: "placeholder", editing: "editing" }, outputs: { changeAccepted: "changeAccepted", changeDeclined: "changeDeclined", editingChange: "editingChange" }, host: { properties: { "class.toggle-edit-active": "this._toggleEditActiveClass" } }, queries: [{ propertyName: "displayTpl", first: true, predicate: ToggleEditDisplayTplDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: TheSeamToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
+}
+__decorate([
+    InputBoolean()
+], TheSeamToggleEditComponent.prototype, "cancelOnBlur", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamToggleEditComponent.prototype, "waitOnSubmit", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-toggle-edit', imports: [
+                        NgIf,
+                        NgTemplateOutlet,
+                        PortalModule,
+                        A11yModule,
+                        FontAwesomeModule,
+                        TheSeamLoadingComponent,
+                        TheSeamToggleEditActionsContainerComponent,
+                    ], template: "<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _toggleEditActiveClass: [{
+                type: HostBinding,
+                args: ['class.toggle-edit-active']
+            }], cancelOnBlur: [{
+                type: Input
+            }], waitOnSubmit: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], editing: [{
+                type: Input
+            }], changeAccepted: [{
+                type: Output
+            }], changeDeclined: [{
+                type: Output
+            }], editingChange: [{
+                type: Output
+            }], templatePortalContent: [{
+                type: ViewChild,
+                args: ['templatePortalContent', { static: true }]
+            }], displayTpl: [{
+                type: ContentChild,
+                args: [ToggleEditDisplayTplDirective, { static: true }]
+            }] } });
+
+class TheSeamToggleEditModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditModule, imports: [ToggleEditDisplayTplDirective,
+            TheSeamToggleEditComponent], exports: [ToggleEditDisplayTplDirective,
+            TheSeamToggleEditComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditModule, imports: [TheSeamToggleEditComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ToggleEditDisplayTplDirective,
+                        TheSeamToggleEditComponent,
+                    ],
+                    exports: [
+                        ToggleEditDisplayTplDirective,
+                        TheSeamToggleEditComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamToggleEditActionsContainerComponent, TheSeamToggleEditComponent, TheSeamToggleEditKeyboardListenerService, TheSeamToggleEditModule, ToggleEditDisplayTplDirective };
+//# sourceMappingURL=theseam-ui-common-toggle-edit.mjs.map