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

@openziti/ziti-console-lib 0.12.7 → 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 (66) hide show

package/esm2022/lib/features/projectable-forms/jwt-signer/jwt-signer-form.component.mjs CHANGED Viewed

@@ -506,7 +506,7 @@ class JwtSignerFormComponent extends ProjectableForm {
         return !this.errors.jwksEndpoint;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JwtSignerFormComponent, deps: [{ token: i1.JwtSignerFormService }, { 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 }, { token: i7.AuthService }, { token: i8.OAuthService }, { token: i9.HttpClient }, { token: ZAC_LOGIN_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JwtSignerFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }, { propertyName: "oidcVerification", first: true, predicate: ["oidcVerification"], 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 ? 'JWT Signer Details' : 'Create JWT Signer')\"\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\" #scrollContainer>\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 JWT Signer\" #nameFieldInput/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\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\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\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                <lib-form-field-container\n                    *ngIf=\"showMore && showTokenType\"\n                    [title]=\"'Target Token Type'\"\n                    [label]=\"'Required'\"\n                    [helpText]=\"'The target token type. Can be either Access or ID'\"\n                    class=\"form-field-advanced\"\n                >\n                    <select\n                            [(ngModel)]=\"targetToken\"\n                            id=\"authPolicyId\"\n                            class=\"form-field-dropdown\"\n                    >\n                        <option value=\"ACCESS\">Access</option>\n                        <option value=\"ID\">ID</option>\n                    </select>\n                </lib-form-field-container>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                        [title]=\"'Verify OIDC Authentication'\"\n                        class=\"form-field-advanced\"\n                        [ngClass]=\"{'formFieldError': !oidcVerified && oidcErrorMessageDetail, 'formFieldSuccess': oidcVerified}\"\n                    >\n                        <div class=\"form-field-row\" #oidcVerification>\n                            <div class=\"form-field-label-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"form-field-title\">Callback URL</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"This URL must be added to the list of allowed callback URLs in your OAuth provider configuration\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div class=\"copy-link-container\">\n                                    <pre class=\"read-only-2\" (click)=\"copyCallbackURL()\">{{ callbackURL }}</pre>\n                                    <div class=\"copy-button\" (click)=\"copyCallbackURL()\"></div>\n                                </div>\n                            </div>\n                            <div class=\"test-oauth-button\"\n                                 [ngClass]=\"{'oidc-verified': oidcVerified}\"\n                                 (click)=\"testOIDCAuthentication()\"\n                            >\n                                {{oidcVerified ? 'Verified' : 'Authenticate' }}\n                                <div class=\"spinner\" *ngIf=\"oauthLoading\"></div>\n                                <input type=\"checkbox\" [disabled]=\"true\" [checked]=\"true\" class=\"success-check\" *ngIf=\"oidcVerified\">\n                            </div>\n                        </div>\n                        <div class=\"oidc-error-message-container\" *ngIf=\"oidcErrorMessageDetail\">\n                            <code class=\"oidc-error-message-source\">{{oidcErrorMessageSource}}: </code>\n                            <code class=\"oidc-error-message-detail\">{{oidcErrorMessageDetail}}</code>\n                            <code class=\"oidc-error-message-detail2\" *ngIf=\"oidcErrorMessageDetail2\">{{oidcErrorMessageDetail2}}</code>\n                            <code class=\"oidc-error-message-detail2\" *ngIf=\"oidcErrorMessageDetail3\">{{oidcErrorMessageDetail3}}</code>\n                        </div>\n                        <div class=\"oidc-token-claims-container\" *ngIf=\"oidcAuthTokenClaims\">\n                            <code class=\"oidc-token-claims-title\">OAuth Token Claims: </code>\n                            <lib-json-view [showLineNumbers]=\"false\" [(data)]=\"oidcAuthTokenClaims\"></lib-json-view>\n                        </div>\n                    </lib-form-field-container>\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]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['jwksEndpoint']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" 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                        [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\" [showLineNumbers]=\"false\" [(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\";.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)}::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_ALWAYS);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_ALWAYS);font-size:.875rem;font-weight:600}.test-oauth-button{color:var(--offWhite_ALWAYS);height:var(--defaultInputHeight);border-style:solid;border-color:var(--inputBorder);border-radius:var(--inputBorderRadius);vertical-align:middle;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:color .2s;font-size:.9375rem;font-weight:600;font-family:Open Sans,sans-serif;text-transform:uppercase;cursor:pointer;width:100%;background-color:var(--primaryColor);margin-top:1.5rem;max-width:15rem}.test-oauth-button.oidc-verified{filter:brightness(.95);color:var(--offWhite_ALWAYS);background-color:var(--green)}.test-oauth-button .spinner{display:inline-block;width:var(--spinnerSizeMedium);height:var(--spinnerSizeMedium);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopMedium);border-right:var(--spinnerBorderRightMedium);border-bottom:var(--spinnerBorderBottomMedium);border-left:var(--spinnerBorderLeftMedium);animation:loading .5s infinite linear;margin-left:var(--marginSmall)}.test-oauth-button:hover{filter:brightness(.95)}.test-oauth-button:active{transform:translateY(1px)}.success-check{width:1.0625rem;height:1.0625rem;cursor:pointer;background-color:var(--navigation);margin:0;margin-top:.25rem;border-radius:2rem;margin-left:var(--marginSmall)}.success-check:checked{background-color:var(--green)!important;background-image:url(../../assets/images/check.png);background-size:.675rem;background-position:center center;background-repeat:no-repeat;border:none}.success-check:checked:disabled{opacity:1!important}.oidc-token-claims-container{background-color:var(--backgroundMuted);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius);color:var(--tableText);font-weight:600;overflow:auto}.oidc-token-claims-container .oidc-token-claims-title{font-weight:600;font-size:1rem;white-space:nowrap;margin-bottom:var(--marginMedium)}.oidc-error-message-container{background-color:var(--lightRed);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius);color:var(--red);font-weight:600;overflow:auto}.oidc-error-message-container .oidc-error-message-source{font-weight:600;font-size:1rem;white-space:nowrap}.oidc-error-message-container .oidc-error-message-detail2,.oidc-error-message-container .oidc-error-message-detail{margin-top:var(--marginSmall);font-weight:400;white-space:nowrap}.oidc-error-message-container::-webkit-scrollbar{height:6px;width:6px}.oidc-error-message-container::-webkit-scrollbar-thumb{background-color:var(--menu);border-radius:10px}.oidc-error-message-container:hover::-webkit-scrollbar-thumb{background-clip:unset!important}.read-only-2{display:flex;overflow:auto;white-space:nowrap;opacity:1!important;cursor:pointer;padding:var(--paddingMedium);padding-bottom:var(--paddingSmall)}.read-only-2::-webkit-scrollbar{height:6px;width:6px}.read-only-2::-webkit-scrollbar-thumb{background-color:var(--menu);border-radius:10px}.read-only-2:hover{text-decoration:underline}.read-only-2:hover::-webkit-scrollbar-thumb{background-clip:unset}.copy-link-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;opacity:1!important;cursor:text;border-radius:var(--inputBorderRadius);height:var(--defaultInputHeight);background-color:var(--backgroundMuted)!important}.copy-button{display:flex;align-items:center;justify-content:center;height:100%;width:2.575rem;margin-left:.125rem;background:url(/assets/svgs/copy.svg) no-repeat;background-size:1.125rem 1.125rem;background-position:center;cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);background-color:#0000000f}.copy-button:hover{filter:brightness(.95);background-color:#0000001f}\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: i10.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i10.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i10.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: i10.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { 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.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JwtSignerFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }, { propertyName: "oidcVerification", first: true, predicate: ["oidcVerification"], 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 ? 'JWT Signer Details' : 'Create JWT Signer')\"\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\" #scrollContainer>\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 JWT Signer\" #nameFieldInput/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\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\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\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                <lib-form-field-container\n                    *ngIf=\"showMore && showTokenType\"\n                    [title]=\"'Target Token Type'\"\n                    [label]=\"'Required'\"\n                    [helpText]=\"'The target token type. Can be either Access or ID'\"\n                    class=\"form-field-advanced\"\n                >\n                    <select\n                            [(ngModel)]=\"targetToken\"\n                            id=\"authPolicyId\"\n                            class=\"form-field-dropdown\"\n                    >\n                        <option value=\"ACCESS\">Access</option>\n                        <option value=\"ID\">ID</option>\n                    </select>\n                </lib-form-field-container>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                        [title]=\"'Verify OIDC Authentication'\"\n                        class=\"form-field-advanced\"\n                        [ngClass]=\"{'formFieldError': !oidcVerified && oidcErrorMessageDetail, 'formFieldSuccess': oidcVerified}\"\n                    >\n                        <div class=\"form-field-row\" #oidcVerification>\n                            <div class=\"form-field-label-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"form-field-title\">Callback URL</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"This URL must be added to the list of allowed callback URLs in your OAuth provider configuration\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <div class=\"copy-link-container\">\n                                    <pre class=\"read-only-2\" (click)=\"copyCallbackURL()\">{{ callbackURL }}</pre>\n                                    <div class=\"copy-button\" (click)=\"copyCallbackURL()\"></div>\n                                </div>\n                            </div>\n                            <div class=\"test-oauth-button\"\n                                 [ngClass]=\"{'oidc-verified': oidcVerified}\"\n                                 (click)=\"testOIDCAuthentication()\"\n                            >\n                                {{oidcVerified ? 'Verified' : 'Authenticate' }}\n                                <div class=\"spinner\" *ngIf=\"oauthLoading\"></div>\n                                <input type=\"checkbox\" [disabled]=\"true\" [checked]=\"true\" class=\"success-check\" *ngIf=\"oidcVerified\">\n                            </div>\n                        </div>\n                        <div class=\"oidc-error-message-container\" *ngIf=\"oidcErrorMessageDetail\">\n                            <code class=\"oidc-error-message-source\">{{oidcErrorMessageSource}}: </code>\n                            <code class=\"oidc-error-message-detail\">{{oidcErrorMessageDetail}}</code>\n                            <code class=\"oidc-error-message-detail2\" *ngIf=\"oidcErrorMessageDetail2\">{{oidcErrorMessageDetail2}}</code>\n                            <code class=\"oidc-error-message-detail2\" *ngIf=\"oidcErrorMessageDetail3\">{{oidcErrorMessageDetail3}}</code>\n                        </div>\n                        <div class=\"oidc-token-claims-container\" *ngIf=\"oidcAuthTokenClaims\">\n                            <code class=\"oidc-token-claims-title\">OAuth Token Claims: </code>\n                            <lib-json-view [showLineNumbers]=\"false\" [(data)]=\"oidcAuthTokenClaims\"></lib-json-view>\n                        </div>\n                    </lib-form-field-container>\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]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['jwksEndpoint']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" 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                        [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\" [showLineNumbers]=\"false\" [(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\";.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)}::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_ALWAYS);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_ALWAYS);font-size:.875rem;font-weight:600}.test-oauth-button{color:var(--offWhite_ALWAYS);height:var(--defaultInputHeight);border-style:solid;border-color:var(--inputBorder);border-radius:var(--inputBorderRadius);vertical-align:middle;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:color .2s;font-size:.9375rem;font-weight:600;font-family:Open Sans,sans-serif;text-transform:uppercase;cursor:pointer;width:100%;background-color:var(--primaryColor);margin-top:1.5rem;max-width:15rem}.test-oauth-button.oidc-verified{filter:brightness(.95);color:var(--offWhite_ALWAYS);background-color:var(--green)}.test-oauth-button .spinner{display:inline-block;width:var(--spinnerSizeMedium);height:var(--spinnerSizeMedium);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopMedium);border-right:var(--spinnerBorderRightMedium);border-bottom:var(--spinnerBorderBottomMedium);border-left:var(--spinnerBorderLeftMedium);animation:loading .5s infinite linear;margin-left:var(--marginSmall)}.test-oauth-button:hover{filter:brightness(.95)}.test-oauth-button:active{transform:translateY(1px)}.success-check{width:1.0625rem;height:1.0625rem;cursor:pointer;background-color:var(--navigation);margin:0;margin-top:.25rem;border-radius:2rem;margin-left:var(--marginSmall)}.success-check:checked{background-color:var(--green)!important;background-image:url(../../assets/images/check.png);background-size:.675rem;background-position:center center;background-repeat:no-repeat;border:none}.success-check:checked:disabled{opacity:1!important}.oidc-token-claims-container{background-color:var(--backgroundMuted);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius);color:var(--tableText);font-weight:600;overflow:auto}.oidc-token-claims-container .oidc-token-claims-title{font-weight:600;font-size:1rem;white-space:nowrap;margin-bottom:var(--marginMedium)}.oidc-error-message-container{background-color:var(--lightRed);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius);color:var(--red);font-weight:600;overflow:auto}.oidc-error-message-container .oidc-error-message-source{font-weight:600;font-size:1rem;white-space:nowrap}.oidc-error-message-container .oidc-error-message-detail2,.oidc-error-message-container .oidc-error-message-detail{margin-top:var(--marginSmall);font-weight:400;white-space:nowrap}.oidc-error-message-container::-webkit-scrollbar{height:6px;width:6px}.oidc-error-message-container::-webkit-scrollbar-thumb{background-color:var(--menu);border-radius:10px}.oidc-error-message-container:hover::-webkit-scrollbar-thumb{background-clip:unset!important}.read-only-2{display:flex;overflow:auto;white-space:nowrap;opacity:1!important;cursor:pointer;padding:var(--paddingMedium);padding-bottom:var(--paddingSmall)}.read-only-2::-webkit-scrollbar{height:6px;width:6px}.read-only-2::-webkit-scrollbar-thumb{background-color:var(--menu);border-radius:10px}.read-only-2:hover{text-decoration:underline}.read-only-2:hover::-webkit-scrollbar-thumb{background-clip:unset}.copy-link-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;opacity:1!important;cursor:text;border-radius:var(--inputBorderRadius);height:var(--defaultInputHeight);background-color:var(--backgroundMuted)!important}.copy-button{display:flex;align-items:center;justify-content:center;height:100%;width:2.575rem;margin-left:.125rem;background:url(/assets/svgs/copy.svg) no-repeat;background-size:1.125rem 1.125rem;background-position:center;cursor:pointer;border-top-right-radius:var(--inputBorderRadius);border-bottom-right-radius:var(--inputBorderRadius);background-color:#0000000f}.copy-button:hover{filter:brightness(.95);background-color:#0000001f}\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: i10.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i10.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i10.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: i10.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { 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.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
 }
 export { JwtSignerFormComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JwtSignerFormComponent, decorators: [{

package/esm2022/lib/features/projectable-forms/posture-check/posture-check-form.component.mjs CHANGED Viewed

@@ -416,7 +416,7 @@ class PostureCheckFormComponent extends ProjectableForm {
     macAddressesChange(event) {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PostureCheckFormComponent, deps: [{ token: i1.PostureCheckFormService }, { 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: PostureCheckFormComponent, selector: "lib-posture-check", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: "<div class=\"posture-check-form-container 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 ? 'Edit Posture Check' : 'Create Posture Check')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"posture-checkform-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 [title]=\"'Name'\" [label]=\"'Required'\">\n                    <input\n                        id=\"PostureCheckName\"\n                        type=\"text\"\n                        maxlength=\"500\"\n                        placeholder=\"Name this posture check\"\n                        [ngClass]=\"{error: errors['name']}\"\n                        [(ngModel)]=\"formData.name\"\n                    >\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Select or create Posture Check attributes'\"\n                        [label]=\"'OPTIONAL'\"\n                        [contentStyle]=\"'z-index: 99999999'\"\n                        [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Posture Checks to form a group of Posture Checks.'\"\n                >\n                    <lib-tag-selector\n                            [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n                            [availableRoleAttributes]=\"pcRoleAttributes\"\n                            [placeholder]=\"'Add attributes to group Posture Checks'\"\n                    ></lib-tag-selector>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Type'\" [label]=\"'Required'\" class=\"schema-json-editor\">\n                    <select\n                            *ngIf=\"postureCheckTypes.length > 0\"\n                            [(ngModel)]=\"formData.typeId\"\n                            (change)=\"pcTypeChanged($event)\"\n                            [disabled]=\"formData.id\"\n                            [matTooltip]=\"formData.id ? 'Type cannot be changed' : ''\"\n                            matTooltipPosition=\"below\"\n                            id=\"SelectedConfigType\"\n                            class=\"form-field-dropdown\"\n                            (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                        <option value=\"\">Select posture check type...</option>\n                        <option\n                                *ngFor=\"let type of postureCheckTypes\"\n                                [value]=\"type.id\"\n                        >\n                            {{ type.name }}\n                        </option>\n                    </select>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'MAC Addresses'\" [label]=\"'Required'\" *ngIf=\"formData.typeId === 'MAC'\">\n                    <p-chips (keyup)=\"macAddressesChange($event)\"\n                             [(ngModel)]=\"formData.macAddresses\"\n                             [allowDuplicate]=\"false\"\n                             placeholder=\"Enter mc addresses\"\n                             [addOnBlur]=\"true\"\n                             [ngClass]=\"{ error: errors['macAddresses'] }\"\n                             separator=\",\"\n                             (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                    </p-chips>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Windows Domain Details'\" [label]=\"'Required'\" *ngIf=\"formData.typeId === 'DOMAIN'\">\n                    <p-chips (keyup)=\"macAddressesChange($event)\"\n                             [(ngModel)]=\"formData.domains\"\n                             [allowDuplicate]=\"false\"\n                             placeholder=\"Enter domains\"\n                             [addOnBlur]=\"true\"\n                             [ngClass]=\"{ error: errors['domains'] }\"\n                             separator=\",\"\n                             (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                    </p-chips>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Process Details'\" [contentClass]=\"'form-field-input-group'\" *ngIf=\"formData.typeId === 'PROCESS'\">\n                    <div class=\"form-field-label-container process-os-details-header\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Operating System</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <p-dropdown\n                                placeholder=\"Select configuration...\"\n                                optionLabel=\"name\"\n                                optionValue=\"type\"\n                                filterBy=\"name\"\n                                [options]=\"osTypes\"\n                                [filter]=\"false\"\n                                [showClear]=\"true\"\n                                [(ngModel)]=\"formData.process.osType\"\n                                (keyup.enter)=\"preventEnterProp($event)\"\n                        >\n                            <ng-template pTemplate=\"selectedItem\">\n                                <div class=\"os-type-dropdown-item\" *ngIf=\"formData.process.osType && formData.process.osType !== ''\">\n                                    <div class=\"os-type-dropdown-icon\"\n                                         [class]=\"'os-type-dropdown-icon-' + formData.process.osType\"\n                                    ></div>\n                                    <div>{{ formData.process.osType }}</div>\n                                </div>\n                            </ng-template>\n                            <ng-template let-os pTemplate=\"item\">\n                                <div class=\"os-type-dropdown-item\">\n                                    <div class=\"os-type-dropdown-icon\"\n                                         [class]=\"'os-type-dropdown-icon-' + os.type\"\n                                    ></div>\n                                    <div>{{ os.name }}</div>\n                                </div>\n                            </ng-template>\n                        </p-dropdown>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Hashes</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Valid sha256 hashes of a binary\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <p-chips [(ngModel)]=\"formData.process.hashes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter hashes\"\n                                 [addOnBlur]=\"true\"\n                                 [ngClass]=\"{ error: errors['processHashes'] }\"\n                                 separator=\",\"\n                                 (keyup.enter)=\"preventEnterProp($event)\"\n                        >\n                        </p-chips>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Path</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"/path/to/process\" [(ngModel)]=\"formData.process.path\" [ngClass]=\"{error: errors['processPath']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Fingerprint</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Fingerprints are the sha1 fingerprints (thumbprints) of valid signing certificates\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter a fingerprint\" [(ngModel)]=\"formData.process.signerFingerprint\" [ngClass]=\"{error: errors['androidOSMin']}\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Process Multi Details'\" *ngIf=\"formData.typeId === 'PROCESS_MULTI'\">\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Semantic</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <select\n                                [(ngModel)]=\"formData.semantic\"\n                                id=\"PolicySemantic\"\n                                class=\"form-field-dropdown\"\n                        >\n                            <option value=\"AllOf\">AllOf</option>\n                            <option value=\"AnyOf\">AnyOf</option>\n                        </select>\n                    </div>\n                    <div class=\"process-multi-item form-field-input-group\" *ngFor=\"let process of processMultiItems; index as i\">\n                        <div class=\"icon-clear\" *ngIf=\"processMultiItems.length > 1\" (click)=\"removeProcessItem(i)\"></div>\n                        <div class=\"form-field-label-container process-os-details-header\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Operating System</span>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-dropdown\n                                    placeholder=\"Select configuration...\"\n                                    optionLabel=\"name\"\n                                    optionValue=\"type\"\n                                    filterBy=\"name\"\n                                    [options]=\"osTypes\"\n                                    [filter]=\"false\"\n                                    [showClear]=\"true\"\n                                    [(ngModel)]=\"process.osType\"\n                                    (keyup.enter)=\"preventEnterProp($event)\"\n                            >\n                                <ng-template pTemplate=\"selectedItem\">\n                                    <div class=\"os-type-dropdown-item\" *ngIf=\"process.osType && process.osType !== ''\">\n                                        <div class=\"os-type-dropdown-icon\"\n                                             [class]=\"'os-type-dropdown-icon-' + process.osType\"\n                                        ></div>\n                                        <div>{{ process.osType }}</div>\n                                    </div>\n                                </ng-template>\n                                <ng-template let-os pTemplate=\"item\">\n                                    <div class=\"os-type-dropdown-item\">\n                                        <div class=\"os-type-dropdown-icon\"\n                                             [class]=\"'os-type-dropdown-icon-' + os.type\"\n                                        ></div>\n                                        <div>{{ os.name }}</div>\n                                    </div>\n                                </ng-template>\n                            </p-dropdown>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Hashes</span>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Valid sha256 hashes of a binary\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-chips [(ngModel)]=\"process.hashes\"\n                                     [allowDuplicate]=\"false\"\n                                     placeholder=\"Enter hashes\"\n                                     [addOnBlur]=\"true\"\n                                     [ngClass]=\"{ error: errors['processHashes'] }\"\n                                     separator=\",\"\n                                     (keyup.enter)=\"preventEnterProp($event)\"\n                            >\n                            </p-chips>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Path</span>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"/path/to/process\" [(ngModel)]=\"process.path\" [ngClass]=\"{error: errors['processPath']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Fingerprint</span>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Signer fingerprints are the sha1 fingerprints (thumbprints) of valid signing certificates\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-chips (keyup)=\"macAddressesChange($event)\"\n                                     [(ngModel)]=\"process.signerFingerprints\"\n                                     [allowDuplicate]=\"false\"\n                                     placeholder=\"Enter signer fingerprints\"\n                                     [addOnBlur]=\"true\"\n                                     [ngClass]=\"{ error: errors['process[' + i +'].signerFingerprints'] }\"\n                                     separator=\",\"\n                                     (keyup.enter)=\"preventEnterProp($event)\"\n                            />\n                        </div>\n                    </div>\n                    <div class=\"buttons process-multi-buttons\">\n                        <button class=\"button\" (click)=\"addProcessItem()\">Add Another Process</button>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Multi Factor Details'\"\n                        [layout]=\"'column'\"\n                        *ngIf=\"formData.typeId === 'MFA'\"\n                >\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Timeout (seconds)</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"# in seconds\" [(ngModel)]=\"formData.timeoutSeconds\" [ngClass]=\"{error: errors['timeoutSeconds']}\" type=\"number\"/>\n                        </div>\n                        <div class=\"config-item os-toggle-container\" (click)=\"toggleMFAPrompt('wake')\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Require On Wake</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: formData.promptOnWake }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.promptOnWake\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.promptOnWake\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item os-toggle-container\" (click)=\"toggleMFAPrompt('unlock')\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Require On Unlock</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: formData.promptOnUnlock }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.promptOnUnlock\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.promptOnUnlock\" 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-container\n                    [showHeader]=\"false\"\n                    [layout]=\"'column'\"\n                    *ngIf=\"formData.typeId === 'OS'\"\n                >\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Operating System</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\"\n                                 (click)=\"toggleOS('Android')\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button android-os-button\"></div>\n                                    <div class=\"config-container-label\">Android</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.Android.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Android.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Android.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></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\">Min Version</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Android.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Android.min\" [ngClass]=\"{error: errors['androidOSMin']}\" [disabled]=\"!osCheckData.Android.enabled || osCheckData.Android.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Max Version</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Android.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Android.max\" [ngClass]=\"{error: errors['androidOSMax']}\" [disabled]=\"!osCheckData.Android.enabled || osCheckData.Android.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('iOS')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button ios-os-button\"></div>\n                                    <div class=\"config-container-label\">iOS</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.iOS.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.iOS.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.iOS.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.iOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.iOS.min\" [ngClass]=\"{error: errors['iOS']}\" [disabled]=\"!osCheckData.iOS.enabled || osCheckData.iOS.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.iOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.iOS.max\" [ngClass]=\"{error: errors['iOS']}\" [disabled]=\"!osCheckData.iOS.enabled || osCheckData.iOS.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('Linux')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button linux-os-button\"></div>\n                                    <div class=\"config-container-label\">Linux</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.Linux.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Linux.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Linux.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Linux.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Linux.min\" [ngClass]=\"{error: errors['linuxOS']}\" [disabled]=\"!osCheckData.Linux.enabled || osCheckData.Linux.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Linux.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Linux.max\" [ngClass]=\"{error: errors['linuxOS']}\" [disabled]=\"!osCheckData.Linux.enabled || osCheckData.Linux.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\">\n                            <div class=\"config-container toggle-container os-toggle-container\"\n                                 (click)=\"toggleOS('macOS')\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button mac-os-button\"></div>\n                                    <div class=\"config-container-label\">macOS</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.macOS.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.macOS.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.macOS.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.macOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.macOS.min\" [ngClass]=\"{error: errors['macOS']}\" [disabled]=\"!osCheckData.macOS.enabled || osCheckData.macOS.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.macOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.macOS.max\" [ngClass]=\"{error: errors['macOS']}\" [disabled]=\"!osCheckData.macOS.enabled || osCheckData.macOS.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('Windows')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button windows-os-button\"></div>\n                                    <div class=\"config-container-label\">Windows</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.Windows.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Windows.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Windows.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Windows.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Windows.min\" [ngClass]=\"{error: errors['windowsOS']}\" [disabled]=\"!osCheckData.Windows.enabled || osCheckData.Windows.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Windows.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Windows.max\" [ngClass]=\"{error: errors['windowsOS']}\" [disabled]=\"!osCheckData.Windows.enabled || osCheckData.Windows.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('WindowsServer')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button windows-server-os-button\"></div>\n                                    <div class=\"config-container-label\">Windows Server</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.WindowsServer.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.WindowsServer.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.WindowsServer.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.WindowsServer.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.WindowsServer.min\" [ngClass]=\"{error: errors['windowsServerOS']}\" [disabled]=\"!osCheckData.WindowsServer.enabled || osCheckData.WindowsServer.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.WindowsServer.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.WindowsServer.max\" [ngClass]=\"{error: errors['windowsServerOS']}\" [disabled]=\"!osCheckData.WindowsServer.enabled || osCheckData.WindowsServer.isAdvanced\"/>\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                            *ngIf=\"!hideTags\"\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]=\"'API Calls'\"\n                        [label]=\"''\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\" readonly/>\n                        <div class=\"url-copy 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: [".posture-check-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}.form-group-column.three-fifths{width:calc(60% - .9375rem);min-width:34.375rem;max-width:43.75rem}.form-group-column.two-fifths{max-width:43.75rem}::ng-deep #jsoneditor{max-height:32rem;overflow:hidden}.os-toggle-container{gap:var(--gapSmall)}.os-toggle-container .config-container-label{text-transform:unset}.os-toggle-container{height:var(--defaultInputHeight);cursor:pointer}.os-toggle-container:hover .pc-os-button{transform:scale(1.05)}.os-version-row input:disabled{color:transparent!important}.os-version-row input:disabled::placeholder{color:transparent!important}.process-os-details-header{margin-top:var(--marginSmall)}input:disabled,select:disabled,textarea:disabled{opacity:.3!important;cursor:not-allowed}.process-multi-buttons{display:flex;flex-direction:row;justify-content:flex-end;margin:0}.process-multi-buttons button{background-color:var(--primaryColor);box-shadow:none;font-size:.75rem}.process-multi-buttons button:hover{filter:brightness(.8)}.process-multi-buttons button:active{transform:translateY(.0625rem)}.process-multi-item{display:flex;flex-direction:column;position:relative;gap:var(--gapMedium);border-width:.125rem;border-color:var(--menu);border-style:solid;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.process-multi-item .icon-clear{position:absolute;top:0;right:0;color:var(--red);margin-top:-.5rem;margin-right:-.5rem;background:var(--background);font-size:1.5rem;border-radius:2rem;cursor:pointer}.process-multi-item .icon-clear:hover{filter:brightness(.8)}.process-multi-item .icon-clear:active{transform:translateY(.0625rem)}.os-type-dropdown-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--gapMedium)}.os-type-dropdown-item div{font-size:.875rem!important;font-family:Open Sans,Arial,sans-serif;color:var(--tableText)}.os-type-dropdown-item .os-type-dropdown-icon{background-size:1.75rem;height:1.75rem;width:1.75rem;display:inline-block;background-position-x:center;background-position-y:center}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Android{background-image:url(/assets/images/android-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-iOS{background-image:url(/assets/images/ios-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Linux{background-image:url(/assets/images/linux-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-macOS{background-image:url(/assets/images/mac-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Windows{background-image:url(/assets/images/windows-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-WindowsServer{background-image:url(/assets/images/windows-server-os.png)}.pc-os-button{background-size:2rem;height:2rem;width:2rem;display:inline-block;background-position-x:center;background-position-y:center;margin-right:.5rem}.pc-os-button.android-os-button{background-image:url(/assets/images/android-os.png)}.pc-os-button.ios-os-button{background-image:url(/assets/images/ios-os.png)}.pc-os-button.linux-os-button{background-image:url(/assets/images/linux-os.png)}.pc-os-button.mac-os-button{background-image:url(/assets/images/mac-os.png)}.pc-os-button.windows-os-button{background-image:url(/assets/images/windows-os.png)}.pc-os-button.windows-server-os-button{background-color:var(--offWhite_ALWAYS);border-radius:2rem;width:2rem;height:2rem;min-width:2rem;background-size:1.625rem;background-image:url(/assets/images/windows-server-os.png)}::ng-deep .posture-check-form-container .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:.875rem!important;font-family:Open Sans,Arial,sans-serif;color:var(--tableText);padding:.25rem var(--paddingMedium)}::ng-deep .posture-check-form-container p-dropdown .p-dropdown.p-component .p-inputtext.p-dropdown-label{padding:0 var(--paddingMedium)}::ng-deep p-chips input[type=text]{width:100%}::ng-deep p-chips ul{padding:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11.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: i12.FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: i13.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: i14.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i15.FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: i16.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: i17.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: i18.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PostureCheckFormComponent, selector: "lib-posture-check", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: "<div class=\"posture-check-form-container 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 ? 'Edit Posture Check' : 'Create Posture Check')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"posture-checkform-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 [title]=\"'Name'\" [label]=\"'Required'\">\n                    <input\n                        id=\"PostureCheckName\"\n                        type=\"text\"\n                        maxlength=\"500\"\n                        placeholder=\"Name this posture check\"\n                        [ngClass]=\"{error: errors['name']}\"\n                        [(ngModel)]=\"formData.name\"\n                    >\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Select or create Posture Check attributes'\"\n                        [label]=\"'OPTIONAL'\"\n                        [contentStyle]=\"'z-index: 99999999'\"\n                        [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Posture Checks to form a group of Posture Checks.'\"\n                >\n                    <lib-tag-selector\n                            [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n                            [availableRoleAttributes]=\"pcRoleAttributes\"\n                            [placeholder]=\"'Add attributes to group Posture Checks'\"\n                    ></lib-tag-selector>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Type'\" [label]=\"'Required'\" class=\"schema-json-editor\">\n                    <select\n                            *ngIf=\"postureCheckTypes.length > 0\"\n                            [(ngModel)]=\"formData.typeId\"\n                            (change)=\"pcTypeChanged($event)\"\n                            [disabled]=\"formData.id\"\n                            [matTooltip]=\"formData.id ? 'Type cannot be changed' : ''\"\n                            matTooltipPosition=\"below\"\n                            id=\"SelectedConfigType\"\n                            class=\"form-field-dropdown\"\n                            (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                        <option value=\"\">Select posture check type...</option>\n                        <option\n                                *ngFor=\"let type of postureCheckTypes\"\n                                [value]=\"type.id\"\n                        >\n                            {{ type.name }}\n                        </option>\n                    </select>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'MAC Addresses'\" [label]=\"'Required'\" *ngIf=\"formData.typeId === 'MAC'\">\n                    <p-chips (keyup)=\"macAddressesChange($event)\"\n                             [(ngModel)]=\"formData.macAddresses\"\n                             [allowDuplicate]=\"false\"\n                             placeholder=\"Enter mc addresses\"\n                             [addOnBlur]=\"true\"\n                             [ngClass]=\"{ error: errors['macAddresses'] }\"\n                             separator=\",\"\n                             (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                    </p-chips>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Windows Domain Details'\" [label]=\"'Required'\" *ngIf=\"formData.typeId === 'DOMAIN'\">\n                    <p-chips (keyup)=\"macAddressesChange($event)\"\n                             [(ngModel)]=\"formData.domains\"\n                             [allowDuplicate]=\"false\"\n                             placeholder=\"Enter domains\"\n                             [addOnBlur]=\"true\"\n                             [ngClass]=\"{ error: errors['domains'] }\"\n                             separator=\",\"\n                             (keyup.enter)=\"preventEnterProp($event)\"\n                    >\n                    </p-chips>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Process Details'\" [contentClass]=\"'form-field-input-group'\" *ngIf=\"formData.typeId === 'PROCESS'\">\n                    <div class=\"form-field-label-container process-os-details-header\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Operating System</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <p-dropdown\n                                placeholder=\"Select configuration...\"\n                                optionLabel=\"name\"\n                                optionValue=\"type\"\n                                filterBy=\"name\"\n                                [options]=\"osTypes\"\n                                [filter]=\"false\"\n                                [showClear]=\"true\"\n                                [(ngModel)]=\"formData.process.osType\"\n                                (keyup.enter)=\"preventEnterProp($event)\"\n                        >\n                            <ng-template pTemplate=\"selectedItem\">\n                                <div class=\"os-type-dropdown-item\" *ngIf=\"formData.process.osType && formData.process.osType !== ''\">\n                                    <div class=\"os-type-dropdown-icon\"\n                                         [class]=\"'os-type-dropdown-icon-' + formData.process.osType\"\n                                    ></div>\n                                    <div>{{ formData.process.osType }}</div>\n                                </div>\n                            </ng-template>\n                            <ng-template let-os pTemplate=\"item\">\n                                <div class=\"os-type-dropdown-item\">\n                                    <div class=\"os-type-dropdown-icon\"\n                                         [class]=\"'os-type-dropdown-icon-' + os.type\"\n                                    ></div>\n                                    <div>{{ os.name }}</div>\n                                </div>\n                            </ng-template>\n                        </p-dropdown>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Hashes</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Valid sha256 hashes of a binary\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <p-chips [(ngModel)]=\"formData.process.hashes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter hashes\"\n                                 [addOnBlur]=\"true\"\n                                 [ngClass]=\"{ error: errors['processHashes'] }\"\n                                 separator=\",\"\n                                 (keyup.enter)=\"preventEnterProp($event)\"\n                        >\n                        </p-chips>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Path</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"/path/to/process\" [(ngModel)]=\"formData.process.path\" [ngClass]=\"{error: errors['processPath']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Fingerprint</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"Fingerprints are the sha1 fingerprints (thumbprints) of valid signing certificates\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter a fingerprint\" [(ngModel)]=\"formData.process.signerFingerprint\" [ngClass]=\"{error: errors['androidOSMin']}\"/>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container [title]=\"'Process Multi Details'\" *ngIf=\"formData.typeId === 'PROCESS_MULTI'\">\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Semantic</span>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <select\n                                [(ngModel)]=\"formData.semantic\"\n                                id=\"PolicySemantic\"\n                                class=\"form-field-dropdown\"\n                        >\n                            <option value=\"AllOf\">AllOf</option>\n                            <option value=\"AnyOf\">AnyOf</option>\n                        </select>\n                    </div>\n                    <div class=\"process-multi-item form-field-input-group\" *ngFor=\"let process of processMultiItems; index as i\">\n                        <div class=\"icon-clear\" *ngIf=\"processMultiItems.length > 1\" (click)=\"removeProcessItem(i)\"></div>\n                        <div class=\"form-field-label-container process-os-details-header\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Operating System</span>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-dropdown\n                                    placeholder=\"Select configuration...\"\n                                    optionLabel=\"name\"\n                                    optionValue=\"type\"\n                                    filterBy=\"name\"\n                                    [options]=\"osTypes\"\n                                    [filter]=\"false\"\n                                    [showClear]=\"true\"\n                                    [(ngModel)]=\"process.osType\"\n                                    (keyup.enter)=\"preventEnterProp($event)\"\n                            >\n                                <ng-template pTemplate=\"selectedItem\">\n                                    <div class=\"os-type-dropdown-item\" *ngIf=\"process.osType && process.osType !== ''\">\n                                        <div class=\"os-type-dropdown-icon\"\n                                             [class]=\"'os-type-dropdown-icon-' + process.osType\"\n                                        ></div>\n                                        <div>{{ process.osType }}</div>\n                                    </div>\n                                </ng-template>\n                                <ng-template let-os pTemplate=\"item\">\n                                    <div class=\"os-type-dropdown-item\">\n                                        <div class=\"os-type-dropdown-icon\"\n                                             [class]=\"'os-type-dropdown-icon-' + os.type\"\n                                        ></div>\n                                        <div>{{ os.name }}</div>\n                                    </div>\n                                </ng-template>\n                            </p-dropdown>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Hashes</span>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Valid sha256 hashes of a binary\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-chips [(ngModel)]=\"process.hashes\"\n                                     [allowDuplicate]=\"false\"\n                                     placeholder=\"Enter hashes\"\n                                     [addOnBlur]=\"true\"\n                                     [ngClass]=\"{ error: errors['processHashes'] }\"\n                                     separator=\",\"\n                                     (keyup.enter)=\"preventEnterProp($event)\"\n                            >\n                            </p-chips>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Path</span>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"/path/to/process\" [(ngModel)]=\"process.path\" [ngClass]=\"{error: errors['processPath']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">Fingerprint</span>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Signer fingerprints are the sha1 fingerprints (thumbprints) of valid signing certificates\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                                <span class=\"form-field-label\" >Required</span>\n                            </div>\n                            <p-chips (keyup)=\"macAddressesChange($event)\"\n                                     [(ngModel)]=\"process.signerFingerprints\"\n                                     [allowDuplicate]=\"false\"\n                                     placeholder=\"Enter signer fingerprints\"\n                                     [addOnBlur]=\"true\"\n                                     [ngClass]=\"{ error: errors['process[' + i +'].signerFingerprints'] }\"\n                                     separator=\",\"\n                                     (keyup.enter)=\"preventEnterProp($event)\"\n                            />\n                        </div>\n                    </div>\n                    <div class=\"buttons process-multi-buttons\">\n                        <button class=\"button\" (click)=\"addProcessItem()\">Add Another Process</button>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'Multi Factor Details'\"\n                        [layout]=\"'column'\"\n                        *ngIf=\"formData.typeId === 'MFA'\"\n                >\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Timeout (seconds)</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"# in seconds\" [(ngModel)]=\"formData.timeoutSeconds\" [ngClass]=\"{error: errors['timeoutSeconds']}\" type=\"number\"/>\n                        </div>\n                        <div class=\"config-item os-toggle-container\" (click)=\"toggleMFAPrompt('wake')\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Require On Wake</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: formData.promptOnWake }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.promptOnWake\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.promptOnWake\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"config-item os-toggle-container\" (click)=\"toggleMFAPrompt('unlock')\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Require On Unlock</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\">Require</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: formData.promptOnUnlock }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!formData.promptOnUnlock\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"formData.promptOnUnlock\" 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-container\n                    [showHeader]=\"false\"\n                    [layout]=\"'column'\"\n                    *ngIf=\"formData.typeId === 'OS'\"\n                >\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Operating System</span>\n                            </div>\n                            <div class=\"config-container toggle-container os-toggle-container\"\n                                 (click)=\"toggleOS('Android')\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button android-os-button\"></div>\n                                    <div class=\"config-container-label\">Android</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.Android.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Android.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Android.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></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\">Min Version</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Android.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Android.min\" [ngClass]=\"{error: errors['androidOSMin']}\" [disabled]=\"!osCheckData.Android.enabled || osCheckData.Android.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Max Version</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Android.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Android.max\" [ngClass]=\"{error: errors['androidOSMax']}\" [disabled]=\"!osCheckData.Android.enabled || osCheckData.Android.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('iOS')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button ios-os-button\"></div>\n                                    <div class=\"config-container-label\">iOS</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.iOS.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.iOS.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.iOS.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.iOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.iOS.min\" [ngClass]=\"{error: errors['iOS']}\" [disabled]=\"!osCheckData.iOS.enabled || osCheckData.iOS.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.iOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.iOS.max\" [ngClass]=\"{error: errors['iOS']}\" [disabled]=\"!osCheckData.iOS.enabled || osCheckData.iOS.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('Linux')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button linux-os-button\"></div>\n                                    <div class=\"config-container-label\">Linux</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.Linux.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Linux.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Linux.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Linux.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Linux.min\" [ngClass]=\"{error: errors['linuxOS']}\" [disabled]=\"!osCheckData.Linux.enabled || osCheckData.Linux.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Linux.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Linux.max\" [ngClass]=\"{error: errors['linuxOS']}\" [disabled]=\"!osCheckData.Linux.enabled || osCheckData.Linux.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\">\n                            <div class=\"config-container toggle-container os-toggle-container\"\n                                 (click)=\"toggleOS('macOS')\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button mac-os-button\"></div>\n                                    <div class=\"config-container-label\">macOS</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.macOS.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.macOS.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.macOS.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.macOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.macOS.min\" [ngClass]=\"{error: errors['macOS']}\" [disabled]=\"!osCheckData.macOS.enabled || osCheckData.macOS.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.macOS.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.macOS.max\" [ngClass]=\"{error: errors['macOS']}\" [disabled]=\"!osCheckData.macOS.enabled || osCheckData.macOS.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('Windows')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button windows-os-button\"></div>\n                                    <div class=\"config-container-label\">Windows</div>\n                                </div>\n                                <div\n                                    [ngClass]=\"{ on: osCheckData.Windows.enabled }\"\n                                    class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.Windows.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.Windows.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Windows.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Windows.min\" [ngClass]=\"{error: errors['windowsOS']}\" [disabled]=\"!osCheckData.Windows.enabled || osCheckData.Windows.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.Windows.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.Windows.max\" [ngClass]=\"{error: errors['windowsOS']}\" [disabled]=\"!osCheckData.Windows.enabled || osCheckData.Windows.isAdvanced\"/>\n                        </div>\n                    </div>\n                    <div class=\"form-field-row os-version-row\">\n                        <div class=\"config-item os-toggle-container\"\n                             (click)=\"toggleOS('WindowsServer')\">\n                            <div class=\"config-container toggle-container os-toggle-container\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"pc-os-button windows-server-os-button\"></div>\n                                    <div class=\"config-container-label\">Windows Server</div>\n                                </div>\n                                <div\n                                        [ngClass]=\"{ on: osCheckData.WindowsServer.enabled }\"\n                                        class=\"toggle\"\n                                >\n                                    <span [hidden]=\"!osCheckData.WindowsServer.enabled\" class=\"on-label\">YES</span>\n                                    <span [hidden]=\"osCheckData.WindowsServer.enabled\" class=\"off-label\">NO</span>\n                                    <div class=\"switch\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.WindowsServer.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.WindowsServer.min\" [ngClass]=\"{error: errors['windowsServerOS']}\" [disabled]=\"!osCheckData.WindowsServer.enabled || osCheckData.WindowsServer.isAdvanced\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <input class=\"form-field-input\" placeholder=\"#.#.#\" [matTooltip]=\"osCheckData.WindowsServer.isAdvanced ? 'Use JSON view to edit' : ''\" [(ngModel)]=\"osCheckData.WindowsServer.max\" [ngClass]=\"{error: errors['windowsServerOS']}\" [disabled]=\"!osCheckData.WindowsServer.enabled || osCheckData.WindowsServer.isAdvanced\"/>\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                            *ngIf=\"!hideTags\"\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]=\"'API Calls'\"\n                        [label]=\"''\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\" readonly/>\n                        <div class=\"url-copy 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: [".posture-check-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}.form-group-column.three-fifths{width:calc(60% - .9375rem);min-width:34.375rem;max-width:43.75rem}.form-group-column.two-fifths{max-width:43.75rem}::ng-deep #jsoneditor{max-height:32rem;overflow:hidden}.os-toggle-container{gap:var(--gapSmall)}.os-toggle-container .config-container-label{text-transform:unset}.os-toggle-container{height:var(--defaultInputHeight);cursor:pointer}.os-toggle-container:hover .pc-os-button{transform:scale(1.05)}.os-version-row input:disabled{color:transparent!important}.os-version-row input:disabled::placeholder{color:transparent!important}.process-os-details-header{margin-top:var(--marginSmall)}input:disabled,select:disabled,textarea:disabled{opacity:.3!important;cursor:not-allowed}.process-multi-buttons{display:flex;flex-direction:row;justify-content:flex-end;margin:0}.process-multi-buttons button{background-color:var(--primaryColor);box-shadow:none;font-size:.75rem}.process-multi-buttons button:hover{filter:brightness(.8)}.process-multi-buttons button:active{transform:translateY(.0625rem)}.process-multi-item{display:flex;flex-direction:column;position:relative;gap:var(--gapMedium);border-width:.125rem;border-color:var(--menu);border-style:solid;padding:var(--paddingMedium);border-radius:var(--inputBorderRadius)}.process-multi-item .icon-clear{position:absolute;top:0;right:0;color:var(--red);margin-top:-.5rem;margin-right:-.5rem;background:var(--background);font-size:1.5rem;border-radius:2rem;cursor:pointer}.process-multi-item .icon-clear:hover{filter:brightness(.8)}.process-multi-item .icon-clear:active{transform:translateY(.0625rem)}.os-type-dropdown-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--gapMedium)}.os-type-dropdown-item div{font-size:.875rem!important;font-family:Open Sans,Arial,sans-serif;color:var(--tableText)}.os-type-dropdown-item .os-type-dropdown-icon{background-size:1.75rem;height:1.75rem;width:1.75rem;display:inline-block;background-position-x:center;background-position-y:center}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Android{background-image:url(/assets/images/android-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-iOS{background-image:url(/assets/images/ios-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Linux{background-image:url(/assets/images/linux-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-macOS{background-image:url(/assets/images/mac-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-Windows{background-image:url(/assets/images/windows-os.png)}.os-type-dropdown-item .os-type-dropdown-icon.os-type-dropdown-icon-WindowsServer{background-image:url(/assets/images/windows-server-os.png)}.pc-os-button{background-size:2rem;height:2rem;width:2rem;display:inline-block;background-position-x:center;background-position-y:center;margin-right:.5rem}.pc-os-button.android-os-button{background-image:url(/assets/images/android-os.png)}.pc-os-button.ios-os-button{background-image:url(/assets/images/ios-os.png)}.pc-os-button.linux-os-button{background-image:url(/assets/images/linux-os.png)}.pc-os-button.mac-os-button{background-image:url(/assets/images/mac-os.png)}.pc-os-button.windows-os-button{background-image:url(/assets/images/windows-os.png)}.pc-os-button.windows-server-os-button{background-color:var(--offWhite_ALWAYS);border-radius:2rem;width:2rem;height:2rem;min-width:2rem;background-size:1.625rem;background-image:url(/assets/images/windows-server-os.png)}::ng-deep .posture-check-form-container .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:.875rem!important;font-family:Open Sans,Arial,sans-serif;color:var(--tableText);padding:.25rem var(--paddingMedium)}::ng-deep .posture-check-form-container p-dropdown .p-dropdown.p-component .p-inputtext.p-dropdown-label{padding:0 var(--paddingMedium)}::ng-deep p-chips input[type=text]{width:100%}::ng-deep p-chips ul{padding:0}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11.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: i12.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: i13.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: i14.LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: i15.FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: i16.JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: i17.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: i18.CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
 }
 export { PostureCheckFormComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PostureCheckFormComponent, decorators: [{