npm - @openziti/ziti-console-lib - Versions diffs - 0.12.8 → 0.12.9 - Mend

@openziti/ziti-console-lib 0.12.8 → 0.12.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/esm2022/lib/features/custom-tags/custom-tags.component.mjs CHANGED Viewed

@@ -14,10 +14,11 @@
     limitations under the License.
 */
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { isEmpty, map, unset } from "lodash";
+import { isEmpty, map, unset, debounce, cloneDeep, set } from "lodash";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
+import * as i3 from "ng-click-outside";
 class CustomTagsComponent {
     constructor() {
         this.tags = {};
@@ -27,54 +28,85 @@ class CustomTagsComponent {
         this.newTagValue = '';
         this.errors = {};
         this.object = Object;
+        this.newTag = { name: '', value: '', initName: '', initVal: '', showNewTag: true, errors: {} };
+        this.tagNameChangedDebounced = debounce(this.tagNameChanged, 350);
+        this.tagValueChangedDebounced = debounce(this.tagValueChanged, 350);
+        this.updateTagsArrayDebounced = debounce(this.updateTagsArray, 350);
+        this.updateTagsObjectDebounced = debounce(this.updateTagsObject, 350);
     }
     ngOnInit() {
-        this.updateTagsArray();
+        this.updateTagsArray({});
     }
     ngOnChanges(changes) {
-        this.updateTagsArray();
+        this.updateTagsArray({});
     }
-    updateTagsArray() {
+    updateTagsArray(event) {
         this.tagsArray = map(this.tags, (value, key) => {
-            return { name: key, value: value };
+            return { name: key, value: value, initName: key, initVal: value, errors: {} };
         });
         this.tagsChange.emit(this.tags);
+        event?.srcElement?.focus();
     }
-    addTag() {
-        this.errors = {};
-        if (isEmpty(this.newTagName)) {
-            this.errors['name'] = true;
-        }
-        if (isEmpty(this.newTagValue)) {
-            this.errors['value'] = true;
-        }
-        if (!isEmpty(this.errors)) {
-            return;
-        }
-        this.tags[this.newTagName] = this.newTagValue;
-        this.newTagName = '';
-        this.newTagValue = '';
-        this.updateTagsArray();
+    updateTagsObject(event) {
+        this.tagsArray.forEach((tag) => {
+            if (tag.initName !== tag.name) {
+                unset(this.tags, tag.initName);
+                tag.initName = tag.name;
+            }
+            if (isEmpty(tag.name) && isEmpty(tag.value)) {
+                unset(this.tags, tag.name);
+            }
+            this.tags[tag.name] = tag.value;
+        });
+        this.tagsChange.emit(this.tags);
+    }
+    addTag(event) {
+        this.validate();
+        set(this.tagsArray, `[${this.tagsArray.length - 1}].showNewTag`, false);
+        const newTag = cloneDeep(this.newTag);
+        this.tagsArray = [...this.tagsArray, newTag];
+        this.updateTagsObject();
+        event?.stopPropagation();
+        event?.preventDefault();
     }
     removeTag(tagName) {
         unset(this.tags, tagName);
-        this.updateTagsArray();
+        this.updateTagsArray({});
+        set(this.tagsArray, `[${this.tagsArray.length - 1}].showNewTag`, true);
     }
     enterKeyPressed(event) {
         this.addTag();
         event.stopPropagation();
         event.preventDefault();
     }
+    tagNameChanged(tag, event) {
+        this.updateTagsObjectDebounced(event);
+    }
+    tagValueChanged(tag, event) {
+        this.updateTagsObjectDebounced(event);
+    }
+    validate(event) {
+        this.tagsArray.forEach((tag) => {
+            const errors = {};
+            if (isEmpty(tag.name)) {
+                errors['name'] = true;
+            }
+            if (isEmpty(tag.value)) {
+                errors['value'] = true;
+            }
+            tag.errors = errors;
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: { tags: "tags" }, outputs: { tagsChange: "tagsChange" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"TagExtended\">\n    <div class=\"grid tags\">\n        <label>Name</label><label>Value</label>\n    </div>\n    <div id=\"NewTags\" >\n        <div class=\"grid tags\" *ngFor=\"let tag of tagsArray\">\n            <input\n                id=\"NewKey\"\n                maxlength=\"100\"\n                placeholder=\"enter the tag key\"\n                [(ngModel)]=\"tag['name']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n            >\n            <input\n                id=\"NewValue\"\n                placeholder=\"enter the value\"\n                type=\"text\"\n                maxlength=\"100\"\n                [(ngModel)]=\"tag['value']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n            >\n            <div class=\"removeIcon icon-clear\" (click)=\"removeTag(tag.name)\"></div>\n        </div>\n    </div>\n    <div class=\"grid tags\">\n        <input id=\"NewKey\" (keyup.enter)=\"enterKeyPressed($event)\" [(ngModel)]=\"newTagName\" [ngClass]=\"{invalid: this.errors.name}\" maxlength=\"100\" placeholder=\"enter the tag key\">\n        <input id=\"NewValue\" (keyup.enter)=\"enterKeyPressed($event)\" [(ngModel)]=\"newTagValue\" [ngClass]=\"{invalid: this.errors.value}\" placeholder=\"enter the value\" maxlength=\"100\">\n        <div id=\"AddCustomButton\" class=\"addIcon icon-add\" (click)=\"addTag()\"></div>\n    </div>\n</div>", styles: [".grid.tags .invalid{border-color:var(--red)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: { tags: "tags" }, outputs: { tagsChange: "tagsChange" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"TagExtended\" (clickOutside)=\"validate($event)\">\n    <div class=\"add-button-container add-vlan-button add-config-open\" (click)=\"addTag($event)\">\n        <div class=\"icon-add addIcon\"></div>\n        <span class=\"add-icon-label\">New Tag</span>\n    </div>\n    <div *ngIf=\"tagsArray.length >= 1\" class=\"grid tags\">\n        <label>Name</label><label>Value</label>\n    </div>\n    <div id=\"NewTags\" >\n        <div *ngIf=\"tagsArray.length <= 0\" class=\"no-tags-container\">\n            No tags to display...\n        </div>\n        <div class=\"grid tags\" *ngFor=\"let tag of tagsArray\">\n            <input\n                maxlength=\"100\"\n                placeholder=\"enter tag name...\"\n                [(ngModel)]=\"tag['name']\"\n                [ngClass]=\"{invalid: tag.errors.name}\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n                (keyup)=\"tagNameChanged(tag, $event)\"\n                (change)=\"validate($event)\"\n            >\n            <input\n                placeholder=\"enter tag value...\"\n                type=\"text\"\n                maxlength=\"100\"\n                [(ngModel)]=\"tag['value']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n                (keyup)=\"tagValueChanged(tag, $event)\"\n                (change)=\"validate($event)\"\n            >\n            <div class=\"tag-actions\">\n                <div class=\"removeIcon icon-clear\" (click)=\"removeTag(tag.name)\"></div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".grid.tags .invalid{border-color:var(--red)}.no-tags-container{height:2rem;display:flex;align-items:center;color:var(--tableText);opacity:.65;font-weight:600}.add-button-container{position:absolute;right:0;top:-1.5rem;display:flex;flex-direction:row;height:1.75rem;align-items:center;margin-right:0;border-radius:var(--inputBorderRadius);padding:var(--paddingSmall);background:var(--mainBackground);cursor:pointer;transition:.3s;background-color:var(--primaryColor)!important;width:-moz-fit-content;width:fit-content;margin-top:-.25rem;color:var(--offWhite_ALWAYS);gap:var(--gapSmall)}.add-button-container .icon-add{font-size:1rem;position:relative;top:unset;left:unset;right:unset;color:var(--background)}.add-button-container:active{transform:translateY(1px)}.add-button-container:hover{filter:brightness(.93)}.tag-actions{position:absolute;top:0;right:0rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:100%;margin-right:.5rem;gap:var(--gapSmall)}.tag-actions .addIcon{position:relative;font-size:1.125rem;color:var(--primary);cursor:pointer;transition:var(--transition);top:unset;right:unset}.tag-actions .removeIcon{position:relative;font-size:1.125rem;color:var(--primary);cursor:pointer;font-weight:400;transition:var(--transition);top:unset;right:unset}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
 }
 export { CustomTagsComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomTagsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-custom-tags', template: "<div id=\"TagExtended\">\n    <div class=\"grid tags\">\n        <label>Name</label><label>Value</label>\n    </div>\n    <div id=\"NewTags\" >\n        <div class=\"grid tags\" *ngFor=\"let tag of tagsArray\">\n            <input\n                id=\"NewKey\"\n                maxlength=\"100\"\n                placeholder=\"enter the tag key\"\n                [(ngModel)]=\"tag['name']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n            >\n            <input\n                id=\"NewValue\"\n                placeholder=\"enter the value\"\n                type=\"text\"\n                maxlength=\"100\"\n                [(ngModel)]=\"tag['value']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n            >\n            <div class=\"removeIcon icon-clear\" (click)=\"removeTag(tag.name)\"></div>\n        </div>\n    </div>\n    <div class=\"grid tags\">\n        <input id=\"NewKey\" (keyup.enter)=\"enterKeyPressed($event)\" [(ngModel)]=\"newTagName\" [ngClass]=\"{invalid: this.errors.name}\" maxlength=\"100\" placeholder=\"enter the tag key\">\n        <input id=\"NewValue\" (keyup.enter)=\"enterKeyPressed($event)\" [(ngModel)]=\"newTagValue\" [ngClass]=\"{invalid: this.errors.value}\" placeholder=\"enter the value\" maxlength=\"100\">\n        <div id=\"AddCustomButton\" class=\"addIcon icon-add\" (click)=\"addTag()\"></div>\n    </div>\n</div>", styles: [".grid.tags .invalid{border-color:var(--red)}\n"] }]
+            args: [{ selector: 'lib-custom-tags', template: "<div id=\"TagExtended\" (clickOutside)=\"validate($event)\">\n    <div class=\"add-button-container add-vlan-button add-config-open\" (click)=\"addTag($event)\">\n        <div class=\"icon-add addIcon\"></div>\n        <span class=\"add-icon-label\">New Tag</span>\n    </div>\n    <div *ngIf=\"tagsArray.length >= 1\" class=\"grid tags\">\n        <label>Name</label><label>Value</label>\n    </div>\n    <div id=\"NewTags\" >\n        <div *ngIf=\"tagsArray.length <= 0\" class=\"no-tags-container\">\n            No tags to display...\n        </div>\n        <div class=\"grid tags\" *ngFor=\"let tag of tagsArray\">\n            <input\n                maxlength=\"100\"\n                placeholder=\"enter tag name...\"\n                [(ngModel)]=\"tag['name']\"\n                [ngClass]=\"{invalid: tag.errors.name}\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n                (keyup)=\"tagNameChanged(tag, $event)\"\n                (change)=\"validate($event)\"\n            >\n            <input\n                placeholder=\"enter tag value...\"\n                type=\"text\"\n                maxlength=\"100\"\n                [(ngModel)]=\"tag['value']\"\n                (keyup.enter)=\"enterKeyPressed($event)\"\n                (keyup)=\"tagValueChanged(tag, $event)\"\n                (change)=\"validate($event)\"\n            >\n            <div class=\"tag-actions\">\n                <div class=\"removeIcon icon-clear\" (click)=\"removeTag(tag.name)\"></div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".grid.tags .invalid{border-color:var(--red)}.no-tags-container{height:2rem;display:flex;align-items:center;color:var(--tableText);opacity:.65;font-weight:600}.add-button-container{position:absolute;right:0;top:-1.5rem;display:flex;flex-direction:row;height:1.75rem;align-items:center;margin-right:0;border-radius:var(--inputBorderRadius);padding:var(--paddingSmall);background:var(--mainBackground);cursor:pointer;transition:.3s;background-color:var(--primaryColor)!important;width:-moz-fit-content;width:fit-content;margin-top:-.25rem;color:var(--offWhite_ALWAYS);gap:var(--gapSmall)}.add-button-container .icon-add{font-size:1rem;position:relative;top:unset;left:unset;right:unset;color:var(--background)}.add-button-container:active{transform:translateY(1px)}.add-button-container:hover{filter:brightness(.93)}.tag-actions{position:absolute;top:0;right:0rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:100%;margin-right:.5rem;gap:var(--gapSmall)}.tag-actions .addIcon{position:relative;font-size:1.125rem;color:var(--primary);cursor:pointer;transition:var(--transition);top:unset;right:unset}.tag-actions .removeIcon{position:relative;font-size:1.125rem;color:var(--primary);cursor:pointer;font-weight:400;transition:var(--transition);top:unset;right:unset}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { tags: [{
                 type: Input
             }], tagsChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRhZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2N1c3RvbS10YWdzL2N1c3RvbS10YWdzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jdXN0b20tdGFncy9jdXN0b20tdGFncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUMsTUFBTSxRQUFRLENBQUM7Ozs7QUFFM0MsTUFLYSxtQkFBbUI7SUFXOUI7UUFUUyxTQUFJLEdBQVEsRUFBRSxDQUFDO1FBQ2QsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWxFLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFdBQU0sR0FBUSxFQUFFLENBQUM7UUFDakIsV0FBTSxHQUFHLE1BQU0sQ0FBQztJQUVELENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLEVBQUU7WUFDN0MsT0FBTyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFBO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBRyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQzVCO1FBQ0QsSUFBRyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQzdCO1FBQ0QsSUFBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDeEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUM5QyxJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFNBQVMsQ0FBQyxPQUFlO1FBQ3ZCLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQUs7UUFDbkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2QsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDOytHQXREVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw2SUN4QmhDLDgzQ0E2Qk07O1NETE8sbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCOzBFQU1sQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gICAgQ29weXJpZ2h0IE5ldEZvdW5kcnkgSW5jLlxuXG4gICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwczovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cbiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7aXNFbXB0eSwgbWFwLCB1bnNldH0gZnJvbSBcImxvZGFzaFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItY3VzdG9tLXRhZ3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXRhZ3MuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tdGFncy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVRhZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgdGFnczogYW55ID0ge307XG4gIEBPdXRwdXQoKSB0YWdzQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHRhZ3NBcnJheSA9IFtdO1xuICBuZXdUYWdOYW1lID0gJyc7XG4gIG5ld1RhZ1ZhbHVlID0gJyc7XG4gIGVycm9yczogYW55ID0ge307XG4gIG9iamVjdCA9IE9iamVjdDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy51cGRhdGVUYWdzQXJyYXkoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLnVwZGF0ZVRhZ3NBcnJheSgpXG4gIH1cblxuICB1cGRhdGVUYWdzQXJyYXkoKSB7XG4gICAgdGhpcy50YWdzQXJyYXkgPSBtYXAodGhpcy50YWdzLCAodmFsdWUsIGtleSkgPT4ge1xuICAgICAgcmV0dXJuIHtuYW1lOiBrZXksIHZhbHVlOiB2YWx1ZX1cbiAgICB9KTtcbiAgICB0aGlzLnRhZ3NDaGFuZ2UuZW1pdCh0aGlzLnRhZ3MpO1xuICB9XG5cbiAgYWRkVGFnKCkge1xuICAgIHRoaXMuZXJyb3JzID0ge307XG4gICAgaWYoaXNFbXB0eSh0aGlzLm5ld1RhZ05hbWUpKSB7XG4gICAgICB0aGlzLmVycm9yc1snbmFtZSddID0gdHJ1ZTtcbiAgICB9XG4gICAgaWYoaXNFbXB0eSh0aGlzLm5ld1RhZ1ZhbHVlKSkge1xuICAgICAgdGhpcy5lcnJvcnNbJ3ZhbHVlJ10gPSB0cnVlO1xuICAgIH1cbiAgICBpZighaXNFbXB0eSh0aGlzLmVycm9ycykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy50YWdzW3RoaXMubmV3VGFnTmFtZV0gPSB0aGlzLm5ld1RhZ1ZhbHVlO1xuICAgIHRoaXMubmV3VGFnTmFtZSA9ICcnO1xuICAgIHRoaXMubmV3VGFnVmFsdWUgPSAnJztcbiAgICB0aGlzLnVwZGF0ZVRhZ3NBcnJheSgpO1xuICB9XG5cbiAgcmVtb3ZlVGFnKHRhZ05hbWU6IHN0cmluZykge1xuICAgIHVuc2V0KHRoaXMudGFncywgdGFnTmFtZSk7XG4gICAgdGhpcy51cGRhdGVUYWdzQXJyYXkoKTtcbiAgfVxuXG4gIGVudGVyS2V5UHJlc3NlZChldmVudCkge1xuICAgIHRoaXMuYWRkVGFnKCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxufVxuIiwiPGRpdiBpZD1cIlRhZ0V4dGVuZGVkXCI+XG4gICAgPGRpdiBjbGFzcz1cImdyaWQgdGFnc1wiPlxuICAgICAgICA8bGFiZWw+TmFtZTwvbGFiZWw+PGxhYmVsPlZhbHVlPC9sYWJlbD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGlkPVwiTmV3VGFnc1wiID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQgdGFnc1wiICpuZ0Zvcj1cImxldCB0YWcgb2YgdGFnc0FycmF5XCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBpZD1cIk5ld0tleVwiXG4gICAgICAgICAgICAgICAgbWF4bGVuZ3RoPVwiMTAwXCJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cImVudGVyIHRoZSB0YWcga2V5XCJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInRhZ1snbmFtZSddXCJcbiAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwiZW50ZXJLZXlQcmVzc2VkKCRldmVudClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgaWQ9XCJOZXdWYWx1ZVwiXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJlbnRlciB0aGUgdmFsdWVcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtYXhsZW5ndGg9XCIxMDBcIlxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwidGFnWyd2YWx1ZSddXCJcbiAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwiZW50ZXJLZXlQcmVzc2VkKCRldmVudClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlbW92ZUljb24gaWNvbi1jbGVhclwiIChjbGljayk9XCJyZW1vdmVUYWcodGFnLm5hbWUpXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJncmlkIHRhZ3NcIj5cbiAgICAgICAgPGlucHV0IGlkPVwiTmV3S2V5XCIgKGtleXVwLmVudGVyKT1cImVudGVyS2V5UHJlc3NlZCgkZXZlbnQpXCIgWyhuZ01vZGVsKV09XCJuZXdUYWdOYW1lXCIgW25nQ2xhc3NdPVwie2ludmFsaWQ6IHRoaXMuZXJyb3JzLm5hbWV9XCIgbWF4bGVuZ3RoPVwiMTAwXCIgcGxhY2Vob2xkZXI9XCJlbnRlciB0aGUgdGFnIGtleVwiPlxuICAgICAgICA8aW5wdXQgaWQ9XCJOZXdWYWx1ZVwiIChrZXl1cC5lbnRlcik9XCJlbnRlcktleVByZXNzZWQoJGV2ZW50KVwiIFsobmdNb2RlbCldPVwibmV3VGFnVmFsdWVcIiBbbmdDbGFzc109XCJ7aW52YWxpZDogdGhpcy5lcnJvcnMudmFsdWV9XCIgcGxhY2Vob2xkZXI9XCJlbnRlciB0aGUgdmFsdWVcIiBtYXhsZW5ndGg9XCIxMDBcIj5cbiAgICAgICAgPGRpdiBpZD1cIkFkZEN1c3RvbUJ1dHRvblwiIGNsYXNzPVwiYWRkSWNvbiBpY29uLWFkZFwiIChjbGljayk9XCJhZGRUYWcoKVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRhZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2N1c3RvbS10YWdzL2N1c3RvbS10YWdzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9jdXN0b20tdGFncy9jdXN0b20tdGFncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQVUsT0FBTyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsTUFBTSxRQUFRLENBQUM7Ozs7O0FBRTlFLE1BS2EsbUJBQW1CO0lBa0I5QjtRQWhCUyxTQUFJLEdBQVEsRUFBRSxDQUFDO1FBQ2QsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWxFLGNBQVMsR0FBUSxFQUFFLENBQUM7UUFDcEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixXQUFNLEdBQVEsRUFBRSxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxNQUFNLENBQUM7UUFFaEIsV0FBTSxHQUFHLEVBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUMsQ0FBQztRQUV4Riw0QkFBdUIsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUM3RCw2QkFBd0IsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMvRCw2QkFBd0IsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMvRCw4QkFBeUIsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBRWxELENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVztRQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFO1lBQzdDLE9BQU8sRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUMsQ0FBQTtRQUM3RSxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFXO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDN0IsSUFBSSxHQUFHLENBQUMsUUFBUSxLQUFLLEdBQUcsQ0FBQyxJQUFJLEVBQUU7Z0JBQzdCLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDL0IsR0FBRyxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO2FBQ3pCO1lBQ0QsSUFBSSxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQzNDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUM1QjtZQUNELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFNO1FBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDeEUsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzdDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3hCLEtBQUssRUFBRSxlQUFlLEVBQUUsQ0FBQztRQUN6QixLQUFLLEVBQUUsY0FBYyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFNBQVMsQ0FBQyxPQUFlO1FBQ3ZCLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDekIsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQUs7UUFDbkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2QsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsY0FBYyxDQUFDLEdBQVEsRUFBRSxLQUFNO1FBQzdCLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZUFBZSxDQUFDLEdBQVEsRUFBRSxLQUFNO1FBQzlCLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQU07UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzdCLE1BQU0sTUFBTSxHQUFHLEVBQUUsQ0FBQztZQUNsQixJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3JCLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDdkI7WUFDRCxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3RCLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDeEI7WUFDRCxHQUFHLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBM0ZVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDZJQ3hCaEMsNGhEQXFDQTs7U0RiYSxtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxpQkFBaUI7MEVBTWxCLElBQUk7c0JBQVosS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAgICBDb3B5cmlnaHQgTmV0Rm91bmRyeSBJbmMuXG5cbiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHBzOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcblxuICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuKi9cblxuaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtmb3JFYWNoLCBpc0VtcHR5LCBtYXAsIHVuc2V0LCBkZWJvdW5jZSwgY2xvbmVEZWVwLCBzZXR9IGZyb20gXCJsb2Rhc2hcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWN1c3RvbS10YWdzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS10YWdzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLXRhZ3MuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21UYWdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIHRhZ3M6IGFueSA9IHt9O1xuICBAT3V0cHV0KCkgdGFnc0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICB0YWdzQXJyYXk6IGFueSA9IFtdO1xuICBuZXdUYWdOYW1lID0gJyc7XG4gIG5ld1RhZ1ZhbHVlID0gJyc7XG4gIGVycm9yczogYW55ID0ge307XG4gIG9iamVjdCA9IE9iamVjdDtcblxuICBuZXdUYWcgPSB7bmFtZTogJycsIHZhbHVlOiAnJywgaW5pdE5hbWU6ICcnLCBpbml0VmFsOiAnJywgc2hvd05ld1RhZzogdHJ1ZSwgZXJyb3JzOiB7fX07XG5cbiAgdGFnTmFtZUNoYW5nZWREZWJvdW5jZWQgPSBkZWJvdW5jZSh0aGlzLnRhZ05hbWVDaGFuZ2VkLCAzNTApO1xuICB0YWdWYWx1ZUNoYW5nZWREZWJvdW5jZWQgPSBkZWJvdW5jZSh0aGlzLnRhZ1ZhbHVlQ2hhbmdlZCwgMzUwKTtcbiAgdXBkYXRlVGFnc0FycmF5RGVib3VuY2VkID0gZGVib3VuY2UodGhpcy51cGRhdGVUYWdzQXJyYXksIDM1MCk7XG4gIHVwZGF0ZVRhZ3NPYmplY3REZWJvdW5jZWQgPSBkZWJvdW5jZSh0aGlzLnVwZGF0ZVRhZ3NPYmplY3QsIDM1MCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudXBkYXRlVGFnc0FycmF5KHt9KTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLnVwZGF0ZVRhZ3NBcnJheSh7fSk7XG4gIH1cblxuICB1cGRhdGVUYWdzQXJyYXkoZXZlbnQ/OiBhbnkpIHtcbiAgICB0aGlzLnRhZ3NBcnJheSA9IG1hcCh0aGlzLnRhZ3MsICh2YWx1ZSwga2V5KSA9PiB7XG4gICAgICByZXR1cm4ge25hbWU6IGtleSwgdmFsdWU6IHZhbHVlLCBpbml0TmFtZToga2V5LCBpbml0VmFsOiB2YWx1ZSwgZXJyb3JzOiB7fX1cbiAgICB9KTtcbiAgICB0aGlzLnRhZ3NDaGFuZ2UuZW1pdCh0aGlzLnRhZ3MpO1xuICAgIGV2ZW50Py5zcmNFbGVtZW50Py5mb2N1cygpO1xuICB9XG5cbiAgdXBkYXRlVGFnc09iamVjdChldmVudD86IGFueSkge1xuICAgIHRoaXMudGFnc0FycmF5LmZvckVhY2goKHRhZykgPT4ge1xuICAgICAgaWYgKHRhZy5pbml0TmFtZSAhPT0gdGFnLm5hbWUpIHtcbiAgICAgICAgdW5zZXQodGhpcy50YWdzLCB0YWcuaW5pdE5hbWUpO1xuICAgICAgICB0YWcuaW5pdE5hbWUgPSB0YWcubmFtZTtcbiAgICAgIH1cbiAgICAgIGlmIChpc0VtcHR5KHRhZy5uYW1lKSAmJiBpc0VtcHR5KHRhZy52YWx1ZSkpIHtcbiAgICAgICAgdW5zZXQodGhpcy50YWdzLCB0YWcubmFtZSk7XG4gICAgICB9XG4gICAgICB0aGlzLnRhZ3NbdGFnLm5hbWVdID0gdGFnLnZhbHVlO1xuICAgIH0pO1xuICAgIHRoaXMudGFnc0NoYW5nZS5lbWl0KHRoaXMudGFncyk7XG4gIH1cblxuICBhZGRUYWcoZXZlbnQ/KSB7XG4gICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgIHNldCh0aGlzLnRhZ3NBcnJheSwgYFske3RoaXMudGFnc0FycmF5Lmxlbmd0aCAtIDF9XS5zaG93TmV3VGFnYCwgZmFsc2UpO1xuICAgIGNvbnN0IG5ld1RhZyA9IGNsb25lRGVlcCh0aGlzLm5ld1RhZyk7XG4gICAgdGhpcy50YWdzQXJyYXkgPSBbLi4udGhpcy50YWdzQXJyYXksIG5ld1RhZ107XG4gICAgdGhpcy51cGRhdGVUYWdzT2JqZWN0KCk7XG4gICAgZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50Py5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgcmVtb3ZlVGFnKHRhZ05hbWU6IHN0cmluZykge1xuICAgIHVuc2V0KHRoaXMudGFncywgdGFnTmFtZSk7XG4gICAgdGhpcy51cGRhdGVUYWdzQXJyYXkoe30pO1xuICAgIHNldCh0aGlzLnRhZ3NBcnJheSwgYFske3RoaXMudGFnc0FycmF5Lmxlbmd0aCAtIDF9XS5zaG93TmV3VGFnYCwgdHJ1ZSk7XG4gIH1cblxuICBlbnRlcktleVByZXNzZWQoZXZlbnQpIHtcbiAgICB0aGlzLmFkZFRhZygpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cblxuICB0YWdOYW1lQ2hhbmdlZCh0YWc6IGFueSwgZXZlbnQ/KSB7XG4gICAgdGhpcy51cGRhdGVUYWdzT2JqZWN0RGVib3VuY2VkKGV2ZW50KTtcbiAgfVxuXG4gIHRhZ1ZhbHVlQ2hhbmdlZCh0YWc6IGFueSwgZXZlbnQ/KSB7XG4gICAgdGhpcy51cGRhdGVUYWdzT2JqZWN0RGVib3VuY2VkKGV2ZW50KTtcbiAgfVxuXG4gIHZhbGlkYXRlKGV2ZW50Pykge1xuICAgIHRoaXMudGFnc0FycmF5LmZvckVhY2goKHRhZykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JzID0ge307XG4gICAgICBpZiAoaXNFbXB0eSh0YWcubmFtZSkpIHtcbiAgICAgICAgZXJyb3JzWyduYW1lJ10gPSB0cnVlO1xuICAgICAgfVxuICAgICAgaWYgKGlzRW1wdHkodGFnLnZhbHVlKSkge1xuICAgICAgICBlcnJvcnNbJ3ZhbHVlJ10gPSB0cnVlO1xuICAgICAgfVxuICAgICAgdGFnLmVycm9ycyA9IGVycm9ycztcbiAgICB9KTtcbiAgfVxuXG59XG4iLCI8ZGl2IGlkPVwiVGFnRXh0ZW5kZWRcIiAoY2xpY2tPdXRzaWRlKT1cInZhbGlkYXRlKCRldmVudClcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWRkLWJ1dHRvbi1jb250YWluZXIgYWRkLXZsYW4tYnV0dG9uIGFkZC1jb25maWctb3BlblwiIChjbGljayk9XCJhZGRUYWcoJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1hZGQgYWRkSWNvblwiPjwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cImFkZC1pY29uLWxhYmVsXCI+TmV3IFRhZzwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwidGFnc0FycmF5Lmxlbmd0aCA+PSAxXCIgY2xhc3M9XCJncmlkIHRhZ3NcIj5cbiAgICAgICAgPGxhYmVsPk5hbWU8L2xhYmVsPjxsYWJlbD5WYWx1ZTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBpZD1cIk5ld1RhZ3NcIiA+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ0YWdzQXJyYXkubGVuZ3RoIDw9IDBcIiBjbGFzcz1cIm5vLXRhZ3MtY29udGFpbmVyXCI+XG4gICAgICAgICAgICBObyB0YWdzIHRvIGRpc3BsYXkuLi5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmlkIHRhZ3NcIiAqbmdGb3I9XCJsZXQgdGFnIG9mIHRhZ3NBcnJheVwiPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgbWF4bGVuZ3RoPVwiMTAwXCJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cImVudGVyIHRhZyBuYW1lLi4uXCJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInRhZ1snbmFtZSddXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7aW52YWxpZDogdGFnLmVycm9ycy5uYW1lfVwiXG4gICAgICAgICAgICAgICAgKGtleXVwLmVudGVyKT1cImVudGVyS2V5UHJlc3NlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoa2V5dXApPVwidGFnTmFtZUNoYW5nZWQodGFnLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoY2hhbmdlKT1cInZhbGlkYXRlKCRldmVudClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJlbnRlciB0YWcgdmFsdWUuLi5cIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtYXhsZW5ndGg9XCIxMDBcIlxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwidGFnWyd2YWx1ZSddXCJcbiAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwiZW50ZXJLZXlQcmVzc2VkKCRldmVudClcIlxuICAgICAgICAgICAgICAgIChrZXl1cCk9XCJ0YWdWYWx1ZUNoYW5nZWQodGFnLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoY2hhbmdlKT1cInZhbGlkYXRlKCRldmVudClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhZy1hY3Rpb25zXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlbW92ZUljb24gaWNvbi1jbGVhclwiIChjbGljayk9XCJyZW1vdmVUYWcodGFnLm5hbWUpXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/features/multi-action-button/multi-action-button.component.mjs CHANGED Viewed

@@ -17,15 +17,15 @@ class MultiActionButtonComponent {
         this.actionRequested.emit(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiActionButtonComponent, selector: "lib-multi-action-button", inputs: { actions: "actions" }, outputs: { actionRequested: "actionRequested" }, ngImport: i0, template: "<div class=\"multi-action-button-container\">\n    <div class=\"form-field-action\"\n         *ngIf=\"actions\"\n         (clickOutside)=\"closeMoreActionsMenu()\"\n    >\n        <div class=\"primary-action-button\" (click)=\"actionClicked(actions[0])\">{{actions[0].label}}</div>\n        <div class=\"secondary-action-button\"\n             *ngIf=\"actions.length > 1\"\n             (click)=\"showMoreActionsMenu()\"\n        ><div class=\"secondary-actions-arrow icon-prev\"></div></div>\n    </div>\n    <div class=\"multi-action-button-dropdown\" *ngIf=\"showMoreActions\">\n        <ul>\n            <li *ngFor=\"let action of actions\" class=\"confirm-item-name\" (click)=\"actionClicked(action)\">{{action.label}}</li>\n        </ul>\n    </div>\n</div>\n", styles: [".multi-action-button-container{position:absolute;right:.9375rem;top:.625rem;z-index:999999}.multi-action-button-container .form-field-action{display:flex;flex-direction:row;align-items:center;padding:0;height:1.5625rem}.multi-action-button-container .form-field-action .primary-action-button{padding-left:.625rem;padding-right:.625rem;border-right-style:solid;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);color:var(--offWhite_ALWAYS);cursor:pointer;border-top-left-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button{height:100%;width:1.875rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:var(--primary);color:var(--white);cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button .secondary-actions-arrow{transform:rotate(270deg)}.multi-action-button-container .multi-action-button-dropdown{position:absolute;background:var(--background);width:100%}.multi-action-button-container .multi-action-button-dropdown ul{width:100%;margin:0;padding:0}.multi-action-button-container .multi-action-button-dropdown ul li{list-style-type:none;padding:.3125rem .3125rem .3125rem .625rem;cursor:pointer}.multi-action-button-container .multi-action-button-dropdown ul li:hover{background-color:var(--inputBorder)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiActionButtonComponent, selector: "lib-multi-action-button", inputs: { actions: "actions" }, outputs: { actionRequested: "actionRequested" }, ngImport: i0, template: "<div class=\"multi-action-button-container\">\n    <div class=\"form-field-action\"\n         *ngIf=\"actions\"\n         (clickOutside)=\"closeMoreActionsMenu()\"\n    >\n        <div class=\"primary-action-button\" (click)=\"actionClicked(actions[0])\">{{actions[0].label}}</div>\n        <div class=\"secondary-action-button\"\n             *ngIf=\"actions.length > 1\"\n             (click)=\"showMoreActionsMenu()\"\n        ><div class=\"secondary-actions-arrow icon-prev\"></div></div>\n    </div>\n    <div class=\"multi-action-button-dropdown\" *ngIf=\"showMoreActions\">\n        <ul>\n            <li *ngFor=\"let action of actions\" [hidden]=\"action.hidden\" class=\"confirm-item-name\" (click)=\"actionClicked(action)\">{{action.label}}</li>\n        </ul>\n    </div>\n</div>\n", styles: [".multi-action-button-container{position:absolute;right:.9375rem;top:.625rem;z-index:999999}.multi-action-button-container .form-field-action{display:flex;flex-direction:row;align-items:center;padding:0;height:1.5625rem}.multi-action-button-container .form-field-action .primary-action-button{padding-left:.625rem;padding-right:.625rem;border-right-style:solid;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);color:var(--offWhite_ALWAYS);cursor:pointer;border-top-left-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button{height:100%;width:1.875rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:var(--primary);color:var(--white);cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button .secondary-actions-arrow{transform:rotate(270deg)}.multi-action-button-container .multi-action-button-dropdown{position:absolute;background:var(--background);width:100%}.multi-action-button-container .multi-action-button-dropdown ul{width:100%;margin:0;padding:0}.multi-action-button-container .multi-action-button-dropdown ul li{list-style-type:none;padding:.3125rem .3125rem .3125rem .625rem;cursor:pointer}.multi-action-button-container .multi-action-button-dropdown ul li[hidden]{display:none}.multi-action-button-container .multi-action-button-dropdown ul li:hover{background-color:var(--inputBorder)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
 }
 export { MultiActionButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiActionButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-multi-action-button', template: "<div class=\"multi-action-button-container\">\n    <div class=\"form-field-action\"\n         *ngIf=\"actions\"\n         (clickOutside)=\"closeMoreActionsMenu()\"\n    >\n        <div class=\"primary-action-button\" (click)=\"actionClicked(actions[0])\">{{actions[0].label}}</div>\n        <div class=\"secondary-action-button\"\n             *ngIf=\"actions.length > 1\"\n             (click)=\"showMoreActionsMenu()\"\n        ><div class=\"secondary-actions-arrow icon-prev\"></div></div>\n    </div>\n    <div class=\"multi-action-button-dropdown\" *ngIf=\"showMoreActions\">\n        <ul>\n            <li *ngFor=\"let action of actions\" class=\"confirm-item-name\" (click)=\"actionClicked(action)\">{{action.label}}</li>\n        </ul>\n    </div>\n</div>\n", styles: [".multi-action-button-container{position:absolute;right:.9375rem;top:.625rem;z-index:999999}.multi-action-button-container .form-field-action{display:flex;flex-direction:row;align-items:center;padding:0;height:1.5625rem}.multi-action-button-container .form-field-action .primary-action-button{padding-left:.625rem;padding-right:.625rem;border-right-style:solid;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);color:var(--offWhite_ALWAYS);cursor:pointer;border-top-left-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button{height:100%;width:1.875rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:var(--primary);color:var(--white);cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button .secondary-actions-arrow{transform:rotate(270deg)}.multi-action-button-container .multi-action-button-dropdown{position:absolute;background:var(--background);width:100%}.multi-action-button-container .multi-action-button-dropdown ul{width:100%;margin:0;padding:0}.multi-action-button-container .multi-action-button-dropdown ul li{list-style-type:none;padding:.3125rem .3125rem .3125rem .625rem;cursor:pointer}.multi-action-button-container .multi-action-button-dropdown ul li:hover{background-color:var(--inputBorder)}\n"] }]
+            args: [{ selector: 'lib-multi-action-button', template: "<div class=\"multi-action-button-container\">\n    <div class=\"form-field-action\"\n         *ngIf=\"actions\"\n         (clickOutside)=\"closeMoreActionsMenu()\"\n    >\n        <div class=\"primary-action-button\" (click)=\"actionClicked(actions[0])\">{{actions[0].label}}</div>\n        <div class=\"secondary-action-button\"\n             *ngIf=\"actions.length > 1\"\n             (click)=\"showMoreActionsMenu()\"\n        ><div class=\"secondary-actions-arrow icon-prev\"></div></div>\n    </div>\n    <div class=\"multi-action-button-dropdown\" *ngIf=\"showMoreActions\">\n        <ul>\n            <li *ngFor=\"let action of actions\" [hidden]=\"action.hidden\" class=\"confirm-item-name\" (click)=\"actionClicked(action)\">{{action.label}}</li>\n        </ul>\n    </div>\n</div>\n", styles: [".multi-action-button-container{position:absolute;right:.9375rem;top:.625rem;z-index:999999}.multi-action-button-container .form-field-action{display:flex;flex-direction:row;align-items:center;padding:0;height:1.5625rem}.multi-action-button-container .form-field-action .primary-action-button{padding-left:.625rem;padding-right:.625rem;border-right-style:solid;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);color:var(--offWhite_ALWAYS);cursor:pointer;border-top-left-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .primary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button{height:100%;width:1.875rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:var(--primary);color:var(--white);cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);border-color:var(--stroke);box-shadow:0 .1875rem .5625rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:hover{outline:0;filter:brightness(90%);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque)}.multi-action-button-container .form-field-action .secondary-action-button:active{background:#648293;box-shadow:none;transform:translateY(.0625rem)}.multi-action-button-container .form-field-action .secondary-action-button .secondary-actions-arrow{transform:rotate(270deg)}.multi-action-button-container .multi-action-button-dropdown{position:absolute;background:var(--background);width:100%}.multi-action-button-container .multi-action-button-dropdown ul{width:100%;margin:0;padding:0}.multi-action-button-container .multi-action-button-dropdown ul li{list-style-type:none;padding:.3125rem .3125rem .3125rem .625rem;cursor:pointer}.multi-action-button-container .multi-action-button-dropdown ul li[hidden]{display:none}.multi-action-button-container .multi-action-button-dropdown ul li:hover{background-color:var(--inputBorder)}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], actionRequested: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvbXVsdGktYWN0aW9uLWJ1dHRvbi9tdWx0aS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9tdWx0aS1hY3Rpb24tYnV0dG9uL211bHRpLWFjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQUVyRSxNQUthLDBCQUEwQjtJQUx2QztRQVFZLG9CQUFlLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFdkUsb0JBQWUsR0FBRyxLQUFLLENBQUM7S0FhekI7SUFYQyxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLE1BQU07UUFDbEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0FqQlUsMEJBQTBCO21HQUExQiwwQkFBMEIsZ0pDUHZDLCt2QkFpQkE7O1NEVmEsMEJBQTBCOzRGQUExQiwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQU0xQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbXVsdGktYWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tdWx0aS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbXVsdGktYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpQWN0aW9uQnV0dG9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBhY3Rpb25zOiBhbnlbXTtcbiAgQE91dHB1dCgpIGFjdGlvblJlcXVlc3RlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBzaG93TW9yZUFjdGlvbnMgPSBmYWxzZTtcblxuICBzaG93TW9yZUFjdGlvbnNNZW51KCkge1xuICAgIHRoaXMuc2hvd01vcmVBY3Rpb25zID0gdHJ1ZTtcbiAgfVxuXG4gIGNsb3NlTW9yZUFjdGlvbnNNZW51KCkge1xuICAgIHRoaXMuc2hvd01vcmVBY3Rpb25zID0gZmFsc2U7XG4gIH1cblxuICBhY3Rpb25DbGlja2VkKGFjdGlvbikge1xuICAgIHRoaXMuYWN0aW9uUmVxdWVzdGVkLmVtaXQoYWN0aW9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm11bHRpLWFjdGlvbi1idXR0b24tY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZmllbGQtYWN0aW9uXCJcbiAgICAgICAgICpuZ0lmPVwiYWN0aW9uc1wiXG4gICAgICAgICAoY2xpY2tPdXRzaWRlKT1cImNsb3NlTW9yZUFjdGlvbnNNZW51KClcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInByaW1hcnktYWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJhY3Rpb25DbGlja2VkKGFjdGlvbnNbMF0pXCI+e3thY3Rpb25zWzBdLmxhYmVsfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlY29uZGFyeS1hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAqbmdJZj1cImFjdGlvbnMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgKGNsaWNrKT1cInNob3dNb3JlQWN0aW9uc01lbnUoKVwiXG4gICAgICAgID48ZGl2IGNsYXNzPVwic2Vjb25kYXJ5LWFjdGlvbnMtYXJyb3cgaWNvbi1wcmV2XCI+PC9kaXY+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm11bHRpLWFjdGlvbi1idXR0b24tZHJvcGRvd25cIiAqbmdJZj1cInNob3dNb3JlQWN0aW9uc1wiPlxuICAgICAgICA8dWw+XG4gICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zXCIgY2xhc3M9XCJjb25maXJtLWl0ZW0tbmFtZVwiIChjbGljayk9XCJhY3Rpb25DbGlja2VkKGFjdGlvbilcIj57e2FjdGlvbi5sYWJlbH19PC9saT5cbiAgICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvbXVsdGktYWN0aW9uLWJ1dHRvbi9tdWx0aS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9tdWx0aS1hY3Rpb24tYnV0dG9uL211bHRpLWFjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQUVyRSxNQUthLDBCQUEwQjtJQUx2QztRQVFZLG9CQUFlLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFdkUsb0JBQWUsR0FBRyxLQUFLLENBQUM7S0FhekI7SUFYQyxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLE1BQU07UUFDbEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0FqQlUsMEJBQTBCO21HQUExQiwwQkFBMEIsZ0pDUHZDLDB4QkFpQkE7O1NEVmEsMEJBQTBCOzRGQUExQiwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQU0xQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbXVsdGktYWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tdWx0aS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbXVsdGktYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE11bHRpQWN0aW9uQnV0dG9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBhY3Rpb25zOiBhbnlbXTtcbiAgQE91dHB1dCgpIGFjdGlvblJlcXVlc3RlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBzaG93TW9yZUFjdGlvbnMgPSBmYWxzZTtcblxuICBzaG93TW9yZUFjdGlvbnNNZW51KCkge1xuICAgIHRoaXMuc2hvd01vcmVBY3Rpb25zID0gdHJ1ZTtcbiAgfVxuXG4gIGNsb3NlTW9yZUFjdGlvbnNNZW51KCkge1xuICAgIHRoaXMuc2hvd01vcmVBY3Rpb25zID0gZmFsc2U7XG4gIH1cblxuICBhY3Rpb25DbGlja2VkKGFjdGlvbikge1xuICAgIHRoaXMuYWN0aW9uUmVxdWVzdGVkLmVtaXQoYWN0aW9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm11bHRpLWFjdGlvbi1idXR0b24tY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZmllbGQtYWN0aW9uXCJcbiAgICAgICAgICpuZ0lmPVwiYWN0aW9uc1wiXG4gICAgICAgICAoY2xpY2tPdXRzaWRlKT1cImNsb3NlTW9yZUFjdGlvbnNNZW51KClcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInByaW1hcnktYWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJhY3Rpb25DbGlja2VkKGFjdGlvbnNbMF0pXCI+e3thY3Rpb25zWzBdLmxhYmVsfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlY29uZGFyeS1hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAqbmdJZj1cImFjdGlvbnMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgKGNsaWNrKT1cInNob3dNb3JlQWN0aW9uc01lbnUoKVwiXG4gICAgICAgID48ZGl2IGNsYXNzPVwic2Vjb25kYXJ5LWFjdGlvbnMtYXJyb3cgaWNvbi1wcmV2XCI+PC9kaXY+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm11bHRpLWFjdGlvbi1idXR0b24tZHJvcGRvd25cIiAqbmdJZj1cInNob3dNb3JlQWN0aW9uc1wiPlxuICAgICAgICA8dWw+XG4gICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zXCIgW2hpZGRlbl09XCJhY3Rpb24uaGlkZGVuXCIgY2xhc3M9XCJjb25maXJtLWl0ZW0tbmFtZVwiIChjbGljayk9XCJhY3Rpb25DbGlja2VkKGFjdGlvbilcIj57e2FjdGlvbi5sYWJlbH19PC9saT5cbiAgICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/features/projectable-forms/api-session/api-session-form.component.mjs CHANGED Viewed

@@ -115,7 +115,7 @@ class APISessionFormComponent extends ProjectableForm {
                 provide: MatDialogRef,
                 useValue: {}
             }
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper api-session-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n>\n    <lib-form-header\n        [data]=\"formData\"\n        [title]=\"'API Session Details'\"\n        [moreActions]=\"moreActions\"\n        (actionRequested)=\"headerActionRequested($event)\"\n        [(formView)]=\"formView\"\n        [showHeaderButton]=\"false\"\n    ></lib-form-header>\n    <div class=\"edge-router-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" *ngIf=\"formView === 'simple'\">\n            <div class=\"form-group-column\">\n                <lib-form-field-container [showHeader]=\"false\">\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">ID</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{formData.id}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Identity Name</span>\n                        </div>\n                        <a class=\"form-field-link\" [href]=\"'./services/' + formData.identity.id\" (click)=\"identityNameLinkClicked($event)\">\n                            <div class=\"config-container config-container-clickable\">\n                                <span>{{formData.identity.name}}</span>\n                            </div>\n                        </a>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">IP Address</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{formData.ipAddress}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Created At</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.createdAt).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Updated At</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.updatedAt).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Last Activity</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.lastActivity).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["::ng-deep .api-session-form-wrapper .form-header-container{max-width:35rem!important}::ng-deep .api-session-form-wrapper .form-header-container .form-header-toggle-container{margin-right:0!important}.projectable-form-main-column.form-group-row{max-width:35rem}.form-field-dropdown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1'     viewBox%3D'0 0 20.2 10.8'     x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B    fill%3A %23668291%3B  %7D%3C%2Fstyle%3E  %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.config-item{max-height:var(--defaultInputHeight);margin-top:1.15rem}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:-moz-fit-content;height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}.entity-name-and-spinner{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.spinner{border-right-color:var(--formBase);border-top-color:var(--formBase)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: i6.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: i7.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i8.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper api-session-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n>\n    <lib-form-header\n        [data]=\"formData\"\n        [title]=\"'API Session Details'\"\n        [moreActions]=\"moreActions\"\n        (actionRequested)=\"headerActionRequested($event)\"\n        [(formView)]=\"formView\"\n        [showHeaderButton]=\"false\"\n    ></lib-form-header>\n    <div class=\"edge-router-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" *ngIf=\"formView === 'simple'\">\n            <div class=\"form-group-column\">\n                <lib-form-field-container [showHeader]=\"false\">\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">ID</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{formData.id}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Identity Name</span>\n                        </div>\n                        <a class=\"form-field-link\" [href]=\"'./services/' + formData.identity.id\" (click)=\"identityNameLinkClicked($event)\">\n                            <div class=\"config-container config-container-clickable\">\n                                <span>{{formData.identity.name}}</span>\n                            </div>\n                        </a>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">IP Address</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{formData.ipAddress}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Created At</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.createdAt).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Updated At</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.updatedAt).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Last Activity</span>\n                        </div>\n                        <div class=\"config-container\">\n                            <span>{{moment(formData.lastActivity).format(\"M/D/YYYY h:mm A\")}}</span>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["::ng-deep .api-session-form-wrapper .form-header-container{max-width:35rem!important}::ng-deep .api-session-form-wrapper .form-header-container .form-header-toggle-container{margin-right:0!important}.projectable-form-main-column.form-group-row{max-width:35rem}.form-field-dropdown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1'     viewBox%3D'0 0 20.2 10.8'     x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B    fill%3A %23668291%3B  %7D%3C%2Fstyle%3E  %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.config-item{max-height:var(--defaultInputHeight);margin-top:1.15rem}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:-moz-fit-content;height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}.entity-name-and-spinner{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.spinner{border-right-color:var(--formBase);border-top-color:var(--formBase)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton", "multiActions"], outputs: ["formViewChange", "actionRequested", "multiActionRequested"] }, { kind: "component", type: i6.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: i7.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i8.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
 }
 export { APISessionFormComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: APISessionFormComponent, decorators: [{

package/esm2022/lib/features/projectable-forms/auth-policy/auth-policy-form.component.mjs CHANGED Viewed

@@ -313,7 +313,7 @@ class AuthPolicyFormComponent extends ProjectableForm {
         this.svc.getJwtSigners(filters, 1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthPolicyFormComponent, deps: [{ token: i1.AuthPolicyFormService }, { token: i2.SchemaService }, { token: i3.GrowlerService }, { token: SHAREDZ_EXTENSION }, { token: SETTINGS_SERVICE }, { token: ZITI_DATA_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i5.Location }, { token: i6.ValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AuthPolicyFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'Auth Policy Details' : 'Create Auth Policy')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this Auth Policy\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Primary Authentication'\"\n                        [layout]=\"'row'\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Cert</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow x509 certificate based authentication\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleCertAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.cert.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.cert.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.cert.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Ext JWT</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow externally signed JWT bearer tokens\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleExtJwtAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.extJwt.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.extJwt.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.extJwt.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">UPDB</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow authentication via a traditional &quot;Username Password Database&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleUpdbAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.updb.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.updb.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.updb.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.cert.allowed\"\n                        [title]=\"'Cert Options'\"\n                        [layout]=\"'row'\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Allow Expired Certificates</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow expired client certificates to authenticate\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleAllowExpiredCerts()\"\n                                    [ngClass]=\"{ on: formData.primary.cert.allowExpiredCerts }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.cert.allowExpiredCerts\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.cert.allowExpiredCerts\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.extJwt.allowed\"\n                        [title]=\"'Ext JWT Options'\"\n                        [layout]=\"'column'\"\n                >\n                    <div class=\"form-field-label-container allowed-signers-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Allowed JWT Signers</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Choose which External JWT Signers may be used for authentication\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <lib-tag-selector\n                                [(selectedNamedAttributes)]=\"allowedJwtSignerAttributes\"\n                                [availableNamedAttributes]=\"svc.jwtSignerNamedAttributes\"\n                                [placeholder]=\"'Select which External JWT Signers to allow'\"\n                                (selectedNamedAttributesChange)=\"allowedJwtSignersChanged($event)\"\n                        ></lib-tag-selector>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.updb.allowed\"\n                        [title]=\"'UPDB Options'\"\n                        [layout]=\"'column'\"\n                >\n                    <div class=\"form-field-row updb-input-options\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Minimum Length</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter a numeric value\" type=\"number\" [(ngModel)]=\"formData.primary.updb.minPasswordLength\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Max Attempts</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter a numeric value\" type=\"number\" [(ngModel)]=\"formData.primary.updb.maxAttempts\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Lockout Duration <div class=\"form-sub-text\">(min)</div></span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter time in min\" type=\"number\" [(ngModel)]=\"formData.primary.updb.lockoutDurationMinutes\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Mixed Case</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require upper and lower case charachters\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbMixed()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireMixedCase }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireMixedCase\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireMixedCase\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Numeric</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require numerical charachters 0-9\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbNumeric()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireNumericChar }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireNumericChar\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireNumericChar\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Special</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require special (non-alpha numeric) charachters. ie. !%$@*\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbSpecial()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireSpecialChar }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireSpecialChar\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireSpecialChar\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Secondary Authentication'\"\n                        [label]=\"'OPTIONAL'\"\n                        [layout]=\"'column'\"\n                        [contentStyle]=\"'z-index: 1000001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">TOTP MFA</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Require authenticating clients to have TOTP MFA enabled (Time-based, One-Time Password)\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require TOTP</div>\n                                </div>\n                                <div\n                                        (click)=\"toggleRequireTotp()\"\n                                        [ngClass]=\"{ on: formData.secondary.requireTotp }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.secondary.requireTotp\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.secondary.requireTotp\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">JWT Signer</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Require every client request to have a JWT from the specified External JTW Signer in the HTTP Authentication header\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-dropdown\n                                placeholder=\"Select JWT Signer...\"\n                                optionLabel=\"name\"\n                                optionValue=\"id\"\n                                filterBy=\"name\"\n                                [options]=\"svc.jwtSigners\"\n                                [filter]=\"true\"\n                                [showClear]=\"true\"\n                                (change)=\"secondaryJwtSignerChanged($event)\"\n                                [(ngModel)]=\"formData.secondary.requireExtJwtSigner\"\n                        >\n                            <ng-template pTemplate=\"filter\" let-options=\"options\">\n                                <div class=\"dropdown-filter-container\">\n                                    <div class=\"p-inputgroup\" (click)=\"$event.stopPropagation()\">\n                                        <span class=\"p-inputgroup-addon\"><i class=\"pi pi-search\"></i></span>\n                                        <input\n                                                type=\"text\"\n                                                pInputText\n                                                placeholder=\"Filter\"\n                                                (keyup)=\"jwtSignersFilterChangedDebounced($event)\" />\n                                    </div>\n                                    <button pButton\n                                            icon=\"pi pi-times\"\n                                            [ngClass]=\"{'configs-loading': svc.jwtSignersLoading}\"\n                                            (click)=\"clearJwtSignerFilter($event)\"\n                                            severity=\"secondary\">\n                                    </button>\n                                    <div class=\"spinner\" *ngIf=\"svc.jwtSignersLoading\"></div>\n                                </div>\n                            </ng-template>\n                        </p-dropdown>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.form-group-column.three-fifths{min-width:31.25rem}.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}.jwt-signer-form-container .updb-input-options{margin-top:var(--marginSmall);background-color:var(--formGroup);padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.jwt-signer-form-container .updb-input-options .form-field-title{color:var(--offWhite)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}.allowed-signers-container{background-color:var(--formGroup);padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.allowed-signers-container .form-field-title{color:var(--offWhite)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i10.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i12.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i13.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: i14.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: i15.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i16.FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: i17.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: i18.TagSelectorComponent, selector: "lib-tag-selector", inputs: ["placeholder", "disableField", "disableCreate", "hideOption", "isLoading", "errorMessage", "focusOnInit", "selectedRoleAttributes", "selectedNamedAttributes", "hasError", "availableRoleAttributes", "availableNamedAttributes"], outputs: ["addRoleAttribute", "addNamedAttribute", "roleAttributeRemoved", "namedAttributeRemoved", "selectedRoleAttributesChange", "selectedNamedAttributesChange", "filterChange"] }, { kind: "component", type: i19.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AuthPolicyFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'Auth Policy Details' : 'Create Auth Policy')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this Auth Policy\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Primary Authentication'\"\n                        [layout]=\"'row'\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Cert</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow x509 certificate based authentication\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleCertAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.cert.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.cert.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.cert.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Ext JWT</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow externally signed JWT bearer tokens\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleExtJwtAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.extJwt.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.extJwt.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.extJwt.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">UPDB</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow authentication via a traditional &quot;Username Password Database&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleUpdbAllowed()\"\n                                    [ngClass]=\"{ on: formData.primary.updb.allowed }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.updb.allowed\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.updb.allowed\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.cert.allowed\"\n                        [title]=\"'Cert Options'\"\n                        [layout]=\"'row'\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <div class=\"config-container-label\">Allow Expired Certificates</div>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Allow expired client certificates to authenticate\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <div\n                                    (click)=\"toggleAllowExpiredCerts()\"\n                                    [ngClass]=\"{ on: formData.primary.cert.allowExpiredCerts }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.primary.cert.allowExpiredCerts\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.primary.cert.allowExpiredCerts\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.extJwt.allowed\"\n                        [title]=\"'Ext JWT Options'\"\n                        [layout]=\"'column'\"\n                >\n                    <div class=\"form-field-label-container allowed-signers-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Allowed JWT Signers</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Choose which External JWT Signers may be used for authentication\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <lib-tag-selector\n                                [(selectedNamedAttributes)]=\"allowedJwtSignerAttributes\"\n                                [availableNamedAttributes]=\"svc.jwtSignerNamedAttributes\"\n                                [placeholder]=\"'Select which External JWT Signers to allow'\"\n                                (selectedNamedAttributesChange)=\"allowedJwtSignersChanged($event)\"\n                        ></lib-tag-selector>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        *ngIf=\"formData.primary.updb.allowed\"\n                        [title]=\"'UPDB Options'\"\n                        [layout]=\"'column'\"\n                >\n                    <div class=\"form-field-row updb-input-options\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Minimum Length</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter a numeric value\" type=\"number\" [(ngModel)]=\"formData.primary.updb.minPasswordLength\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Max Attempts</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter a numeric value\" type=\"number\" [(ngModel)]=\"formData.primary.updb.maxAttempts\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Lockout Duration <div class=\"form-sub-text\">(min)</div></span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter time in min\" type=\"number\" [(ngModel)]=\"formData.primary.updb.lockoutDurationMinutes\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Mixed Case</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require upper and lower case charachters\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbMixed()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireMixedCase }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireMixedCase\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireMixedCase\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Numeric</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require numerical charachters 0-9\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbNumeric()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireNumericChar }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireNumericChar\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireNumericChar\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Special</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Require special (non-alpha numeric) charachters. ie. !%$@*\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div\n                                        (click)=\"toggleUpdbSpecial()\"\n                                        [ngClass]=\"{ on: formData.primary.updb.requireSpecialChar }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.primary.updb.requireSpecialChar\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.primary.updb.requireSpecialChar\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Secondary Authentication'\"\n                        [label]=\"'OPTIONAL'\"\n                        [layout]=\"'column'\"\n                        [contentStyle]=\"'z-index: 1000001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">TOTP MFA</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Require authenticating clients to have TOTP MFA enabled (Time-based, One-Time Password)\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <div class=\"config-item\">\n                            <div class=\"config-container toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require TOTP</div>\n                                </div>\n                                <div\n                                        (click)=\"toggleRequireTotp()\"\n                                        [ngClass]=\"{ on: formData.secondary.requireTotp }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.secondary.requireTotp\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.secondary.requireTotp\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">JWT Signer</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Require every client request to have a JWT from the specified External JTW Signer in the HTTP Authentication header\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-dropdown\n                                placeholder=\"Select JWT Signer...\"\n                                optionLabel=\"name\"\n                                optionValue=\"id\"\n                                filterBy=\"name\"\n                                [options]=\"svc.jwtSigners\"\n                                [filter]=\"true\"\n                                [showClear]=\"true\"\n                                (change)=\"secondaryJwtSignerChanged($event)\"\n                                [(ngModel)]=\"formData.secondary.requireExtJwtSigner\"\n                        >\n                            <ng-template pTemplate=\"filter\" let-options=\"options\">\n                                <div class=\"dropdown-filter-container\">\n                                    <div class=\"p-inputgroup\" (click)=\"$event.stopPropagation()\">\n                                        <span class=\"p-inputgroup-addon\"><i class=\"pi pi-search\"></i></span>\n                                        <input\n                                                type=\"text\"\n                                                pInputText\n                                                placeholder=\"Filter\"\n                                                (keyup)=\"jwtSignersFilterChangedDebounced($event)\" />\n                                    </div>\n                                    <button pButton\n                                            icon=\"pi pi-times\"\n                                            [ngClass]=\"{'configs-loading': svc.jwtSignersLoading}\"\n                                            (click)=\"clearJwtSignerFilter($event)\"\n                                            severity=\"secondary\">\n                                    </button>\n                                    <div class=\"spinner\" *ngIf=\"svc.jwtSignersLoading\"></div>\n                                </div>\n                            </ng-template>\n                        </p-dropdown>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.form-group-column.three-fifths{min-width:31.25rem}.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}.jwt-signer-form-container .updb-input-options{margin-top:var(--marginSmall);background-color:var(--formGroup);padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.jwt-signer-form-container .updb-input-options .form-field-title{color:var(--offWhite)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}.allowed-signers-container{background-color:var(--formGroup);padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.allowed-signers-container .form-field-title{color:var(--offWhite)}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i10.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i12.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i13.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton", "multiActions"], outputs: ["formViewChange", "actionRequested", "multiActionRequested"] }, { kind: "component", type: i14.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: i15.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i16.FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: i17.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: i18.TagSelectorComponent, selector: "lib-tag-selector", inputs: ["placeholder", "disableField", "disableCreate", "hideOption", "isLoading", "errorMessage", "focusOnInit", "selectedRoleAttributes", "selectedNamedAttributes", "hasError", "availableRoleAttributes", "availableNamedAttributes"], outputs: ["addRoleAttribute", "addNamedAttribute", "roleAttributeRemoved", "namedAttributeRemoved", "selectedRoleAttributesChange", "selectedNamedAttributesChange", "filterChange"] }, { kind: "component", type: i19.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
 }
 export { AuthPolicyFormComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthPolicyFormComponent, decorators: [{