@openziti/ziti-console-lib 0.6.8 → 0.7.0

package/esm2022/lib/features/projectable-forms/terminator/terminator-form.component.mjs

@@ -223,12 +223,12 @@ class TerminatorFormComponent extends ProjectableForm {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TerminatorFormComponent, deps: [{ token: i1.TerminatorFormService }, { 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 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TerminatorFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, 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 ? 'Terminator Details' : 'Create Terminator')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"terminator-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Service'\"\n                        [contentStyle]=\"'z-index: 10003'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedServiceNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedServiceNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.serviceNamedAttributes\"\n                            [placeholder]=\"'Select a service'\"\n                            (addNamedAttribute)=\"serviceAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"serviceAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Router'\"\n                        [contentStyle]=\"'z-index: 10002'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedRouterNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedRouterNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.routerNamedAttributes\"\n                            [placeholder]=\"'Select a router'\"\n                            (addNamedAttribute)=\"routerAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"routerAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Identity'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedIdentityNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedIdentityNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.identityNamedAttributes\"\n                            [placeholder]=\"'Select an identity'\"\n                            (addNamedAttribute)=\"identityAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"identityAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n            </div>\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Address'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <input class=\"form-field-input read-only\" [disabled]=\"true\" [(ngModel)]=\"formData.address\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                        [layout]=\"'row'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Binding</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.binding\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Identity Secret</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.identitySecret\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'row'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Hosting Cost</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.cost\" type=\"number\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Precedence</span>\n                        <select\n                                [(ngModel)]=\"formData.precedence\"\n                                [disabled]=\"true\"\n                                id=\"hostingPrecedence\"\n                                class=\"form-field-dropdown read-only\"\n                        >\n                            <option value=\"default\">Default</option>\n                            <option value=\"required\">Required</option>\n                            <option value=\"failed\">Failed</option>\n                        </select>\n                    </div>\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: [".terminator-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.config-type-select.disabled{opacity:.7;pointer-events:none}::ng-deep .terminator-form-container select:disabled,::ng-deep .terminator-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}@media (max-width: 1524px){.terminator-form-container .projectable-form-main-column{max-width:620px}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.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: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: i8.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "headerActions"], outputs: ["actionRequested"] }, { kind: "component", type: i9.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i10.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TerminatorFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, 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 ? 'Terminator Details' : 'Create Terminator')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"terminator-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Service'\"\n                        [contentStyle]=\"'z-index: 10003'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedServiceNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedServiceNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.serviceNamedAttributes\"\n                            [placeholder]=\"'Select a service'\"\n                            (addNamedAttribute)=\"serviceAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"serviceAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Router'\"\n                        [contentStyle]=\"'z-index: 10002'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedRouterNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedRouterNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.routerNamedAttributes\"\n                            [placeholder]=\"'Select a router'\"\n                            (addNamedAttribute)=\"routerAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"routerAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Identity'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedIdentityNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedIdentityNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.identityNamedAttributes\"\n                            [placeholder]=\"'Select an identity'\"\n                            (addNamedAttribute)=\"identityAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"identityAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n            </div>\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Address'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <input class=\"form-field-input read-only\" [disabled]=\"true\" [(ngModel)]=\"formData.address\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                        [layout]=\"'row'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Binding</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.binding\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Identity Secret</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.identitySecret\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'row'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Hosting Cost</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.cost\" type=\"number\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Precedence</span>\n                        <select\n                                [(ngModel)]=\"formData.precedence\"\n                                [disabled]=\"true\"\n                                id=\"hostingPrecedence\"\n                                class=\"form-field-dropdown read-only\"\n                        >\n                            <option value=\"default\">Default</option>\n                            <option value=\"required\">Required</option>\n                            <option value=\"failed\">Failed</option>\n                        </select>\n                    </div>\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: [".terminator-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.config-type-select.disabled{opacity:.7;pointer-events:none}::ng-deep .terminator-form-container select:disabled,::ng-deep .terminator-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}@media (max-width: 1524px){.terminator-form-container .projectable-form-main-column{max-width:38.75rem}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i6.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: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: i8.FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "headerActions"], outputs: ["actionRequested"] }, { kind: "component", type: i9.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i10.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
 }
 export { TerminatorFormComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TerminatorFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-configuration', 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 ? 'Terminator Details' : 'Create Terminator')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"terminator-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Service'\"\n                        [contentStyle]=\"'z-index: 10003'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedServiceNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedServiceNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.serviceNamedAttributes\"\n                            [placeholder]=\"'Select a service'\"\n                            (addNamedAttribute)=\"serviceAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"serviceAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Router'\"\n                        [contentStyle]=\"'z-index: 10002'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedRouterNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedRouterNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.routerNamedAttributes\"\n                            [placeholder]=\"'Select a router'\"\n                            (addNamedAttribute)=\"routerAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"routerAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Identity'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedIdentityNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedIdentityNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.identityNamedAttributes\"\n                            [placeholder]=\"'Select an identity'\"\n                            (addNamedAttribute)=\"identityAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"identityAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n            </div>\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Address'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <input class=\"form-field-input read-only\" [disabled]=\"true\" [(ngModel)]=\"formData.address\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                        [layout]=\"'row'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Binding</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.binding\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Identity Secret</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.identitySecret\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'row'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Hosting Cost</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.cost\" type=\"number\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Precedence</span>\n                        <select\n                                [(ngModel)]=\"formData.precedence\"\n                                [disabled]=\"true\"\n                                id=\"hostingPrecedence\"\n                                class=\"form-field-dropdown read-only\"\n                        >\n                            <option value=\"default\">Default</option>\n                            <option value=\"required\">Required</option>\n                            <option value=\"failed\">Failed</option>\n                        </select>\n                    </div>\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: [".terminator-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.config-type-select.disabled{opacity:.7;pointer-events:none}::ng-deep .terminator-form-container select:disabled,::ng-deep .terminator-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}@media (max-width: 1524px){.terminator-form-container .projectable-form-main-column{max-width:620px}}\n"] }]
+            args: [{ selector: 'lib-configuration', 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 ? 'Terminator Details' : 'Create Terminator')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"terminator-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Service'\"\n                        [contentStyle]=\"'z-index: 10003'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedServiceNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedServiceNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.serviceNamedAttributes\"\n                            [placeholder]=\"'Select a service'\"\n                            (addNamedAttribute)=\"serviceAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"serviceAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Router'\"\n                        [contentStyle]=\"'z-index: 10002'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedRouterNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedRouterNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.routerNamedAttributes\"\n                            [placeholder]=\"'Select a router'\"\n                            (addNamedAttribute)=\"routerAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"routerAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Identity'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"selectedIdentityNamedAttribute\" [disabled]=\"true\"/>\n                    <!--<lib-tag-selector\n                            [(selectedNamedAttributes)]=\"svc.selectedIdentityNamedAttributes\"\n                            [availableNamedAttributes]=\"svc.identityNamedAttributes\"\n                            [placeholder]=\"'Select an identity'\"\n                            (addNamedAttribute)=\"identityAttributeChanged($event)\"\n                            (namedAttributeRemoved)=\"identityAttributeChanged()\"\n                    ></lib-tag-selector>-->\n                </lib-form-field-container>\n            </div>\n            <div class=\"form-group-column one-half\">\n                <lib-form-field-container\n                        [title]=\"'Address'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <input class=\"form-field-input read-only\" [disabled]=\"true\" [(ngModel)]=\"formData.address\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                        [layout]=\"'row'\"\n                        [contentStyle]=\"'z-index: 1001'\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Binding</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.binding\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Identity Secret</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.identitySecret\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'row'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Hosting Cost</span>\n                        <input class=\"form-field-input\" [disabled]=\"true\" [(ngModel)]=\"formData.cost\" type=\"number\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <span class=\"form-field-title\">Precedence</span>\n                        <select\n                                [(ngModel)]=\"formData.precedence\"\n                                [disabled]=\"true\"\n                                id=\"hostingPrecedence\"\n                                class=\"form-field-dropdown read-only\"\n                        >\n                            <option value=\"default\">Default</option>\n                            <option value=\"required\">Required</option>\n                            <option value=\"failed\">Failed</option>\n                        </select>\n                    </div>\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: [".terminator-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.config-type-select.disabled{opacity:.7;pointer-events:none}::ng-deep .terminator-form-container select:disabled,::ng-deep .terminator-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}@media (max-width: 1524px){.terminator-form-container .projectable-form-main-column{max-width:38.75rem}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TerminatorFormService }, { type: i2.SchemaService }, { type: i3.GrowlerService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SHAREDZ_EXTENSION]

package/esm2022/lib/features/qr-code/qr-code.component.mjs

@@ -109,12 +109,12 @@ class QrCodeComponent {
         this.expirationDate = this.getExpirationDate();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QrCodeComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: i1.MatDialog, optional: true }, { token: MAT_DIALOG_DATA, optional: true }, { token: i2.IdentitiesPageService }, { token: i3.EdgeRoutersPageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QrCodeComponent, selector: "lib-qr-code", inputs: { jwt: "jwt", token: "token", expiration: "expiration", identity: "identity", type: "type", authenticators: "authenticators", qrOnly: "qrOnly", canExpand: "canExpand" }, outputs: { doRefresh: "doRefresh" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n            <div class=\"download-key\"></div>\n            <div>COPY ENROLLMENT TOKEN</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>RESET ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n    </div>\n    <qrcode\n            *ngIf=\"!jwtExpired && type !== 'router'\"\n            [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n            [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n            [ngClass]=\"{'qr-code-expandable': canExpand}\"\n    ></qrcode>\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n        <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:10px 0}.qr-code-container.modal-view{width:500px;background-color:var(--background);padding:20px;border-radius:15px}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QrCodeComponent, selector: "lib-qr-code", inputs: { jwt: "jwt", token: "token", expiration: "expiration", identity: "identity", type: "type", authenticators: "authenticators", qrOnly: "qrOnly", canExpand: "canExpand" }, outputs: { doRefresh: "doRefresh" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n            <div class=\"download-key\"></div>\n            <div>COPY ENROLLMENT TOKEN</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>RESET ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n    </div>\n    <qrcode\n            *ngIf=\"!jwtExpired && type !== 'router'\"\n            [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n            [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n            [ngClass]=\"{'qr-code-expandable': canExpand}\"\n    ></qrcode>\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n        <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container.modal-view{width:31.25rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }] }); }
 }
 export { QrCodeComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QrCodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-qr-code', template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n            <div class=\"download-key\"></div>\n            <div>COPY ENROLLMENT TOKEN</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>RESET ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n    </div>\n    <qrcode\n            *ngIf=\"!jwtExpired && type !== 'router'\"\n            [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n            [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n            [ngClass]=\"{'qr-code-expandable': canExpand}\"\n    ></qrcode>\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n        <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:10px 0}.qr-code-container.modal-view{width:500px;background-color:var(--background);padding:20px;border-radius:15px}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"] }]
+            args: [{ selector: 'lib-qr-code', template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n            <div class=\"download-key\"></div>\n            <div>COPY ENROLLMENT TOKEN</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>RESET ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n    </div>\n    <qrcode\n            *ngIf=\"!jwtExpired && type !== 'router'\"\n            [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n            [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n            [ngClass]=\"{'qr-code-expandable': canExpand}\"\n    ></qrcode>\n    <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n        <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n        <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n            <div class=\"download-key\"></div>\n            <div>DOWNLOAD ENROLLMENT JWT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n        <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n        <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n            <div class=\"download-key\"></div>\n            <div>REISSUE ENROLLMENT</div>\n            <div class=\"tap-to-download\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container.modal-view{width:31.25rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
                     type: Optional
                 }] }, { type: i1.MatDialog, decorators: [{

package/esm2022/lib/features/reset-enrollment/reset-enrollment.component.mjs

@@ -68,12 +68,12 @@ class ResetEnrollmentComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetEnrollmentComponent, deps: [{ token: i1.ResetEnrollmentService }, { token: i2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ZITI_DATA_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResetEnrollmentComponent, selector: "lib-reset-enrollment", viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div id=\"ResetModal\" class=\"reset-enrollment-container modal\" style=\"height: fit-content;\">\n    <div class=\"close icon-close\" (click)=\"cancel()\"></div>\n    <div class=\"reset-title-container\">\n        <div class=\"title\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n        <div class=\"subtitle\">Select a date to {{type === 'reset' ? 'reset' : 'reissue'}} the enrollment token</div>\n    </div>\n    <div class=\"reset-content-container\">\n        <label>Date Enrollment Expires</label>\n        <p-calendar\n                [(ngModel)]=\"dateValue\"\n                dateFormat=\"mm/dd/yy\"\n                selectionMode=\"single\"\n                [showIcon]=\"showIcon\"\n                [showTime]=\"true\"\n                [minDate]=\"minDate\"\n                placeholder=\"Select Time Range\"\n                #calendar\n        ></p-calendar>\n    </div>\n    <div class=\"reset-buttons-container\">\n        <div id=\"ResetEnrollButton\" class=\"button\" (click)=\"handleAction()\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n    </div>\n</div>", styles: [".reset-enrollment-container{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:600px;padding:20px;gap:15px;background-color:var(--background);border-radius:10px;overflow:visible}.reset-title-container{display:flex;flex-direction:column;justify-content:flex-start}.reset-title-container .title,.reset-title-container .subtitle{padding:0;height:inherit;line-height:initial}.reset-content-container{display:flex;flex-direction:column}.reset-buttons-container{display:flex;flex-direction:row;width:100%;justify-content:flex-start}.reset-buttons-container .button{border-radius:var(--inputBorderRadius);line-height:initial;margin-top:0;display:flex;align-items:center}::ng-deep .reset-enroll-dialog-container .mat-mdc-dialog-surface{overflow:visible}::ng-deep .p-component.p-datepicker{background:var(--background)!important}::ng-deep .p-datepicker .p-timepicker button.p-element{background-color:var(--primaryColor)}::ng-deep .p-datepicker .p-datepicker-header button.p-element.p-ripple{background-color:var(--primaryColor)}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResetEnrollmentComponent, selector: "lib-reset-enrollment", viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div id=\"ResetModal\" class=\"reset-enrollment-container modal\" style=\"height: fit-content;\">\n    <div class=\"close icon-close\" (click)=\"cancel()\"></div>\n    <div class=\"reset-title-container\">\n        <div class=\"title\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n        <div class=\"subtitle\">Select a date to {{type === 'reset' ? 'reset' : 'reissue'}} the enrollment token</div>\n    </div>\n    <div class=\"reset-content-container\">\n        <label>Date Enrollment Expires</label>\n        <p-calendar\n                [(ngModel)]=\"dateValue\"\n                dateFormat=\"mm/dd/yy\"\n                selectionMode=\"single\"\n                [showIcon]=\"showIcon\"\n                [showTime]=\"true\"\n                [minDate]=\"minDate\"\n                placeholder=\"Select Time Range\"\n                #calendar\n        ></p-calendar>\n    </div>\n    <div class=\"reset-buttons-container\">\n        <div id=\"ResetEnrollButton\" class=\"button\" (click)=\"handleAction()\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n    </div>\n</div>", styles: [".reset-enrollment-container{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:37.5rem;padding:1.25rem;gap:.9375rem;background-color:var(--background);border-radius:.625rem;overflow:visible}.reset-title-container{display:flex;flex-direction:column;justify-content:flex-start}.reset-title-container .title,.reset-title-container .subtitle{padding:0;height:inherit;line-height:initial}.reset-content-container{display:flex;flex-direction:column}.reset-buttons-container{display:flex;flex-direction:row;width:100%;justify-content:flex-start}.reset-buttons-container .button{border-radius:var(--inputBorderRadius);line-height:initial;margin-top:0;display:flex;align-items:center}::ng-deep .reset-enroll-dialog-container .mat-mdc-dialog-surface{overflow:visible}::ng-deep .p-component.p-datepicker{background:var(--background)!important}::ng-deep .p-datepicker .p-timepicker button.p-element{background-color:var(--primaryColor)}::ng-deep .p-datepicker .p-datepicker-header button.p-element.p-ripple{background-color:var(--primaryColor)}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
 }
 export { ResetEnrollmentComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetEnrollmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-reset-enrollment', template: "<div id=\"ResetModal\" class=\"reset-enrollment-container modal\" style=\"height: fit-content;\">\n    <div class=\"close icon-close\" (click)=\"cancel()\"></div>\n    <div class=\"reset-title-container\">\n        <div class=\"title\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n        <div class=\"subtitle\">Select a date to {{type === 'reset' ? 'reset' : 'reissue'}} the enrollment token</div>\n    </div>\n    <div class=\"reset-content-container\">\n        <label>Date Enrollment Expires</label>\n        <p-calendar\n                [(ngModel)]=\"dateValue\"\n                dateFormat=\"mm/dd/yy\"\n                selectionMode=\"single\"\n                [showIcon]=\"showIcon\"\n                [showTime]=\"true\"\n                [minDate]=\"minDate\"\n                placeholder=\"Select Time Range\"\n                #calendar\n        ></p-calendar>\n    </div>\n    <div class=\"reset-buttons-container\">\n        <div id=\"ResetEnrollButton\" class=\"button\" (click)=\"handleAction()\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n    </div>\n</div>", styles: [".reset-enrollment-container{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:600px;padding:20px;gap:15px;background-color:var(--background);border-radius:10px;overflow:visible}.reset-title-container{display:flex;flex-direction:column;justify-content:flex-start}.reset-title-container .title,.reset-title-container .subtitle{padding:0;height:inherit;line-height:initial}.reset-content-container{display:flex;flex-direction:column}.reset-buttons-container{display:flex;flex-direction:row;width:100%;justify-content:flex-start}.reset-buttons-container .button{border-radius:var(--inputBorderRadius);line-height:initial;margin-top:0;display:flex;align-items:center}::ng-deep .reset-enroll-dialog-container .mat-mdc-dialog-surface{overflow:visible}::ng-deep .p-component.p-datepicker{background:var(--background)!important}::ng-deep .p-datepicker .p-timepicker button.p-element{background-color:var(--primaryColor)}::ng-deep .p-datepicker .p-datepicker-header button.p-element.p-ripple{background-color:var(--primaryColor)}\n"] }]
+            args: [{ selector: 'lib-reset-enrollment', template: "<div id=\"ResetModal\" class=\"reset-enrollment-container modal\" style=\"height: fit-content;\">\n    <div class=\"close icon-close\" (click)=\"cancel()\"></div>\n    <div class=\"reset-title-container\">\n        <div class=\"title\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n        <div class=\"subtitle\">Select a date to {{type === 'reset' ? 'reset' : 'reissue'}} the enrollment token</div>\n    </div>\n    <div class=\"reset-content-container\">\n        <label>Date Enrollment Expires</label>\n        <p-calendar\n                [(ngModel)]=\"dateValue\"\n                dateFormat=\"mm/dd/yy\"\n                selectionMode=\"single\"\n                [showIcon]=\"showIcon\"\n                [showTime]=\"true\"\n                [minDate]=\"minDate\"\n                placeholder=\"Select Time Range\"\n                #calendar\n        ></p-calendar>\n    </div>\n    <div class=\"reset-buttons-container\">\n        <div id=\"ResetEnrollButton\" class=\"button\" (click)=\"handleAction()\">{{type === 'reset' ? 'Reset' : 'Reissue'}} Enrollment</div>\n    </div>\n</div>", styles: [".reset-enrollment-container{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:37.5rem;padding:1.25rem;gap:.9375rem;background-color:var(--background);border-radius:.625rem;overflow:visible}.reset-title-container{display:flex;flex-direction:column;justify-content:flex-start}.reset-title-container .title,.reset-title-container .subtitle{padding:0;height:inherit;line-height:initial}.reset-content-container{display:flex;flex-direction:column}.reset-buttons-container{display:flex;flex-direction:row;width:100%;justify-content:flex-start}.reset-buttons-container .button{border-radius:var(--inputBorderRadius);line-height:initial;margin-top:0;display:flex;align-items:center}::ng-deep .reset-enroll-dialog-container .mat-mdc-dialog-surface{overflow:visible}::ng-deep .p-component.p-datepicker{background:var(--background)!important}::ng-deep .p-datepicker .p-timepicker button.p-element{background-color:var(--primaryColor)}::ng-deep .p-datepicker .p-datepicker-header button.p-element.p-ripple{background-color:var(--primaryColor)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ResetEnrollmentService }, { type: i2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2022/lib/features/side-modal/side-modal.component.mjs

@@ -30,12 +30,12 @@ class SideModalComponent {
         this.openChange.emit(this.open);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideModalComponent, deps: [{ token: i1.ConsoleEventsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideModalComponent, selector: "lib-side-modal", inputs: { showClose: "showClose", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<div class=\"side-modal-container\" [ngClass]=\"{'side-modal-open': open}\">\n    <div class=\"close icon-close\" *ngIf=\"showClose\" (click)=\"close()\"></div>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".side-modal-container{position:fixed;left:100%;top:0;padding:20px;height:100%;width:100%;overflow-y:auto;right:0;transition:var(--transition);z-index:10001;background-color:var(--formBackground);box-shadow:0 4px 16px #00000014}.side-modal-container.side-modal-open{width:calc(100% - 380px);left:380px;padding-bottom:0}::ng-deep .sideNavClosed .side-modal-container.side-modal-open{width:calc(100% - 65px);left:65px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideModalComponent, selector: "lib-side-modal", inputs: { showClose: "showClose", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<div class=\"side-modal-container\" [ngClass]=\"{'side-modal-open': open}\">\n    <div class=\"close icon-close\" *ngIf=\"showClose\" (click)=\"close()\"></div>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".side-modal-container{position:fixed;left:100%;top:0;padding:1.25rem;height:100%;width:100%;overflow-y:auto;right:0rem;transition:var(--transition);z-index:10001;background-color:var(--formBackground);box-shadow:0 .25rem 1rem #00000014}.side-modal-container.side-modal-open{width:calc(100% - 23.75rem);left:23.75rem;padding-bottom:0}::ng-deep .sideNavClosed .side-modal-container.side-modal-open{width:calc(100% - 4.0625rem);left:4.0625rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 export { SideModalComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-side-modal', template: "<div class=\"side-modal-container\" [ngClass]=\"{'side-modal-open': open}\">\n    <div class=\"close icon-close\" *ngIf=\"showClose\" (click)=\"close()\"></div>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".side-modal-container{position:fixed;left:100%;top:0;padding:20px;height:100%;width:100%;overflow-y:auto;right:0;transition:var(--transition);z-index:10001;background-color:var(--formBackground);box-shadow:0 4px 16px #00000014}.side-modal-container.side-modal-open{width:calc(100% - 380px);left:380px;padding-bottom:0}::ng-deep .sideNavClosed .side-modal-container.side-modal-open{width:calc(100% - 65px);left:65px}\n"] }]
+            args: [{ selector: 'lib-side-modal', template: "<div class=\"side-modal-container\" [ngClass]=\"{'side-modal-open': open}\">\n    <div class=\"close icon-close\" *ngIf=\"showClose\" (click)=\"close()\"></div>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".side-modal-container{position:fixed;left:100%;top:0;padding:1.25rem;height:100%;width:100%;overflow-y:auto;right:0rem;transition:var(--transition);z-index:10001;background-color:var(--formBackground);box-shadow:0 .25rem 1rem #00000014}.side-modal-container.side-modal-open{width:calc(100% - 23.75rem);left:23.75rem;padding-bottom:0}::ng-deep .sideNavClosed .side-modal-container.side-modal-open{width:calc(100% - 4.0625rem);left:4.0625rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ConsoleEventsService }]; }, propDecorators: { showClose: [{
                 type: Input
             }], open: [{