@theseam/ui-common 0.4.2 → 0.4.4

package/esm2020/tiled-select/components/tiled-select/tiled-select.component.mjs

@@ -149,8 +149,8 @@ export class TheSeamTiledSelectComponent {
         return (this.overlayTpls || []).find(t => t.record?.name === tile.name);
     }
 }
-TheSeamTiledSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectComponent, deps: [{ token: i1.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamTiledSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamTiledSelectComponent, selector: "seam-tiled-select", inputs: { layout: "layout", tiles: "tiles", val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable", tileBackdrop: "tileBackdrop", showSelectedIcon: "showSelectedIcon", animationsDisabled: "animationsDisabled" }, outputs: { change: "change" }, host: { properties: { "attr.data-testid": "\"tiled-select\"" } }, providers: [TILED_SELECT_VALUE_ACCESSOR], queries: [{ propertyName: "overlayTpls", predicate: TiledSelectTileOverlayDirective }], ngImport: i0, template: "<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", styles: [":host{display:block;width:100%}.tiled-select--container{display:flex;flex-wrap:wrap;justify-content:center}.tiled-select--container.grid{flex-direction:row}.tiled-select--container.grid .tile-wrapper{padding:12px;width:200px;height:180px}.tiled-select--container.grid .tile-wrapper .tiled-select-tile{height:100%}.tiled-select--container.grid .tile-wrapper.other-org{width:auto;height:auto}@media screen and (max-width: 600px){.tiled-select--container.grid .tile-wrapper{padding:6px;width:150px;height:135px}}.tiled-select--container.list{flex-direction:column}.tiled-select--container.list .tile-wrapper{width:100%;height:50px}.tiled-select--container.list .tile-wrapper:not(:last-child){margin-bottom:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.TiledSelectTileComponent, selector: "seam-tiled-select-tile", inputs: ["layout", "name", "label", "icon", "disabled", "selected", "tileBackdrop", "selectable", "grayscaleOnDisable", "showLabel", "showSelectedIcon", "iconClass", "overlayTpl"], outputs: ["activated"] }], animations: [
+TheSeamTiledSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectComponent, deps: [{ token: i1.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamTiledSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTiledSelectComponent, selector: "seam-tiled-select", inputs: { layout: "layout", tiles: "tiles", val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable", tileBackdrop: "tileBackdrop", showSelectedIcon: "showSelectedIcon", animationsDisabled: "animationsDisabled" }, outputs: { change: "change" }, host: { properties: { "attr.data-testid": "\"tiled-select\"" } }, providers: [TILED_SELECT_VALUE_ACCESSOR], queries: [{ propertyName: "overlayTpls", predicate: TiledSelectTileOverlayDirective }], ngImport: i0, template: "<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", styles: [":host{display:block;width:100%}.tiled-select--container{display:flex;flex-wrap:wrap;justify-content:center}.tiled-select--container.grid{flex-direction:row}.tiled-select--container.grid .tile-wrapper{padding:12px;width:200px;height:180px}.tiled-select--container.grid .tile-wrapper .tiled-select-tile{height:100%}.tiled-select--container.grid .tile-wrapper.other-org{width:auto;height:auto}@media screen and (max-width: 600px){.tiled-select--container.grid .tile-wrapper{padding:6px;width:150px;height:135px}}.tiled-select--container.list{flex-direction:column}.tiled-select--container.list .tile-wrapper{width:100%;height:50px}.tiled-select--container.list .tile-wrapper:not(:last-child){margin-bottom:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.TiledSelectTileComponent, selector: "seam-tiled-select-tile", inputs: ["layout", "name", "label", "icon", "disabled", "selected", "tileBackdrop", "selectable", "grayscaleOnDisable", "showLabel", "showSelectedIcon", "iconClass", "overlayTpl"], outputs: ["activated"] }], animations: [
         trigger('tiles', [
             transition('* => *', [
                 query(':enter', useAnimation(slideEnterAnimation), { optional: true })
@@ -175,7 +175,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TheSeamTiledSelectComponent.prototype, "animationsDisabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tiled-select', providers: [TILED_SELECT_VALUE_ACCESSOR], host: {
                         '[attr.data-testid]': '"tiled-select"'

package/esm2020/tiled-select/components/tiled-select-tile/tiled-select-tile.component.mjs

@@ -62,8 +62,8 @@ export class TiledSelectTileComponent {
         }, 750);
     }
 }
-TiledSelectTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TiledSelectTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TiledSelectTileComponent, selector: "seam-tiled-select-tile", inputs: { layout: "layout", name: "name", label: "label", icon: "icon", disabled: "disabled", selected: "selected", tileBackdrop: "tileBackdrop", selectable: "selectable", grayscaleOnDisable: "grayscaleOnDisable", showLabel: "showLabel", showSelectedIcon: "showSelectedIcon", iconClass: "iconClass", overlayTpl: "overlayTpl" }, outputs: { activated: "activated" }, host: { properties: { "@pulse": "this.pulseAnimationState", "attr.data-tile-name": "this._tileNameAttr" } }, queries: [{ propertyName: "labelTpl", first: true, predicate: TiledSelectTileLabelTplDirective, descendants: true, static: true }], ngImport: i0, template: "<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", styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid rgb(230,230,230);background-color:#fff;color:#505050;position:relative;overflow:hidden}.tiled-select-tile-panel:disabled:not(.no-grayscale){filter:grayscale(1)}.tiled-select-tile-panel .grey-fix{visibility:hidden;display:block}.tiled-select-tile-panel.selected{border:1px solid rgb(60,150,200)}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.tiled-select-tile-panel .tiled-select-tile-panel--content{display:flex;height:100%;width:100%}.tiled-select-tile-panel .tiled-select-tile-panel--content .tiled-select-tile-panel--selected{position:absolute;top:4px;right:4px}.tiled-select-tile-panel .tiled-select-tile-panel--content .selected-backdrop{opacity:.2;position:absolute;inset:0;border-radius:15px;transition:ease-in-out .2s background-color;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;inset:0}.tiled-select-tile-panel.grid{border-radius:15px;padding:0;margin:0}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content{flex-direction:column}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content .selected-backdrop{border-radius:15px}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{flex:0 0 auto;height:2.5em;line-height:1em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{display:block;font-size:90%;padding:0 1em;white-space:initial}@media screen and (max-width: 600px){.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:2rem;line-height:.9em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{font-size:13px;padding:0 .7em}}.tiled-select-tile-panel.list{border-radius:10px;padding:4px}.tiled-select-tile-panel.list .tiled-select-tile-panel--content{flex-direction:row}.tiled-select-tile-panel.list .tiled-select-tile-panel--content .selected-backdrop{border-radius:10px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container{display:flex;max-height:100%;flex-direction:column;padding-right:40px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{padding:0 6px;text-align:left;margin:auto 0;font-size:80%;white-space:initial}.tiled-select-tile-panel.list .tiled-select-tile-panel--selected ::ng-deep .svg-inline--fa{height:39px}:host(.other-org) .tiled-select-tile-panel.grid{border:0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled){box-shadow:0 0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled) .tiled-select-tile-panel--label-container{text-decoration:underline}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--icon,:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--selected.text-success{display:none}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:auto;color:#357ebd}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label{padding:.5rem 1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.TiledSelectTileIconComponent, selector: "seam-tiled-select-tile-icon", inputs: ["layout", "grayscaleOnDisable", "disabled", "iconClass", "icon"] }], animations: [
+TiledSelectTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TiledSelectTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TiledSelectTileComponent, selector: "seam-tiled-select-tile", inputs: { layout: "layout", name: "name", label: "label", icon: "icon", disabled: "disabled", selected: "selected", tileBackdrop: "tileBackdrop", selectable: "selectable", grayscaleOnDisable: "grayscaleOnDisable", showLabel: "showLabel", showSelectedIcon: "showSelectedIcon", iconClass: "iconClass", overlayTpl: "overlayTpl" }, outputs: { activated: "activated" }, host: { properties: { "@pulse": "this.pulseAnimationState", "attr.data-tile-name": "this._tileNameAttr" } }, queries: [{ propertyName: "labelTpl", first: true, predicate: TiledSelectTileLabelTplDirective, descendants: true, static: true }], ngImport: i0, template: "<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", styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid rgb(230,230,230);background-color:#fff;color:#505050;position:relative;overflow:hidden}.tiled-select-tile-panel:disabled:not(.no-grayscale){filter:grayscale(1)}.tiled-select-tile-panel .grey-fix{visibility:hidden;display:block}.tiled-select-tile-panel.selected{border:1px solid rgb(60,150,200)}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.tiled-select-tile-panel .tiled-select-tile-panel--content{display:flex;height:100%;width:100%}.tiled-select-tile-panel .tiled-select-tile-panel--content .tiled-select-tile-panel--selected{position:absolute;top:4px;right:4px}.tiled-select-tile-panel .tiled-select-tile-panel--content .selected-backdrop{opacity:.2;position:absolute;inset:0;border-radius:15px;transition:ease-in-out .2s background-color;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;inset:0}.tiled-select-tile-panel.grid{border-radius:15px;padding:0;margin:0}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content{flex-direction:column}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content .selected-backdrop{border-radius:15px}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{flex:0 0 auto;height:2.5em;line-height:1em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{display:block;font-size:90%;padding:0 1em;white-space:initial}@media screen and (max-width: 600px){.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:2rem;line-height:.9em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{font-size:13px;padding:0 .7em}}.tiled-select-tile-panel.list{border-radius:10px;padding:4px}.tiled-select-tile-panel.list .tiled-select-tile-panel--content{flex-direction:row}.tiled-select-tile-panel.list .tiled-select-tile-panel--content .selected-backdrop{border-radius:10px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container{display:flex;max-height:100%;flex-direction:column;padding-right:40px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{padding:0 6px;text-align:left;margin:auto 0;font-size:80%;white-space:initial}.tiled-select-tile-panel.list .tiled-select-tile-panel--selected ::ng-deep .svg-inline--fa{height:39px}:host(.other-org) .tiled-select-tile-panel.grid{border:0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled){box-shadow:0 0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled) .tiled-select-tile-panel--label-container{text-decoration:underline}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--icon,:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--selected.text-success{display:none}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:auto;color:#357ebd}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label{padding:.5rem 1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i3.TiledSelectTileIconComponent, selector: "seam-tiled-select-tile-icon", inputs: ["layout", "grayscaleOnDisable", "disabled", "iconClass", "icon"] }], animations: [
         trigger('pulse', [
             transition('false => true', [
                 useAnimation(tilePulse)
@@ -100,7 +100,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TiledSelectTileComponent.prototype, "showSelectedIcon", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tiled-select-tile', animations: [
                         trigger('pulse', [

package/esm2020/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.mjs

@@ -29,15 +29,15 @@ export class TiledSelectTileIconComponent {
         }
     }
 }
-TiledSelectTileIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TiledSelectTileIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TiledSelectTileIconComponent, selector: "seam-tiled-select-tile-icon", inputs: { layout: "layout", grayscaleOnDisable: "grayscaleOnDisable", disabled: "disabled", iconClass: "iconClass", icon: "icon" }, host: { properties: { "class.grid": "this._cssClassGrid", "class.list": "this._cssClassList" } }, queries: [{ propertyName: "iconTpl", first: true, predicate: TiledSelectTileIconTplDirective, descendants: true, static: true }], ngImport: i0, template: "<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", styles: [":host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid rgb(230,230,230);border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
+TiledSelectTileIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TiledSelectTileIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TiledSelectTileIconComponent, selector: "seam-tiled-select-tile-icon", inputs: { layout: "layout", grayscaleOnDisable: "grayscaleOnDisable", disabled: "disabled", iconClass: "iconClass", icon: "icon" }, host: { properties: { "class.grid": "this._cssClassGrid", "class.list": "this._cssClassList" } }, queries: [{ propertyName: "iconTpl", first: true, predicate: TiledSelectTileIconTplDirective, descendants: true, static: true }], ngImport: i0, template: "<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", styles: [":host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid rgb(230,230,230);border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
 __decorate([
     InputBoolean()
 ], TiledSelectTileIconComponent.prototype, "grayscaleOnDisable", void 0);
 __decorate([
     InputBoolean()
 ], TiledSelectTileIconComponent.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tiled-select-tile-icon', template: "<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", styles: [":host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid rgb(230,230,230);border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}\n"] }]
         }], propDecorators: { _cssClassGrid: [{

package/esm2020/tiled-select/directives/tiled-select-tile-icon-tpl.directive.mjs

@@ -5,9 +5,9 @@ export class TiledSelectTileIconTplDirective {
         this.template = template;
     }
 }
-TiledSelectTileIconTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TiledSelectTileIconTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TiledSelectTileIconTplDirective, selector: "[seamTiledSelectTileIconTpl]", exportAs: ["seamTiledSelectTileIconTpl"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileIconTplDirective, decorators: [{
+TiledSelectTileIconTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileIconTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TiledSelectTileIconTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TiledSelectTileIconTplDirective, selector: "[seamTiledSelectTileIconTpl]", exportAs: ["seamTiledSelectTileIconTpl"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileIconTplDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTiledSelectTileIconTpl]',

package/esm2020/tiled-select/directives/tiled-select-tile-label-tpl.directive.mjs

@@ -5,9 +5,9 @@ export class TiledSelectTileLabelTplDirective {
         this.template = template;
     }
 }
-TiledSelectTileLabelTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileLabelTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TiledSelectTileLabelTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TiledSelectTileLabelTplDirective, selector: "[seamTiledSelectTileLabelTpl]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileLabelTplDirective, decorators: [{
+TiledSelectTileLabelTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileLabelTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TiledSelectTileLabelTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TiledSelectTileLabelTplDirective, selector: "[seamTiledSelectTileLabelTpl]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileLabelTplDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTiledSelectTileLabelTpl]'

package/esm2020/tiled-select/directives/tiled-select-tile-overlay.directive.mjs

@@ -5,9 +5,9 @@ export class TiledSelectTileOverlayDirective {
         this.template = template;
     }
 }
-TiledSelectTileOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileOverlayDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TiledSelectTileOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TiledSelectTileOverlayDirective, selector: "[seamTiledSelectTileOverlay]", inputs: { record: "record" }, exportAs: ["seamTiledSelectTileOverlay"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TiledSelectTileOverlayDirective, decorators: [{
+TiledSelectTileOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileOverlayDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TiledSelectTileOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TiledSelectTileOverlayDirective, selector: "[seamTiledSelectTileOverlay]", inputs: { record: "record" }, exportAs: ["seamTiledSelectTileOverlay"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TiledSelectTileOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamTiledSelectTileOverlay]',

package/esm2020/tiled-select/tiled-select.module.mjs

@@ -10,8 +10,8 @@ import { TiledSelectTileOverlayDirective } from './directives/tiled-select-tile-
 import * as i0 from "@angular/core";
 export class TheSeamTiledSelectModule {
 }
-TheSeamTiledSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTiledSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectModule, declarations: [TheSeamTiledSelectComponent,
+TheSeamTiledSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTiledSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectModule, declarations: [TheSeamTiledSelectComponent,
         TiledSelectTileComponent,
         TiledSelectTileOverlayDirective,
         TiledSelectTileIconComponent,
@@ -22,9 +22,9 @@ TheSeamTiledSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0"
         TiledSelectTileOverlayDirective,
         TiledSelectTileIconTplDirective,
         TiledSelectTileLabelTplDirective] });
-TheSeamTiledSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectModule, imports: [CommonModule,
+TheSeamTiledSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectModule, imports: [CommonModule,
         FontAwesomeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTiledSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTiledSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.mjs

@@ -2,9 +2,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ToggleEditActionsContainerComponent {
 }
-ToggleEditActionsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleEditActionsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleEditActionsContainerComponent, 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: "15.2.9", ngImport: i0, type: ToggleEditActionsContainerComponent, decorators: [{
+ToggleEditActionsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleEditActionsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ToggleEditActionsContainerComponent, 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: "15.2.7", ngImport: i0, type: ToggleEditActionsContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-toggle-edit-actions-container', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }] });

package/esm2020/toggle-edit/toggle-edit-display-tpl.directive.mjs

@@ -5,9 +5,9 @@ export class ToggleEditDisplayTplDirective {
         this.template = template;
     }
 }
-ToggleEditDisplayTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ToggleEditDisplayTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ToggleEditDisplayTplDirective, selector: "[seamToggleEditDisplayTpl]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
+ToggleEditDisplayTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ToggleEditDisplayTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ToggleEditDisplayTplDirective, selector: "[seamToggleEditDisplayTpl]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleEditDisplayTpl]'

package/esm2020/toggle-edit/toggle-edit-keyboard-listener.service.mjs

@@ -43,9 +43,9 @@ export class ToggleEditKeyboardListenerService {
         this._isListening = false;
     }
 }
-ToggleEditKeyboardListenerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditKeyboardListenerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-ToggleEditKeyboardListenerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditKeyboardListenerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditKeyboardListenerService, decorators: [{
+ToggleEditKeyboardListenerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditKeyboardListenerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+ToggleEditKeyboardListenerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditKeyboardListenerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditKeyboardListenerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/toggle-edit/toggle-edit.component.mjs

@@ -368,15 +368,15 @@ export class ToggleEditComponent {
         this._actionsFocused = !!event;
     }
 }
-ToggleEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditComponent, deps: [{ token: i0.ElementRef }, { token: i1.ControlContainer, optional: true, self: true }, { token: i2.TheSeamFormFieldComponent, host: true, optional: true }, { token: i3.ToggleEditKeyboardListenerService }, { token: i4.FocusMonitor }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i5.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-ToggleEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleEditComponent, 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i7.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }, { kind: "component", type: i8.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: i9.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i10.LoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: i11.ToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
+ToggleEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditComponent, deps: [{ token: i0.ElementRef }, { token: i1.ControlContainer, optional: true, self: true }, { token: i2.TheSeamFormFieldComponent, host: true, optional: true }, { token: i3.ToggleEditKeyboardListenerService }, { token: i4.FocusMonitor }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i5.Overlay }], target: i0.ɵɵFactoryTarget.Component });
+ToggleEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ToggleEditComponent, 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i7.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }, { kind: "component", type: i8.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: i9.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i10.LoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: i11.ToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
 __decorate([
     InputBoolean()
 ], ToggleEditComponent.prototype, "cancelOnBlur", void 0);
 __decorate([
     InputBoolean()
 ], ToggleEditComponent.prototype, "waitOnSubmit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-toggle-edit', 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: function () { return [{ type: i0.ElementRef }, { type: i1.ControlContainer, decorators: [{

package/esm2020/toggle-edit/toggle-edit.module.mjs

@@ -14,8 +14,8 @@ import { ToggleEditComponent } from './toggle-edit.component';
 import * as i0 from "@angular/core";
 export class TheSeamToggleEditModule {
 }
-TheSeamToggleEditModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamToggleEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleEditModule, declarations: [ToggleEditDisplayTplDirective,
+TheSeamToggleEditModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamToggleEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleEditModule, declarations: [ToggleEditDisplayTplDirective,
         ToggleEditActionsContainerComponent,
         ToggleEditComponent], imports: [CommonModule,
         TheSeamSharedModule,
@@ -27,7 +27,7 @@ TheSeamToggleEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         A11yModule,
         TheSeamLoadingModule], exports: [ToggleEditDisplayTplDirective,
         ToggleEditComponent] });
-TheSeamToggleEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleEditModule, imports: [CommonModule,
+TheSeamToggleEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleEditModule, imports: [CommonModule,
         TheSeamSharedModule,
         FontAwesomeModule,
         ReactiveFormsModule,
@@ -36,7 +36,7 @@ TheSeamToggleEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         PortalModule,
         A11yModule,
         TheSeamLoadingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/toggle-group/toggle-group-option.directive.mjs

@@ -26,9 +26,9 @@ export class ToggleGroupOptionDirective {
         return this.seamToggleGroupOption;
     }
 }
-ToggleGroupOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleGroupOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-ToggleGroupOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ToggleGroupOptionDirective, selector: "[seamToggleGroupOption]", inputs: { seamToggleGroupOption: "seamToggleGroupOption", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.lib-toggle-group-option-selected": "this._checkioSelectedClass" } }, exportAs: ["seamToggleGroupOption"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
+ToggleGroupOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleGroupOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+ToggleGroupOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ToggleGroupOptionDirective, selector: "[seamToggleGroupOption]", inputs: { seamToggleGroupOption: "seamToggleGroupOption", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.lib-toggle-group-option-selected": "this._checkioSelectedClass" } }, exportAs: ["seamToggleGroupOption"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleGroupOption]',

package/esm2020/toggle-group/toggle-group.directive.mjs

@@ -162,8 +162,8 @@ export class ToggleGroupDirective {
         }
     }
 }
-ToggleGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ToggleGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ToggleGroupDirective, selector: "[seamToggleGroup]", inputs: { val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable" }, outputs: { change: "change" }, providers: [TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "optionDirectives", predicate: ToggleGroupOptionDirective }], exportAs: ["seamToggleGroup"], ngImport: i0 });
+ToggleGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToggleGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ToggleGroupDirective, selector: "[seamToggleGroup]", inputs: { val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable" }, outputs: { change: "change" }, providers: [TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "optionDirectives", predicate: ToggleGroupOptionDirective }], exportAs: ["seamToggleGroup"], ngImport: i0 });
 __decorate([
     InputBoolean()
 ], ToggleGroupDirective.prototype, "disabled", void 0);
@@ -173,7 +173,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], ToggleGroupDirective.prototype, "selectionToggleable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToggleGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleGroup]',

package/esm2020/toggle-group/toggle-group.module.mjs

@@ -6,14 +6,14 @@ import { ToggleGroupDirective } from './toggle-group.directive';
 import * as i0 from "@angular/core";
 export class TheSeamToggleGroupModule {
 }
-TheSeamToggleGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamToggleGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleGroupModule, declarations: [ToggleGroupDirective,
+TheSeamToggleGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamToggleGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleGroupModule, declarations: [ToggleGroupDirective,
         ToggleGroupOptionDirective], imports: [CommonModule,
         ReactiveFormsModule], exports: [ToggleGroupDirective,
         ToggleGroupOptionDirective] });
-TheSeamToggleGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleGroupModule, imports: [CommonModule,
+TheSeamToggleGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleGroupModule, imports: [CommonModule,
         ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamToggleGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamToggleGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/unsaved-changes-dialog/unsaved-changes-can-deactivate.mjs

@@ -19,9 +19,9 @@ export class UnsavedChangesCanDeactivate {
         }
     }
 }
-UnsavedChangesCanDeactivate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesCanDeactivate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-UnsavedChangesCanDeactivate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: UnsavedChangesCanDeactivate, host: { listeners: { "window:beforeunload": "__unloadNotification($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesCanDeactivate, decorators: [{
+UnsavedChangesCanDeactivate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesCanDeactivate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+UnsavedChangesCanDeactivate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: UnsavedChangesCanDeactivate, host: { listeners: { "window:beforeunload": "__unloadNotification($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesCanDeactivate, decorators: [{
             type: Directive
         }], propDecorators: { __unloadNotification: [{
                 type: HostListener,

package/esm2020/unsaved-changes-dialog/unsaved-changes-dialog.component.mjs

@@ -4,13 +4,13 @@ import * as i0 from "@angular/core";
 //  browser dialog for in-app routing also.
 export class UnsavedChangesDialogComponent {
 }
-UnsavedChangesDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UnsavedChangesDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: UnsavedChangesDialogComponent, selector: "seam-unsaved-changes-dialog", ngImport: i0, template: `
+UnsavedChangesDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UnsavedChangesDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: UnsavedChangesDialogComponent, selector: "seam-unsaved-changes-dialog", ngImport: i0, template: `
     <p>
       unsaved-changes-dialog works!
     </p>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-unsaved-changes-dialog', template: `
     <p>

package/esm2020/unsaved-changes-dialog/unsaved-changes-dialog.guard.mjs

@@ -27,9 +27,9 @@ export class UnsavedChangesDialogGuard {
         return true;
     }
 }
-UnsavedChangesDialogGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesDialogGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-UnsavedChangesDialogGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesDialogGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UnsavedChangesDialogGuard, decorators: [{
+UnsavedChangesDialogGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesDialogGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UnsavedChangesDialogGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesDialogGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnsavedChangesDialogGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/unsaved-changes-dialog/unsaved-changes-dialog.module.mjs

@@ -3,10 +3,10 @@ import { UnsavedChangesDialogComponent } from './unsaved-changes-dialog.componen
 import * as i0 from "@angular/core";
 export class TheSeamUnsavedChangesDialogModule {
 }
-TheSeamUnsavedChangesDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamUnsavedChangesDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, declarations: [UnsavedChangesDialogComponent], exports: [UnsavedChangesDialogComponent] });
-TheSeamUnsavedChangesDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamUnsavedChangesDialogModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, decorators: [{
+TheSeamUnsavedChangesDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamUnsavedChangesDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, declarations: [UnsavedChangesDialogComponent], exports: [UnsavedChangesDialogComponent] });
+TheSeamUnsavedChangesDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamUnsavedChangesDialogModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [UnsavedChangesDialogComponent],

package/esm2020/vertical-list-filter/vertical-list-filter.component.mjs

@@ -34,9 +34,9 @@ export class TheSeamVerticalListFilterComponent {
         this.filterValue = undefined;
     }
 }
-TheSeamVerticalListFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamVerticalListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TheSeamVerticalListFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamVerticalListFilterComponent, isStandalone: true, selector: "seam-vertical-list-filter", inputs: { showClearOption: "showClearOption", filterValue: "filterValue" }, host: { properties: { "attr.data-filter-value": "this._filterValueAttr" } }, ngImport: i0, template: "<div class=\"vertical-list-filter--list\">\n  <ng-container *ngIf=\"showClearOption\">\n    <span class=\"text-primary vertical-list-filter--clear\"\n      [class.border-primary]=\"!filterValue || filterValue === ''\"\n      (click)=\"clearFilter()\">\n      <svg class=\"vertical-list-filter--clear-icon\" viewBox=\"0 0 110 301\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"54.5\" cy=\"118.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <circle cx=\"54.5\" cy=\"148.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <circle cx=\"54.5\" cy=\"178.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <path d=\"M48.12 56.48L45.816 65.12H65.832L63.672 56.48C62.328 51.776 61.032 46.784 59.784 41.504C58.536 36.224 57.288 31.136 56.04 26.24H55.464C54.312 31.232 53.112 36.368 51.864 41.648C50.712 46.832 49.464 51.776 48.12 56.48ZM75.912 104L70.152 81.68H41.496L35.736 104H14.136L43.512 10.112H69L98.376 104H75.912Z\" fill=\"currentColor\"/>\n        <path d=\"M48.12 56.48L43.3124 55.1064C43.3043 55.1348 43.2964 55.1632 43.2888 55.1917L48.12 56.48ZM45.816 65.12L40.9848 63.8317C40.5846 65.3326 40.9047 66.9344 41.8511 68.1662C42.7974 69.398 44.2626 70.12 45.816 70.12V65.12ZM65.832 65.12V70.12C67.3717 70.12 68.8255 69.4106 69.773 68.1971C70.7206 66.9835 71.0561 65.401 70.6827 63.9073L65.832 65.12ZM63.672 56.48L68.5227 55.2673C68.5092 55.2134 68.4949 55.1598 68.4796 55.1064L63.672 56.48ZM59.784 41.504L64.6499 40.3539L64.6499 40.3539L59.784 41.504ZM56.04 26.24L60.8851 25.005C60.3205 22.7901 58.3258 21.24 56.04 21.24V26.24ZM55.464 26.24V21.24C53.1357 21.24 51.1156 22.847 50.592 25.1157L55.464 26.24ZM51.864 41.648L46.9981 40.4979C46.9929 40.5197 46.9879 40.5415 46.9831 40.5633L51.864 41.648ZM75.912 104L71.0706 105.249C71.6404 107.457 73.6318 109 75.912 109V104ZM70.152 81.68L74.9934 80.4306C74.4236 78.2227 72.4322 76.68 70.152 76.68V81.68ZM41.496 81.68V76.68C39.2158 76.68 37.2244 78.2227 36.6546 80.4306L41.496 81.68ZM35.736 104V109C38.0162 109 40.0076 107.457 40.5774 105.249L35.736 104ZM14.136 104L9.36412 102.507C8.88907 104.025 9.16491 105.679 10.107 106.961C11.0492 108.243 12.5451 109 14.136 109L14.136 104ZM43.512 10.112V5.112C41.3257 5.112 39.393 6.53242 38.7401 8.61896L43.512 10.112ZM69 10.112L73.7719 8.61896C73.119 6.53242 71.1863 5.112 69 5.112V10.112ZM98.376 104V109C99.9669 109 101.463 108.243 102.405 106.961C103.347 105.679 103.623 104.025 103.148 102.507L98.376 104ZM43.2888 55.1917L40.9848 63.8317L50.6472 66.4083L52.9512 57.7683L43.2888 55.1917ZM45.816 70.12H65.832V60.12H45.816V70.12ZM70.6827 63.9073L68.5227 55.2673L58.8213 57.6927L60.9813 66.3327L70.6827 63.9073ZM68.4796 55.1064C67.1589 50.4839 65.8821 45.5669 64.6499 40.3539L54.9181 42.6541C56.1819 48.0011 57.4971 53.0681 58.8644 57.8536L68.4796 55.1064ZM64.6499 40.3539C63.3957 35.0476 62.1408 29.9312 60.8851 25.005L51.1949 27.475C52.4352 32.3408 53.6763 37.4004 54.9181 42.6541L64.6499 40.3539ZM56.04 21.24H55.464V31.24H56.04V21.24ZM50.592 25.1157C49.4421 30.0986 48.2442 35.226 46.9981 40.4979L56.7299 42.7981C57.9798 37.51 59.1819 32.3654 60.336 27.3643L50.592 25.1157ZM46.9831 40.5633C45.8508 45.6584 44.6269 50.5056 43.3124 55.1064L52.9276 57.8536C54.3011 53.0464 55.5732 48.0056 56.7449 42.7326L46.9831 40.5633ZM80.7534 102.751L74.9934 80.4306L65.3106 82.9294L71.0706 105.249L80.7534 102.751ZM70.152 76.68H41.496V86.68H70.152V76.68ZM36.6546 80.4306L30.8946 102.751L40.5774 105.249L46.3374 82.9294L36.6546 80.4306ZM35.736 99H14.136V109H35.736V99ZM18.9079 105.493L48.2839 11.605L38.7401 8.61896L9.36412 102.507L18.9079 105.493ZM43.512 15.112H69V5.112H43.512V15.112ZM64.2281 11.605L93.6041 105.493L103.148 102.507L73.7719 8.61896L64.2281 11.605ZM98.376 99H75.912V109H98.376V99Z\" fill=\"currentColor\"/>\n        <path d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\" fill=\"currentColor\"/>\n        <path d=\"M18.184 290H13.184C13.184 292.761 15.4226 295 18.184 295V290ZM18.184 277.184L14.0034 274.441C13.4688 275.256 13.184 276.209 13.184 277.184H18.184ZM59.656 213.968L63.8366 216.711C64.8445 215.174 64.9286 213.209 64.0556 211.592C63.1827 209.976 61.4933 208.968 59.656 208.968V213.968ZM22.072 213.968H17.072C17.072 216.729 19.3106 218.968 22.072 218.968V213.968ZM22.072 196.112V191.112C19.3106 191.112 17.072 193.351 17.072 196.112H22.072ZM85.72 196.112H90.72C90.72 193.351 88.4814 191.112 85.72 191.112V196.112ZM85.72 208.928L89.9006 211.671C90.4352 210.856 90.72 209.903 90.72 208.928H85.72ZM44.248 272.144L40.0674 269.401C39.0595 270.938 38.9754 272.903 39.8484 274.52C40.7213 276.136 42.4107 277.144 44.248 277.144V272.144ZM86.152 272.144H91.152C91.152 269.383 88.9134 267.144 86.152 267.144V272.144ZM86.152 290V295C88.9134 295 91.152 292.761 91.152 290H86.152ZM23.184 290V277.184H13.184V290H23.184ZM22.3646 279.927L63.8366 216.711L55.4754 211.225L14.0034 274.441L22.3646 279.927ZM59.656 208.968H22.072V218.968H59.656V208.968ZM27.072 213.968V196.112H17.072V213.968H27.072ZM22.072 201.112H85.72V191.112H22.072V201.112ZM80.72 196.112V208.928H90.72V196.112H80.72ZM81.5394 206.185L40.0674 269.401L48.4287 274.887L89.9006 211.671L81.5394 206.185ZM44.248 277.144H86.152V267.144H44.248V277.144ZM81.152 272.144V290H91.152V272.144H81.152ZM86.152 285H18.184V295H86.152V285Z\" fill=\"currentColor\"/>\n      </svg>\n    </span>\n  </ng-container>\n  <span *ngFor=\"let c of _values\"\n    class=\"vertical-list-filter--item text-primary\"\n    [class.border-primary]=\"c === filterValue\"\n    [attr.data-value]=\"c\"\n    [attr.data-selected]=\"c === filterValue\"\n    (click)=\"characterClick(c)\">{{ c }}</span>\n</div>\n", styles: [".vertical-list-filter--list{display:flex;flex-direction:column;text-align:center;align-content:center}.vertical-list-filter--icon{cursor:pointer}.vertical-list-filter--item{cursor:pointer;padding-left:3px;padding-right:3px;border:2px solid transparent}.vertical-list-filter--item.is-selected{border-color:var(--primary)}.vertical-list-filter--clear{cursor:pointer;padding-top:3px;border:2px solid transparent}.vertical-list-filter--clear-icon{width:.875em;display:inline-block;font-size:inherit;height:1.5em;overflow:visible;vertical-align:-.125em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamVerticalListFilterComponent, decorators: [{
+TheSeamVerticalListFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamVerticalListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TheSeamVerticalListFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamVerticalListFilterComponent, isStandalone: true, selector: "seam-vertical-list-filter", inputs: { showClearOption: "showClearOption", filterValue: "filterValue" }, host: { properties: { "attr.data-filter-value": "this._filterValueAttr" } }, ngImport: i0, template: "<div class=\"vertical-list-filter--list\">\n  <ng-container *ngIf=\"showClearOption\">\n    <span class=\"text-primary vertical-list-filter--clear\"\n      [class.border-primary]=\"!filterValue || filterValue === ''\"\n      (click)=\"clearFilter()\">\n      <svg class=\"vertical-list-filter--clear-icon\" viewBox=\"0 0 110 301\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"54.5\" cy=\"118.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <circle cx=\"54.5\" cy=\"148.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <circle cx=\"54.5\" cy=\"178.5\" r=\"7.5\" fill=\"currentColor\"/>\n        <path d=\"M48.12 56.48L45.816 65.12H65.832L63.672 56.48C62.328 51.776 61.032 46.784 59.784 41.504C58.536 36.224 57.288 31.136 56.04 26.24H55.464C54.312 31.232 53.112 36.368 51.864 41.648C50.712 46.832 49.464 51.776 48.12 56.48ZM75.912 104L70.152 81.68H41.496L35.736 104H14.136L43.512 10.112H69L98.376 104H75.912Z\" fill=\"currentColor\"/>\n        <path d=\"M48.12 56.48L43.3124 55.1064C43.3043 55.1348 43.2964 55.1632 43.2888 55.1917L48.12 56.48ZM45.816 65.12L40.9848 63.8317C40.5846 65.3326 40.9047 66.9344 41.8511 68.1662C42.7974 69.398 44.2626 70.12 45.816 70.12V65.12ZM65.832 65.12V70.12C67.3717 70.12 68.8255 69.4106 69.773 68.1971C70.7206 66.9835 71.0561 65.401 70.6827 63.9073L65.832 65.12ZM63.672 56.48L68.5227 55.2673C68.5092 55.2134 68.4949 55.1598 68.4796 55.1064L63.672 56.48ZM59.784 41.504L64.6499 40.3539L64.6499 40.3539L59.784 41.504ZM56.04 26.24L60.8851 25.005C60.3205 22.7901 58.3258 21.24 56.04 21.24V26.24ZM55.464 26.24V21.24C53.1357 21.24 51.1156 22.847 50.592 25.1157L55.464 26.24ZM51.864 41.648L46.9981 40.4979C46.9929 40.5197 46.9879 40.5415 46.9831 40.5633L51.864 41.648ZM75.912 104L71.0706 105.249C71.6404 107.457 73.6318 109 75.912 109V104ZM70.152 81.68L74.9934 80.4306C74.4236 78.2227 72.4322 76.68 70.152 76.68V81.68ZM41.496 81.68V76.68C39.2158 76.68 37.2244 78.2227 36.6546 80.4306L41.496 81.68ZM35.736 104V109C38.0162 109 40.0076 107.457 40.5774 105.249L35.736 104ZM14.136 104L9.36412 102.507C8.88907 104.025 9.16491 105.679 10.107 106.961C11.0492 108.243 12.5451 109 14.136 109L14.136 104ZM43.512 10.112V5.112C41.3257 5.112 39.393 6.53242 38.7401 8.61896L43.512 10.112ZM69 10.112L73.7719 8.61896C73.119 6.53242 71.1863 5.112 69 5.112V10.112ZM98.376 104V109C99.9669 109 101.463 108.243 102.405 106.961C103.347 105.679 103.623 104.025 103.148 102.507L98.376 104ZM43.2888 55.1917L40.9848 63.8317L50.6472 66.4083L52.9512 57.7683L43.2888 55.1917ZM45.816 70.12H65.832V60.12H45.816V70.12ZM70.6827 63.9073L68.5227 55.2673L58.8213 57.6927L60.9813 66.3327L70.6827 63.9073ZM68.4796 55.1064C67.1589 50.4839 65.8821 45.5669 64.6499 40.3539L54.9181 42.6541C56.1819 48.0011 57.4971 53.0681 58.8644 57.8536L68.4796 55.1064ZM64.6499 40.3539C63.3957 35.0476 62.1408 29.9312 60.8851 25.005L51.1949 27.475C52.4352 32.3408 53.6763 37.4004 54.9181 42.6541L64.6499 40.3539ZM56.04 21.24H55.464V31.24H56.04V21.24ZM50.592 25.1157C49.4421 30.0986 48.2442 35.226 46.9981 40.4979L56.7299 42.7981C57.9798 37.51 59.1819 32.3654 60.336 27.3643L50.592 25.1157ZM46.9831 40.5633C45.8508 45.6584 44.6269 50.5056 43.3124 55.1064L52.9276 57.8536C54.3011 53.0464 55.5732 48.0056 56.7449 42.7326L46.9831 40.5633ZM80.7534 102.751L74.9934 80.4306L65.3106 82.9294L71.0706 105.249L80.7534 102.751ZM70.152 76.68H41.496V86.68H70.152V76.68ZM36.6546 80.4306L30.8946 102.751L40.5774 105.249L46.3374 82.9294L36.6546 80.4306ZM35.736 99H14.136V109H35.736V99ZM18.9079 105.493L48.2839 11.605L38.7401 8.61896L9.36412 102.507L18.9079 105.493ZM43.512 15.112H69V5.112H43.512V15.112ZM64.2281 11.605L93.6041 105.493L103.148 102.507L73.7719 8.61896L64.2281 11.605ZM98.376 99H75.912V109H98.376V99Z\" fill=\"currentColor\"/>\n        <path d=\"M18.184 290V277.184L59.656 213.968H22.072V196.112H85.72V208.928L44.248 272.144H86.152V290H18.184Z\" fill=\"currentColor\"/>\n        <path d=\"M18.184 290H13.184C13.184 292.761 15.4226 295 18.184 295V290ZM18.184 277.184L14.0034 274.441C13.4688 275.256 13.184 276.209 13.184 277.184H18.184ZM59.656 213.968L63.8366 216.711C64.8445 215.174 64.9286 213.209 64.0556 211.592C63.1827 209.976 61.4933 208.968 59.656 208.968V213.968ZM22.072 213.968H17.072C17.072 216.729 19.3106 218.968 22.072 218.968V213.968ZM22.072 196.112V191.112C19.3106 191.112 17.072 193.351 17.072 196.112H22.072ZM85.72 196.112H90.72C90.72 193.351 88.4814 191.112 85.72 191.112V196.112ZM85.72 208.928L89.9006 211.671C90.4352 210.856 90.72 209.903 90.72 208.928H85.72ZM44.248 272.144L40.0674 269.401C39.0595 270.938 38.9754 272.903 39.8484 274.52C40.7213 276.136 42.4107 277.144 44.248 277.144V272.144ZM86.152 272.144H91.152C91.152 269.383 88.9134 267.144 86.152 267.144V272.144ZM86.152 290V295C88.9134 295 91.152 292.761 91.152 290H86.152ZM23.184 290V277.184H13.184V290H23.184ZM22.3646 279.927L63.8366 216.711L55.4754 211.225L14.0034 274.441L22.3646 279.927ZM59.656 208.968H22.072V218.968H59.656V208.968ZM27.072 213.968V196.112H17.072V213.968H27.072ZM22.072 201.112H85.72V191.112H22.072V201.112ZM80.72 196.112V208.928H90.72V196.112H80.72ZM81.5394 206.185L40.0674 269.401L48.4287 274.887L89.9006 211.671L81.5394 206.185ZM44.248 277.144H86.152V267.144H44.248V277.144ZM81.152 272.144V290H91.152V272.144H81.152ZM86.152 285H18.184V295H86.152V285Z\" fill=\"currentColor\"/>\n      </svg>\n    </span>\n  </ng-container>\n  <span *ngFor=\"let c of _values\"\n    class=\"vertical-list-filter--item text-primary\"\n    [class.border-primary]=\"c === filterValue\"\n    [attr.data-value]=\"c\"\n    [attr.data-selected]=\"c === filterValue\"\n    (click)=\"characterClick(c)\">{{ c }}</span>\n</div>\n", styles: [".vertical-list-filter--list{display:flex;flex-direction:column;text-align:center;align-content:center}.vertical-list-filter--icon{cursor:pointer}.vertical-list-filter--item{cursor:pointer;padding-left:3px;padding-right:3px;border:2px solid transparent}.vertical-list-filter--item.is-selected{border-color:var(--primary)}.vertical-list-filter--clear{cursor:pointer;padding-top:3px;border:2px solid transparent}.vertical-list-filter--clear-icon{width:.875em;display:inline-block;font-size:inherit;height:1.5em;overflow:visible;vertical-align:-.125em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamVerticalListFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-vertical-list-filter', standalone: true, imports: [
                         CommonModule,

package/esm2020/viewers/html-template-viewer/html-template-viewer.component.mjs

@@ -196,12 +196,12 @@ export class TheSeamHtmlTemplateViewerComponent {
         return this._elementRef.nativeElement.querySelector('.os-scrollbar-handle.active') !== null;
     }
 }
-TheSeamHtmlTemplateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamHtmlTemplateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamHtmlTemplateViewerComponent, selector: "seam-html-template-viewer", inputs: { src: "src", dataVersion: "dataVersion", data: "data", scrollable: "scrollable" }, viewQueries: [{ propertyName: "iframeElementRef", first: true, predicate: ["iframeElement"], descendants: true, static: true }], ngImport: i0, template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "directive", type: i3.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }] });
+TheSeamHtmlTemplateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamHtmlTemplateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamHtmlTemplateViewerComponent, selector: "seam-html-template-viewer", inputs: { src: "src", dataVersion: "dataVersion", data: "data", scrollable: "scrollable" }, viewQueries: [{ propertyName: "iframeElementRef", first: true, predicate: ["iframeElement"], descendants: true, static: true }], ngImport: i0, template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "directive", type: i3.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }] });
 __decorate([
     InputBoolean()
 ], TheSeamHtmlTemplateViewerComponent.prototype, "scrollable", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-html-template-viewer', template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { src: [{

package/esm2020/viewers/html-template-viewer/html-template-viewer.module.mjs

@@ -6,14 +6,14 @@ import { TheSeamHtmlTemplateViewerComponent } from './html-template-viewer.compo
 import * as i0 from "@angular/core";
 export class TheSeamHtmlTemplateViewerModule {
 }
-TheSeamHtmlTemplateViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamHtmlTemplateViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, declarations: [TheSeamHtmlTemplateViewerComponent], imports: [CommonModule,
+TheSeamHtmlTemplateViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamHtmlTemplateViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, declarations: [TheSeamHtmlTemplateViewerComponent], imports: [CommonModule,
         TheSeamScrollbarModule,
         TheSeamSharedModule], exports: [TheSeamHtmlTemplateViewerComponent] });
-TheSeamHtmlTemplateViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, imports: [CommonModule,
+TheSeamHtmlTemplateViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, imports: [CommonModule,
         TheSeamScrollbarModule,
         TheSeamSharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [