@theseam/ui-common 0.2.12 → 0.2.16

package/fesm2015/theseam-ui-common-tiled-select.js

@@ -2,7 +2,7 @@ import { __decorate } from 'tslib';
 import { animation, style, stagger, animate, trigger, transition, query, useAnimation, keyframes } from '@angular/animations';
 import { coerceArray } from '@angular/cdk/coercion';
 import { Platform } from '@angular/cdk/platform';
-import { Directive, TemplateRef, Input, forwardRef, EventEmitter, Component, ChangeDetectorRef, Output, ContentChildren, HostBinding, ContentChild, NgModule } from '@angular/core';
+import { Directive, TemplateRef, Input, forwardRef, EventEmitter, Component, ChangeDetectorRef, Renderer2, ElementRef, Output, ContentChildren, HostBinding, ContentChild, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { InputBoolean } from '@theseam/ui-common/core';
 import { faCheckCircle } from '@fortawesome/free-regular-svg-icons';
@@ -36,13 +36,15 @@ const slideEnterAnimation = animation([
 const TILED_SELECT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     // tslint:disable-next-line:no-use-before-declare
-    useExisting: forwardRef(() => TiledSelectComponent),
+    useExisting: forwardRef(() => TheSeamTiledSelectComponent),
     multi: true,
 };
-class TiledSelectComponent {
-    constructor(_platform, _cdr) {
+class TheSeamTiledSelectComponent {
+    constructor(_platform, _cdr, _renderer, _elementRef) {
         this._platform = _platform;
         this._cdr = _cdr;
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
         this.layout = 'grid';
         this._tiles = [];
         this.disabled = false;
@@ -85,6 +87,7 @@ class TiledSelectComponent {
     }
     set value(value) {
         this.val = (this.multiple) ? [...(value || [])] : value || '';
+        this._renderer.setProperty(this._elementRef.nativeElement, 'value', this.val);
         if (this.onChange) {
             this.onChange(this.val);
             this.change.emit(this.val);
@@ -165,11 +168,14 @@ class TiledSelectComponent {
         return (this.overlayTpls || []).find(t => { var _a; return ((_a = t.record) === null || _a === void 0 ? void 0 : _a.name) === tile.name; });
     }
 }
-TiledSelectComponent.decorators = [
+TheSeamTiledSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'seam-tiled-select',
-                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\">\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      </seam-tiled-select-tile>\n    </div>\n  </ng-container>\n</div>\n",
+                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",
                 providers: [TILED_SELECT_VALUE_ACCESSOR],
+                host: {
+                    '[attr.data-testid]': '"tiled-select"'
+                },
                 animations: [
                     trigger('tiles', [
                         transition('* => *', [
@@ -177,14 +183,16 @@ TiledSelectComponent.decorators = [
                         ])
                     ])
                 ],
-                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}"]
+                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"]
             },] }
 ];
-TiledSelectComponent.ctorParameters = () => [
+TheSeamTiledSelectComponent.ctorParameters = () => [
     { type: Platform },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: Renderer2 },
+    { type: ElementRef }
 ];
-TiledSelectComponent.propDecorators = {
+TheSeamTiledSelectComponent.propDecorators = {
     layout: [{ type: Input }],
     tiles: [{ type: Input }],
     val: [{ type: Input, args: ['value',] }],
@@ -199,22 +207,22 @@ TiledSelectComponent.propDecorators = {
 };
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "disabled", void 0);
+], TheSeamTiledSelectComponent.prototype, "disabled", void 0);
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "multiple", void 0);
+], TheSeamTiledSelectComponent.prototype, "multiple", void 0);
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "selectionToggleable", void 0);
+], TheSeamTiledSelectComponent.prototype, "selectionToggleable", void 0);
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "tileBackdrop", void 0);
+], TheSeamTiledSelectComponent.prototype, "tileBackdrop", void 0);
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "showSelectedIcon", void 0);
+], TheSeamTiledSelectComponent.prototype, "showSelectedIcon", void 0);
 __decorate([
     InputBoolean()
-], TiledSelectComponent.prototype, "animationsDisabled", void 0);
+], TheSeamTiledSelectComponent.prototype, "animationsDisabled", void 0);
 
 class TiledSelectTileLabelTplDirective {
     constructor(template) {
@@ -257,7 +265,9 @@ class TiledSelectTileComponent {
         this.activated = new EventEmitter();
         this.pulsing = false;
     }
+    get _tileNameAttr() { return this.name; }
     onTileClick(event) {
+        console.log('event', event);
         if (!this.selectable) {
             return;
         }
@@ -303,7 +313,7 @@ TiledSelectTileComponent.decorators = [
                     //   transition('false <=> true', animate(500))
                     // ])
                 ],
-                styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid #e6e6e6;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 #3c96c8}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.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;top:0;right:0;bottom:0;left:0;border-radius:15px;transition:background-color .2s ease-in-out;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;top:0;left:0;bottom:0;right: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:normal}@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:normal}.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}"]
+                styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid #e6e6e6;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 #3c96c8}.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;top:0;right:0;bottom:0;left: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;top:0;left:0;bottom:0;right: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:normal;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:normal;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"]
             },] }
 ];
 TiledSelectTileComponent.ctorParameters = () => [
@@ -311,6 +321,7 @@ TiledSelectTileComponent.ctorParameters = () => [
 ];
 TiledSelectTileComponent.propDecorators = {
     pulseAnimationState: [{ type: HostBinding, args: ['@pulse',] }],
+    _tileNameAttr: [{ type: HostBinding, args: ['attr.data-tile-name',] }],
     layout: [{ type: Input }],
     name: [{ type: Input }],
     label: [{ type: Input }],
@@ -393,7 +404,7 @@ 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 #e6e6e6;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%}"]
+                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 #e6e6e6;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"]
             },] }
 ];
 TiledSelectTileIconComponent.ctorParameters = () => [];
@@ -423,7 +434,7 @@ TheSeamTiledSelectModule.decorators = [
                     FontAwesomeModule
                 ],
                 declarations: [
-                    TiledSelectComponent,
+                    TheSeamTiledSelectComponent,
                     TiledSelectTileComponent,
                     TiledSelectTileOverlayDirective,
                     TiledSelectTileIconComponent,
@@ -431,7 +442,7 @@ TheSeamTiledSelectModule.decorators = [
                     TiledSelectTileLabelTplDirective
                 ],
                 exports: [
-                    TiledSelectComponent,
+                    TheSeamTiledSelectComponent,
                     TiledSelectTileComponent,
                     TiledSelectTileOverlayDirective,
                     TiledSelectTileIconTplDirective,
@@ -440,9 +451,11 @@ TheSeamTiledSelectModule.decorators = [
             },] }
 ];
 
+// export * from './testing'
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TILED_SELECT_VALUE_ACCESSOR, TheSeamTiledSelectModule, TiledSelectComponent, TiledSelectTileComponent, TiledSelectTileIconComponent, TiledSelectTileIconTplDirective, TiledSelectTileLabelTplDirective, TiledSelectTileOverlayDirective, slideEnterAnimation, tilePulse, tileScaleDown, tileScaleUp };
+export { TILED_SELECT_VALUE_ACCESSOR, TheSeamTiledSelectComponent, TheSeamTiledSelectModule, TiledSelectTileComponent, TiledSelectTileIconComponent, TiledSelectTileIconTplDirective, TiledSelectTileLabelTplDirective, TiledSelectTileOverlayDirective, slideEnterAnimation, tilePulse, tileScaleDown, tileScaleUp };
 //# sourceMappingURL=theseam-ui-common-tiled-select.js.map

package/fesm2015/theseam-ui-common-tiled-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-tiled-select.js","sources":["../../../projects/ui-common/tiled-select/directives/tiled-select-tile-overlay.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select/tiled-select.component.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-label-tpl.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile/tiled-select-tile.component.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-icon-tpl.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.ts","../../../projects/ui-common/tiled-select/tiled-select.module.ts","../../../projects/ui-common/tiled-select/theseam-ui-common-tiled-select.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core'\n\nimport { ITiledSelectItem } from '../tiled-select.models'\n\n@Directive({\n  selector: '[seamTiledSelectTileOverlay]',\n  exportAs: 'seamTiledSelectTileOverlay'\n})\nexport class TiledSelectTileOverlayDirective {\n\n  @Input() record: ITiledSelectItem | undefined | null\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { animate, animation, query, stagger, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { Platform } from '@angular/cdk/platform'\nimport { ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, OnInit, Output, QueryList } from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TiledSelectTileOverlayDirective } from './../../directives/tiled-select-tile-overlay.directive'\n\nimport { ITiledSelectItem, TiledSelectLayout } from '../../tiled-select.models'\n\nexport const slideEnterAnimation = animation([\n  style({ opacity: 0, transform: 'translateX(-15px)' }),\n  stagger(100, [\n    animate('0.5s', style({ opacity: 1, transform: 'translateX(0)' }))\n  ])\n])\n\nexport const TILED_SELECT_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => TiledSelectComponent),\n  multi: true,\n}\n\n@Component({\n  selector: 'seam-tiled-select',\n  templateUrl: './tiled-select.component.html',\n  styleUrls: ['./tiled-select.component.scss'],\n  providers: [ TILED_SELECT_VALUE_ACCESSOR ],\n  animations: [\n    trigger('tiles', [\n      transition('* => *', [\n        query(':enter', useAnimation(slideEnterAnimation), { optional: true })\n      ])\n    ])\n  ],\n})\nexport class TiledSelectComponent implements OnInit, ControlValueAccessor {\n  static ngAcceptInputType_val: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n  static ngAcceptInputType_animationsDisabled: BooleanInput\n\n  @Input() layout: TiledSelectLayout = 'grid'\n  @Input()\n  get tiles() { return this._tiles }\n  set tiles(value: ITiledSelectItem[]) {\n    const _value = [ ...(value || []) ]\n    for (const v of _value) {\n      if (v.value === undefined) {\n        if (v.name === undefined) {\n          throw new Error('If value is undefined then name must be defined.')\n        }\n        v.value = v.name\n      }\n    }\n\n    const prev = this._tiles\n    if (prev.length !== _value.length) {\n      this.tilesAnimationState = !this.tilesAnimationState\n    } else {\n      for (const t of _value) {\n        if (!prev.find(p => p.name === t.name)) {\n          this.tilesAnimationState = !this.tilesAnimationState\n          break\n        }\n      }\n    }\n\n    this._tiles = _value\n  }\n  private _tiles: ITiledSelectItem[] = []\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('value') val: string | string[] | undefined\n\n  @Input() @InputBoolean() disabled: boolean = false\n  @Input() @InputBoolean() multiple: boolean = false\n  @Input() @InputBoolean() selectionToggleable: boolean = true\n  @Input() @InputBoolean() tileBackdrop: boolean = false\n  @Input() @InputBoolean() showSelectedIcon: boolean = true\n  @Input() @InputBoolean() animationsDisabled: boolean = this._platform.IOS\n\n  @Output() readonly change = new EventEmitter<string | string[] | undefined>()\n\n  tilesAnimationState = false\n\n  onChange: any\n  onTouched: any\n\n  @ContentChildren(TiledSelectTileOverlayDirective)\n  public overlayTpls?: QueryList<TiledSelectTileOverlayDirective>\n\n  constructor(\n    private readonly _platform: Platform,\n    private readonly _cdr: ChangeDetectorRef\n  ) { }\n\n  ngOnInit() { }\n\n  get value(): string | string[] | undefined {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined) {\n    this.val = (this.multiple) ? [ ...(<string[]>value || []) ] : value || ''\n    if (this.onChange) {\n      this.onChange(this.val)\n      this.change.emit(this.val)\n      this._cdr.markForCheck()\n    }\n    if (this.onTouched) { this.onTouched() }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  onTileSelected(event: MouseEvent, tile: ITiledSelectItem) {\n    this.toggleTileSelected(tile)\n  }\n\n  public isSelected(tile: ITiledSelectItem) {\n    if (!this.multiple) {\n      if (this.value === tile.value) {\n        return true\n      }\n    } else {\n      if (this.value) {\n        for (const v of this.value) {\n          if (v === tile.value) {\n            return true\n          }\n        }\n      }\n    }\n\n    return false\n  }\n\n  public toggleTileSelected(tile: ITiledSelectItem): void {\n    if (!this.selectionToggleable && this.isSelected(tile)) {\n      return\n    }\n\n    if (this.isSelected(tile)) {\n      this.unselectTile(tile)\n    } else {\n      this.selectTile(tile)\n    }\n  }\n\n  public selectTile(tile: ITiledSelectItem): void {\n    if (this.multiple) {\n      if (!this.isSelected(tile)) {\n        const value: string[] = <string[]>this.value || []\n        this.value = [ ...coerceArray(value), tile.value ]\n      }\n    } else {\n      this.value = tile.value\n    }\n  }\n\n  public unselectTile(tile: ITiledSelectItem): void {\n    if (this.multiple) {\n      const value: string[] = <string[]>this.value || []\n      this.value = value.filter(v => v !== tile.value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  public getSelectedTiles(): ITiledSelectItem[] {\n    return this.tiles.filter(t => this.isSelected(t))\n  }\n\n  getOverlayTpl(tile: ITiledSelectItem): TiledSelectTileOverlayDirective | undefined {\n    // console.log('overlayTpls', this.overlayTpls)\n    return (this.overlayTpls || []).find(t => t.record?.name === tile.name)\n  }\n\n}\n","import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileLabelTpl]'\n})\nexport class TiledSelectTileLabelTplDirective {\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { animate, animation, keyframes, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput } from '@angular/cdk/coercion'\nimport { ChangeDetectorRef, Component, ContentChild, EventEmitter, HostBinding, Input, Output } from '@angular/core'\n\nimport { faCheckCircle } from '@fortawesome/free-regular-svg-icons'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TiledSelectTileLabelTplDirective } from '../../directives/tiled-select-tile-label-tpl.directive'\nimport { TiledSelectTileOverlayDirective } from '../../directives/tiled-select-tile-overlay.directive'\nimport { TiledSelectLayout } from '../../tiled-select.models'\n\nexport const tilePulse = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleUp = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleDown = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\n@Component({\n  selector: 'seam-tiled-select-tile',\n  templateUrl: './tiled-select-tile.component.html',\n  styleUrls: ['./tiled-select-tile.component.scss'],\n  animations: [\n    trigger('pulse', [\n      transition('false => true', [\n        useAnimation(tilePulse)\n        // useAnimation(tileScaleUp)\n      ]),\n      // transition('true => false', [\n      //   useAnimation(tileScaleDown)\n      // ])\n    ]),\n    // trigger('openClose', [\n    //   state('true', style({ height: '*' })),\n    //   state('false', style({ height: '0px' })),\n    //   transition('false <=> true', animate(500))\n    // ])\n  ],\n  // changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TiledSelectTileComponent {\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_selected: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_selectable: BooleanInput\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_showLabel: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n\n  faCheckCircle = faCheckCircle\n\n  @HostBinding('@pulse') pulseAnimationState = true\n\n  @Input() layout: TiledSelectLayout = 'grid'\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() icon: SeamIcon | undefined | null\n  @Input() @InputBoolean() disabled: boolean = false\n  @Input() @InputBoolean() selected: boolean = false\n\n  @Input() @InputBoolean() tileBackdrop: boolean = false\n  @Input() @InputBoolean() selectable: boolean = false\n  @Input() @InputBoolean() grayscaleOnDisable: boolean = true\n  @Input() @InputBoolean() showLabel: boolean = true\n  @Input() @InputBoolean() showSelectedIcon: boolean = true\n\n  @Input() iconClass: string | undefined | null\n\n  @Input() overlayTpl: TiledSelectTileOverlayDirective | undefined | null\n\n  @Output() activated = new EventEmitter<any>()\n\n  @ContentChild(TiledSelectTileLabelTplDirective, { static: true }) labelTpl?: TiledSelectTileLabelTplDirective\n\n  pulsing = false\n  pulsingTimeout: number | undefined\n\n  constructor(\n    private cdr: ChangeDetectorRef\n  ) { }\n\n  onTileClick(event: any) {\n    if (!this.selectable) { return }\n    this.activated.emit(event)\n\n    // this.pulsing = true\n    // setTimeout(() => {\n    //   this.pulsing = false\n    // }, 750)\n  }\n\n  mDown() {\n    if (this.pulsingTimeout) {\n      clearTimeout(this.pulsingTimeout)\n    }\n\n    if (!this.pulsing) {\n      this.pulsing = true\n      // this.cdr.detectChanges()\n    }\n\n    // console.log('start')\n    this.pulsingTimeout = window.setTimeout(() => {\n      this.pulsing = false\n      // this.cdr.detectChanges()\n      this.pulsingTimeout = undefined\n    }, 750)\n  }\n\n}\n","import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileIconTpl]',\n  exportAs: 'seamTiledSelectTileIconTpl'\n})\nexport class TiledSelectTileIconTplDirective {\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, HostBinding, Input, OnInit } from '@angular/core'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TiledSelectTileIconTplDirective } from '../../directives/tiled-select-tile-icon-tpl.directive'\nimport { TiledSelectLayout } from '../../tiled-select.models'\n\nconst needToFix = /(MSIE 10)|(Trident.*rv:11\\.0)|( Edge\\/[\\d\\.]+$)/.test(navigator.userAgent)\n\n@Component({\n  selector: 'seam-tiled-select-tile-icon',\n  templateUrl: './tiled-select-tile-icon.component.html',\n  styleUrls: ['./tiled-select-tile-icon.component.scss']\n})\nexport class TiledSelectTileIconComponent implements OnInit {\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n\n  needToFix = needToFix\n\n  @HostBinding('class.grid') get _cssClassGrid() { return this.layout === 'grid' }\n  @HostBinding('class.list') get _cssClassList() { return this.layout === 'list' }\n\n  @Input()\n  set layout(value: TiledSelectLayout) { this._layout = value || 'grid' }\n  get layout(): TiledSelectLayout { return this._layout }\n  private _layout: TiledSelectLayout = 'grid'\n\n  @Input() @InputBoolean() grayscaleOnDisable: boolean = false\n  @Input() @InputBoolean() disabled: boolean = false\n\n  @Input() iconClass: string | undefined | null\n\n  @Input()\n  get icon(): SeamIcon | undefined | null { return this._iconUrl || this._iconObj }\n  set icon(value: SeamIcon | undefined | null) {\n    if (typeof value === 'string') {\n      this._iconUrl = value\n      this._iconObj = undefined\n    } else {\n      this._iconUrl = undefined\n      this._iconObj = value\n    }\n  }\n\n  public _iconUrl: string | undefined | null\n  public _iconObj: IconProp | undefined | null\n\n  @ContentChild(TiledSelectTileIconTplDirective, { static: true }) iconTpl?: TiledSelectTileIconTplDirective\n\n  constructor() { }\n\n  ngOnInit() { }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { TiledSelectTileIconComponent } from './components/tiled-select-tile-icon/tiled-select-tile-icon.component'\nimport { TiledSelectTileComponent } from './components/tiled-select-tile/tiled-select-tile.component'\nimport { TiledSelectComponent } from './components/tiled-select/tiled-select.component'\nimport { TiledSelectTileIconTplDirective } from './directives/tiled-select-tile-icon-tpl.directive'\nimport { TiledSelectTileLabelTplDirective } from './directives/tiled-select-tile-label-tpl.directive'\nimport { TiledSelectTileOverlayDirective } from './directives/tiled-select-tile-overlay.directive'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FontAwesomeModule\n  ],\n  declarations: [\n    TiledSelectComponent,\n    TiledSelectTileComponent,\n    TiledSelectTileOverlayDirective,\n    TiledSelectTileIconComponent,\n    TiledSelectTileIconTplDirective,\n    TiledSelectTileLabelTplDirective\n  ],\n  exports: [\n    TiledSelectComponent,\n    TiledSelectTileComponent,\n    TiledSelectTileOverlayDirective,\n    TiledSelectTileIconTplDirective,\n    TiledSelectTileLabelTplDirective\n  ]\n})\nexport class TheSeamTiledSelectModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-tiled-select.js","sources":["../../../projects/ui-common/tiled-select/directives/tiled-select-tile-overlay.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select/tiled-select.component.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-label-tpl.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile/tiled-select-tile.component.ts","../../../projects/ui-common/tiled-select/directives/tiled-select-tile-icon-tpl.directive.ts","../../../projects/ui-common/tiled-select/components/tiled-select-tile-icon/tiled-select-tile-icon.component.ts","../../../projects/ui-common/tiled-select/tiled-select.module.ts","../../../projects/ui-common/tiled-select/public-api.ts","../../../projects/ui-common/tiled-select/theseam-ui-common-tiled-select.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core'\n\nimport { ITiledSelectItem } from '../tiled-select.models'\n\n@Directive({\n  selector: '[seamTiledSelectTileOverlay]',\n  exportAs: 'seamTiledSelectTileOverlay'\n})\nexport class TiledSelectTileOverlayDirective {\n\n  @Input() record: ITiledSelectItem | undefined | null\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { animate, animation, query, stagger, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { Platform } from '@angular/cdk/platform'\nimport { ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, Input, OnInit, Output, QueryList, Renderer2 } from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TiledSelectTileOverlayDirective } from './../../directives/tiled-select-tile-overlay.directive'\n\nimport { ITiledSelectItem, TiledSelectLayout } from '../../tiled-select.models'\n\nexport const slideEnterAnimation = animation([\n  style({ opacity: 0, transform: 'translateX(-15px)' }),\n  stagger(100, [\n    animate('0.5s', style({ opacity: 1, transform: 'translateX(0)' }))\n  ])\n])\n\nexport const TILED_SELECT_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => TheSeamTiledSelectComponent),\n  multi: true,\n}\n\n@Component({\n  selector: 'seam-tiled-select',\n  templateUrl: './tiled-select.component.html',\n  styleUrls: ['./tiled-select.component.scss'],\n  providers: [ TILED_SELECT_VALUE_ACCESSOR ],\n  host: {\n    '[attr.data-testid]': '\"tiled-select\"'\n  },\n  animations: [\n    trigger('tiles', [\n      transition('* => *', [\n        query(':enter', useAnimation(slideEnterAnimation), { optional: true })\n      ])\n    ])\n  ],\n})\nexport class TheSeamTiledSelectComponent implements OnInit, ControlValueAccessor {\n  static ngAcceptInputType_val: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n  static ngAcceptInputType_animationsDisabled: BooleanInput\n\n  @Input() layout: TiledSelectLayout = 'grid'\n  @Input()\n  get tiles() { return this._tiles }\n  set tiles(value: ITiledSelectItem[]) {\n    const _value = [ ...(value || []) ]\n    for (const v of _value) {\n      if (v.value === undefined) {\n        if (v.name === undefined) {\n          throw new Error('If value is undefined then name must be defined.')\n        }\n        v.value = v.name\n      }\n    }\n\n    const prev = this._tiles\n    if (prev.length !== _value.length) {\n      this.tilesAnimationState = !this.tilesAnimationState\n    } else {\n      for (const t of _value) {\n        if (!prev.find(p => p.name === t.name)) {\n          this.tilesAnimationState = !this.tilesAnimationState\n          break\n        }\n      }\n    }\n\n    this._tiles = _value\n  }\n  private _tiles: ITiledSelectItem[] = []\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('value') val: string | string[] | undefined\n\n  @Input() @InputBoolean() disabled: boolean = false\n  @Input() @InputBoolean() multiple: boolean = false\n  @Input() @InputBoolean() selectionToggleable: boolean = true\n  @Input() @InputBoolean() tileBackdrop: boolean = false\n  @Input() @InputBoolean() showSelectedIcon: boolean = true\n  @Input() @InputBoolean() animationsDisabled: boolean = this._platform.IOS\n\n  @Output() readonly change = new EventEmitter<string | string[] | undefined>()\n\n  tilesAnimationState = false\n\n  onChange: any\n  onTouched: any\n\n  @ContentChildren(TiledSelectTileOverlayDirective)\n  public overlayTpls?: QueryList<TiledSelectTileOverlayDirective>\n\n  constructor(\n    private readonly _platform: Platform,\n    private readonly _cdr: ChangeDetectorRef,\n    private readonly _renderer: Renderer2,\n    private readonly _elementRef: ElementRef\n  ) { }\n\n  ngOnInit() { }\n\n  get value(): string | string[] | undefined {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined) {\n    this.val = (this.multiple) ? [ ...(<string[]>value || []) ] : value || ''\n\n    this._renderer.setProperty(this._elementRef.nativeElement, 'value', this.val)\n\n    if (this.onChange) {\n      this.onChange(this.val)\n      this.change.emit(this.val)\n      this._cdr.markForCheck()\n    }\n    if (this.onTouched) { this.onTouched() }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  onTileSelected(event: MouseEvent, tile: ITiledSelectItem) {\n    this.toggleTileSelected(tile)\n  }\n\n  public isSelected(tile: ITiledSelectItem) {\n    if (!this.multiple) {\n      if (this.value === tile.value) {\n        return true\n      }\n    } else {\n      if (this.value) {\n        for (const v of this.value) {\n          if (v === tile.value) {\n            return true\n          }\n        }\n      }\n    }\n\n    return false\n  }\n\n  public toggleTileSelected(tile: ITiledSelectItem): void {\n    if (!this.selectionToggleable && this.isSelected(tile)) {\n      return\n    }\n\n    if (this.isSelected(tile)) {\n      this.unselectTile(tile)\n    } else {\n      this.selectTile(tile)\n    }\n  }\n\n  public selectTile(tile: ITiledSelectItem): void {\n    if (this.multiple) {\n      if (!this.isSelected(tile)) {\n        const value: string[] = <string[]>this.value || []\n        this.value = [ ...coerceArray(value), tile.value ]\n      }\n    } else {\n      this.value = tile.value\n    }\n  }\n\n  public unselectTile(tile: ITiledSelectItem): void {\n    if (this.multiple) {\n      const value: string[] = <string[]>this.value || []\n      this.value = value.filter(v => v !== tile.value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  public getSelectedTiles(): ITiledSelectItem[] {\n    return this.tiles.filter(t => this.isSelected(t))\n  }\n\n  getOverlayTpl(tile: ITiledSelectItem): TiledSelectTileOverlayDirective | undefined {\n    // console.log('overlayTpls', this.overlayTpls)\n    return (this.overlayTpls || []).find(t => t.record?.name === tile.name)\n  }\n\n}\n\n/** @deprecated Use `TheSeamTiledSelectComponent`. */\nexport type TiledSelectComponent = TheSeamTiledSelectComponent\n","import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileLabelTpl]'\n})\nexport class TiledSelectTileLabelTplDirective {\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { animate, animation, keyframes, style, transition, trigger, useAnimation } from '@angular/animations'\nimport { BooleanInput } from '@angular/cdk/coercion'\nimport { ChangeDetectorRef, Component, ContentChild, EventEmitter, HostBinding, Input, Output } from '@angular/core'\n\nimport { faCheckCircle } from '@fortawesome/free-regular-svg-icons'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TiledSelectTileLabelTplDirective } from '../../directives/tiled-select-tile-label-tpl.directive'\nimport { TiledSelectTileOverlayDirective } from '../../directives/tiled-select-tile-overlay.directive'\nimport { TiledSelectLayout } from '../../tiled-select.models'\n\nexport const tilePulse = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleUp = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\nexport const tileScaleDown = animation(\n  animate(\n    '{{ timing }}s {{ delay }}s',\n    keyframes([\n      style({ transform: 'scale3d(1, 1, 1)' }),\n    ])\n  ),\n  { params: { scale: 1.05, timing: 0.75, delay: 0 } }\n)\n\n@Component({\n  selector: 'seam-tiled-select-tile',\n  templateUrl: './tiled-select-tile.component.html',\n  styleUrls: ['./tiled-select-tile.component.scss'],\n  animations: [\n    trigger('pulse', [\n      transition('false => true', [\n        useAnimation(tilePulse)\n        // useAnimation(tileScaleUp)\n      ]),\n      // transition('true => false', [\n      //   useAnimation(tileScaleDown)\n      // ])\n    ]),\n    // trigger('openClose', [\n    //   state('true', style({ height: '*' })),\n    //   state('false', style({ height: '0px' })),\n    //   transition('false <=> true', animate(500))\n    // ])\n  ],\n  // changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TiledSelectTileComponent {\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_selected: BooleanInput\n  static ngAcceptInputType_tileBackdrop: BooleanInput\n  static ngAcceptInputType_selectable: BooleanInput\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_showLabel: BooleanInput\n  static ngAcceptInputType_showSelectedIcon: BooleanInput\n\n  faCheckCircle = faCheckCircle\n\n  @HostBinding('@pulse') pulseAnimationState = true\n  @HostBinding('attr.data-tile-name') get _tileNameAttr() { return this.name }\n\n  @Input() layout: TiledSelectLayout = 'grid'\n\n  @Input() name: string | undefined | null\n  @Input() label: string | undefined | null\n  @Input() icon: SeamIcon | undefined | null\n  @Input() @InputBoolean() disabled: boolean = false\n  @Input() @InputBoolean() selected: boolean = false\n\n  @Input() @InputBoolean() tileBackdrop: boolean = false\n  @Input() @InputBoolean() selectable: boolean = false\n  @Input() @InputBoolean() grayscaleOnDisable: boolean = true\n  @Input() @InputBoolean() showLabel: boolean = true\n  @Input() @InputBoolean() showSelectedIcon: boolean = true\n\n  @Input() iconClass: string | undefined | null\n\n  @Input() overlayTpl: TiledSelectTileOverlayDirective | undefined | null\n\n  @Output() activated = new EventEmitter<any>()\n\n  @ContentChild(TiledSelectTileLabelTplDirective, { static: true }) labelTpl?: TiledSelectTileLabelTplDirective\n\n  pulsing = false\n  pulsingTimeout: number | undefined\n\n  constructor(\n    private cdr: ChangeDetectorRef\n  ) { }\n\n  onTileClick(event: any) {\n    console.log('event', event)\n    if (!this.selectable) { return }\n    this.activated.emit(event)\n\n    // this.pulsing = true\n    // setTimeout(() => {\n    //   this.pulsing = false\n    // }, 750)\n  }\n\n  mDown() {\n    if (this.pulsingTimeout) {\n      clearTimeout(this.pulsingTimeout)\n    }\n\n    if (!this.pulsing) {\n      this.pulsing = true\n      // this.cdr.detectChanges()\n    }\n\n    // console.log('start')\n    this.pulsingTimeout = window.setTimeout(() => {\n      this.pulsing = false\n      // this.cdr.detectChanges()\n      this.pulsingTimeout = undefined\n    }, 750)\n  }\n\n}\n","import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTiledSelectTileIconTpl]',\n  exportAs: 'seamTiledSelectTileIconTpl'\n})\nexport class TiledSelectTileIconTplDirective {\n\n  constructor(public template: TemplateRef<any>) { }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, ContentChild, HostBinding, Input, OnInit } from '@angular/core'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { SeamIcon } from '@theseam/ui-common/icon'\n\nimport { TiledSelectTileIconTplDirective } from '../../directives/tiled-select-tile-icon-tpl.directive'\nimport { TiledSelectLayout } from '../../tiled-select.models'\n\nconst needToFix = /(MSIE 10)|(Trident.*rv:11\\.0)|( Edge\\/[\\d\\.]+$)/.test(navigator.userAgent)\n\n@Component({\n  selector: 'seam-tiled-select-tile-icon',\n  templateUrl: './tiled-select-tile-icon.component.html',\n  styleUrls: ['./tiled-select-tile-icon.component.scss']\n})\nexport class TiledSelectTileIconComponent implements OnInit {\n  static ngAcceptInputType_grayscaleOnDisable: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n\n  needToFix = needToFix\n\n  @HostBinding('class.grid') get _cssClassGrid() { return this.layout === 'grid' }\n  @HostBinding('class.list') get _cssClassList() { return this.layout === 'list' }\n\n  @Input()\n  set layout(value: TiledSelectLayout) { this._layout = value || 'grid' }\n  get layout(): TiledSelectLayout { return this._layout }\n  private _layout: TiledSelectLayout = 'grid'\n\n  @Input() @InputBoolean() grayscaleOnDisable: boolean = false\n  @Input() @InputBoolean() disabled: boolean = false\n\n  @Input() iconClass: string | undefined | null\n\n  @Input()\n  get icon(): SeamIcon | undefined | null { return this._iconUrl || this._iconObj }\n  set icon(value: SeamIcon | undefined | null) {\n    if (typeof value === 'string') {\n      this._iconUrl = value\n      this._iconObj = undefined\n    } else {\n      this._iconUrl = undefined\n      this._iconObj = value\n    }\n  }\n\n  public _iconUrl: string | undefined | null\n  public _iconObj: IconProp | undefined | null\n\n  @ContentChild(TiledSelectTileIconTplDirective, { static: true }) iconTpl?: TiledSelectTileIconTplDirective\n\n  constructor() { }\n\n  ngOnInit() { }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { TiledSelectTileIconComponent } from './components/tiled-select-tile-icon/tiled-select-tile-icon.component'\nimport { TiledSelectTileComponent } from './components/tiled-select-tile/tiled-select-tile.component'\nimport { TheSeamTiledSelectComponent } from './components/tiled-select/tiled-select.component'\nimport { TiledSelectTileIconTplDirective } from './directives/tiled-select-tile-icon-tpl.directive'\nimport { TiledSelectTileLabelTplDirective } from './directives/tiled-select-tile-label-tpl.directive'\nimport { TiledSelectTileOverlayDirective } from './directives/tiled-select-tile-overlay.directive'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FontAwesomeModule\n  ],\n  declarations: [\n    TheSeamTiledSelectComponent,\n    TiledSelectTileComponent,\n    TiledSelectTileOverlayDirective,\n    TiledSelectTileIconComponent,\n    TiledSelectTileIconTplDirective,\n    TiledSelectTileLabelTplDirective\n  ],\n  exports: [\n    TheSeamTiledSelectComponent,\n    TiledSelectTileComponent,\n    TiledSelectTileOverlayDirective,\n    TiledSelectTileIconTplDirective,\n    TiledSelectTileLabelTplDirective\n  ]\n})\nexport class TheSeamTiledSelectModule { }\n","export * from './components/tiled-select/tiled-select.component'\nexport * from './components/tiled-select-tile/tiled-select-tile.component'\nexport * from './components/tiled-select-tile-icon/tiled-select-tile-icon.component'\nexport * from './directives/tiled-select-tile-icon-tpl.directive'\nexport * from './directives/tiled-select-tile-label-tpl.directive'\nexport * from './directives/tiled-select-tile-overlay.directive'\nexport * from './tiled-select.models'\nexport * from './tiled-select.module'\n// export * from './testing'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-toggle-edit.js

@@ -439,7 +439,7 @@ 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:background-color .25s ease-in-out}.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).toggle-edit-editing,.toggle-edit-not-editing:not(.is-disabled):hover{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled):hover .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-cancel-btn,.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-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}"]
+                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"]
             },] }
 ];
 ToggleEditComponent.ctorParameters = () => [
@@ -481,7 +481,7 @@ ToggleEditActionsContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'seam-toggle-edit-actions-container',
                 template: "<ng-content></ng-content>\n",
-                styles: [":host{display:block}"]
+                styles: [":host{display:block}\n"]
             },] }
 ];
 ToggleEditActionsContainerComponent.ctorParameters = () => [];

package/fesm2015/theseam-ui-common-utils.js

@@ -307,6 +307,68 @@ function isEmptyUrlRoute(activatedRoute) {
     return activatedRoute.snapshot.url.length === 0;
 }
 
+// Based on source: https://github.com/sindresorhus/array-move/blob/main/index.js
+/**
+  Moves the item to the new position in the input array. Useful for huge arrays
+  where absolute performance is needed.
+
+  @param array - The array to modify.
+  @param fromIndex - The index of item to move. If negative, it will begin that
+  many elements from the end.
+  @param toIndex - The index of where to move the item. If negative, it will
+  begin that many elements from the end.
+  @example
+  ```
+  import { arrayMoveMutable } from '@theseam/ui-common/utils';
+
+  const input = ['a', 'b', 'c'];
+  arrayMoveMutable(input, 1, 2);
+  console.log(input);
+  //=> ['a', 'c', 'b']
+  ```
+*/
+function arrayMoveMutable(array, fromIndex, toIndex) {
+    const startIndex = fromIndex < 0 ? array.length + fromIndex : fromIndex;
+    if (startIndex >= 0 && startIndex < array.length) {
+        const endIndex = toIndex < 0 ? array.length + toIndex : toIndex;
+        const [item] = array.splice(fromIndex, 1);
+        array.splice(endIndex, 0, item);
+    }
+}
+/**
+  Clones the given `array`, moves the item to a new position in the new array,
+  and then returns the new array. The given `array` is not mutated.
+
+  @param array - The array with the item to move.
+  @param fromIndex - The index of item to move. If negative, it will begin that
+  many elements from the end.
+  @param toIndex - The index of where to move the item. If negative, it will
+  begin that many elements from the end.
+  @returns A new array with the item moved to the new position.
+  @example
+  ```
+  import { arrayMoveImmutable } from '@theseam/ui-common/utils';
+
+  const input = ['a', 'b', 'c'];
+  const array1 = arrayMoveImmutable(input, 1, 2);
+  console.log(array1);
+  //=> ['a', 'c', 'b']
+
+  const array2 = arrayMoveImmutable(input, -1, 0);
+  console.log(array2);
+  //=> ['c', 'a', 'b']
+
+  const array3 = arrayMoveImmutable(input, -2, -3);
+  console.log(array3);
+  //=> ['b', 'a', 'c']
+  ```
+*/
+function arrayMoveImmutable(array, fromIndex, toIndex) {
+    const newArray = [...array];
+    arrayMoveMutable(newArray, fromIndex, toIndex);
+    return newArray;
+}
+
 function calcPercentage(total, n) {
     return total && total > 0 ? (n / total) * 100 : 0;
 }
@@ -715,19 +777,45 @@ function isAbsoluteUrl(url) {
 /**
  * This is just for helping debug observables that aren't being unsubscribed
  * from correctly.
+ *
+ * If description is 'foo' then you can check the how many observers are
+ * subscribed with the expression `__subscriberCounts['foo']`. In a debugger you
+ * can add the expression to the "Watch" expressions or in Chrome Devtools
+ * Console you can add it to the live expressions(Add live expressions by
+ * clicking the eye the the left of the Console filter input).
  */
-function subscriberCount(sourceObservable, description) {
+function subscriberCount(sourceObservable, description, countChangedFn = logOnChange) {
     let counter = 0;
     return new Observable((subscriber) => {
         const subscription = sourceObservable.subscribe(subscriber);
         counter++;
-        console.log(`${description} subscriptions: ${counter}`);
+        if (countChangedFn !== undefined && countChangedFn !== null) {
+            countChangedFn(description, counter, 'subscribed');
+        }
+        setGlobalSubscriberCount(description, counter);
         return () => {
             subscription.unsubscribe();
             counter--;
-            console.log(`${description} subscriptions: ${counter}`);
+            if (countChangedFn !== undefined && countChangedFn !== null) {
+                countChangedFn(description, counter, 'unsubscribed');
+            }
+            setGlobalSubscriberCount(description, counter);
         };
     });
+}
+const logOnChange = (description, count, reason) => {
+    console.log(`${description} subscriptions: ${count}  [${reason}]`);
+};
+const ɵ0 = logOnChange;
+function getGlobalSubscriberCounts() {
+    const w = window;
+    if (w.__subscriberCounts === undefined || w.__subscriberCounts === null) {
+        w.__subscriberCounts = {};
+    }
+    return w.__subscriberCounts;
+}
+function setGlobalSubscriberCount(description, count) {
+    getGlobalSubscriberCounts()[description] = count;
 }
 
 function observeQueryList(queryList, emitCurrentValue = true) {
@@ -793,5 +881,5 @@ function fractionalDigitsCount(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { PollingTickerOptions, Refreshable, activatedRoutesWithDataProperty, calcPercentage, createPadding, deleteProperties, deleteProperty, fileBufferToBlob, fileBufferToObjectUrl, fileDataFromBuffer, fractionalDigitsCount, getAttribute, getClosestWidgetCdkDrag, getControlName, getControlPath, hasAttribute, hasProperty, hasRequiredControl, isAbsoluteUrl, isEmptyInputValue, isEmptyUrlRoute, isNullOrUndefined, isNumeric, leafChildRoute, loadStyle, loadStyleSheet, mapEach, notNullOrUndefined, observeControlIsDifferent, observeControlStatus, observeControlValid, observeControlValue, observeControlValueChange, observeQueryList, openBlob, padEnd, padStart, phoneNumberMask, pollingTicker, readFileAsDataUrlAsync, readFileAsync, routeSnapshotPathFull, routeSnapshotPathRelative, tapFirst, toggleAttribute, waitOnConditionAsync, waitOnNonPendingStatus, willHaveDataProp, withoutProperties, withoutProperty, wrapIntoObservable };
+export { PollingTickerOptions, Refreshable, activatedRoutesWithDataProperty, arrayMoveImmutable, arrayMoveMutable, calcPercentage, createPadding, deleteProperties, deleteProperty, fileBufferToBlob, fileBufferToObjectUrl, fileDataFromBuffer, fractionalDigitsCount, getAttribute, getClosestWidgetCdkDrag, getControlName, getControlPath, hasAttribute, hasProperty, hasRequiredControl, isAbsoluteUrl, isEmptyInputValue, isEmptyUrlRoute, isNullOrUndefined, isNumeric, leafChildRoute, loadStyle, loadStyleSheet, mapEach, notNullOrUndefined, observeControlIsDifferent, observeControlStatus, observeControlValid, observeControlValue, observeControlValueChange, observeQueryList, openBlob, padEnd, padStart, phoneNumberMask, pollingTicker, readFileAsDataUrlAsync, readFileAsync, routeSnapshotPathFull, routeSnapshotPathRelative, subscriberCount, tapFirst, toggleAttribute, waitOnConditionAsync, waitOnNonPendingStatus, willHaveDataProp, withoutProperties, withoutProperty, wrapIntoObservable, ɵ0 };
 //# sourceMappingURL=theseam-ui-common-utils.js.map