@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.8

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

@@ -19,10 +19,10 @@ import { TheSeamLoadingComponent } from '@theseam/ui-common/loading';
 
 class ToggleEditDisplayTplDirective {
     template = inject((TemplateRef));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleEditDisplayTplDirective, isStandalone: true, selector: "[seamToggleEditDisplayTpl]", exportAs: ["seamToggleEditDisplayTpl"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleEditDisplayTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: ToggleEditDisplayTplDirective, isStandalone: true, selector: "[seamToggleEditDisplayTpl]", exportAs: ["seamToggleEditDisplayTpl"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleEditDisplayTplDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleEditDisplayTpl]',
@@ -39,7 +39,7 @@ class TheSeamToggleEditKeyboardListenerService {
         this._startListening();
     }
     remove(element) {
-        this._elements = this._elements.filter(v => v !== element);
+        this._elements = this._elements.filter((v) => v !== element);
         if (this._elements.length === 0) {
             this._stopListening();
         }
@@ -68,19 +68,19 @@ class TheSeamToggleEditKeyboardListenerService {
             }
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditKeyboardListenerService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class TheSeamToggleEditActionsContainerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamToggleEditActionsContainerComponent, isStandalone: true, selector: "seam-toggle-edit-actions-container", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamToggleEditActionsContainerComponent, isStandalone: true, selector: "seam-toggle-edit-actions-container", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditActionsContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-toggle-edit-actions-container', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }] });
@@ -89,8 +89,14 @@ class TheSeamToggleEditComponent {
     static ngAcceptInputType_cancelOnBlur;
     static ngAcceptInputType_waitOnSubmit;
     _elementRef = inject((ElementRef));
-    _controlContainer = inject(ControlContainer, { optional: true, self: true });
-    _formFieldComponent = inject(TheSeamFormFieldComponent, { optional: true, host: true });
+    _controlContainer = inject(ControlContainer, {
+        optional: true,
+        self: true,
+    });
+    _formFieldComponent = inject(TheSeamFormFieldComponent, {
+        optional: true,
+        host: true,
+    });
     _kbListener = inject(TheSeamToggleEditKeyboardListenerService);
     _focusMonitor = inject(FocusMonitor);
     _ngZone = inject(NgZone);
@@ -113,11 +119,15 @@ class TheSeamToggleEditComponent {
      * value.
      */
     _beforeEditValue = null;
-    get _toggleEditActiveClass() { return this.editing; }
+    get _toggleEditActiveClass() {
+        return this.editing;
+    }
     cancelOnBlur = true;
     waitOnSubmit = false;
     placeholder = '';
-    get editing() { return this._editing; }
+    get editing() {
+        return this._editing;
+    }
     set editing(value) {
         if (this.disabled && value) {
             return;
@@ -165,7 +175,7 @@ class TheSeamToggleEditComponent {
     }
     ngAfterViewInit() {
         if (this._formFieldComponent && this._formFieldComponent.contentInput) {
-            this._formFieldComponent.contentInput.stateChanges.subscribe(_ => {
+            this._formFieldComponent.contentInput.stateChanges.subscribe((_) => {
                 this._checkDisabledChange();
             });
         }
@@ -186,7 +196,7 @@ class TheSeamToggleEditComponent {
             attributes: true,
             attributeFilter: ['class'],
             childList: false,
-            characterData: false
+            characterData: false,
         });
     }
     _destroyMonitors() {
@@ -274,7 +284,8 @@ class TheSeamToggleEditComponent {
         if (!this._formFieldComponent?.contentInput) {
             return null;
         }
-        return this._formFieldComponent.contentInput.ngControl.control;
+        return this._formFieldComponent.contentInput.ngControl
+            .control;
     }
     hasControl() {
         return !!this.getControl();
@@ -406,7 +417,8 @@ class TheSeamToggleEditComponent {
         }
     }
     getOverlayPosition(origin) {
-        const positionStrategy = this._overlay.position()
+        const positionStrategy = this._overlay
+            .position()
             .flexibleConnectedTo(origin)
             .withPositions(this.getPositions())
             .withFlexibleDimensions(false)
@@ -431,7 +443,7 @@ class TheSeamToggleEditComponent {
                 originX: 'end',
                 originY: 'top',
                 overlayX: 'end',
-                overlayY: 'bottom'
+                overlayY: 'bottom',
             },
         ];
     }
@@ -443,8 +455,8 @@ class TheSeamToggleEditComponent {
     actionsFocusChange(event) {
         this._actionsFocused = !!event;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TheSeamToggleEditComponent, isStandalone: true, selector: "seam-toggle-edit", inputs: { cancelOnBlur: "cancelOnBlur", waitOnSubmit: "waitOnSubmit", placeholder: "placeholder", editing: "editing" }, outputs: { changeAccepted: "changeAccepted", changeDeclined: "changeDeclined", editingChange: "editingChange" }, host: { properties: { "class.toggle-edit-active": "this._toggleEditActiveClass" } }, queries: [{ propertyName: "displayTpl", first: true, predicate: ToggleEditDisplayTplDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: TheSeamToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TheSeamToggleEditComponent, isStandalone: true, selector: "seam-toggle-edit", inputs: { cancelOnBlur: "cancelOnBlur", waitOnSubmit: "waitOnSubmit", placeholder: "placeholder", editing: "editing" }, outputs: { changeAccepted: "changeAccepted", changeDeclined: "changeDeclined", editingChange: "editingChange" }, host: { properties: { "class.toggle-edit-active": "this._toggleEditActiveClass" } }, queries: [{ propertyName: "displayTpl", first: true, predicate: ToggleEditDisplayTplDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, static: true }], ngImport: i0, template: "<div\n  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>\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\n            [ngTemplateOutlet]=\"displayTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"\n          ></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\n        *ngIf=\"!editing\"\n        [cdkPortalOutlet]=\"templatePortal\"\n      ></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        >\n          <button\n            *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          >\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button\n            *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          >\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button\n            *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\"\n          >\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: TheSeamLoadingComponent, selector: "seam-loading", inputs: ["theme"] }, { kind: "component", type: TheSeamToggleEditActionsContainerComponent, selector: "seam-toggle-edit-actions-container" }] });
 }
 __decorate([
     InputBoolean()
@@ -452,7 +464,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TheSeamToggleEditComponent.prototype, "waitOnSubmit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-toggle-edit', imports: [
                         NgIf,
@@ -462,7 +474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                         FontAwesomeModule,
                         TheSeamLoadingComponent,
                         TheSeamToggleEditActionsContainerComponent,
-                    ], template: "<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
+                    ], template: "<div\n  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>\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\n            [ngTemplateOutlet]=\"displayTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"\n          ></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\n        *ngIf=\"!editing\"\n        [cdkPortalOutlet]=\"templatePortal\"\n      ></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        >\n          <button\n            *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          >\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button\n            *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          >\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button\n            *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\"\n          >\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n", styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _toggleEditActiveClass: [{
                 type: HostBinding,
                 args: ['class.toggle-edit-active']
@@ -489,23 +501,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             }] } });
 
 class TheSeamToggleEditModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, imports: [ToggleEditDisplayTplDirective,
-            TheSeamToggleEditComponent], exports: [ToggleEditDisplayTplDirective,
-            TheSeamToggleEditComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, imports: [TheSeamToggleEditComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditModule, imports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent], exports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditModule, imports: [TheSeamToggleEditComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleEditModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        ToggleEditDisplayTplDirective,
-                        TheSeamToggleEditComponent,
-                    ],
-                    exports: [
-                        ToggleEditDisplayTplDirective,
-                        TheSeamToggleEditComponent,
-                    ],
+                    imports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent],
+                    exports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent],
                 }]
         }] });
 

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

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-toggle-edit.mjs","sources":["../../../projects/ui-common/toggle-edit/toggle-edit-display-tpl.directive.ts","../../../projects/ui-common/toggle-edit/toggle-edit-keyboard-listener.service.ts","../../../projects/ui-common/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.html","../../../projects/ui-common/toggle-edit/toggle-edit.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit.component.html","../../../projects/ui-common/toggle-edit/toggle-edit.module.ts","../../../projects/ui-common/toggle-edit/theseam-ui-common-toggle-edit.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleEditDisplayTpl]',\n  exportAs: 'seamToggleEditDisplayTpl',\n})\nexport class ToggleEditDisplayTplDirective {\n  public readonly template = inject(TemplateRef<any>)\n}\n","import { DOCUMENT } from '@angular/common'\nimport { inject, Injectable } from '@angular/core'\n\nimport { TheSeamCanToggleEdit } from './models'\n\n@Injectable({ providedIn: 'root' })\nexport class TheSeamToggleEditKeyboardListenerService {\n\n  private readonly _document: Document = inject(DOCUMENT)\n\n  private _elements: TheSeamCanToggleEdit[] = []\n\n  private _isListening = false\n\n  public add(element: TheSeamCanToggleEdit): void {\n    this._elements.push(element)\n    this._startListening()\n  }\n\n  public remove(element: TheSeamCanToggleEdit): void {\n    this._elements = this._elements.filter(v => v !== element)\n    if (this._elements.length === 0) {\n      this._stopListening()\n    }\n  }\n\n  public isListening(): boolean {\n    return this._isListening\n  }\n\n  private _startListening(): void {\n    if (this.isListening()) {\n      return\n    }\n\n    this._document.body.addEventListener('keydown', this._keydownListener, true)\n\n    this._isListening = true\n  }\n\n  private _stopListening(): void {\n    if (!this.isListening()) {\n      return\n    }\n\n    this._document.body.removeEventListener('keydown', this._keydownListener, true)\n\n    this._isListening = false\n  }\n\n  private _keydownListener = (event: KeyboardEvent): boolean | void => {\n    for (const element of this._elements) {\n      if (element.isEditing()) {\n        element.keydownEvent(event)\n      }\n    }\n  }\n\n}\n","import { Component } from '@angular/core'\n\n@Component({\n  selector: 'seam-toggle-edit-actions-container',\n  templateUrl: './toggle-edit-actions-container.component.html',\n  styleUrls: ['./toggle-edit-actions-container.component.scss'],\n})\nexport class TheSeamToggleEditActionsContainerComponent { }\n","<ng-content></ng-content>\n","import { A11yModule, FocusMonitor } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ENTER, ESCAPE } from '@angular/cdk/keycodes'\nimport { ConnectionPositionPair, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay'\nimport { PortalModule, TemplatePortal } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  Component,\n  ContentChild,\n  DoCheck,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Output,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core'\nimport { AbstractControl, ControlContainer, FormControl, FormGroup } from '@angular/forms'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\n\nimport { faCheck, faPen, faTimes } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { TheSeamFormFieldComponent } from '@theseam/ui-common/form-field'\nimport { TheSeamLoadingComponent } from '@theseam/ui-common/loading'\n\nimport { TheSeamCanToggleEdit } from './models/can-toggle-edit'\nimport { TheSeamToggleEditRef } from './models/toggle-edit-ref'\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { TheSeamToggleEditKeyboardListenerService } from './toggle-edit-keyboard-listener.service'\nimport { TheSeamToggleEditActionsContainerComponent } from './toggle-edit-actions-container/toggle-edit-actions-container.component'\n\n@Component({\n  selector: 'seam-toggle-edit',\n  templateUrl: './toggle-edit.component.html',\n  styleUrls: ['./toggle-edit.component.scss'],\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    PortalModule,\n    A11yModule,\n    FontAwesomeModule,\n    TheSeamLoadingComponent,\n    TheSeamToggleEditActionsContainerComponent,\n  ],\n})\nexport class TheSeamToggleEditComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck, TheSeamCanToggleEdit, TheSeamToggleEditRef {\n  static ngAcceptInputType_cancelOnBlur: BooleanInput\n  static ngAcceptInputType_waitOnSubmit: BooleanInput\n\n  private readonly _elementRef = inject(ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>)\n  private readonly _controlContainer = inject(ControlContainer, { optional: true, self: true })\n  private readonly _formFieldComponent = inject(TheSeamFormFieldComponent, { optional: true, host: true })\n  private readonly _kbListener = inject(TheSeamToggleEditKeyboardListenerService)\n  private readonly _focusMonitor = inject(FocusMonitor)\n  private readonly _ngZone = inject(NgZone)\n  private readonly _renderer = inject(Renderer2)\n  private readonly _viewContainerRef = inject(ViewContainerRef)\n  private readonly _overlay = inject(Overlay)\n\n  readonly faPen = faPen\n  readonly faTimes = faTimes\n  readonly faCheck = faCheck\n\n  private _previousDisabled = false\n\n  /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */\n  private _focused = false\n  private _focusObserver?: MutationObserver\n  private _actionsFocused = false\n  private _submitting = false\n\n  /**\n   * Input value before editing.\n   *\n   * If the edit change is canceled the input value will be reset back to this\n   * value.\n   */\n  private _beforeEditValue = null\n\n  @HostBinding('class.toggle-edit-active') get _toggleEditActiveClass() { return this.editing }\n\n  @Input() @InputBoolean() cancelOnBlur = true\n  @Input() @InputBoolean() waitOnSubmit = false\n\n  @Input() placeholder = ''\n\n  @Input()\n  get editing(): boolean { return this._editing }\n  set editing(value: boolean) {\n    if (this.disabled && value) { return }\n\n    if (!this._editing) {\n      this.updateBeforeEditValue()\n    }\n    this._editing = coerceBooleanProperty(value)\n    this.editingChange.emit(value)\n  }\n  private _editing = false\n\n  @Output() readonly changeAccepted = new EventEmitter<TheSeamToggleEditRef>()\n  @Output() readonly changeDeclined = new EventEmitter<TheSeamToggleEditRef>()\n  @Output() readonly editingChange = new EventEmitter<boolean>()\n\n  @ViewChild('templatePortalContent', { static: true }) templatePortalContent?: TemplateRef<any>\n  public templatePortal?: TemplatePortal<any>\n\n  public modalRef?: OverlayRef\n\n  @ContentChild(ToggleEditDisplayTplDirective, { static: true }) displayTpl?: ToggleEditDisplayTplDirective\n\n  constructor() {\n    this._ngZone.runOutsideAngular(() => {\n      this._focusObserver = new MutationObserver(() => {\n        this._ngZone.run(() => {\n          if (this.hasFocus()) {\n            if (this.disabled) { return }\n            this._onFocus()\n          } else {\n            this._onBlur()\n          }\n        })\n      })\n    })\n  }\n\n  ngOnInit() {\n    this._initMonitors()\n    if (this._formFieldComponent) {\n      // TODO: Consider making this smarter, such as avoiding overwritting when input set.\n      this._formFieldComponent.numPaddingErrors = 0\n    }\n  }\n\n  ngOnDestroy() {\n    this._destroyMonitors()\n  }\n\n  ngAfterViewInit() {\n    if (this._formFieldComponent && this._formFieldComponent.contentInput) {\n      this._formFieldComponent.contentInput.stateChanges.subscribe(_ => {\n        this._checkDisabledChange()\n      })\n    }\n    setTimeout(() => {\n      if (this.templatePortalContent) {\n        this.templatePortal = new TemplatePortal(this.templatePortalContent, this._viewContainerRef)\n      }\n    })\n    this._checkDisabledChange()\n  }\n\n  ngDoCheck() {\n    this._checkDisabledChange()\n  }\n\n  private _initMonitors() {\n    this._kbListener.add(this)\n\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n    this._focusObserver?.observe(this._elementRef.nativeElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: false,\n      characterData: false\n    })\n  }\n\n  private _destroyMonitors() {\n    this._kbListener.remove(this)\n\n    this._focusObserver?.disconnect()\n    this._focused = false\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n  }\n\n  // Make this disabled checking implementation better. It gets called to much\n  // trying to be accurate.\n  private _checkDisabledChange() {\n    // const isDisabled = this.disabled\n    // if (isDisabled !== this._previousDisabled) {\n\n    // }\n  }\n\n  public get disabled() {\n    const control = this.getControl()\n    if (control) {\n      return control.disabled\n    }\n    return false\n  }\n\n  public canSubmit(): boolean {\n    const control = this.getControl()\n    if (control) {\n      return control.valid\n    }\n    return true\n  }\n\n  public isSubmitting(): boolean {\n    return this._submitting\n  }\n\n  public submitComplete(error?: any): void {\n    const control = this.getControl()\n    if (control) {\n      control.enable()\n    }\n    this._submitting = false\n\n    if (!error) {\n      this.stopEditing()\n    }\n  }\n\n  public updateBeforeEditValue(): void {\n    const control = this.getControl()\n    if (control) {\n      this._beforeEditValue = control.value\n    }\n  }\n\n  public getValue(): string | null {\n    const control = this.getControl()\n    if (control) {\n      return control.value\n    }\n\n    return null\n  }\n\n  public resetValue(): void {\n    const control = this.getControl()\n    if (control) {\n      // Reset without emitting then update which will emit, because reset will\n      // emit changes before setting pristine\n      control.reset(this._beforeEditValue, { emitEvent: false })\n      control.updateValueAndValidity()\n    }\n  }\n\n  public isFormGroup(): boolean {\n    return !!this._controlContainer\n  }\n\n  public getFormGroup(): FormGroup | null {\n    if (!this.isFormGroup()) { return null }\n    if (!this._controlContainer?.control) { return null }\n    return this._controlContainer.control as FormGroup\n  }\n\n  public isInFormField(): boolean {\n    return !!this._formFieldComponent\n  }\n\n  public getFormControl(): FormControl | null {\n    if (!this.isInFormField()) { return null }\n    if (!this._formFieldComponent?.contentInput) { return null }\n    return this._formFieldComponent.contentInput.ngControl.control as FormControl\n  }\n\n  public hasControl(): boolean {\n    return !!this.getControl()\n  }\n\n  public getControl(): AbstractControl | null {\n    if (this.isFormGroup()) {\n      return this.getFormGroup()\n    } else if (this.isInFormField()) {\n      return this.getFormControl()\n    }\n    return null\n  }\n\n  public submitEdit(): void {\n    if (!this.canSubmit()) {\n      return\n    }\n\n    if (this.waitOnSubmit) {\n      const control = this.getControl()\n      if (control) {\n        control.disable()\n      }\n      this._submitting = true\n    }\n\n    this.stopEditing()\n\n    this.changeAccepted.emit(this as TheSeamToggleEditRef)\n  }\n\n  public cancelEdit(): void {\n    // Reset without emitting then update which will emit, because reset will\n    // emit changes before setting pristine\n    this.resetValue()\n    this.stopEditing()\n\n    this.changeDeclined.emit(this as TheSeamToggleEditRef)\n  }\n\n  private _onFocus(): void {\n    // Return if already focused\n    if (this._focused) { return }\n\n    this._focused = true\n    this._actionsFocused = false\n  }\n\n  private _onBlur(): void {\n    // Return if focus hasn't been detected\n    if (!this._focused) { return }\n\n    if (this.editing && this.cancelOnBlur) {\n      setTimeout(() => {\n        if (!this._actionsFocused) {\n          this.cancelEdit()\n        }\n      })\n    }\n\n    this._focused = false\n  }\n\n  public hasFocus(): boolean {\n    return this._elementRef.nativeElement.classList.contains('cdk-focused')\n  }\n\n  public focusContent(): void {\n    // Set the tab index to `-1` to allow the root element of the component to\n    // receive `focus` event from javascript, but not get focused by keyboard\n    // navigation. This is for the focus monitor. If a button is clicked the\n    // focus monitor emits a blur before the focus of the input. This will avoid\n    // the blur by letting the component itself receive focus events.\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'tabindex', '-1')\n    this._elementRef.nativeElement.focus()\n  }\n\n  public toggleEditing(isEditing?: boolean): void {\n    if (this.editing === isEditing) { return }\n    const _editing = isEditing === undefined ? !this.editing : !!isEditing\n    if (_editing) {\n      this.startEditing()\n    } else {\n      this.stopEditing()\n    }\n  }\n\n  public isEditing(): boolean {\n    return this.editing\n  }\n\n  public startEditing(): void {\n    if (this.disabled) { return }\n    if (this.isEditing()) {\n      return\n    }\n\n    this.updateBeforeEditValue()\n\n    this.focusContent()\n\n    this.editing = true\n\n    this.modalRef = this._overlay.create({\n      hasBackdrop: false,\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    this.modalRef.attach(this.templatePortal)\n  }\n\n  public stopEditing(): void {\n    if (!this.isEditing()) {\n      return\n    }\n\n    if (this.isSubmitting()) {\n      return\n    }\n\n    if (this.modalRef?.hasAttached()) {\n      this.modalRef.detach()\n    }\n\n    // NOTE: This is a hack to avoid a focus lost issue introduced by a focus\n    // acuired issue's hack.\n    this._elementRef.nativeElement.focus()\n    this._elementRef.nativeElement.blur()\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n\n    this.editing = false\n  }\n\n  public keydownEvent(event: KeyboardEvent): void {\n    switch (event.keyCode) {\n      case ESCAPE: {\n        this.cancelEdit()\n        break\n      }\n      case ENTER: {\n        this.submitEdit()\n        break\n      }\n    }\n  }\n\n  private getOverlayPosition(origin: HTMLElement): PositionStrategy {\n    const positionStrategy = this._overlay.position()\n      .flexibleConnectedTo(origin)\n      .withPositions(this.getPositions())\n      .withFlexibleDimensions(false)\n      .withPush(false)\n\n    return positionStrategy\n  }\n\n  private getPositions(): ConnectionPositionPair[] {\n    return [\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom'\n      },\n    ]\n  }\n\n  public resized(): void {\n    if (this.modalRef && this.modalRef.hasAttached()) {\n      this.modalRef.updatePosition()\n    }\n  }\n\n  public actionsFocusChange(event: any): void {\n    this._actionsFocused = !!event\n  }\n\n}\n","<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","import { NgModule } from '@angular/core'\n\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { TheSeamToggleEditComponent } from './toggle-edit.component'\n\n@NgModule({\n  imports: [\n    ToggleEditDisplayTplDirective,\n    TheSeamToggleEditComponent,\n  ],\n  exports: [\n    ToggleEditDisplayTplDirective,\n    TheSeamToggleEditComponent,\n  ],\n})\nexport class TheSeamToggleEditModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-toggle-edit.mjs","sources":["../../../projects/ui-common/toggle-edit/toggle-edit-display-tpl.directive.ts","../../../projects/ui-common/toggle-edit/toggle-edit-keyboard-listener.service.ts","../../../projects/ui-common/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.html","../../../projects/ui-common/toggle-edit/toggle-edit.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit.component.html","../../../projects/ui-common/toggle-edit/toggle-edit.module.ts","../../../projects/ui-common/toggle-edit/theseam-ui-common-toggle-edit.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleEditDisplayTpl]',\n  exportAs: 'seamToggleEditDisplayTpl',\n})\nexport class ToggleEditDisplayTplDirective {\n  public readonly template = inject(TemplateRef<any>)\n}\n","import { DOCUMENT } from '@angular/common'\nimport { inject, Injectable } from '@angular/core'\n\nimport { TheSeamCanToggleEdit } from './models'\n\n@Injectable({ providedIn: 'root' })\nexport class TheSeamToggleEditKeyboardListenerService {\n  private readonly _document: Document = inject(DOCUMENT)\n\n  private _elements: TheSeamCanToggleEdit[] = []\n\n  private _isListening = false\n\n  public add(element: TheSeamCanToggleEdit): void {\n    this._elements.push(element)\n    this._startListening()\n  }\n\n  public remove(element: TheSeamCanToggleEdit): void {\n    this._elements = this._elements.filter((v) => v !== element)\n    if (this._elements.length === 0) {\n      this._stopListening()\n    }\n  }\n\n  public isListening(): boolean {\n    return this._isListening\n  }\n\n  private _startListening(): void {\n    if (this.isListening()) {\n      return\n    }\n\n    this._document.body.addEventListener('keydown', this._keydownListener, true)\n\n    this._isListening = true\n  }\n\n  private _stopListening(): void {\n    if (!this.isListening()) {\n      return\n    }\n\n    this._document.body.removeEventListener(\n      'keydown',\n      this._keydownListener,\n      true,\n    )\n\n    this._isListening = false\n  }\n\n  private _keydownListener = (event: KeyboardEvent): boolean | void => {\n    for (const element of this._elements) {\n      if (element.isEditing()) {\n        element.keydownEvent(event)\n      }\n    }\n  }\n}\n","import { Component } from '@angular/core'\n\n@Component({\n  selector: 'seam-toggle-edit-actions-container',\n  templateUrl: './toggle-edit-actions-container.component.html',\n  styleUrls: ['./toggle-edit-actions-container.component.scss'],\n})\nexport class TheSeamToggleEditActionsContainerComponent {}\n","<ng-content></ng-content>\n","import { A11yModule, FocusMonitor } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ENTER, ESCAPE } from '@angular/cdk/keycodes'\nimport {\n  ConnectionPositionPair,\n  Overlay,\n  OverlayRef,\n  PositionStrategy,\n} from '@angular/cdk/overlay'\nimport { PortalModule, TemplatePortal } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  Component,\n  ContentChild,\n  DoCheck,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Output,\n  Renderer2,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core'\nimport {\n  AbstractControl,\n  ControlContainer,\n  FormControl,\n  FormGroup,\n} from '@angular/forms'\nimport { NgIf, NgTemplateOutlet } from '@angular/common'\n\nimport { faCheck, faPen, faTimes } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { TheSeamFormFieldComponent } from '@theseam/ui-common/form-field'\nimport { TheSeamLoadingComponent } from '@theseam/ui-common/loading'\n\nimport { TheSeamCanToggleEdit } from './models/can-toggle-edit'\nimport { TheSeamToggleEditRef } from './models/toggle-edit-ref'\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { TheSeamToggleEditKeyboardListenerService } from './toggle-edit-keyboard-listener.service'\nimport { TheSeamToggleEditActionsContainerComponent } from './toggle-edit-actions-container/toggle-edit-actions-container.component'\n\n@Component({\n  selector: 'seam-toggle-edit',\n  templateUrl: './toggle-edit.component.html',\n  styleUrls: ['./toggle-edit.component.scss'],\n  imports: [\n    NgIf,\n    NgTemplateOutlet,\n    PortalModule,\n    A11yModule,\n    FontAwesomeModule,\n    TheSeamLoadingComponent,\n    TheSeamToggleEditActionsContainerComponent,\n  ],\n})\nexport class TheSeamToggleEditComponent\n  implements\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    DoCheck,\n    TheSeamCanToggleEdit,\n    TheSeamToggleEditRef\n{\n  static ngAcceptInputType_cancelOnBlur: BooleanInput\n  static ngAcceptInputType_waitOnSubmit: BooleanInput\n\n  private readonly _elementRef = inject(\n    ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,\n  )\n  private readonly _controlContainer = inject(ControlContainer, {\n    optional: true,\n    self: true,\n  })\n  private readonly _formFieldComponent = inject(TheSeamFormFieldComponent, {\n    optional: true,\n    host: true,\n  })\n  private readonly _kbListener = inject(\n    TheSeamToggleEditKeyboardListenerService,\n  )\n  private readonly _focusMonitor = inject(FocusMonitor)\n  private readonly _ngZone = inject(NgZone)\n  private readonly _renderer = inject(Renderer2)\n  private readonly _viewContainerRef = inject(ViewContainerRef)\n  private readonly _overlay = inject(Overlay)\n\n  readonly faPen = faPen\n  readonly faTimes = faTimes\n  readonly faCheck = faCheck\n\n  private _previousDisabled = false\n\n  /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */\n  private _focused = false\n  private _focusObserver?: MutationObserver\n  private _actionsFocused = false\n  private _submitting = false\n\n  /**\n   * Input value before editing.\n   *\n   * If the edit change is canceled the input value will be reset back to this\n   * value.\n   */\n  private _beforeEditValue = null\n\n  @HostBinding('class.toggle-edit-active') get _toggleEditActiveClass() {\n    return this.editing\n  }\n\n  @Input() @InputBoolean() cancelOnBlur = true\n  @Input() @InputBoolean() waitOnSubmit = false\n\n  @Input() placeholder = ''\n\n  @Input()\n  get editing(): boolean {\n    return this._editing\n  }\n  set editing(value: boolean) {\n    if (this.disabled && value) {\n      return\n    }\n\n    if (!this._editing) {\n      this.updateBeforeEditValue()\n    }\n    this._editing = coerceBooleanProperty(value)\n    this.editingChange.emit(value)\n  }\n  private _editing = false\n\n  @Output() readonly changeAccepted = new EventEmitter<TheSeamToggleEditRef>()\n  @Output() readonly changeDeclined = new EventEmitter<TheSeamToggleEditRef>()\n  @Output() readonly editingChange = new EventEmitter<boolean>()\n\n  @ViewChild('templatePortalContent', { static: true })\n  templatePortalContent?: TemplateRef<any>\n  public templatePortal?: TemplatePortal<any>\n\n  public modalRef?: OverlayRef\n\n  @ContentChild(ToggleEditDisplayTplDirective, { static: true })\n  displayTpl?: ToggleEditDisplayTplDirective\n\n  constructor() {\n    this._ngZone.runOutsideAngular(() => {\n      this._focusObserver = new MutationObserver(() => {\n        this._ngZone.run(() => {\n          if (this.hasFocus()) {\n            if (this.disabled) {\n              return\n            }\n            this._onFocus()\n          } else {\n            this._onBlur()\n          }\n        })\n      })\n    })\n  }\n\n  ngOnInit() {\n    this._initMonitors()\n    if (this._formFieldComponent) {\n      // TODO: Consider making this smarter, such as avoiding overwritting when input set.\n      this._formFieldComponent.numPaddingErrors = 0\n    }\n  }\n\n  ngOnDestroy() {\n    this._destroyMonitors()\n  }\n\n  ngAfterViewInit() {\n    if (this._formFieldComponent && this._formFieldComponent.contentInput) {\n      this._formFieldComponent.contentInput.stateChanges.subscribe((_) => {\n        this._checkDisabledChange()\n      })\n    }\n    setTimeout(() => {\n      if (this.templatePortalContent) {\n        this.templatePortal = new TemplatePortal(\n          this.templatePortalContent,\n          this._viewContainerRef,\n        )\n      }\n    })\n    this._checkDisabledChange()\n  }\n\n  ngDoCheck() {\n    this._checkDisabledChange()\n  }\n\n  private _initMonitors() {\n    this._kbListener.add(this)\n\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n    this._focusObserver?.observe(this._elementRef.nativeElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: false,\n      characterData: false,\n    })\n  }\n\n  private _destroyMonitors() {\n    this._kbListener.remove(this)\n\n    this._focusObserver?.disconnect()\n    this._focused = false\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n  }\n\n  // Make this disabled checking implementation better. It gets called to much\n  // trying to be accurate.\n  private _checkDisabledChange() {\n    // const isDisabled = this.disabled\n    // if (isDisabled !== this._previousDisabled) {\n    // }\n  }\n\n  public get disabled() {\n    const control = this.getControl()\n    if (control) {\n      return control.disabled\n    }\n    return false\n  }\n\n  public canSubmit(): boolean {\n    const control = this.getControl()\n    if (control) {\n      return control.valid\n    }\n    return true\n  }\n\n  public isSubmitting(): boolean {\n    return this._submitting\n  }\n\n  public submitComplete(error?: any): void {\n    const control = this.getControl()\n    if (control) {\n      control.enable()\n    }\n    this._submitting = false\n\n    if (!error) {\n      this.stopEditing()\n    }\n  }\n\n  public updateBeforeEditValue(): void {\n    const control = this.getControl()\n    if (control) {\n      this._beforeEditValue = control.value\n    }\n  }\n\n  public getValue(): string | null {\n    const control = this.getControl()\n    if (control) {\n      return control.value\n    }\n\n    return null\n  }\n\n  public resetValue(): void {\n    const control = this.getControl()\n    if (control) {\n      // Reset without emitting then update which will emit, because reset will\n      // emit changes before setting pristine\n      control.reset(this._beforeEditValue, { emitEvent: false })\n      control.updateValueAndValidity()\n    }\n  }\n\n  public isFormGroup(): boolean {\n    return !!this._controlContainer\n  }\n\n  public getFormGroup(): FormGroup | null {\n    if (!this.isFormGroup()) {\n      return null\n    }\n    if (!this._controlContainer?.control) {\n      return null\n    }\n    return this._controlContainer.control as FormGroup\n  }\n\n  public isInFormField(): boolean {\n    return !!this._formFieldComponent\n  }\n\n  public getFormControl(): FormControl | null {\n    if (!this.isInFormField()) {\n      return null\n    }\n    if (!this._formFieldComponent?.contentInput) {\n      return null\n    }\n    return this._formFieldComponent.contentInput.ngControl\n      .control as FormControl\n  }\n\n  public hasControl(): boolean {\n    return !!this.getControl()\n  }\n\n  public getControl(): AbstractControl | null {\n    if (this.isFormGroup()) {\n      return this.getFormGroup()\n    } else if (this.isInFormField()) {\n      return this.getFormControl()\n    }\n    return null\n  }\n\n  public submitEdit(): void {\n    if (!this.canSubmit()) {\n      return\n    }\n\n    if (this.waitOnSubmit) {\n      const control = this.getControl()\n      if (control) {\n        control.disable()\n      }\n      this._submitting = true\n    }\n\n    this.stopEditing()\n\n    this.changeAccepted.emit(this as TheSeamToggleEditRef)\n  }\n\n  public cancelEdit(): void {\n    // Reset without emitting then update which will emit, because reset will\n    // emit changes before setting pristine\n    this.resetValue()\n    this.stopEditing()\n\n    this.changeDeclined.emit(this as TheSeamToggleEditRef)\n  }\n\n  private _onFocus(): void {\n    // Return if already focused\n    if (this._focused) {\n      return\n    }\n\n    this._focused = true\n    this._actionsFocused = false\n  }\n\n  private _onBlur(): void {\n    // Return if focus hasn't been detected\n    if (!this._focused) {\n      return\n    }\n\n    if (this.editing && this.cancelOnBlur) {\n      setTimeout(() => {\n        if (!this._actionsFocused) {\n          this.cancelEdit()\n        }\n      })\n    }\n\n    this._focused = false\n  }\n\n  public hasFocus(): boolean {\n    return this._elementRef.nativeElement.classList.contains('cdk-focused')\n  }\n\n  public focusContent(): void {\n    // Set the tab index to `-1` to allow the root element of the component to\n    // receive `focus` event from javascript, but not get focused by keyboard\n    // navigation. This is for the focus monitor. If a button is clicked the\n    // focus monitor emits a blur before the focus of the input. This will avoid\n    // the blur by letting the component itself receive focus events.\n    this._renderer.setAttribute(\n      this._elementRef.nativeElement,\n      'tabindex',\n      '-1',\n    )\n    this._elementRef.nativeElement.focus()\n  }\n\n  public toggleEditing(isEditing?: boolean): void {\n    if (this.editing === isEditing) {\n      return\n    }\n    const _editing = isEditing === undefined ? !this.editing : !!isEditing\n    if (_editing) {\n      this.startEditing()\n    } else {\n      this.stopEditing()\n    }\n  }\n\n  public isEditing(): boolean {\n    return this.editing\n  }\n\n  public startEditing(): void {\n    if (this.disabled) {\n      return\n    }\n    if (this.isEditing()) {\n      return\n    }\n\n    this.updateBeforeEditValue()\n\n    this.focusContent()\n\n    this.editing = true\n\n    this.modalRef = this._overlay.create({\n      hasBackdrop: false,\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    this.modalRef.attach(this.templatePortal)\n  }\n\n  public stopEditing(): void {\n    if (!this.isEditing()) {\n      return\n    }\n\n    if (this.isSubmitting()) {\n      return\n    }\n\n    if (this.modalRef?.hasAttached()) {\n      this.modalRef.detach()\n    }\n\n    // NOTE: This is a hack to avoid a focus lost issue introduced by a focus\n    // acuired issue's hack.\n    this._elementRef.nativeElement.focus()\n    this._elementRef.nativeElement.blur()\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n\n    this.editing = false\n  }\n\n  public keydownEvent(event: KeyboardEvent): void {\n    switch (event.keyCode) {\n      case ESCAPE: {\n        this.cancelEdit()\n        break\n      }\n      case ENTER: {\n        this.submitEdit()\n        break\n      }\n    }\n  }\n\n  private getOverlayPosition(origin: HTMLElement): PositionStrategy {\n    const positionStrategy = this._overlay\n      .position()\n      .flexibleConnectedTo(origin)\n      .withPositions(this.getPositions())\n      .withFlexibleDimensions(false)\n      .withPush(false)\n\n    return positionStrategy\n  }\n\n  private getPositions(): ConnectionPositionPair[] {\n    return [\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom',\n      },\n    ]\n  }\n\n  public resized(): void {\n    if (this.modalRef && this.modalRef.hasAttached()) {\n      this.modalRef.updatePosition()\n    }\n  }\n\n  public actionsFocusChange(event: any): void {\n    this._actionsFocused = !!event\n  }\n}\n","<div\n  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>\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\n            [ngTemplateOutlet]=\"displayTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"\n          ></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\n        *ngIf=\"!editing\"\n        [cdkPortalOutlet]=\"templatePortal\"\n      ></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        >\n          <button\n            *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          >\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button\n            *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          >\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button\n            *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\"\n          >\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","import { NgModule } from '@angular/core'\n\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { TheSeamToggleEditComponent } from './toggle-edit.component'\n\n@NgModule({\n  imports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent],\n  exports: [ToggleEditDisplayTplDirective, TheSeamToggleEditComponent],\n})\nexport class TheSeamToggleEditModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -10,7 +10,9 @@ import { InputBoolean } from '@theseam/ui-common/core';
 class ToggleGroupOptionDirective {
     _cdr = inject(ChangeDetectorRef);
     seamToggleGroupOption;
-    get selected() { return this._selected; }
+    get selected() {
+        return this._selected;
+    }
     set selected(value) {
         if (!this._canUnselect && !value) {
             return;
@@ -29,10 +31,10 @@ class ToggleGroupOptionDirective {
     get value() {
         return this.seamToggleGroupOption;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleGroupOptionDirective, isStandalone: true, selector: "[seamToggleGroupOption]", inputs: { seamToggleGroupOption: "seamToggleGroupOption", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.lib-toggle-group-option-selected": "this._checkioSelectedClass" } }, exportAs: ["seamToggleGroupOption"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleGroupOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: ToggleGroupOptionDirective, isStandalone: true, 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: "20.3.1", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleGroupOption]',
@@ -79,13 +81,14 @@ class ToggleGroupDirective {
         setTimeout(() => {
             this._updateDirectiveStates();
             if (this.optionDirectives) {
-                this.options = this.optionDirectives.changes.pipe(startWith(this.optionDirectives), map(v => v.toArray()), takeUntil(this._ngUnsubscribe));
-                this.options.pipe(switchMap(opts => {
+                this.options = this.optionDirectives.changes.pipe(startWith(this.optionDirectives), map((v) => v.toArray()), takeUntil(this._ngUnsubscribe));
+                this.options
+                    .pipe(switchMap((opts) => {
                     const _tmp = of(undefined);
                     if (opts) {
                         const _v = [];
                         for (const opt of opts) {
-                            _v.push(opt.selectionChange.pipe(filter(v => opt.selected !== this.isSelected(opt.value)), tap(v => {
+                            _v.push(opt.selectionChange.pipe(filter((v) => opt.selected !== this.isSelected(opt.value)), tap((v) => {
                                 if (this.isSelected(opt.value)) {
                                     this.unselectValue(opt.value);
                                 }
@@ -97,9 +100,14 @@ class ToggleGroupDirective {
                         return combineLatest(_v);
                     }
                     return _tmp;
-                }), takeUntil(this._ngUnsubscribe)).subscribe();
+                }), takeUntil(this._ngUnsubscribe))
+                    .subscribe();
             }
-            this.change.pipe(switchMap(_ => from(this.optionDirectives?.toArray() || []).pipe(tap(opt => { this._updateDirectiveState(opt); }))), takeUntil(this._ngUnsubscribe)).subscribe();
+            this.change
+                .pipe(switchMap((_) => from(this.optionDirectives?.toArray() || []).pipe(tap((opt) => {
+                this._updateDirectiveState(opt);
+            }))), takeUntil(this._ngUnsubscribe))
+                .subscribe();
         });
         this.optionDirectives?.changes.subscribe(() => this._updateDirectiveStates());
     }
@@ -112,7 +120,7 @@ class ToggleGroupDirective {
                 ? coerceArray(value)
                 : value
             : value;
-        this.val = (this.multiple) ? [...(_value || [])] : _value || '';
+        this.val = this.multiple ? [...(_value || [])] : _value || '';
         this.change.emit(this.val);
         if (this.onChange) {
             this.onChange(_value);
@@ -135,7 +143,7 @@ class ToggleGroupDirective {
     }
     isSelected(value) {
         if (this.multiple) {
-            const idx = (this.value || []).findIndex(v => v === value);
+            const idx = (this.value || []).findIndex((v) => v === value);
             return idx !== -1;
         }
         else {
@@ -148,7 +156,7 @@ class ToggleGroupDirective {
     }
     unselectValue(value) {
         if (this.multiple) {
-            this.value = (this.value || []).filter(v => v !== value);
+            this.value = (this.value || []).filter((v) => v !== value);
         }
         else {
             this.value = undefined;
@@ -167,8 +175,7 @@ class ToggleGroupDirective {
         if (!this.optionDirectives || this.optionDirectives.length < 1) {
             return null;
         }
-        return this.optionDirectives.toArray()
-            .find(opt => opt.value === value);
+        return this.optionDirectives.toArray().find((opt) => opt.value === value);
     }
     _updateDirectiveStates() {
         if (this.optionDirectives) {
@@ -205,8 +212,8 @@ class ToggleGroupDirective {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.1", type: ToggleGroupDirective, isStandalone: true, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: ToggleGroupDirective, isStandalone: true, 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()
@@ -217,7 +224,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], ToggleGroupDirective.prototype, "selectionToggleable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToggleGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ToggleGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[seamToggleGroup]',
@@ -241,23 +248,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             }] } });
 
 class TheSeamToggleGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, imports: [ToggleGroupDirective,
-            ToggleGroupOptionDirective], exports: [ToggleGroupDirective,
-            ToggleGroupOptionDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleGroupModule, imports: [ToggleGroupDirective, ToggleGroupOptionDirective], exports: [ToggleGroupDirective, ToggleGroupOptionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleGroupModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamToggleGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamToggleGroupModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        ToggleGroupDirective,
-                        ToggleGroupOptionDirective
-                    ],
-                    exports: [
-                        ToggleGroupDirective,
-                        ToggleGroupOptionDirective
-                    ]
+                    imports: [ToggleGroupDirective, ToggleGroupOptionDirective],
+                    exports: [ToggleGroupDirective, ToggleGroupOptionDirective],
                 }]
         }] });